/*====================================== Selectric v1.13.0 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /** * selectize.css (v0.12.6) * Copyright (c) 2013–2015 Brian Reavis & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis */ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #fff; box-shadow: inset 0 0 12px 4px #fff; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #ffffff; } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #fff; cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .selectize-control.multi .selectize-input.has-items { padding: 6px 8px 3px; } .selectize-input.full { background-color: #fff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #fff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown .option, .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: 0.5; } .selectize-dropdown [data-selectable].option { opacity: 1; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; } /* Offset direction */ .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical .noUi-origin { top: -100%; width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; right: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; right: -6px; bottom: -17px; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3FB8AF; } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .noUi-horizontal .noUi-origin > .noUi-tooltip { -webkit-transform: translate(50%, 0); transform: translate(50%, 0); left: auto; bottom: 10px; } .noUi-vertical .noUi-origin > .noUi-tooltip { -webkit-transform: translate(0, -18px); transform: translate(0, -18px); top: auto; right: 28px; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(data:image/png;base64,LyoqKiBJTVBPUlRTIEZST00gaW1wb3J0cy1sb2FkZXIgKioqLwp2YXIgZGVmaW5lID0gZmFsc2U7CihmdW5jdGlvbigpIHsKCu+/vVBORw0KGgoAAAANSUhEUgAAAO+/vQAAAO+/vQgGAAAA77+977+9YO+/vQAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHvv71lPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMURDMzE5NzIzQkNFMTExOTY0QkYwNzFDNzkwNTlDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOTMwRUZENEMxMUUxMUUzOUYxQkJGN0E1MDMzNTg1MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOTMwRUZEM0MxMUUxMUUzOUYxQkJGN0E1MDMzNTg1MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MGJlMjMyZC1hNzgzLTI1NGQtOTI4Yy02NDI0YmQxNTg0YWEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTFEQzMxOTcyM0JDRTExMTk2NEJGMDcxQzc5MDU5QzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Z77+9Iu+/vQAAB++/vUlEQVR477+977+93Y3vv702FEbvv73vv73vv73vv70iQO+/vVzvv70K77+9Pu+/ve+/vRTvv70C77+9zZjvv70iC0wF77+977+9WBsv77+977+977+977+9J++/ve+/vQECPO+/vXkl77+9B++/vXjvv71RM2/vv702Ie+/vUozACIARADvv71Q77+9AB4fzo3vv73vv73vv73vv73vv70qd++/ve+/ve+/ve+/ve+/ve+/ve+/vSvvv70/FUDvv70RfNOIEB7vv73vv73vv73vv71U77+977+977+977+9UwHvv73vv73vv70b77+9NxTvv71m77+914bvv73vv73vv71TAe+/ve+/vRTvv70RIO+/vRnvv71177+9Iu+/vR8DQe+/vRDvv73vv73vv73vv70AbkZDb++/ve+/ve+/vQbvv70ZQu+/vTPvv71S77+977+9Bt+j77+9Xhvvv73vv73vv73vv70Q6oOv77+977+9cwI4K++/ve+/vT3vv73vv70C77+977+9EG7vv70Y77+977+9cw/vv73vv70A77+9Oe+/ve+/ve+/vQXvv71677+9LQLvv73vv70eLO+/vRBefRZq77+9KUN7z5QeLO+/vRDvv70CQBdo77+9De+/ve+/vQF077+9Nu+/vRDvv70a77+9OUPvv73vv70CKH0/JO+/vVUBLO+/ve+/vRkuGe+/vTIRPHoeEAABEAABEAARAkAE77+9CAEgAkDvv70AEAEgQgDvv73vv70PIO+/ve+/ve+/vSURDe+/vQAI77+9AAjvv73vv70AxI7vv70AIHbvv718AO+/ve+/vWBIDQAAQ2rvv70Q77+9JT9hCO+/ve+/vSXvv71NSRnvv71jU1I877+9R2Pvv70tM++/vcafbe+/ve+/vUMwG++/vTPvv70+U3rvv70rbkxvOu+/vXV077+9IhDvv71o77+977+9SQgPJ++/vQgBDyfvv703Cy4BIe+/vWcb77+977+9OQBECAARACIE77+9CAARAkAE77+9CFUD77+9ZC4uR+yur++/vWQuLkfvv73vv73Xp01E77+9aO+/vRzvv73vv73vv73vv70YG1Xvv73vv709XO+/vXYp77+9d++/vXJfY3Lvv73vv73vv71977+9Ie+/vTVm77+9Ee+/vXPvv71H77+977+977+977+9c1ZG77+9OWzvv71DAQzvv73vv73vv70dw5dyfVExQho377+977+9a8OXcn0ACO+/ve+/vQLvv70Q77+9EO+/vXQIZhLvv70k77+977+9JO+/vTQMae+/ve+/vWkY77+9IUhEJzQE77+977+9eAARKiYARADvv70AECEARADvv71Q77+9AO+/vT5lUu+/ve+/vc6QMikRIwbvv73vv70G77+9bGLvv70s77+977+977+9MULvv73vv73vv70bOe+/ve+/vVzvv73Hge+/vQxh77+977+977+977+9J3pF77+9A++/ve+/ve+/vWsjQu+/vRDvv71kRO+/vQAsaXfvv70B77+9Ze+/vVg5IO+/ve+/vR8QAAHvv70h77+9Ie+/ve+/vSHvv71JCO+/ve+/vS4nIe+/vWFI77+9NE3DkO+/ve+/ve+/ve+/vSTvv73vv73vv70BEe+/vQc+ACIARADvv70QACIARO+/vTXvv73vv73vv73vv73vv70f77+9fu+/ve+/vXzvv70f77+9fu+/ve+/vR/vv708MVPLj13vv73vv73vv73vv73vv717fX8rWX44PQB8Oe+/ve+/ve+/vX3vv73vv73vv73vv73vv70kHO+/ve+/vT5277+977+977+977+977+9Xz7vv712PD57K1V+77+9OjPvv73vv73vv73vv73vv70QIEotfwbvv70+HO+/vRzHhw3vv73vv73vv70DeBN677+977+9c1tPdnvvv73vv73vv73vv73vv71877+9R++/ve+/vWbvv71ePu+/ve+/vWQ3X3lPT3jvv73vv73vv73vv705Ej/vv70577+9MG9H77+977+977+977+9X1/vv73vv73vv70/77+92ZZl77+977+977+9He+/vRRu77+9au+/vU/vv73vv711OcqyNO+/ve+/ve+/vUc5YVlLVX/vv73vv73vv71Q77+9VW0dAC4O77+977+977+9Fu+/vQZg77+977+9Ce+/ve+/vXXvv71aJO+/vRzvv70577+977+9A++/ve+/ve+/vV7vv73vv70Z77+9Yxbvv73vv71+77+977+977+9BsaP77+977+977+9fO+/vVrvv70V77+9Il7Lu++/vTcp4rae77+977+977+977+9Xu+/ve+/ve+/vTDvv73Yv++/ve+/vSzvv71h77+977+977+977+977+9e++/vS9uDz1g77+9Hmh2DO+/ve+/vQrvv70cQ++/vTBJ77+977+9Hu+/vRUScwhV77+977+977+977+9egXvv73vv70y378L77+977+9AO+/vQNA77+977+977+9Be+/vX3vv71d77+977+977+977+977+9AO+/ve+/vQXvv73vv73vv70XfADvv71G77+9Xe+/ve+/vVrvv71XB3hz77+977+9PShb77+9BQDvv71K77+9Se+/ve+/vT0P77+977+9Fe+/ve+/vQHvv70/77+9TO+/vcqPLu+/vS/vv71KCO+/vWgS77+9TVdCWO+/vWMp77+977+977+9GSHvv73vv70XM0JEHhAhAEQA77+9EAAiAEQIAO+/vTUBJA3vv71S77+977+9Ye+/vUQi77+9RDR7Qljvv71LLs+eEO+/ve+/ve+/vSck77+9EO+/ve+/vXtC77+977+9Rxfvv70XKWlP77+9Ru+/ve+/vVrvv73vv73Oqe+/vRPvv73vv71s77+9F++/ve+/vVvvv71J77+977+9T++/ve+/vSzYtidkc++/vX5I77+9E2Lvv73vv73vv73ek++/ve+/ve+/vSzvv70l77+977+977+9Y++/ve+/vWlPyKPvv73vv73vv73vv73vv73vv70J77+9We+/vQVb77+9dU/vv73vv73vv71f77+9yarvv71677+9Se+/vWIaPXVPR+qekl7vv70LUe+/ve+/ve+/vT0d77+9e0paAXhXQu+/ve+/vdOwee+/ve+/ve+/vUwe77+9eu+/ve+ugUTvv70nRBpC77+977+977+977+9Fu+/vRXvv71rBEDvv73vv73vv73vv719W++/vTXvv70n77+977+9WyMActafYlPvv71a77+9B24F77+9bU/vv70LIO+/vQZp77+977+977+9ME9jDO+/ve+/vX7vv70HIFXvv705Jg7vv73vv73vv711I++/ve+/vRJCIu+/vUQ0e0JY77+9Y08IZu+/ve+/ve+/vQxm77+977+9PCBCAO+/vQAQIQBEAFhiMnHvv73vv71J77+977+977+9aScn77+977+9Ke+/vUrvv73vv71O77+977+9OT0zVUgoXypB77+9O++/vXzvv70E77+977+9Ru+/vTNaG0/vv73vv73vv702Yw/vv73vv73vv71z77+9THJK77+977+9azrvv70P77+977+977+9b++/ve+/ve+/vXU9PT8m77+977+9bu+/ve+/vTsa77+977+977+9c9WfI2Z077+977+9Mu+/ve+/vQAuDlDvv70LXBzvv70XD3xbYDwNfC0X77+9FwkURwMH1Z8i77+9Al9t77+9OQtOfVrvv70p77+977+977+9BnHvv73vv70Z77+977+977+977+9BQAt77+977+9DT5bD++/vVBTAF3vv71o77+9Ru+/vVZmcu+/ve+/ve+/vVbvv73vv73vv73vv73Tv3EQ77+90Yfvv73vv73vv718Z10oe++/ve+/ve+/vWvvv71vHEwA77+9CGBWR++/vTVi77+9XGNG77+9TiBcI++/vQnvv70/Re+/ve+/ve+/vWsJ77+9Ce+/ve+/vRlt77+977+977+9dTnvv71j77+9aSFsJe+/vTM6V++/vTliRu+/vV8z77+9NO+/vWgS0b3vv73vv73vv70U77+9UlxTR++/vSHvv70IaSkZ77+9CBF5QO+/vQAQASBDMENw77+9WTDvv70QJiHvv70BSe+/ve+/vQcs77+9B++/vWLvv73vv70B77+9egBr77+9AR3vv73vv73vv73vv71TAw9g77+9H9C177+9EO+/vQfvv71WLk7vv70H77+977+9NkTXn++/vXJxOj/vv73vv71xZ2UZ77+9M++/vVrvv70E77+9Gu+/ve+/vde4FnDvv73vv71P77+9FhxUf++/ve+/vQjvv73vv73vv70acELvv73vv71a77+9a++/vXzvv73vv70B77+977+9BO+/vQED77+977+977+9AyLvv710CDbvv73vv70277+977+977+924Tvv70BNe+/ve+/vT3vv71377+977+977+977+9Dyjvv73vv73vv71YP++/vXLvv70M77+977+977+977+9aO+/vR9QA++/veqIv0bcs++/ve+/ve+/vSde77+9B++/ve+/ve+/vVPcs++/ve+/ve+/vWcDUO+/ve+/vUnvv73vv73vv70BJe+/vU7vv70H77+977+9NO+/ve+/vS/vv73JqQHvv73vv70mKyEk77+9SUTvv70HZCkOPyBm77+977+977+9DGbvv73vv708IEJV77+977+9AAMA77+977+9ce+/ve+/ve+/vRsAAAAASUVORO+/vUJg77+9Cn0uY2FsbCh3aW5kb3cpKTs=); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078A8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } /* Printing */ @media print { /* Prevent printers from removing background-images of controls. */ .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow { -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in; -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in; -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in; transition: transform 0.3s ease-out, opacity 0.3s ease-in; } .leaflet-cluster-spider-leg { /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */ -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in; -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in; -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in; transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; } /** * Swiper 4.5.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 13, 2019 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mapboxgl-canvas{position:absolute;left:0;top:0}.mapboxgl-map:-webkit-full-screen{width:100%;height:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{position:absolute;pointer-events:none;z-index:2}.mapboxgl-ctrl-top-left{top:0;left:0}.mapboxgl-ctrl-top-right{top:0;right:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{right:0;bottom:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{margin:10px 0 0 10px;float:left}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{margin:10px 10px 0 0;float:right}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin:0 0 10px 10px;float:left}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{margin:0 10px 10px 0;float:right}.mapboxgl-ctrl-group{border-radius:4px;background:#fff}.mapboxgl-ctrl-group:not(:empty){-moz-box-shadow:0 0 2px rgba(0,0,0,.1);-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{width:29px;height:29px;display:block;padding:0;outline:none;border:0;box-sizing:border-box;background-color:transparent;cursor:pointer}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl button::-moz-focus-inner{border:0;padding:0}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:focus:only-child{border-radius:inherit}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{-webkit-animation:mapboxgl-spin 2s linear infinite;-moz-animation:mapboxgl-spin 2s infinite linear;-o-animation:mapboxgl-spin 2s infinite linear;-ms-animation:mapboxgl-spin 2s infinite linear;animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@-webkit-keyframes mapboxgl-spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-moz-keyframes mapboxgl-spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(1turn)}}@-o-keyframes mapboxgl-spin{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(1turn)}}@-ms-keyframes mapboxgl-spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(1turn)}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{width:88px;height:23px;margin:0 0 -4px -4px;display:block;background-repeat:no-repeat;cursor:pointer;overflow:hidden;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url("#c#c")'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url("#c#c")'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url("#c#c")'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{padding:0 5px;background-color:hsla(0,0%,100%,.5);margin:0}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{min-height:20px;padding:2px 24px 2px 0;margin:10px;position:relative;background-color:#fff;border-radius:12px}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 8px 2px 28px;border-radius:12px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{display:none;cursor:pointer;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");background-color:hsla(0,0%,100%,.5);width:24px;height:24px;box-sizing:border-box;border-radius:12px;outline:none;top:0;right:0;border:0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{top:0;right:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{top:0;left:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);font-size:10px;border:2px solid #333;border-top:#333;padding:0 5px;color:#333;box-sizing:border-box}.mapboxgl-popup{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;will-change:transform;pointer-events:none}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{-webkit-flex-direction:column;flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.mapboxgl-popup-anchor-left{-webkit-flex-direction:row;flex-direction:row}.mapboxgl-popup-anchor-right{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.mapboxgl-popup-tip{width:0;height:0;border:10px solid transparent;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-top:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-top:none;border-left:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-top:none;border-right:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{-webkit-align-self:center;align-self:center;border-right:none;border-left-color:#fff}.mapboxgl-popup-close-button{position:absolute;right:0;top:0;border:0;border-radius:0 3px 0 0;cursor:pointer;background-color:transparent}.mapboxgl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.mapboxgl-popup-content{position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{position:absolute;top:0;left:0;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;width:15px;height:15px;border-radius:50%}.mapboxgl-user-location-dot:before{content:"";position:absolute;-webkit-animation:mapboxgl-user-location-dot-pulse 2s infinite;-moz-animation:mapboxgl-user-location-dot-pulse 2s infinite;-ms-animation:mapboxgl-user-location-dot-pulse 2s infinite;animation:mapboxgl-user-location-dot-pulse 2s infinite}.mapboxgl-user-location-dot:after{border-radius:50%;border:2px solid #fff;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px;box-sizing:border-box;box-shadow:0 0 3px rgba(0,0,0,.35)}@-webkit-keyframes mapboxgl-user-location-dot-pulse{0%{-webkit-transform:scale(1);opacity:1}70%{-webkit-transform:scale(3);opacity:0}to{-webkit-transform:scale(1);opacity:0}}@-ms-keyframes mapboxgl-user-location-dot-pulse{0%{-ms-transform:scale(1);opacity:1}70%{-ms-transform:scale(3);opacity:0}to{-ms-transform:scale(1);opacity:0}}@keyframes mapboxgl-user-location-dot-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:rgba(29,161,242,.2);width:1px;height:1px;border-radius:100%}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{position:absolute;top:0;left:0;width:0;height:0;background:#fff;border:2px dotted #202020;opacity:.5}@media print{.mapbox-improve-map{display:none}} fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}} @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: #fff; background-color: #292522; cursor: pointer; -webkit-transition: background-color 0.3s ease, opacity 0.3s ease; transition: background-color 0.3s ease, opacity 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .button:hover { background-color: #2c3031; } .button-md { padding: 15px 20px; } .button.disabled { background-color: #a1a3a3; pointer-events: none; } .inline-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 65px; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-size: 16px; color: #fff; background-color: #3b4658; cursor: pointer; -webkit-transition: background-color 0.3s ease, opacity 0.3s ease; transition: background-color 0.3s ease, opacity 0.3s ease; } .inline-button:hover { background-color: #272e39; } .button-a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: #14191a; background-color: transparent; border: 1px solid #ababab; cursor: pointer; -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; } .button-a:hover { background-color: #3b4658; border-color: #3b4658; color: #fff; } .button-b { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: #fff; background-color: #3b4658; cursor: pointer; -webkit-transition: color 0.3s, opacity 0.3s ease; transition: color 0.3s, opacity 0.3s ease; border: 2px solid #3b4658; } .button-b:after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: width .3s, height .3s ease, opacity .3s; transition: width .3s, height .3s ease, opacity .3s; border: 1px solid #fff; } .button-b:hover:after { opacity: 1; width: calc(100% - 8px); height: calc(100% - 8px); } .button-b:active:after { opacity: 1; width: 100%; height: 100%; } .button-c { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: #fff; border: 1px solid #fff; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .button-c:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: -1; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .button-c:hover { background-color: #fff; color: #14191a; } .button-c:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .button-white { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; font-size: 16px; color: white; background-color: transparent; border: 1px solid white; cursor: pointer; outline: none; -webkit-transition: border-color 0.3s ease, opacity 0.3s ease; transition: border-color 0.3s ease, opacity 0.3s ease; } .button-white:hover { border-color: transparent; } @media only screen and (max-width: 750px) { .button-white:hover { border-color: white; } } .button-e { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: #fff; border: 1px solid #bcbdbf; cursor: pointer; -webkit-transition: border-color 0.3s ease, opacity 0.3s ease; transition: border-color 0.3s ease, opacity 0.3s ease; } .button-e:hover { border-color: transparent; text-decoration: underline; } @media only screen and (max-width: 750px) { .button-e:hover { border-color: #bcbdbf; } } .button-f { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: #14191a; border: 1px solid #3b4658; cursor: pointer; -webkit-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } @media (hover), (min-width: 0 \0) { .button-f:hover { color: white; background-color: #3b4658; } } .button-f:active { color: white; background-color: #3b4658; } .button-w { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: #14191a; background-color: white; border-radius: 2px; cursor: pointer; -webkit-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } @media (hover), (min-width: 0 \0) { .button-w:hover { background-color: #f4f4f4; } } .button-w:active { background-color: #f4f4f4; } .button-t { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #d8dade; background-color: transparent; font-size: 16px; color: #3b4658; cursor: pointer; -webkit-transition: border-color 0.3s ease, background-color 0.3s ease; transition: border-color 0.3s ease, background-color 0.3s ease; } @media (hover), (min-width: 0 \0) { .button-t:hover { border-color: transparent; } } .button-t:active { background-color: #f4f4f4; } .button-r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: white; background-color: #ef3b24; border-radius: 4px; cursor: pointer; -webkit-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } @media (hover), (min-width: 0 \0) { .button-r:hover { background-color: #f26250; } } .button-r:active { background-color: #f26250; } .button-rt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; border: 1px solid #b1b5bc; border-radius: 4px; cursor: pointer; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } @media (hover), (min-width: 0 \0) { .button-rt:hover { border-color: #f26250; background-color: #f26250; color: white; } } .button-rt:active { border-color: #f26250; background-color: #f26250; color: white; } .button-rtfr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; border: 1px solid #ef3b24; color: #ef3b24; cursor: pointer; -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } @media (hover), (min-width: 0 \0) { .button-rtfr:hover { border-color: #ef3b24; background-color: #ef3b24; color: white; } } .button-rtfr:active { border-color: #ef3b24; background-color: #ef3b24; color: white; } .input { font-size: 14px; color: #000; padding: 15px 20px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #d4d4d4; -webkit-box-shadow: none; box-shadow: none; background-color: white; } .input.--textarea { height: 80px; } .input.wrong { border: 1px solid #ef3b24; } .checkbox { position: relative; min-width: 22px; min-height: 22px; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 2px; cursor: pointer; } .checkbox > input[type=checkbox], .checkbox__input { visibility: hidden; width: 0; height: 0; min-width: 0; min-height: 0; } .checkbox > input[type=checkbox]:checked + label:after, .checkbox > input[type=checkbox]:checked + .checkbox__custom:after, .checkbox__input:checked + label:after, .checkbox__input:checked + .checkbox__custom:after { opacity: 1; } .checkbox > label, .checkbox__custom { display: block; position: absolute; top: 0; left: 0; width: 22px; height: 22px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; cursor: pointer; background-color: white; border: 1px solid #d4d4d4; } .checkbox > label:after, .checkbox__custom:after { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNSAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNUw2LjUgMTAuNUwxMyAxIiBzdHJva2U9IiMzQjQ2NTciIHN0cm9rZS13aWR0aD0iMi41Ii8+Cjwvc3ZnPgo=) center no-repeat; background-size: 100%; opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .checkbox__label { padding-left: 42px; } .switcher { width: 45px; height: 20px; background-color: #e9e9e9; margin: 0 13px; position: relative; border-radius: 39px; } .switcher > input[type=checkbox] { visibility: hidden; } .switcher > input[type=checkbox]:checked + label { -webkit-transform: translate(26px, -50%); transform: translate(26px, -50%); } .switcher > input[type=checkbox]:checked + label:after { -webkit-transform: translateX(-20px); transform: translateX(-20px); } .switcher > label { display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translate(6px, -50%); transform: translate(6px, -50%); width: 13px; height: 13px; background-color: #3b4658; border-radius: 50%; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; cursor: pointer; } .switcher > label:after { content: ''; position: absolute; top: -4px; left: -6px; width: 45px; height: 20px; } .selectric-container.wrong .selectric { border: 1px solid red; } @media only screen and (max-width: 750px) { .selectric-hide-select.selectric-is-native { left: 0; top: 0; } } .selectric { position: relative; background-color: #fff; border: 1px solid #d4d4d4; padding: 4px 16px; border-radius: 4px; } .selectric.wrong { border-color: #ef3b24; } .selectric-arrow { position: absolute; top: 50%; right: 20px; height: 10px; width: 10px; border-right: 1px solid #3b4658; border-bottom: 1px solid #3b4658; -webkit-transform: translateY(-60%) rotate(45deg); transform: translateY(-60%) rotate(45deg); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; } .selectric-open .selectric-arrow { -webkit-transform: translateY(-40%) rotate(-135deg); transform: translateY(-40%) rotate(-135deg); } .selectric .label { font-weight: 300; margin: 0; padding-right: 33px; font-size: 14px; color: #14191a; } .selectric-items { display: block; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; border: 1px solid #d4d4d4; border-top: none; background-color: #f9f9f9; outline: none; } .selectric-open .selectric-items { -webkit-transform: scaleY(1); transform: scaleY(1); } .selectric-items .selectric-group { border-bottom: 1px solid #d4d4d4; } .selectric-items ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .selectric-items li { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-bottom: 1px solid #d4d4d4; background-color: #fff; padding: 10px 16px; font-weight: 300; } .selectric-items li:last-child { border: none; } .selectric-items li.highlighted { background-color: #f2f2f2; color: #14191a; font-size: 13px; } .selectric-items li.selected { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; /*stylelint-disable*/ background-color: #f2f2f2 !important; /*stylelint-enable*/ } ._checklist .selectric-items li.selected:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHJlY3QgeD0iMC4zNjQ4NSIgeT0iMC4zNjQ3NSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjkuMjY5NzYiIGhlaWdodD0iOS4yNjk3NiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMCwxMEgwVjBoMTBWMTB6IE0wLjczMDI0LDkuMjY5NzZoOC41Mzk1M1YwLjczMDI0SDAuNzMwMjRWOS4yNjk3NnoiLz4NCjwvZz4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiMzNzQ2NUEiIHBvaW50cz0iNC43NjExMSw3LjY5NjY0IDEuOTg2NTIsNC40MTg2MyAyLjc2NjA0LDMuNzU4OCA0Ljc1NzA5LDYuMTExNDUgNy43ODQ2NSwyLjQ5OTUgOC41NjgyLDMuMTU1Mw0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K) center no-repeat; } .selectric-items li._title { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } .selectric-items li.disabled { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .selectric-items li.disabled._commerce { display: none; } .selectric-items li:hover { background: #f2f2f2; } @media only screen and (max-width: 750px) { .selectric-items li:hover { background: white; } } ._checklist .selectric-items li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._checklist .selectric-items li:before { content: ''; -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; background-size: 10px 10px; margin-right: 8px; border: 1px solid #3b4658; } .selectric-items li.selectric-group-label:before { content: none; } .selectric-scroll { opacity: 0; -webkit-transition: opacity .1s ease; transition: opacity .1s ease; } .selectric-open .selectric-scroll { opacity: 1; -webkit-transition: opacity .2s ease .1s; transition: opacity .2s ease .1s; } .range-slider { border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; height: 1px; background-color: #d4d4d4; } .range-slider.--transparent { background-color: transparent; } .range-slider.--debt { width: 100%; } @media only screen and (max-width: 750px) { .range-slider { position: relative; height: 3px; } } .range-slider .noUi-base:after { content: ''; position: absolute; left: 0; top: 50%; height: 7px; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .range-slider .noUi-origin { right: -100%; } .range-slider .noUi-handle { position: relative; border: none; width: 14px; height: 14px; border-radius: 50%; background-color: #3b4658; cursor: pointer; -webkit-box-shadow: none; box-shadow: none; outline: none; left: -7px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; will-change: transform; } @media only screen and (max-width: 750px) { .range-slider .noUi-handle { width: 22px; height: 22px; top: -10px; left: -11px; } } .range-slider .noUi-handle:before { content: none; } .range-slider .noUi-handle:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 26px; height: 26px; background-color: transparent; } @media only screen and (max-width: 750px) { .range-slider .noUi-handle:after { width: 35px; height: 35px; } } .range-slider .noUi-handle:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } @media only screen and (max-width: 750px) { .range-slider .noUi-handle:hover { -webkit-transform: scale(1); transform: scale(1); } } .range-slider .noUi-connect { background-color: #3b4658; -webkit-box-shadow: none; box-shadow: none; } .range-slider[disabled] .noUi-handle { background-color: #dedede; pointer-events: none; } .slick-list, .slick-track { height: 100%; } .slick-nav { position: absolute; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slick-nav.bottom { bottom: 0; -webkit-transform: translateY(0); transform: translateY(0); } .left-align-slick > .slick-list > .slick-track { margin-left: 0; } .slick-arrow-prev { position: absolute; top: 50%; left: 25px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 16px; height: 43px; cursor: pointer; z-index: 2; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjkgNjIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2U6ICM1NjVmNmM7DQogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7DQogICAgICAgIHN0cm9rZS1vcGFjaXR5OiAwLjU7DQogICAgICAgIHN0cm9rZS13aWR0aDogMXB4Ow0KICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIHN0eWxlPSJmaWxsOiAjZmZmOyI+DQogICAgPHBhdGggZD0iTTI1LjA4Nyw1NS45ODkgTDIyLjc0MCw1OC4wNDEgTDMuNzYyLDMxLjAxNSBMMjIuNzIxLDMuOTY3IEwyNS4yMjgsNS44ODIgTDcuNjE4LDMxLjAyNyBMMjUuMDg3LDU1Ljk4OSBaIiBpZD0icGF0aC0xIiBzdHlsZT0ic3Ryb2tlOiBpbmhlcml0OyBmaWx0ZXI6IG5vbmU7IGZpbGw6IGluaGVyaXQiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQogIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIgc3R5bGU9InN0cm9rZTogIzU2NWY2YzsgZmlsdGVyOiBub25lOyBmaWxsOiBub25lIi8+DQo8L3N2Zz4NCg==) center no-repeat; background-size: contain; will-change: transform; outline: none; display: none; } .slick-arrow-prev.slick-disabled { opacity: 0; pointer-events: none; } .slick-arrow-prev:after { content: ''; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slick-arrow-prev:hover { -webkit-transform: translate(-8px, -50%); transform: translate(-8px, -50%); } .slick-arrow-prev.dark { position: static; height: 15px; border-bottom: 1px solid #000; border-left: 1px solid #000; background-image: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .slick-arrow-prev.dark:hover { -webkit-transform: translateX(-8px) rotate(45deg); transform: translateX(-8px) rotate(45deg); } .slick-arrow-next { position: absolute; right: 25px; top: 50%; width: 16px; height: 43px; cursor: pointer; z-index: 2; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjkgNjIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2U6ICM1NjVmNmM7DQogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7DQogICAgICAgIHN0cm9rZS1vcGFjaXR5OiAwLjU7DQogICAgICAgIHN0cm9rZS13aWR0aDogMXB4Ow0KICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIHN0eWxlPSJmaWxsOiAjZmZmOyI+DQogICAgPHBhdGggZD0iTTI1LjA4Nyw1NS45ODkgTDIyLjc0MCw1OC4wNDEgTDMuNzYyLDMxLjAxNSBMMjIuNzIxLDMuOTY3IEwyNS4yMjgsNS44ODIgTDcuNjE4LDMxLjAyNyBMMjUuMDg3LDU1Ljk4OSBaIiBpZD0icGF0aC0xIiBzdHlsZT0ic3Ryb2tlOiBpbmhlcml0OyBmaWx0ZXI6IG5vbmU7IGZpbGw6IGluaGVyaXQiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQogIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIgc3R5bGU9InN0cm9rZTogIzU2NWY2YzsgZmlsdGVyOiBub25lOyBmaWxsOiBub25lIi8+DQo8L3N2Zz4NCg==) center no-repeat; background-size: contain; will-change: transform; outline: none; display: none; } .slick-arrow-next.slick-disabled { opacity: 0; pointer-events: none; } .slick-arrow-next:after { content: ''; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slick-arrow-next:hover { -webkit-transform: translate(8px, -50%) rotate(180deg); transform: translate(8px, -50%) rotate(180deg); } .slick-arrow-next.dark { position: static; height: 15px; border-top: 1px solid #000; border-right: 1px solid #000; background-image: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .slick-arrow-next.dark:hover { -webkit-transform: translateX(8px) rotate(45deg); transform: translateX(8px) rotate(45deg); } .slick-dots { position: absolute; left: 50%; bottom: 40px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; list-style-type: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media only screen and (max-width: 750px) { .slick-dots { bottom: 60px; } } .slick-dots li { width: 10px; height: 10px; background-color: transparent; border: 1px solid #fff; border-radius: 50%; opacity: 1; position: relative; margin-left: 5px; margin-right: 5px; cursor: pointer; } .slick-dots li:after { content: ''; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 100px; background-color: #fff; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; } .slick-dots li.slick-active:after { -webkit-transform: scale(1); transform: scale(1); } .slick-dots.dark { margin: 0 150px; position: static; -webkit-transform: translateX(0); transform: translateX(0); } .slick-dots.dark li { border: 1px solid #000; } .slick-dots.dark li:after { background-color: #3b4658; } .slick-dots._dark { position: static; -webkit-transform: none; transform: none; } .slick-dots._dark li { border: 1px solid #3b4658; } .slick-dots._dark li:after { background-color: #3b4658; } .swiper-button-next, .swiper-button-prev { width: 24px; height: 60px; margin-top: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCAxNyA0NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPlZlY3RvciAyNzwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDM2OSAtMjQxMSkiPgo8ZyBpZD0iVmVjdG9yIDI3Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3MCAyNDEyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gMCAyMkwgLTAuNDEzMTE0IDIxLjcxODNMIC0wLjYwOTY5OCAyMi4wMDY3TCAtMC40MDY4NjcgMjIuMjkwNkwgMCAyMlpNIDE0LjU4NjkgLTAuMjgxNjY4TCAtMC40MTMxMTQgMjEuNzE4M0wgMC40MTMxMTQgMjIuMjgxN0wgMTUuNDEzMSAwLjI4MTY2OEwgMTQuNTg2OSAtMC4yODE2NjhaTSAtMC40MDY4NjcgMjIuMjkwNkwgMTQuNTkzMSA0My4yOTA2TCAxNS40MDY5IDQyLjcwOTRMIDAuNDA2ODY3IDIxLjcwOTRMIC0wLjQwNjg2NyAyMi4yOTA2WiIvPgo8L2RlZnM+Cjwvc3ZnPgo=); background-size: 24px; background-position: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 7; } @media only screen and (max-width: 750px) { .swiper-button-next, .swiper-button-prev { width: 14px; background-size: 14px; } } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjkgNjIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2U6ICM1NjVmNmM7DQogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7DQogICAgICAgIHN0cm9rZS1vcGFjaXR5OiAwLjU7DQogICAgICAgIHN0cm9rZS13aWR0aDogMXB4Ow0KICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIHN0eWxlPSJmaWxsOiAjZmZmOyI+DQogICAgPHBhdGggZD0iTTI1LjA4Nyw1NS45ODkgTDIyLjc0MCw1OC4wNDEgTDMuNzYyLDMxLjAxNSBMMjIuNzIxLDMuOTY3IEwyNS4yMjgsNS44ODIgTDcuNjE4LDMxLjAyNyBMMjUuMDg3LDU1Ljk4OSBaIiBpZD0icGF0aC0xIiBzdHlsZT0ic3Ryb2tlOiBpbmhlcml0OyBmaWx0ZXI6IG5vbmU7IGZpbGw6IGluaGVyaXQiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQogIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIgc3R5bGU9InN0cm9rZTogIzU2NWY2YzsgZmlsdGVyOiBub25lOyBmaWxsOiBub25lIi8+DQo8L3N2Zz4NCg==); } .swiper-button-next { right: 24px; -webkit-transform: translateY(-50%) scale(-1, 1); transform: translateY(-50%) scale(-1, 1); } @media only screen and (max-width: 750px) { .swiper-button-next { right: 21px; } } .swiper-button-prev { left: 24px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 750px) { .swiper-button-prev { left: 21px; } } .swiper-button-next-alt, .swiper-button-prev-alt { position: absolute; top: 50%; width: 32px; height: 32px; border: 1px solid #dedede; background-color: white; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDcgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01Ljg4OTI3IDEyLjYxNUw3IDExLjYzODVMMi41NDE3MSA2LjMwNzVMNyAwLjk3NjVMNS44ODkyNyAwTDEuMDIyNjggNS44MkMwLjc4NzgwNiA2LjEwMDUgMC43ODc4MDYgNi41MTUyNSAxLjAyMjY4IDYuNzk1NzVMNS44ODkyNyAxMi42MTVaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); background-size: 6px 12px; background-position: center; background-repeat: no-repeat; z-index: 1; opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease; } .swiper-button-next-alt.swiper-button-disabled, .swiper-button-prev-alt.swiper-button-disabled { opacity: 0; } .swiper-button-next-alt { right: 0; -webkit-transform: translate(50%, -50%) scale(-1, 1); transform: translate(50%, -50%) scale(-1, 1); } .swiper-button-prev-alt { left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .swiper-pagination { z-index: 7; } .swiper-pagination._white-circles .swiper-pagination-bullet { width: 7px; height: 7px; border: 1px solid white; opacity: 1; background-color: transparent; } .swiper-pagination._white-circles .swiper-pagination-bullet-active { background-color: white; } .swiper-pagination._white-dots .swiper-pagination-bullet { border: 1px solid white; background-color: white; opacity: .5; } .swiper-pagination._white-dots .swiper-pagination-bullet-active { opacity: 1; } .swiper-pagination._dark-dots .swiper-pagination-bullet { background-color: #3b4658; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: .5; } .swiper-pagination._dark-dots .swiper-pagination-bullet-active { opacity: 1; } .swiper-pagination._gray-circles .swiper-pagination-bullet { width: 9px; height: 9px; opacity: 1; border: 1px solid #3b4658; background-color: transparent; -webkit-transition: all .3s ease; transition: all .3s ease; } .swiper-pagination._gray-circles .swiper-pagination-bullet-active { background-color: #3b4658; } .swiper-pagination._gray-circles-scale .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; opacity: 1; background-color: rgba(59, 70, 88, 0.2); -webkit-transition: all .3s ease; transition: all .3s ease; } .swiper-pagination._gray-circles-scale .swiper-pagination-bullet-active { background-color: #3b4658; -webkit-transform: translateZ(0) scale(1.2); transform: translateZ(0) scale(1.2); } .swiper-pagination._white-circles-dynamic .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 8px; height: 8px; } @media only screen and (max-width: 750px) { .swiper-pagination._white-circles-dynamic .swiper-pagination-bullet { width: 10px; height: 10px; } } .swiper-pagination._white-circles-dynamic .swiper-pagination-bullet-active { background: #fff; width: 8px; height: 8px; } @media only screen and (max-width: 750px) { .swiper-pagination._white-circles-dynamic .swiper-pagination-bullet-active { width: 10px; height: 10px; } } .swiper-pagination._gray-circles-dynamic .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 8px; height: 8px; } .swiper-pagination._gray-circles-dynamic .swiper-pagination-bullet-active { background: #3b4658; width: 8px; height: 8px; } .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; } .map-zoom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05); border-radius: 40px; } .map-zoom.absolute { position: absolute; top: 80px; left: calc((100vw - 1200px) / 2); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .map-zoom.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: none; box-shadow: none; } .map-zoom.vertical .map-zoom-in { border-radius: 40px 40px 0 0; } .map-zoom.vertical .map-zoom-in:after { top: 14px; left: 12px; } .map-zoom.vertical .map-zoom-out { border-radius: 0 0 40px 40px; } .map-zoom.vertical .map-zoom-out:before { width: 100%; height: 22px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)); } .map-zoom.vertical .map-zoom-out:after { left: 11px; } .map-zoom-in { position: relative; height: 38px; width: 38px; background-color: #fff; font-size: 40px; border-radius: 40px 0 0 40px; cursor: pointer; } .map-zoom-in:after { content: ''; position: absolute; top: 12px; left: 14px; height: 15px; width: 15px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPnBsdXMtYmxhY2staWNvbjwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTg2IC0xOTU0KSI+CjxnIGlkPSJwbHVzLWJsYWNrLWljb24iPgo8ZyBpZD0iVmVjdG9yIDIiPgo8dXNlIHhsaW5rOmhyZWY9IiNwYXRoMF9zdHJva2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxOTMgMTk1NCkiLz4KPC9nPgo8ZyBpZD0iVmVjdG9yIDIuMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAzMjAwIDE5NjEpIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0xIDBMIC0xIDE0TCAxIDE0TCAxIDBMIC0xIDBaIi8+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat center; background-size: contain; opacity: .5; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; will-change: transform, opacity; } .map-zoom-in:hover:after { opacity: 1; } .map-zoom-in:active:after { -webkit-transform: scale(1.1); transform: scale(1.1); } .map-zoom-out { position: relative; height: 38px; width: 38px; background-color: #fff; font-size: 40px; border-radius: 0 40px 40px 0; cursor: pointer; } .map-zoom-out:before { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)); } .map-zoom-out:after { content: ''; position: absolute; top: 11px; left: 9px; height: 15px; width: 18px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cjx0aXRsZT5taW51cy1ibGFjay1pY29uPC90aXRsZT4KPGRlc2M+Q3JlYXRlZCB1c2luZyBGaWdtYTwvZGVzYz4KPGcgaWQ9IkNhbnZhcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxODYgLTE5NjApIj4KPGcgaWQ9Im1pbnVzLWJsYWNrLWljb24iPgo8ZyBpZD0iVmVjdG9yIDIuMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAzMjAwIDE5NjEpIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0xIDBMIC0xIDE0TCAxIDE0TCAxIDBMIC0xIDBaIi8+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat center; background-size: contain; opacity: .5; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; will-change: transform, opacity; } .map-zoom-out:hover:after { opacity: 1; } .map-zoom-out:active:after { -webkit-transform: scale(1.1); transform: scale(1.1); } .mCSB_scrollTools { opacity: 1; } .mCSB_scrollTools .mCSB_draggerRail { width: 4px; border-radius: 0; background-color: #e1e1e1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; border-radius: 0; background-color: #3b4658; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #3b4658; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #3b4658; } .share-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 30px; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } .share-button__icon { width: 14px; height: 14px; fill: #fff; stroke: none; } .share-button--facebook { background-color: #3b4658; } .share-button--facebook:hover { background-color: #3b5998; } .share-button--vk { background-color: #3b4658; } .share-button--vk:hover { background-color: #507299; } .share-button--twitter { background-color: #3b4658; } .share-button--twitter:hover { background-color: #55acee; } .share-button--pinterest { background-color: #3b4658; } .share-button--pinterest:hover { background-color: #bd081c; } .share-button--tumblr { background-color: #3b4658; } .share-button--tumblr:hover { background-color: #35465c; } .share-button--reddit { background-color: #3b4658; } .share-button--reddit:hover { background-color: #5f99cf; } .share-button--google { background-color: #3b4658; } .share-button--google:hover { background-color: #dd4b39; } .share-button--linkedin { background-color: #3b4658; } .share-button--linkedin:hover { background-color: #0077b5; } .share-button--email { background-color: #3b4658; } .share-button--email:hover { background-color: #777; } .share-button--telegram { background-color: #3b4658; } .share-button--telegram:hover { background-color: #54a9eb; } .share-button--whatsapp { background-color: #3b4658; } .share-button--whatsapp:hover { background-color: #25d366; } .file__label { display: block; width: 500px; height: 100px; margin-bottom: 10px; font-size: 16px; line-height: 100px; text-align: center; border: 1px dashed #929292; cursor: pointer; } @media only screen and (max-width: 750px) { .file__label { width: 100%; } } .file__link { display: block; text-decoration: underline; margin: 0 0 15px; } .file__input { display: block; margin: 0 0 15px; } .file__text { width: 400px; font-weight: 300; } @media only screen and (max-width: 750px) { .file__text { width: 100%; } } .radio { position: relative; width: 22px; height: 22px; } .radio__input { display: none; } .radio__input:checked + .radio__custom-input:after { background-color: #3b4658; } .radio__custom-input { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px solid #d4d4d4; border-radius: 50%; cursor: pointer; } .radio__custom-input:after { content: ""; position: absolute; top: 50%; left: 50%; z-index: 1; width: 12px; height: 12px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(59, 70, 88, 0); border-radius: 50%; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .link { line-height: 1.2; color: #3b4658; border-bottom: 1px solid transparent; cursor: pointer; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; } .link:hover { border-color: #3b4658; } .link._bordered { border-bottom: 1px solid #3b4658; } .link._bordered:hover { border-color: transparent; } .close { width: 21px; height: 21px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjM0I0NjU4Ii8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .close:hover { -webkit-transform: translate3d(0, 0, 0) scale(0.8); transform: translate3d(0, 0, 0) scale(0.8); } .list__item { position: relative; } .list__item:last-child { margin-bottom: 0; } .list__item.--indent { padding-left: 20px; } .list__item.--indent:before { content: "-"; position: absolute; top: 0; left: 0; font-size: 25px; line-height: 20px; } .list.mod-ul .list__item { position: relative; margin-bottom: 8px; text-indent: 16px; } .list.mod-ul .list__item:before { content: ''; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background-color: #3b4658; border-radius: 3px; } .list.mod-ol { counter-reset: topic; } .list.mod-ol .list__item { margin-bottom: 12px; } .list.mod-ol .list__item:before { counter-increment: topic; content: counter(topic) "."; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; } .radio-rooms__item { margin-right: 8px; } .radio-rooms__item:last-child { margin-right: 0; } .radio-rooms__input { display: none; } .radio-rooms__input:checked ~ .radio-rooms__custom { cursor: default; background-color: #3b4658; color: white; border-color: #3b4658; } .radio-rooms__custom { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 47px; width: 47px; background-color: #fff; border-radius: 50%; border: 1px solid #d4d4d4; font-size: 16px; -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease; margin-right: 8px; } @media only screen and (max-width: 750px) { .radio-rooms__custom { background-color: #fff; } } .radio-rooms__custom:hover { background-color: #3b4658; color: white; border-color: #3b4658; } /*stylelint-disable*/ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: block; opacity: 1; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 4px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: #e5e6e7; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 1; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #3b4658; border-radius: 0; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #3b4658; border-radius: 0; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 4px; cursor: pointer; /* please don't change 'position' */ position: absolute; } @media only screen and (max-width: 750px) { .ps__thumb-y { right: 0; } } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { width: 4px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .ps { position: relative; } /*stylelint-enable*/ .tooltip { position: relative; } .tooltip:hover .tooltip-block-wrapper { visibility: visible; -webkit-transform: translate(-50%, calc(-100% + 5px)); transform: translate(-50%, calc(-100% + 5px)); opacity: 1; pointer-events: all; } @media only screen and (max-width: 750px) { .tooltip:hover .tooltip-block-wrapper { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } } .tooltip._green .tooltip-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNjUiIHN0cm9rZT0iI0VGM0IyNCIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KPHBhdGggZD0iTTYuMzY3IDcuMkg1LjU0OFY2LjU3OUM1LjU0OCA2LjMwOSA1LjYwNSA2LjA5IDUuNzE5IDUuOTIyQzUuODM5IDUuNzU0IDYuMDE2IDUuNTk1IDYuMjUgNS40NDVDNi4yNjIgNS40MzkgNi4yOTUgNS40MTggNi4zNDkgNS4zODJDNi40MDMgNS4zNDYgNi40MzYgNS4zMjUgNi40NDggNS4zMTlDNi40NiA1LjMwNyA2LjQ4NyA1LjI4NiA2LjUyOSA1LjI1NkM2LjU3NyA1LjIyNiA2LjYwNyA1LjIwNSA2LjYxOSA1LjE5M0M2LjYzMSA1LjE3NSA2LjY1MiA1LjE1MSA2LjY4MiA1LjEyMUM2LjcxOCA1LjA5MSA2Ljc0MiA1LjA2NyA2Ljc1NCA1LjA0OUM2Ljc2NiA1LjAyNSA2Ljc4MSA0Ljk5NSA2Ljc5OSA0Ljk1OUM2LjgyMyA0LjkyMyA2LjgzOCA0Ljg5IDYuODQ0IDQuODZDNi44NSA0LjgyNCA2Ljg1NiA0Ljc4OCA2Ljg2MiA0Ljc1MkM2Ljg2OCA0LjcxIDYuODcxIDQuNjY1IDYuODcxIDQuNjE3QzYuODcxIDQuMzE3IDYuNzg3IDQuMDk4IDYuNjE5IDMuOTZDNi40NTcgMy44MjIgNi4yNSAzLjc1MyA1Ljk5OCAzLjc1M0M1Ljc0NiAzLjc1MyA1LjUzIDMuODQgNS4zNSA0LjAxNEM1LjE3NiA0LjE4OCA1LjA4OSA0LjQ3IDUuMDg5IDQuODZINC4yN0M0LjI3IDQuNTEyIDQuMzIxIDQuMjE1IDQuNDIzIDMuOTY5QzQuNTI1IDMuNzE3IDQuNjYzIDMuNTI1IDQuODM3IDMuMzkzQzUuMDE3IDMuMjYxIDUuMiAzLjE2NSA1LjM4NiAzLjEwNUM1LjU3OCAzLjA0NSA1Ljc4MiAzLjAxNSA1Ljk5OCAzLjAxNUM2LjUyIDMuMDE1IDYuOTQzIDMuMTUgNy4yNjcgMy40MkM3LjU5MSAzLjY4NCA3Ljc1MyA0LjA1NiA3Ljc1MyA0LjUzNkM3Ljc1MyA1LjAzNCA3LjUwNyA1LjQ1NCA3LjAxNSA1Ljc5NkM2Ljg0NyA1LjkxIDYuNzI3IDUuOTk3IDYuNjU1IDYuMDU3QzYuNTg5IDYuMTExIDYuNTIzIDYuMTk4IDYuNDU3IDYuMzE4QzYuMzk3IDYuNDM4IDYuMzY3IDYuNTgyIDYuMzY3IDYuNzVWNy4yWk01LjYwMiA4LjkwMUM1LjUgOC43OTkgNS40NDkgOC42NzMgNS40NDkgOC41MjNDNS40NDkgOC4zNzMgNS41IDguMjQ3IDUuNjAyIDguMTQ1QzUuNzA0IDguMDQzIDUuODMgNy45OTIgNS45OCA3Ljk5MkM2LjEzIDcuOTkyIDYuMjUzIDguMDQzIDYuMzQ5IDguMTQ1QzYuNDUxIDguMjQ3IDYuNTAyIDguMzczIDYuNTAyIDguNTIzQzYuNTAyIDguNjczIDYuNDUxIDguNzk5IDYuMzQ5IDguOTAxQzYuMjUzIDguOTk3IDYuMTMgOS4wNDUgNS45OCA5LjA0NUM1LjgzIDkuMDQ1IDUuNzA0IDguOTk3IDUuNjAyIDguOTAxWiIgZmlsbD0iI0VGM0IyNCIvPgo8L3N2Zz4K); } .tooltip-wrapper { position: relative; display: inline-block; cursor: pointer; } .tooltip-icon { display: block; padding: 10px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNjUiIHN0cm9rZT0iIzNCNDY1OCIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KPHBhdGggZD0iTTYuMzY3IDcuMkg1LjU0OFY2LjU3OUM1LjU0OCA2LjMwOSA1LjYwNSA2LjA5IDUuNzE5IDUuOTIyQzUuODM5IDUuNzU0IDYuMDE2IDUuNTk1IDYuMjUgNS40NDVDNi4yNjIgNS40MzkgNi4yOTUgNS40MTggNi4zNDkgNS4zODJDNi40MDMgNS4zNDYgNi40MzYgNS4zMjUgNi40NDggNS4zMTlDNi40NiA1LjMwNyA2LjQ4NyA1LjI4NiA2LjUyOSA1LjI1NkM2LjU3NyA1LjIyNiA2LjYwNyA1LjIwNSA2LjYxOSA1LjE5M0M2LjYzMSA1LjE3NSA2LjY1MiA1LjE1MSA2LjY4MiA1LjEyMUM2LjcxOCA1LjA5MSA2Ljc0MiA1LjA2NyA2Ljc1NCA1LjA0OUM2Ljc2NiA1LjAyNSA2Ljc4MSA0Ljk5NSA2Ljc5OSA0Ljk1OUM2LjgyMyA0LjkyMyA2LjgzOCA0Ljg5IDYuODQ0IDQuODZDNi44NSA0LjgyNCA2Ljg1NiA0Ljc4OCA2Ljg2MiA0Ljc1MkM2Ljg2OCA0LjcxIDYuODcxIDQuNjY1IDYuODcxIDQuNjE3QzYuODcxIDQuMzE3IDYuNzg3IDQuMDk4IDYuNjE5IDMuOTZDNi40NTcgMy44MjIgNi4yNSAzLjc1MyA1Ljk5OCAzLjc1M0M1Ljc0NiAzLjc1MyA1LjUzIDMuODQgNS4zNSA0LjAxNEM1LjE3NiA0LjE4OCA1LjA4OSA0LjQ3IDUuMDg5IDQuODZINC4yN0M0LjI3IDQuNTEyIDQuMzIxIDQuMjE1IDQuNDIzIDMuOTY5QzQuNTI1IDMuNzE3IDQuNjYzIDMuNTI1IDQuODM3IDMuMzkzQzUuMDE3IDMuMjYxIDUuMiAzLjE2NSA1LjM4NiAzLjEwNUM1LjU3OCAzLjA0NSA1Ljc4MiAzLjAxNSA1Ljk5OCAzLjAxNUM2LjUyIDMuMDE1IDYuOTQzIDMuMTUgNy4yNjcgMy40MkM3LjU5MSAzLjY4NCA3Ljc1MyA0LjA1NiA3Ljc1MyA0LjUzNkM3Ljc1MyA1LjAzNCA3LjUwNyA1LjQ1NCA3LjAxNSA1Ljc5NkM2Ljg0NyA1LjkxIDYuNzI3IDUuOTk3IDYuNjU1IDYuMDU3QzYuNTg5IDYuMTExIDYuNTIzIDYuMTk4IDYuNDU3IDYuMzE4QzYuMzk3IDYuNDM4IDYuMzY3IDYuNTgyIDYuMzY3IDYuNzVWNy4yWk01LjYwMiA4LjkwMUM1LjUgOC43OTkgNS40NDkgOC42NzMgNS40NDkgOC41MjNDNS40NDkgOC4zNzMgNS41IDguMjQ3IDUuNjAyIDguMTQ1QzUuNzA0IDguMDQzIDUuODMgNy45OTIgNS45OCA3Ljk5MkM2LjEzIDcuOTkyIDYuMjUzIDguMDQzIDYuMzQ5IDguMTQ1QzYuNDUxIDguMjQ3IDYuNTAyIDguMzczIDYuNTAyIDguNTIzQzYuNTAyIDguNjczIDYuNDUxIDguNzk5IDYuMzQ5IDguOTAxQzYuMjUzIDguOTk3IDYuMTMgOS4wNDUgNS45OCA5LjA0NUM1LjgzIDkuMDQ1IDUuNzA0IDguOTk3IDUuNjAyIDguOTAxWiIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } .tooltip-block { position: relative; padding: 30px 35px; background-color: #fff; -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 750px) { .tooltip-block { padding: 15px 20px; } } .tooltip-block-wrapper { position: absolute; top: 12px; left: 6px; visibility: hidden; opacity: 0; background-color: transparent; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); width: 380px; padding-bottom: 32px; pointer-events: none; -webkit-transition: .3s; transition: .3s; } @media only screen and (max-width: 750px) { .tooltip-block-wrapper { max-width: 260px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } } .tooltip-block-wrapper._right { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .tooltip-block:before { content: ''; position: absolute; display: block; left: calc(50% - 10px); bottom: -10px; border-top: 11px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; } .tooltip-block p { font-family: Grtsk-Exa, sans-serif; font-weight: 300; font-size: 14px; line-height: 23px; color: #3b4658; } .circle-tooltip { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; background: rgba(59, 70, 88, 0.65); border-radius: 50%; } .circle-tooltip__center { width: 10px; height: 10px; background-color: white; border-radius: 50%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .circle-tooltip__text { position: absolute; z-index: 3; bottom: 33px; padding: 10px; font-size: 12px; line-height: 14px; white-space: nowrap; background-color: white; border-radius: 6px; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .circle-tooltip__text:before { content: ''; position: absolute; display: block; left: calc(50% - 8px); bottom: -5px; border-top: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; } .circle-tooltip:hover { z-index: 2; } .circle-tooltip:hover .circle-tooltip__center { -webkit-transform: scale(0.8); transform: scale(0.8); } .circle-tooltip:hover .circle-tooltip__text { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; } .underline { position: relative; } .underline:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: .06rem; background-color: currentColor; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } @media (hover), (min-width: 0 \0) { .underline:hover:after { background-color: transparent; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } } .back-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: color .4s ease; transition: color .4s ease; font-size: 16px; } .back-link:before { content: ''; width: 8px; height: 8px; margin-right: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 2px solid #3b4658; border-left: 2px solid #3b4658; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .back-link:hover { text-decoration: underline; } .back-link:hover:before { -webkit-transform: translateX(-4px) rotate(45deg); transform: translateX(-4px) rotate(45deg); } .multiselect { position: relative; width: auto; height: 100%; background-color: #fff; border: 1px solid #d4d4d4; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; -webkit-transition: border-color .3s ease, -webkit-box-shadow .3s ease; transition: border-color .3s ease, -webkit-box-shadow .3s ease; transition: border-color .3s ease, box-shadow .3s ease; transition: border-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease; cursor: pointer; } .multiselect._multi.multiselect--active { z-index: 4; } .multiselect._multi .multiselect__option:before { content: ''; -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; border: 1px solid #3b4658; margin-right: 8px; } .multiselect._multi .multiselect__option--selected:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHJlY3QgeD0iMC4zNjQ4NSIgeT0iMC4zNjQ3NSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjkuMjY5NzYiIGhlaWdodD0iOS4yNjk3NiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMCwxMEgwVjBoMTBWMTB6IE0wLjczMDI0LDkuMjY5NzZoOC41Mzk1M1YwLjczMDI0SDAuNzMwMjRWOS4yNjk3NnoiLz4NCjwvZz4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiMzNzQ2NUEiIHBvaW50cz0iNC43NjExMSw3LjY5NjY0IDEuOTg2NTIsNC40MTg2MyAyLjc2NjA0LDMuNzU4OCA0Ljc1NzA5LDYuMTExNDUgNy43ODQ2NSwyLjQ5OTUgOC41NjgyLDMuMTU1Mw0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K) center no-repeat; background-size: 10px 10px; } .multiselect._multi .multiselect__option--group:not(.multiselect__option--disabled):before { display: none; } .multiselect._group .multiselect__option { padding-left: 25px; } .multiselect._group .multiselect__option--group:not(.multiselect__option--disabled) { padding-left: 10px; } .multiselect__tags { position: relative; height: 100%; min-height: auto; border: none; border-radius: 8px; padding: 10px 48px 10px 16px; background-color: #fff; z-index: 2; } .multiselect__select { position: absolute; top: 50%; right: 20px; height: 10px; width: 10px; padding: 0; border-right: 1px solid #3b4658; border-bottom: 1px solid #3b4658; -webkit-transform: translateY(-60%) rotate(45deg); transform: translateY(-60%) rotate(45deg); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; z-index: 3; } .multiselect__select:before { display: none; } .multiselect__placeholder { display: block; margin: 0; padding: 0; position: relative; font-size: 14px; line-height: 28px; font-weight: 400; color: #14191a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .5s; transition: .5s; } .multiselect__option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; line-height: 20px; font-weight: 300; color: #333; padding: 10px 16px; border-bottom: 1px solid #d4d4d4; white-space: normal; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .multiselect__option:hover { background-color: #f2f2f2; color: #444; } .multiselect__option--selected { background-color: #f2f2f2; color: #14191a; } .multiselect__option--group:not(.multiselect__option--disabled) { font-weight: bold; background-color: #f9f9f9; } .multiselect__option-inner { width: 100%; } .multiselect__content-wrapper { left: -1px; width: calc(100% + 2px); border-radius: 0 0 8px 8px; border: 1px solid #d4d4d4; -webkit-box-shadow: 0 2px 10px -6px; box-shadow: 0 2px 10px -6px; z-index: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(1); transform: scaleY(1); } .multiselect__content-wrapper.multiselect-enter-active, .multiselect__content-wrapper.multiselect-leave-active { -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 6; } .multiselect__content-wrapper.multiselect-enter, .multiselect__content-wrapper.multiselect-leave-to { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } .multiselect__single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0; margin: 0; font-size: 14px; font-weight: 300; color: #14191a; } .multiselect--active { -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; border-radius: 8px 8px 0 0; } .multiselect--active .multiselect__placeholder { display: block; } .multiselect--active .multiselect__content-wrapper { z-index: 6; } .multiselect--active .multiselect__select { -webkit-transform: translateY(-40%) rotate(-135deg); transform: translateY(-40%) rotate(-135deg); } .multiselect--active.multiselect--above { border-radius: 0 0 8px 8px; } .multiselect--disabled .multiselect__tags { padding-right: 16px; } .multiselect--disabled .multiselect__select { display: none; } .multiselect--above .multiselect__content-wrapper { -webkit-transform: scaleY(1); transform: scaleY(1); border: 1px solid #d4d4d4; -webkit-box-shadow: 0 -2px 10px -6px; box-shadow: 0 -2px 10px -6px; -webkit-transform-origin: bottom; transform-origin: bottom; } .leaflet-div-icon { background: none; border: none; } .map-cluster { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; border-radius: 40px; background-color: #3b4658; border: 2px solid #fff; font-size: 14px; font-weight: bold; color: #fff; } @-webkit-keyframes pinBounce { 0% { top: 0; } 20% { top: -16px; } 40% { top: 0; } 60% { top: 10px; } 80% { top: -8px; } 100% { top: 0; } } @keyframes pinBounce { 0% { top: 0; } 20% { top: -16px; } 40% { top: 0; } 60% { top: 10px; } 80% { top: -8px; } 100% { top: 0; } } .appear-enter-active, .appear-leave-active { -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease; transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease; } .appear-enter, .appear-leave-to { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } .appear-height-enter-active, .appear-height-leave-active { max-height: 400px; -webkit-transition: opacity 0.3s ease, max-height 0.3s ease, margin-top 0.3s ease, margin-bottom 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, max-height 0.3s ease, margin-top 0.3s ease, margin-bottom 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.3s ease, margin-top 0.3s ease, margin-bottom 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.3s ease, margin-top 0.3s ease, margin-bottom 0.3s ease, -webkit-transform 0.3s ease; } .appear-height-enter, .appear-height-leave-to { overflow: hidden; margin-top: 0; margin-bottom: 0; opacity: 0; max-height: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } .list-enter-active, .list-leave-active { -webkit-transition: all 1s; transition: all 1s; } .list-enter, .list-leave-to { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } .list-fast-enter-active, .list-fast-leave-active { -webkit-transition: all .3s; transition: all .3s; } .list-fast-enter, .list-fast-leave-to { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } .fade-enter-active, .fade-leave-active { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .fade-enter, .fade-leave-to { opacity: 0; } .fade-fast-enter-active, .fade-fast-leave-active { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .fade-fast-enter, .fade-fast-leave-to { opacity: 0; } .fade-fast-half-enter-active, .fade-fast-half-leave-active { -webkit-transition: opacity 0.15s cubic-bezier(0.37, 0, 0.63, 1); transition: opacity 0.15s cubic-bezier(0.37, 0, 0.63, 1); } .fade-fast-half-enter, .fade-fast-half-leave-active { opacity: 0; } .fade-abs-enter-active, .fade-abs-leave-active { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .fade-abs-enter, .fade-abs-leave-to { opacity: 0; position: absolute; } .fade-hor-enter-active, .fade-hor-leave-active { -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, transform .2s ease; transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease; } .fade-hor-enter, .fade-hor-leave-to { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } .fade-half-bubbling-enter-active, .fade-half-bubbling-leave-active { -webkit-transition: opacity 0.15s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.15s cubic-bezier(0.37, 0, 0.63, 1); transition: opacity 0.15s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.15s cubic-bezier(0.37, 0, 0.63, 1); transition: opacity 0.15s cubic-bezier(0.37, 0, 0.63, 1), transform 0.15s cubic-bezier(0.37, 0, 0.63, 1); transition: opacity 0.15s cubic-bezier(0.37, 0, 0.63, 1), transform 0.15s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.15s cubic-bezier(0.37, 0, 0.63, 1); } .fade-half-bubbling-enter, .fade-half-bubbling-leave-active { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .slide-left-enter-active, .slide-left-leave-active { opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .slide-left-enter, .slide-left-leave-to { -webkit-transform: translateX(100%); transform: translateX(100%); } .slide-left-enter-from, .slide-left-leave-from { -webkit-transform: translateX(0); transform: translateX(0); } .pop-up { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: transparent; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; -webkit-transition: opacity .2s ease .1s, background-color .2s ease .1s, -webkit-transform 0s ease .3s; transition: opacity .2s ease .1s, background-color .2s ease .1s, -webkit-transform 0s ease .3s; transition: opacity .2s ease .1s, background-color .2s ease .1s, transform 0s ease .3s; transition: opacity .2s ease .1s, background-color .2s ease .1s, transform 0s ease .3s, -webkit-transform 0s ease .3s; z-index: 101; will-change: opacity, background-color, transform; } @media only screen and (max-width: 750px) { .pop-up { height: 100%; } } .pop-up.active { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -webkit-transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, transform 0s ease; transition: opacity .2s ease, transform 0s ease, -webkit-transform 0s ease; } .pop-up._scroll { overflow: auto; } .pop-up._no-bg-black._bg-black { background-color: transparent; } .pop-up._bg-black { background-color: rgba(0, 0, 0, 0.6); } .pop-up._bg-black:has(> div[data-name="flatfavoritepopupmobile"].active), .pop-up._bg-black:has(> div[data-name="flatcomparepopupmobile"].active) { top: auto; bottom: 0; height: 18.8rem; background-color: transparent; } .pop-up._bg-black:has(> ._bottom.active) { top: auto; bottom: 0; height: 14.8rem; background-color: transparent; } .pop-up.js-pop-up > *:not(.active) { display: none; } .pop-up__wrap { background-color: white; opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .pop-up__wrap._full { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 101; } .pop-up__wrap.active { opacity: 1; pointer-events: all; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .form { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 21; opacity: 0; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: opacity 0s ease .3s, -webkit-transform 0s ease .3s; transition: opacity 0s ease .3s, -webkit-transform 0s ease .3s; transition: opacity 0s ease .3s, transform 0s ease .3s; transition: opacity 0s ease .3s, transform 0s ease .3s, -webkit-transform 0s ease .3s; /* stylelint-disable */ /* stylelint-enable*/ } .form.scroll { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; /* stylelint-disable */ overflow: scroll !important; /* stylelint-enable */ } .form.active { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; overflow: hidden; -webkit-transition: opacity 0s ease, -webkit-transform 0s ease; transition: opacity 0s ease, -webkit-transform 0s ease; transition: opacity 0s ease, transform 0s ease; transition: opacity 0s ease, transform 0s ease, -webkit-transform 0s ease; } .form.active .form__close { opacity: 1; -webkit-transition: opacity .3s ease .7s, -webkit-transform .3s ease; transition: opacity .3s ease .7s, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease .7s; transition: transform .3s ease, opacity .3s ease .7s, -webkit-transform .3s ease; } .form.active .form__container { -webkit-animation: formAppearing .2s ease-in; animation: formAppearing .2s ease-in; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .form__container { position: relative; width: 520px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: white; overflow: hidden; opacity: 0; -webkit-animation: formDisappearing .2s ease-in; animation: formDisappearing .2s ease-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .form__container.--w794 { width: 794px; } .form__container._fullscreen { width: 100%; height: 100vh; overflow: hidden; } .form__container._fullscreen .ps__rail-y { width: 8px; background-color: #e6e6e6; } .form__container._fullscreen .ps__thumb-y { width: 8px; } .form__container._fullscreen .form__head { padding: 110px 0 50px; } @media only screen and (max-width: 750px) { .form__container._fullscreen .form__head { padding: 48px 0 26px; } } .form__container._fullscreen .form__item { padding: 0; margin-bottom: 0; } @media only screen and (max-width: 750px) { .form__container._fullscreen .form__item { margin-bottom: 18px; } } .form__container._fullscreen .form__item.personal { margin: 46px 0; } @media only screen and (max-width: 750px) { .form__container._fullscreen .form__item.personal { margin: 26px 0; } } .form__container._fullscreen .form__row { position: relative; padding: 0; } .form__container._fullscreen .form__close { top: 110px; right: 100px; } @media only screen and (max-width: 750px) { .form__container._fullscreen .form__close { top: 20px; right: 24px; } } .form__container._fullscreen .form__submit { margin-bottom: 172px; } @media only screen and (max-width: 750px) { .form__container._fullscreen .form__submit { margin-bottom: 46px; } } @media only screen and (max-width: 750px) { .form__container { width: 100%; } } .form__head { width: 100%; padding: 80px 40px 32px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .form__head { padding: 48px 20px 20px; } } .form__description { margin-bottom: 40px; padding: 0 40px; } @media only screen and (max-width: 750px) { .form__description { padding: 0 20px; } } .form__title { font-size: 30px; line-height: 40px; margin-right: 40px; } @media only screen and (max-width: 750px) { .form__title { font-size: 24px; line-height: 32px; margin-right: 0; } } .form__subtitle { font-size: 24px; line-height: 32px; } @media only screen and (max-width: 750px) { .form__subtitle { font-size: 20px; line-height: 26px; } } .form__close { position: absolute; top: 34px; right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; z-index: 6; font-size: 14px; line-height: 110%; text-transform: uppercase; } .form__close span { width: 100%; height: 100%; min-width: 21px; min-height: 21px; margin-left: 12px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjM0I0NjU4Ii8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat; background-size: contain; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .form__close span { min-width: 16px; min-height: 16px; } } @media only screen and (max-width: 750px) { .form__close { top: 29px; right: 20px; font-size: 12px; } } .form__close._out { right: -50px; } .form__close:hover span { -webkit-transform: scale(0.8); transform: scale(0.8); } .form__close:active span { -webkit-transform: scale(0.7); transform: scale(0.7); } .form__close._white { color: #fff; } .form__close._white span { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat; } @media only screen and (max-width: 750px) { .form__close._white-mobile { color: #fff; } .form__close._white-mobile span { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat; } } .form__warning { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } .form__warning._middle { padding: 0; margin-top: 20px; margin-bottom: -14px; } .form__warning._small { margin-top: -20px; margin-bottom: 8px; } @media only screen and (max-width: 750px) { .form__warning._small { margin-top: -5px; } } .form__warning-icn { min-width: 24px; height: 24px; margin-right: 12px; } .form__row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 40px; margin-bottom: 24px; } @media only screen and (max-width: 750px) { .form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } } .form__row._select { z-index: 2; margin-bottom: 36px; } @media only screen and (max-width: 750px) { .form__row._select { margin-bottom: 24px; } } .form__row._select + .form__row._select._select { z-index: 1; } @media only screen and (max-width: 750px) { .form__row._select .select-list:first-child { margin-top: 0; } } .form__item { width: 100%; padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 28px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media only screen and (max-width: 750px) { .form__item { padding: 0 20px; } } .form__item._mb20 { margin-bottom: -20px; } @media only screen and (max-width: 750px) { .form__item._mb20 { margin-bottom: -25px; } } .form__item.personal { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; } .form__item._p0 { padding: 0; } .form__item._half { width: calc((100% - 98px) / 2); padding: 0; } @media only screen and (max-width: 750px) { .form__item._half { width: 100%; } } .form__label { display: block; margin-bottom: 12px; font-size: 16px; line-height: 18px; font-weight: 400; color: #000; } .form__file { display: none; } .form__input { width: 100%; height: 48px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: thin solid #cacaca; color: #000; -webkit-appearance: none; outline: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .form__input::-webkit-outer-spin-button, .form__input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .form__input::-webkit-input-placeholder { font-size: 14px; color: rgba(0, 0, 0, 0.44); } .form__input::-moz-placeholder { font-size: 14px; color: rgba(0, 0, 0, 0.44); } .form__input::-ms-input-placeholder { font-size: 14px; color: rgba(0, 0, 0, 0.44); } .form__input::placeholder { font-size: 14px; color: rgba(0, 0, 0, 0.44); } .form__input._touched:invalid ~ .form__input-error { opacity: 1; } .form__input._fix { border: none; } .form__input-wrap { border: thin solid #d4d4d4; } .form__input.file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; line-height: 20px; color: #3b4658; cursor: pointer; } .form__input.wrong { border: 1px solid #ef3b24; } .form__input-icon { fill: #3b4658; margin-right: 12px; } .form__input-error { position: absolute; bottom: 0; left: 0; -webkit-transform: translateY(calc(100% + 5px)); transform: translateY(calc(100% + 5px)); color: #ef3b24; font-size: 12px; opacity: 0; pointer-events: none; -webkit-transition: all .3s ease; transition: all .3s ease; } .form__textarea { width: 100%; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; border: 1px solid #d4d4d4; -webkit-appearance: none; outline: none; } .form__textarea.wrong { border: 1px solid #ef3b24; } .form__radio { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 30px; cursor: pointer; } @media only screen and (max-width: 750px) { .form__radio { margin-bottom: 20px; } } .form__radio:last-child { margin-bottom: 0; } .form__radio-group { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .form__radio-group { display: block; } } .form__radio-box { position: relative; top: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 22px; height: 22px; border: 1px solid #3b4658; border-radius: 50%; } @media only screen and (max-width: 750px) { .form__radio-box { top: 0; width: 20px; height: 20px; } } .form__radio-box:after { content: ""; display: block; width: 10px; height: 10px; background-color: #3b4658; border-radius: 50%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .form__radio-info { margin-left: 20px; } @media only screen and (max-width: 750px) { .form__radio-info { margin-left: 12px; } } .form__radio-label { font-size: 20px; line-height: 164.4%; color: #3b4658; } @media only screen and (max-width: 750px) { .form__radio-label { display: block; margin-bottom: 10px; font-size: 14px; } } .form__radio-text { display: block; font-weight: 300; font-size: 16px; line-height: 164.4%; color: #3b4658; } @media only screen and (max-width: 750px) { .form__radio-text { font-size: 12px; line-height: 137%; } } .form__radio.active .form__radio-box:after { opacity: 1; } .form__disclaimer { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 12px; font-weight: 300; } @media only screen and (max-width: 750px) { .form__disclaimer { font-size: 11px; } } .form__disclaimer-link { border-bottom: 1px solid #3d4350; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; font-weight: normal; cursor: pointer; } .form__disclaimer-link:hover { border-color: rgba(61, 67, 80, 0); } .form__submit { width: 100%; height: 60px; background-color: #3b4658; border: none; -webkit-appearance: none; outline: none; font-size: 16px; color: white; -webkit-transition: background .2s ease; transition: background .2s ease; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media only screen and (max-width: 750px) { .form__submit { height: 60px; font-size: 20px; } } .form__submit-item { position: relative; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .form__submit-item.disabled { opacity: .7; pointer-events: none; } .form__submit-item.disabled:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .form__tip { margin-top: 10px; color: red; opacity: 1; -webkit-transition: opacity .6s ease; transition: opacity .6s ease; } .form__tip._hidden { opacity: 0; } .form__lightbox { position: relative; max-width: 800px; max-height: 600px; width: 90vw; height: calc(80vh - 60px); } @media only screen and (max-width: 750px) { .form__lightbox { position: absolute; top: calc(50% + 15px); left: 50%; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); } } .form__lightbox .form__close { top: -50px; opacity: .7; } @media only screen and (max-width: 750px) { .form__lightbox .form__close { top: -35px; right: 30px; background-size: cover; opacity: 1; } } @media only screen and (max-width: 750px) { .form__lightbox img, .form__lightbox video { width: 90vw; height: auto; max-height: calc(90vh - 60px); } } .form__webcam-container { position: relative; height: 480px; } @media only screen and (max-width: 750px) { .form__webcam-container { height: 55vh; } } .form__webcam-content { height: 100%; max-height: calc(100vh - 100px); display: none; pointer-events: none; } .form__webcam-content.--active { display: block; pointer-events: all; } .form__iframe, .form iframe { max-width: 800px; width: 90vw; vertical-align: top; } .form__tab-list { position: absolute; left: 50%; bottom: -60px; z-index: 1; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } .form__webcam-btns { bottom: auto; top: -60px; } @media only screen and (max-width: 750px) { .form__webcam-btns { bottom: -85px; top: auto; } } .form__tab { -ms-flex-negative: 0; flex-shrink: 0; margin: 5px; padding: 7px 15px; color: white; background-color: #3b4658; border: none; border-radius: 50px; white-space: nowrap; cursor: pointer; -webkit-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; pointer-events: all; } .form__tab:hover { color: black; background-color: white; } @media only screen and (max-width: 750px) { .form__tab:hover { color: white; background-color: #3b4658; } } .form__tab.--active { color: black; background-color: white; pointer-events: none; } @media only screen and (max-width: 750px) { .form__tab.--active { color: black; background-color: white; } } .form__info-container { margin: 0 35px 32px 40px; } @media only screen and (max-width: 750px) { .form__info-container { margin: 0 20px 32px; } } .form__info-container._mb15 { margin-bottom: 15px; } .form__info-container .form__info-item:not(:first-child) { margin-top: 24px; } .form__info-container .form__info { margin: 0; } .form__info { margin: 0 35px 30px 40px; padding: 8px 0 8px 35px; border-left: 5px solid #3b4658; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .form__info { padding: 8px 0 8px 20px; margin: 0 20px 20px 25px; } } .form__info._car { margin: 0; width: 100%; height: 80%; } .form__info-sale { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 24px; margin-top: 8px; margin-bottom: 20px; font-size: 12px; line-height: 14px; } .form__info-sale-date span { margin-left: 3px; } .form__info-sale-price { text-decoration: line-through; } .form__info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .form__info-row { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; text-align: left; } .form__info-col { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; text-align: left; } .form__car-col { margin-right: 46px; } @media only screen and (max-width: 750px) { .form__car-col { -ms-flex-negative: 0; flex-shrink: 0; } } .form__car-col._desk { display: block; } @media only screen and (max-width: 750px) { .form__car-col._desk { display: none; } } @media only screen and (max-width: 750px) { .form__car-col:last-child { margin-right: 0; } } .form__info-headline { font-size: 14px; opacity: .6; } .form__info-headline.--fs16 { font-size: 16px; } .form__info-headline.--op1 { opacity: 1; } .form__info-data { font-size: 22px; white-space: nowrap; } @media only screen and (max-width: 750px) { .form__info-data { font-size: 20px; } } .form__info-data._sale { color: #7aa15d; } .form__info-data._area { width: 70px; } .form-success { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background-color: white; opacity: 0; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: opacity .2s ease, -webkit-transform 0s; transition: opacity .2s ease, -webkit-transform 0s; transition: opacity .2s ease, transform 0s; transition: opacity .2s ease, transform 0s, -webkit-transform 0s; z-index: 1; } .form-success.active { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); z-index: 6; } .form-success.active .form-success__text { -webkit-animation: formAppearing .3s ease-in; animation: formAppearing .3s ease-in; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; font-size: 26px; } .form-success__text { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } @media only screen and (max-width: 750px) { .promo-form { height: unset; top: 50%; visibility: hidden; } .promo-form.active { visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .promo-form .form__submit-item { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; z-index: 10; } } .promo-form .form__container { width: 600px; } @media only screen and (max-width: 750px) { .promo-form .form__container { display: block; width: 100%; height: 100%; overflow-y: scroll; padding-bottom: 60px; } } .promo-form .form__head { padding-right: 90px; } @media only screen and (max-width: 750px) { .promo-form .form__head { padding-right: 60px; } } .promo-form__description { padding: 0 40px 32px; } @media only screen and (max-width: 750px) { .promo-form__description { padding: 0 20px; margin-bottom: 20px; } } .promo-form__description._fs20 { font-size: 20px; } .promo-form__description.hide { display: none; } .promo-form__subtitle { padding: 0 40px; font-size: 25px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .promo-form__subtitle { padding: 0 20px; font-size: 20px; margin-top: auto; } } @media only screen and (max-width: 750px) { .form-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .form-actions__head { padding-top: 72px; padding-bottom: 16px; } .form-actions__text { font-size: 14px; line-height: 21px; color: #626b79; } .form-actions__personal { margin-top: 0; margin-bottom: 45px; padding-top: 4px; padding-bottom: 0; } @-webkit-keyframes formAppearing { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes formAppearing { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes formDisappearing { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes formDisappearing { 0% { opacity: 1; } 100% { opacity: 0; } } .breadcrumbs { display: none; } @media only screen and (max-width: 750px) { .breadcrumbs { display: none; } } .breadcrumbs.dark .breadcrumbs__item { border-color: #f2f2f2; } .breadcrumbs.dark .breadcrumbs__item:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDggMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04IDE2TDEgMEgwLjM0NzY1NlYxTDYuOTEwMTYgMTZMMC4zNDM3NSAzMC45OTIyVjMySDFMOCAxNloiIGZpbGw9IiNGMkYyRjIiLz4KPC9zdmc+Cg==); } .breadcrumbs.dark .breadcrumbs__link { color: #000; } .breadcrumbs__item { position: relative; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } .breadcrumbs__item:after { content: ''; position: absolute; top: -1px; left: 99.4%; height: calc(100% + 2px); width: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDggMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04IDE2TDEgMEgwLjM0NzY1NlYxTDYuOTEwMTYgMTZMMC4zNDM3NSAzMC45OTIyVjMySDFMOCAxNloiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+Cg==); background-position: center; background-size: cover; } .breadcrumbs__item:first-child { border-left: 1px solid #fff; } .breadcrumbs__item:first-child .breadcrumbs__link { padding: 7px 14px; } .breadcrumbs__item:last-child .breadcrumbs__link { opacity: .4; pointer-events: none; cursor: default; } .breadcrumbs__item:last-child .breadcrumbs__link:after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; } .breadcrumbs__link { display: block; position: relative; padding: 7px 14px 7px 20px; font-size: 11px; color: #fff; } .mfp-wrap { /* stylelint-disable */ position: fixed !important; top: 0 !important; left: 0 !important; /* stylelint-enable */ } .mfp-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 70px 130px; cursor: default; } @media only screen and (max-width: 750px) { .mfp-container { padding: 10vh 0; } } .mfp-container:before { content: none; } .mfp-container .mfp-figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; /* stylelint-disable */ cursor: default !important; /* stylelint-enable */ } .mfp-container .mfp-figure.fl_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mfp-container .mfp-figure.ai_flexend { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .mfp-container .mfp-figure:after { content: none; } .mfp-container .mfp-img { /* stylelint-disable */ max-width: 100% !important; max-height: 100% !important; /* stylelint-enable */ padding: 0; cursor: pointer; margin: 0; } .mfp-container .mfp-iframe-wrap { width: 100%; } .mfp-container .mfp-iframe-wrap:before { content: ''; display: block; width: 100%; padding-top: 56.25%; } .mfp-container .mfp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media only screen and (max-width: 750px) { .mfp-container .mfp-iframe { height: 100%; padding-top: 40px; } } .mfp-container .mfp-close { position: absolute; top: -60px; right: -80px; width: 30px; height: 30px; padding: 0; opacity: .7; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat; background-size: contain; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; /* stylelint-disable */ cursor: pointer !important; /* stylelint-enable */ } @media only screen and (max-width: 750px) { .mfp-container .mfp-close { top: 0; right: 15px; } } .mfp-container .mfp-close:hover { -webkit-transform: scale(0.8); transform: scale(0.8); } .mfp-container .mfp-close:active { -webkit-transform: scale(0.7); transform: scale(0.7); } .mfp-container .mfp-counter { top: calc(100% + 10px); } @media only screen and (max-width: 750px) { .mfp-container .mfp-counter { right: auto; } .mfp-container .mfp-counter.pos_rel { position: relative; width: 100%; top: auto; margin-top: 20px; margin-bottom: auto; text-align: center; } } .magnific-arrow { position: absolute; top: 50%; width: 16px; height: 43px; cursor: pointer; z-index: 1045; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjkgNjIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2U6ICM1NjVmNmM7DQogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7DQogICAgICAgIHN0cm9rZS1vcGFjaXR5OiAwLjU7DQogICAgICAgIHN0cm9rZS13aWR0aDogMXB4Ow0KICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIHN0eWxlPSJmaWxsOiAjZmZmOyI+DQogICAgPHBhdGggZD0iTTI1LjA4Nyw1NS45ODkgTDIyLjc0MCw1OC4wNDEgTDMuNzYyLDMxLjAxNSBMMjIuNzIxLDMuOTY3IEwyNS4yMjgsNS44ODIgTDcuNjE4LDMxLjAyNyBMMjUuMDg3LDU1Ljk4OSBaIiBpZD0icGF0aC0xIiBzdHlsZT0ic3Ryb2tlOiBpbmhlcml0OyBmaWx0ZXI6IG5vbmU7IGZpbGw6IGluaGVyaXQiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQogIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIgc3R5bGU9InN0cm9rZTogIzU2NWY2YzsgZmlsdGVyOiBub25lOyBmaWxsOiBub25lIi8+DQo8L3N2Zz4NCg==) center no-repeat; background-size: contain; opacity: 1; will-change: transform; } .magnific-arrow:after { content: ''; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .magnific-arrow.prev { left: 90px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media only screen and (max-width: 750px) { .magnific-arrow.prev { left: 4vw; } } .magnific-arrow.prev:hover { -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); } .magnific-arrow.prev:active { -webkit-transform: translate(-40%, -50%) scale(1.2); transform: translate(-40%, -50%) scale(1.2); } .magnific-arrow.next { right: 90px; -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } @media only screen and (max-width: 750px) { .magnific-arrow.next { right: 4vw; } } .magnific-arrow.next:hover { -webkit-transform: translate(40%, -50%) rotate(180deg); transform: translate(40%, -50%) rotate(180deg); } .magnific-arrow.next:active { -webkit-transform: translate(40%, -50%) rotate(180deg) scale(1.2); transform: translate(40%, -50%) rotate(180deg) scale(1.2); } .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: .9; width: 101%; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .mfp-zoom-in.mfp-removing .complex-detail-progress-images__arrow { opacity: 0; -webkit-transition: opacity .1s ease; transition: opacity .1s ease; } .mfp-zoom-in.mfp-removing .magnific-arrow { opacity: 0; } .fancybox-stage { top: 40px; bottom: 40px; } .fancybox-stage .fancybox-slide { padding: 0; } .fancybox-stage .fancybox-slide .fancybox-image { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 750px) { .fancybox-stage .fancybox-slide .fancybox-image { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } } .fancybox-stage .fancybox-slide .fancybox-iframe, .fancybox-stage .fancybox-slide .fancybox-video { max-width: 80%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 750px) { .fancybox-stage .fancybox-slide .fancybox-iframe, .fancybox-stage .fancybox-slide .fancybox-video { max-width: 100%; left: 0; -webkit-transform: translateX(0); transform: translateX(0); } } .fancybox-stage .fancybox-slide.--image .fancybox-content { top: 50%; max-width: 80%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .fancybox-thumbs { top: auto; width: auto; bottom: 200px; left: 0; right: 0; padding: 10px 10px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); } .fancybox-show-thumbs .fancybox-inner { right: 0; } .fancybox-is-open .fancybox-bg { background-color: #000; opacity: 1; } .fancybox-button { width: 50px; height: 50px; } .fancybox-button--close { background-color: transparent; } .fancybox-thumbs__list a { width: 88px; height: 44px; position: relative; } .fancybox-thumbs__list a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); z-index: 1; } .fancybox-thumbs__list a.fancybox-thumbs-active:after, .fancybox-thumbs__list a:before { content: unset; } .fancybox-navigation { position: absolute; left: 50px; right: 50px; bottom: 100px; } .fancybox-navigation .fancybox-button--arrow_left, .fancybox-navigation .fancybox-button--arrow_right { padding: 0; width: 54px; height: 30px; background-color: transparent; } .fancybox-navigation .fancybox-button--arrow_left div, .fancybox-navigation .fancybox-button--arrow_right div { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDM3IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjY0NjQ0NiAzLjY0NjQ1QzAuNDUxMTgzIDMuODQxNzEgMC40NTExODMgNC4xNTgyOSAwLjY0NjQ0NiA0LjM1MzU2TDMuODI4NDMgNy41MzU1NEM0LjAyMzY5IDcuNzMwOCA0LjM0MDI3IDcuNzMwOCA0LjUzNTUzIDcuNTM1NTRDNC43MzA4IDcuMzQwMjcgNC43MzA4IDcuMDIzNjkgNC41MzU1MyA2LjgyODQzTDEuNzA3MTEgNEw0LjUzNTUzIDEuMTcxNThDNC43MzA4IDAuOTc2MzE0IDQuNzMwOCAwLjY1OTczMSA0LjUzNTUzIDAuNDY0NDY5QzQuMzQwMjcgMC4yNjkyMDcgNC4wMjM2OSAwLjI2OTIwNyAzLjgyODQzIDAuNDY0NDY5TDAuNjQ2NDQ2IDMuNjQ2NDVaTTM3IDMuNUwxIDMuNUwxIDQuNUwzNyA0LjVMMzcgMy41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .fancybox-navigation .fancybox-button--arrow_left svg, .fancybox-navigation .fancybox-button--arrow_right svg { display: none; } @media (hover), (min-width: 0 \0) { .fancybox-navigation .fancybox-button--arrow_left:hover div, .fancybox-navigation .fancybox-button--arrow_right:hover div { opacity: .6; } } .fancybox-navigation .fancybox-button--arrow_right { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } .image-slider__item { background-repeat: no-repeat; background-position: center; background-size: cover; } .image-slider__item.bg-i-load { background-image: url(/static/images/meeting-moscow.jpg); } .image-slider__item._zoom { cursor: -webkit-zoom-in; cursor: zoom-in; } .landing-intro { height: 440px; padding-bottom: 70px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .landing-intro { height: 280px; } } .landing-intro .container { height: 100%; position: relative; } .landing-intro__text-block { position: absolute; left: 20px; bottom: 0; } @media only screen and (max-width: 750px) { .landing-intro__text-block { right: 20px; } } .landing-intro__header { font-size: 34px; line-height: 37px; color: #fff; } @media only screen and (max-width: 750px) { .landing-intro__header { font-size: 26px; } } .landing-grid .row { margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .landing-grid .col-full { padding: 0 10px; width: 100%; } .landing-grid .col-7-12 { padding: 0 10px; width: calc(100% / 12 * 7); } .landing-grid .col-5-12 { padding: 0 10px; width: calc(100% / 12 * 5); } .landing-grid .col-1-3 { padding: 0 10px; width: calc(100% / 3); } .landing-grid .col-2-3 { padding: 0 10px; width: calc(100% / 3 * 2); } .landing-grid .col-1-2 { padding: 0 10px; width: calc(100% / 2); } .landing-grid .col-5-12.--order-1, .landing-grid .col-7-12.--order-1, .landing-grid .col-1-2.--order-1, .landing-grid .col-1-3.--order-1, .landing-grid .col-2-3.--order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .landing-grid .col-5-12.--order-2, .landing-grid .col-7-12.--order-2, .landing-grid .col-1-2.--order-2, .landing-grid .col-1-3.--order-2, .landing-grid .col-2-3.--order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media only screen and (max-width: 750px) { .landing-grid .col-5-12.mobile-full, .landing-grid .col-7-12.mobile-full, .landing-grid .col-1-2.mobile-full, .landing-grid .col-1-3.mobile-full, .landing-grid .col-2-3.mobile-full { width: 100%; } } @media only screen and (max-width: 750px) { .landing-grid .col-5-12.mobile-hide, .landing-grid .col-7-12.mobile-hide, .landing-grid .col-1-2.mobile-hide, .landing-grid .col-1-3.mobile-hide, .landing-grid .col-2-3.mobile-hide { display: none; } } .landing__section-header { font-size: 40px; line-height: 44px; } @media only screen and (max-width: 750px) { .landing__section-header { font-size: 26px; line-height: 140%; } } .text-image { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 535px; color: white; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center; background-size: cover; } @media only screen and (max-width: 750px) { .text-image { height: auto; } } .text-image.--mobile { min-height: 380px; } .text-image._hidden { display: none; } .text-image._hide-mobile { display: none; } .text-image__title { -ms-flex-negative: 0; flex-shrink: 0; font-size: 30px; } @media only screen and (max-width: 750px) { .text-image__intro-title { display: none; } } .text-image__block { margin-top: 30px; } @media only screen and (max-width: 750px) { .text-image__block { width: 100%; margin-top: 10px; } } @media only screen and (max-width: 750px) { .text-image__block.--desktop { display: none; } } .text-image__block.--text-container { font-size: 16px; } .border-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; border: 1px solid #e6e6e6; } @media only screen and (max-width: 750px) { .border-card { border: none; } } .border-card.--hover { cursor: pointer; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .border-card.--hover .border-card__title { position: relative; display: inline-block; vertical-align: top; } .border-card.--hover .border-card__title:hover { border-color: rgba(59, 70, 88, 0.5); } .border-card__image-container { display: block; width: 100%; height: 250px; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center; background-size: cover; outline: none; } @media only screen and (max-width: 750px) { .border-card__image-container { height: 224px; } } .border-card__image-container + .border-card__container { height: calc(100% - 250px); } @media only screen and (max-width: 750px) { .border-card__image-container + .border-card__container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: auto; padding: 20px; } } .border-card__image-container.--big { height: 330px; } .border-card__image-container.--big + .border-card__container { height: calc(100% - 330px); padding-right: 40px; padding-left: 40px; } @media only screen and (max-width: 750px) { .border-card__image-container.--big + .border-card__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; min-height: 358px; padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 750px) { .border-card__image-container.--big { height: 224px; } } .border-card__image-container.--layout { height: 270px; background-size: calc(100% - 60px) auto; } .border-card__image-container.--layout + .border-card__container { height: calc(100% - 270px); padding-top: 0; } @media only screen and (max-width: 750px) { .border-card__image-container.--layout + .border-card__container { height: auto; } } .border-card__container { width: 100%; height: 100%; padding: 30px 30px 0; font-size: 16px; } @media only screen and (max-width: 750px) { .border-card__container { padding: 15px 10px; border: 1px solid #e6e6e6; } } .border-card__title { font-weight: 400; font-size: 21px; line-height: 28px; } @media only screen and (max-width: 750px) { .border-card__title { font-size: 18px; line-height: 24px; } } .border-card__text { margin-top: 15px; } .border-card__text.--desc { font-size: 16px; margin-top: 10px; } .border-card__text.--small { font-size: 12px; color: rgba(59, 70, 88, 0.5); } @media only screen and (max-width: 750px) { .border-card__text.--small { font-size: 15px; } } .border-card__text p { font-weight: 300; } .border-card__link { border-bottom: 1px solid transparent; cursor: pointer; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media only screen and (max-width: 750px) { .border-card__link { border-color: #3b4658; } } .border-card__link:hover { border-color: #3b4658; } .three-blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 790px; height: 535px; } @media only screen and (max-width: 750px) { .three-blocks { width: 100%; height: auto; } } .three-blocks__item { position: relative; width: 50%; height: 50%; color: white; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; } @media only screen and (max-width: 750px) { .three-blocks__item { width: 100%; height: 380px; margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .three-blocks__item:last-child { margin-bottom: 0; } } .three-blocks__item:hover:after { background-color: rgba(59, 70, 88, 0.7); } .three-blocks__item:hover .three-blocks__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .three-blocks__item.--item-1 { width: 100%; border-bottom: 1px solid white; } @media only screen and (max-width: 750px) { .three-blocks__item.--item-1 { border-bottom: 0; } } .three-blocks__item.--item-2 { border-right: 1px solid white; } @media only screen and (max-width: 750px) { .three-blocks__item.--item-2 { border-right: 0; } } .three-blocks__item:after { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(59, 70, 88, 0); -webkit-transition: background-color .5s ease; transition: background-color .5s ease; } .three-blocks__container { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 0 30px 25px; } @media only screen and (max-width: 750px) { .three-blocks__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .three-blocks__title { font-size: 24px; line-height: 24px; margin-bottom: 30px; } @media only screen and (max-width: 750px) { .three-blocks__title { margin-bottom: 15px; } } .three-blocks p { font-size: 16px; } .three-blocks__text { font-size: 16px; } .project-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .project-list__item { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 50px; margin-right: 22.5px; } .project-list__item:nth-of-type(1), .project-list__item:nth-of-type(2), .project-list__item:nth-of-type(3) { margin-top: 0; } .project-list__item:nth-of-type(3n) { margin-right: 0; } .project-card { width: 385px; cursor: pointer; } .project-card:hover .project-card__title:after { background-color: #3b4658; } .project-card__image-container { width: 100%; height: 260px; margin-bottom: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; } .project-card__title { position: relative; display: inline-block; font-size: 22px; vertical-align: top; } .project-card__title:after { content: ""; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: rgba(59, 70, 88, 0); -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .project-card-en { width: calc((100% - 52px) / 3); margin-bottom: 86px; margin-right: 26px; border: 1px solid #e6e6e6; cursor: pointer; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; overflow: hidden; } @media only screen and (max-width: 750px) { .project-card-en { width: 100%; margin-bottom: 32px; margin-right: 0; } } .project-card-en._no-event { pointer-events: none; cursor: initial; } .project-card-en:hover { border-color: rgba(59, 70, 88, 0.5); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .project-card-en:hover .project-card-en__preview { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .project-card-en:nth-child(3n) { margin-right: 0; } .project-card-en__preview { height: 246px; margin-bottom: 32px; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .project-card-en__preview { width: calc(100vw - 40px); height: calc((100vw - 40px) / 1.5); } } .project-card-en__body { padding: 0 30px 64px; } @media only screen and (max-width: 750px) { .project-card-en__body { padding: 0 20px 40px; } } .project-card-en__title { margin-bottom: 24px; font-size: 24px; line-height: 26px; } @media only screen and (max-width: 750px) { .project-card-en__title { margin-bottom: 14px; font-size: 20px; line-height: 22px; } } .project-card-en__features { font-size: 16px; line-height: 18px; } @media only screen and (max-width: 750px) { .project-card-en__features { font-size: 14px; line-height: 15px; } } .project-card-en__features > p { margin-bottom: 8px; } .project-card-en__features > p:last-child { margin-bottom: 0; } .form-switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; cursor: pointer; } .form-switch__input { margin-right: 20px; } .form-switch__label { font-weight: 300; cursor: pointer; } .form-switch__link { position: relative; font-weight: 400; color: #45484a; } .form-switch__link:hover:after { background-color: #3b4658; } .form-switch__link:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: rgba(59, 70, 88, 0); -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .disclaimer { display: -webkit-box; display: -ms-flexbox; display: flex; } .disclaimer__text { position: relative; top: -5px; width: 390px; padding-left: 20px; font-weight: 300; line-height: 1.5; cursor: pointer; } @media only screen and (max-width: 750px) { .disclaimer__text { top: 2px; width: 100%; font-size: 11px; } } .disclaimer__link { border-bottom: 1px solid rgba(61, 67, 80, 0); -webkit-transition: border-color .3s ease; transition: border-color .3s ease; font-weight: normal; cursor: pointer; } .disclaimer__link:hover { border-color: #3d4350; } .form-item.--tip { position: relative; padding-bottom: 25px; } .form-item__label { display: block; font-size: 16px; font-weight: 300; margin-bottom: 16px; } .form-item__label._hidden { opacity: 0; } @media only screen and (max-width: 750px) { .form-item__label._hidden { display: none; } } .form-item__input { width: 100%; } .form-item__select { width: 100%; } .form-item__select .selectric { margin-right: 20px; padding: 5px 16px; border-radius: 0; } @media only screen and (max-width: 750px) { .form-item__select .selectric { margin-right: 0; } .form-item__select .selectric .label { font-size: 16px; } } .form-item__select .disabled { display: none; } .form-item__tip { display: block; margin-top: 10px; font-size: 14px; line-height: 16px; color: #a8a19a; white-space: nowrap; } @media only screen and (max-width: 750px) { .form-item__tip { white-space: normal; } } .form-item__tip._wrap { white-space: normal; } .form-item__tip._description { white-space: normal; } .form-item__tip._description._hidden { display: none; } .form-item__tip.absolute { position: absolute; left: 0; right: 0; bottom: -18px; } .form-item__tip.b-24 { bottom: -24px; } .form-item__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .form-item__list-item { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 40px; } .form-item.wrong .selectric { border-color: red; } .form-item.wrong .form-item__input, .form-item.wrong input { border-color: red; } .form-item.wrong .form-item__select { border-color: red; } .form-item.wrong .form-item__tip { color: red; } .block-couple { width: 100%; } .block-couple__title { margin-bottom: 25px; font-size: 22px; } .block-couple__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media only screen and (max-width: 750px) { .block-couple__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .block-couple__item { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .block-couple__item { margin-bottom: 32px; } } @media only screen and (max-width: 750px) { .block-couple__item:last-child { margin-bottom: 0; } } .block-couple__item.--wide { width: 790px; } @media only screen and (max-width: 750px) { .block-couple__item.--wide { width: 100%; } } .block-couple__item._w790 { width: 790px; margin-right: 30px; overflow: hidden; } @media only screen and (max-width: 750px) { .block-couple__item._w790 { width: 100vw; margin-left: -20px; } } @media only screen and (max-width: 750px) { .block-couple__item._w790._mobile { width: 100%; margin-top: 20px; margin-right: 0; margin-left: 0; } } .block-couple__item.--narrow { width: 380px; } @media only screen and (max-width: 750px) { .block-couple__item.--narrow { width: 100%; } } .pagination__first, .pagination__previous { margin-right: 15px; } .pagination__last, .pagination__next { margin-left: 15px; } .tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: 1px solid #d4d4d4; } .tab-list__item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; height: 40px; margin-right: 100px; font-size: 22px; pointer-events: all; cursor: pointer; } @media only screen and (max-width: 750px) { .tab-list__item { margin-right: 36px; font-size: 18px; } } .tab-list__item.active { pointer-events: none; cursor: default; } .tab-list__item.active.--resale { pointer-events: all; cursor: pointer; } .tab-list__item.active:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .tab-list__item:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } .video { position: relative; cursor: pointer; } .video:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 142px; height: 142px; margin: auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQycHgiIGhlaWdodD0iMTQycHgiIHZpZXdCb3g9IjAgMCAxNDIgMTQyIiB2ZXJzaW9uPSIxLjEiCiAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIHg9Ii0xMjAuMCUiIHk9Ii0xMjAuMCUiIHdpZHRoPSIzNDAuMCUiIGhlaWdodD0iMzQwLjAlIgogICAgICAgICAgICAgICAgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTEiPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyMCIgaW49IlNvdXJjZUdyYXBoaWMiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i0JHRgNGD0YHQvdC40LrQsC3Qu9C10L3QtNC40L3Qsy3QoNC40Y3Qu9GC0L7RgNGLIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDM5LjAwMDAwMCwgLTI2MTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDg1LjAwMDAwMCwgMjY1OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwMDAwMDAiIGZpbHRlcj0idXJsKCNmaWx0ZXItMSkiIGN4PSIyNSIgY3k9IjI1IgogICAgICAgICAgICAgICAgICAgICAgICByPSIyNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjIwIDE2IDM0IDI0LjUgMjAgMzMiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtNSIgc3Ryb2tlPSIjRkZGRkZGIiBjeD0iMjUiIGN5PSIyNSIgcj0iMjQuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); background-repeat: no-repeat; background-size: 100% 100%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; z-index: 2; } @media (hover), (min-width: 0 \0) { .video:before { -webkit-transform: scale(1.1); transform: scale(1.1); } } .layout-card { width: 100%; border: 1px solid #e6e6e6; cursor: pointer; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .layout-card:hover { border-color: rgba(59, 70, 88, 0.5); } @media only screen and (max-width: 750px) { .layout-card:hover { border: 1px solid #e6e6e6; } } .layout-card__image-container { height: 240px; margin: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; } @media only screen and (max-width: 750px) { .layout-card__image-container { height: 225px; margin: 15px 30px; } } .layout-card__image-container + .layout-card__text { height: calc(100% - 300px); } @media only screen and (max-width: 750px) { .layout-card__image-container + .layout-card__text { height: auto; } } .layout-card__text { width: 100%; height: 100%; padding: 0 30px 30px; font-size: 16px; } @media only screen and (max-width: 750px) { .layout-card__text { padding: 0 10px 30px; } } .layout-pop-up { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 21; opacity: 0; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: opacity 0.3s ease, -webkit-transform 0s ease 0.3s; transition: opacity 0.3s ease, -webkit-transform 0s ease 0.3s; transition: opacity 0.3s ease, transform 0s ease 0.3s; transition: opacity 0.3s ease, transform 0s ease 0.3s, -webkit-transform 0s ease 0.3s; } .layout-pop-up.active { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .layout-pop-up__block { position: absolute; top: 50%; left: 50%; width: 1000px; max-height: 100vh; padding: 80px 60px 40px; background-color: white; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 750px) { .layout-pop-up__block { width: 100%; padding: 48px 20px 20px; } } .layout-pop-up__close { position: absolute; top: 45px; right: 60px; z-index: 1; } @media only screen and (max-width: 750px) { .layout-pop-up__close { top: 20px; right: 20px; } } .layout-pop-up__title { width: 80%; margin-bottom: 40px; font-size: 24px; line-height: 28px; } @media only screen and (max-width: 750px) { .layout-pop-up__title { margin-bottom: 10px; } } .layout-pop-up__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .layout-pop-up__main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .layout-pop-up__image-container { -ms-flex-negative: 0; flex-shrink: 0; width: 400px; height: 400px; background-repeat: no-repeat; background-position: center; background-size: contain; } @media only screen and (max-width: 750px) { .layout-pop-up__image-container { width: 100%; height: 30vh; margin-bottom: 10px; } } .layout-pop-up__container { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 420px; } @media only screen and (max-width: 750px) { .layout-pop-up__container { width: 100%; } } .layout-pop-up__text-container { font-size: 16px; } .layout-pop-up__text-container p { margin-bottom: 16px; } .layout-pop-up__text-container p:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .layout-pop-up__text-container { margin-bottom: 32px; } } .layout-pop-up__button { -ms-flex-negative: 0; flex-shrink: 0; height: 50px; } .border-block { position: relative; padding: 45px 30px 0; border: 1px solid #e6e6e6; } @media only screen and (max-width: 750px) { .border-block { padding: 30px 15px; } } .border-block.--mobile { display: none; } @media only screen and (max-width: 750px) { .border-block.--mobile { display: block; } } .border-block.--grey { border: none; background-color: #f2f2f2; } .border-block.--red-pattern:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzc4IDExIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0gMzgwIDBMIDAgMEwgMCA5NzNMIDM4MCA5NzNMIDM4MCAwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTg2KSIgZmlsbD0iIzhDQzkxOSIvPgo8L2c+CjxnIGlkPSJWZWN0b3JfMiI+CjxwYXRoIGQ9Ik0gMzgwIDBMIDAgMEwgMCA5MDkuNjMyQyAxNDcuOTE0IDg4Mi42NSAyNzkuNDg0IDgwOS40NzEgMzgwIDcwNS42MjlMIDM4MCAwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTg2KSIgZmlsbD0iI0ZGMTYwMCIvPgo8L2c+CjxnIGlkPSJWZWN0b3JfMyI+CjxwYXRoIGQ9Ik0gMCAwTCAwIDIwNC44MjFDIDEyLjY2NjcgMjA2LjQ1NiAyNS4zMzMzIDIwNy42ODIgMzguNDA4NiAyMDcuNjgyQyAxNjUuODkyIDIwNy42ODIgMjcyLjk0NiAxMTkuMzc2IDMwMS4xNCAwLjQwODgyNEwgMCAwLjQwODgyNEwgMCAwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTg2KSIgZmlsbD0iI0IyMDAxOSIvPgo8L2c+Cjwvc3ZnPg==); } .border-block:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 11px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzc4IDExIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0gMCA1MzdDIDAgMjQwLjEwNCAyNDAuMTA0IDAgNTM3IDBDIDgzMy44OTYgMCAxMDc0IDI0MC4xMDQgMTA3NCA1MzdDIDEwNzQgODMzLjg5NiA4MzMuODk2IDEwNzQgNTM3IDEwNzRDIDI0MC4xMDQgMTA3NCAwIDgzMy4xNzcgMCA1MzdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjc2IC02NDEpIiBmaWxsPSIjOENDOTE5Ii8+CjwvZz4KPGcgaWQ9IlZlY3Rvcl8yIj4KPHBhdGggZD0iTSAwIDMzMi4xMkMgMCAxNDguODA3IDE0OC44MDcgMCAzMzIuMTIgMEMgNTE1LjQzNCAwIDY2NC4yNDEgMTQ4LjgwNyA2NjQuMjQxIDMzMi4xMkMgNjY0LjI0MSA1MTUuNDM0IDUxNS40MzQgNjY0LjI0MSAzMzIuMTIgNjY0LjI0MUMgMTQ4LjgwNyA2NjQuMjQxIDAgNTE1LjQzNCAwIDMzMi4xMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzEuMTIgLTQzNi4xMjEpIiBmaWxsPSIjRkYxNjAwIi8+CjwvZz4KPC9zdmc+); background-repeat: no-repeat; background-size: 100% 100%; } .border-block__title { margin-bottom: 22px; font-size: 24px; line-height: 28px; } .border-block__text p { margin-bottom: 20px; font-size: 16px; } .border-block__text p:last-child { margin-bottom: 0; } .flatpage__button { width: 390px; height: 60px; margin: 0 auto; margin-top: 20px; } @media only screen and (max-width: 750px) { .flatpage__button { width: 100%; height: 45px; } } .map-mob { display: none; } @media screen and (max-device-width: 1024px) { .map-mob { position: absolute; top: 0; left: 0; right: 0; bottom: -25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; margin-bottom: 25px; background: rgba(0, 0, 0, 0.67); z-index: 4; color: #fff; font-size: 22px; font-family: "Grtsk-Exa", "Verdana", sans-serif; text-align: center; opacity: 0; pointer-events: none; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .map-mob.projects { top: 40px; } .map-mob.active { opacity: 1; } .map-mob__icon { width: 54px; height: 67px; margin-top: 25px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/static/images/map-hand.svg); } } .inner-hero { width: 100%; height: 440px; margin: 0 auto; padding: 80px 0; color: white; background-image: url(/static/images/project-pattern.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .inner-hero { height: 250px; padding-bottom: 30px; } } @media only screen and (max-width: 750px) { .inner-hero._start .inner-hero__container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-width: 750px) { .inner-hero._start .inner-hero__title { max-width: 205px; font-weight: 300; } } .inner-hero__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } @media only screen and (max-width: 750px) { .inner-hero__container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .inner-hero__title { font-size: 42px; line-height: 49px; } @media only screen and (max-width: 750px) { .inner-hero__title { font-size: 26px; line-height: 30px; } } .inner-hero__text { display: block; margin-top: 10px; width: 388px; font-size: 16px; line-height: 32px; } @media only screen and (max-width: 750px) { .inner-hero__text { width: 100%; margin-top: 5px; max-width: 100%; } } .inner-page { padding-bottom: 120px; } @media only screen and (max-width: 750px) { .inner-page { padding-bottom: 64px; } } .inner-page__body { margin-top: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .inner-page__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 40px; } } .inner-page__main { width: 65%; margin-right: 5%; } @media only screen and (max-width: 750px) { .inner-page__main { margin-right: 0; width: 100%; } } .inner-page__aside { width: 30%; } @media only screen and (max-width: 750px) { .inner-page__aside { width: 100%; } } .inner-page__link { text-decoration: underline; } .inner-page__link:hover { text-decoration: none; } .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tabs__header { white-space: nowrap; border-bottom: 1px solid #d4d4d4; } @media only screen and (max-width: 750px) { .tabs__header { width: 100vw; margin-left: -20px; padding: 0 20px; overflow-x: scroll; overflow-y: hidden; } } .tabs__button { position: relative; padding: 10px 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 24px; line-height: 36px; color: #3b4658; text-align: center; cursor: pointer; } .tabs__button:not(:last-child) { margin-right: 50px; } .tabs__button:after { content: ''; position: absolute; height: 2px; bottom: -1px; left: 0; right: 0; background-color: #3b4658; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; -webkit-transition-delay: .2s; transition-delay: .2s; } .tabs__button.active:after { -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0s; transition-delay: 0s; } @media only screen and (max-width: 750px) { .tabs__button { font-size: 18px; } .tabs__button:not(:last-child) { margin-right: 25px; } } .tabs__item { display: none; } .tabs__item.active { display: block; } .inner-header { position: relative; height: 375px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .inner-header { height: 242px; } } .inner-header._op20:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .2; } .inner-header__container { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; padding-bottom: 70px; } @media only screen and (max-width: 750px) { .inner-header__container { padding-bottom: 32px; } } .inner-header__title { color: #fff; font-size: 34px; line-height: 1; } @media only screen and (max-width: 750px) { .inner-header__title { font-size: 18px; line-height: 24px; } } .inner-header__title._w50 { width: 50%; } @media only screen and (max-width: 750px) { .inner-header__title._w50 { width: 100%; } } .inner-content-aside { width: 25%; padding: 0 10px; } @media only screen and (max-width: 750px) { .inner-content-aside { width: 100%; margin-top: 34px; padding: 0; } } .inner-content-aside__column { margin-bottom: 50px; } .inner-content-aside__column:last-child { margin-bottom: 0; } .inner-content-aside__title, .inner-content-aside h3 { font-size: 16px; line-height: 1.6; margin-bottom: 16px; } .inner-content-aside__desc, .inner-content-aside p { font-size: 14px; font-weight: 300; line-height: 1.6; margin-bottom: 50px; } .inner-content-aside a { display: block; line-height: 1.75; font-size: 16px; } .inner-content-aside a:hover { text-decoration: underline; } .inner-content-speaker__title { font-size: 24px; margin-bottom: 20px; } .inner-content-speaker__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .inner-content-speaker__wrap:not(:first-child) { margin-top: 20px; } @media only screen and (max-width: 750px) { .inner-content-speaker__wrap:not(:first-child) { margin-bottom: 25px; } } @media only screen and (max-width: 750px) { .inner-content-speaker__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .inner-content-speaker__desc { padding-left: 24px; padding-top: 30px; } @media only screen and (max-width: 750px) { .inner-content-speaker__desc { padding-left: 0; padding-top: 0; } } .inner-content-speaker__photo { display: block; max-width: 281px; } @media only screen and (max-width: 750px) { .inner-content-speaker__photo { max-width: 100%; margin-bottom: 20px; } } .inner-content-speaker__name { line-height: 1; font-size: 16px; margin-bottom: 12px; } .inner-content-speaker__position { font-size: 16px; font-weight: 300; margin-bottom: 39px; } @media only screen and (max-width: 750px) { .inner-content-speaker__position { margin-bottom: 20px; } } .inner-content-speaker__link { display: block; } .inner-content-speaker__link:hover { text-decoration: underline; } .inner-content__title { margin-bottom: 36px; font-size: 36px; line-height: 48px; } @media only screen and (max-width: 750px) { .inner-content__title { margin-bottom: 24px; font-size: 21px; line-height: 28px; } } .inner-content__container { margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .inner-content__container { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } } .inner-content__container._jc-sb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .inner-content__text { width: 66.66667%; padding: 0 10px; } @media only screen and (max-width: 750px) { .inner-content__text { width: 100%; padding: 0; } } .inner-content__text p { font-size: 16px; font-weight: 300; margin-bottom: 20px; line-height: 1.75; } @media only screen and (max-width: 750px) { .inner-content__text p { font-size: 14px; margin-bottom: 14px; } } .inner-content__text p:last-child { margin-bottom: 0; } .inner-content__text ol { padding-left: 22px; list-style-position: outside; margin: 0; } .inner-content__text li { list-style: inherit; font-size: 16px; padding-left: 11px; line-height: 1.75; font-weight: 300; margin-bottom: 14px; } .inner-content__text li:last-child { margin-bottom: 0; } .inner-content__text-title { font-size: 24px; margin-bottom: 20px; } .inner-content__text-list { margin-bottom: 50px; } .inner-content__sign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; text-align: center; } @media only screen and (max-width: 750px) { .inner-content__sign { width: 100%; margin-bottom: 20px; } } .inner-content__sign._big { width: 100%; } .inner-content__sign._big .inner-content__sign-pic { width: 100%; max-width: none; } .inner-content__sign-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; } @media only screen and (max-width: 750px) { .inner-content__sign-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .inner-content__sign-title { display: inline-block; font-size: 16px; text-align: center; margin: 20px 0; } .inner-content__sign-pic { height: 100%; max-width: 70%; } @media only screen and (max-width: 750px) { .inner-content__sign-pic { display: block; min-height: 200px; margin: 0 auto; } } .inner-tabs__container { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 0.5px solid #d9d9d9; } .inner-tabs__tab { position: relative; display: block; cursor: pointer; font-size: 24px; padding-bottom: 5px; margin-right: 74px; } @media only screen and (max-width: 750px) { .inner-tabs__tab { font-size: 16px; margin-right: 54px; } } .inner-tabs__tab:last-child { margin-right: 0; } .inner-tabs__tab._hide { display: none; } .inner-tabs__tab.active:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #14191a; } .more { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 54px; height: 15px; margin: 0 auto; text-align: center; padding: 28px 0 68px; font-size: 20px; color: #000; background-color: transparent; opacity: 1; } .more.hide { pointer-events: none; opacity: 0; } .more._p0 { padding: 0; } .more._white .more__progress-circle-1, .more._white .more__progress-circle-2, .more._white .more__progress-circle-3 { background-color: white; } .more._dark .more__progress-circle-1, .more._dark .more__progress-circle-2, .more._dark .more__progress-circle-3 { background-color: #292522; } .more__progress-circle-2 { -webkit-animation-delay: .5s; animation-delay: .5s; } .more__progress-circle-3 { -webkit-animation-delay: 1s; animation-delay: 1s; } .more__progress-circle-1, .more__progress-circle-2, .more__progress-circle-3 { width: 7px; height: 7px; background-color: #292522; border-radius: 50%; -webkit-animation-name: progress; animation-name: progress; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } @-webkit-keyframes progress { 0% { -webkit-transform: scale(1); transform: scale(1); } 33% { -webkit-transform: scale(calc(2 + 1 / 7)) translateZ(0); transform: scale(calc(2 + 1 / 7)) translateZ(0); } 66% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes progress { 0% { -webkit-transform: scale(1); transform: scale(1); } 33% { -webkit-transform: scale(calc(2 + 1 / 7)) translateZ(0); transform: scale(calc(2 + 1 / 7)) translateZ(0); } 66% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .genplan-pin { position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 8px; border-radius: 8px; font-size: 14px; line-height: 15px; background-color: #fff; opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; z-index: 2; pointer-events: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 750px) { .genplan-pin { pointer-events: all; } } .genplan-pin._active { opacity: 1; } .genplan-pin._rent .genplan-pin__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-right: 16px; } .genplan-pin._rent .genplan-pin__title:after { content: ''; position: absolute; top: 50%; width: 1px; height: 25px; right: 1px; background-color: #e5e5e5; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .genplan-pin._rent .comp-d-genplan__status-icn { position: relative; left: -1px; -ms-flex-negative: 0; flex-shrink: 0; width: 52px; height: 33px; margin-right: 0; background-color: white; background-size: 20px; background-position: center; background-repeat: no-repeat; border-radius: 0 50px 50px 0; } @media only screen and (max-width: 750px) { .genplan-pin._rent .comp-d-genplan__status-icn { border-radius: 0 0 10px 10px; background-position: 15px 5px; } } .genplan-pin:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 8px; height: 8px; background-color: white; -webkit-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); } .genplan-pin._noTail:after { content: none; display: none; } .genplan-pin__title { color: #292522; white-space: nowrap; font-weight: 500; } .genplan-pin__shield { position: absolute; left: 100%; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 22px; width: 22px; border-radius: 50%; } .genplan-pin__shield.sale { background-color: #ef3b24; } .genplan-pin__shield.sale:after { content: '%'; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 13px; color: #fff; line-height: .5; } .genplan-pin .comp-d-genplan__status._done:before, .genplan-pin .comp-d-genplan__start._custom-text-pin:before { content: ""; position: absolute; top: -2px; left: -4px; width: 5px; height: 5px; background-color: #9aca3c; border-radius: 100%; } .genplan-pin .comp-d-genplan__status._start:before { content: ""; position: absolute; margin-right: 4px; left: -5px; width: 10px; height: 11px; border-radius: 100%; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjAzOTUyIDUuODg0NkwxMS41NDcyIDcuMDkyNDJMMy41MDg1MiAxMy45MTA5TDUuMDYxNDMgOC4xMTUzMUwwLjU1Mzc3NyA2LjkwNzQ5TDguNTkyNDMgMC4wODkwNDcxTDcuMDM5NTIgNS44ODQ2WiIgZmlsbD0iI0VGM0IyNCIvPgo8L3N2Zz4K); } .genplan-pin .comp-d-genplan__status._unfinished:before { content: ""; position: absolute; top: -2px; left: -4px; width: 5px; height: 5px; background-color: #ef3b24; border-radius: 100%; } .genplan-infra-pin { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px 8px; font-size: 13px; border-radius: 4px; color: white; background-color: #3b4658; pointer-events: all; z-index: 2; } .genplan-infra-pin__desc { max-width: 0; margin: 0; color: rgba(255, 255, 255, 0.6); white-space: nowrap; overflow: hidden; -webkit-transition: max-width .25s linear, margin .05s linear .25s; transition: max-width .25s linear, margin .05s linear .25s; font-weight: 500; } .genplan-infra-pin__desc._visible { margin-left: 8px; -webkit-transition: max-width .25s linear .05s, margin .05s linear; transition: max-width .25s linear .05s, margin .05s linear; } .genplan-infra-pin__text { font-weight: 500; } .genplan-future-pin { position: absolute; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 14px; border-radius: 50%; color: #3b4658; background-color: white; -webkit-box-shadow: 0 5px 12px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 12px 4px rgba(0, 0, 0, 0.12); -webkit-transition: border-radius .3s linear, padding .3s linear; transition: border-radius .3s linear, padding .3s linear; pointer-events: all; cursor: pointer; } .genplan-future-pin._right { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } .genplan-future-pin._visible { z-index: 8; padding: 2px; border-radius: 5px; -webkit-transition: border-radius .25s linear; transition: border-radius .25s linear; } @media only screen and (max-width: 750px) { .genplan-future-pin._visible { padding: 0; } } .genplan-future-pin._visible .genplan-future-pin__text { margin-right: 6px; -webkit-transition: max-width .25s linear .05s, margin .05s linear; transition: max-width .25s linear .05s, margin .05s linear; } .genplan-future-pin__icon { position: relative; width: 15px; height: 15px; border-radius: 50%; background-color: white; } .genplan-future-pin__icon:before { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background-color: #ff3f3f; -webkit-transform: translate3d(32%, 32%, 0); transform: translate3d(32%, 32%, 0); } .genplan-future-pin__text { max-width: 0; margin: 0; white-space: nowrap; overflow: hidden; -webkit-transition: max-width .25s linear, margin .05s linear .25s; transition: max-width .25s linear, margin .05s linear .25s; } .genplan-built-pin { position: absolute; z-index: 2; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 1.5; border-radius: 50%; color: #3b4658; background-color: white; -webkit-box-shadow: 0 5px 12px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 12px 4px rgba(0, 0, 0, 0.12); pointer-events: all; cursor: pointer; } @media only screen and (max-width: 750px) { .genplan-built-pin { display: -webkit-box; display: -ms-flexbox; display: flex; } } .genplan-built-pin__icon { position: relative; width: 15px; height: 15px; border-radius: 50%; background-color: white; } .genplan-built-pin__icon:before { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background-color: #3b4658; -webkit-transform: translate3d(32%, 32%, 0); transform: translate3d(32%, 32%, 0); } .genplan-tooltip { position: absolute; top: -10000px; left: -10000px; z-index: 7; -webkit-transition: opacity 0.3s ease, z-index 0s ease 0.3s; transition: opacity 0.3s ease, z-index 0s ease 0.3s; } @media only screen and (max-width: 750px) { .genplan-tooltip { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } } .genplan-tooltip._active { opacity: 1; pointer-events: all; z-index: 8; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .genplan-tooltip._active:after { width: calc(100% + 16px); height: calc(100% + 24px); } .genplan-tooltip._active .genplan-tooltip__content > * { opacity: 1; } @media only screen and (max-width: 750px) { .genplan-tooltip._active .genplan-tooltip__content { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .genplan-tooltip:after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 8px; background-color: white; z-index: -1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 750px) { .genplan-tooltip:after { content: none; } } .genplan-tooltip__content-wrapper { width: 0; height: 0; overflow: hidden; border-radius: 8px; -webkit-transition: width 0.3s ease, height 0.3s ease; transition: width 0.3s ease, height 0.3s ease; } .genplan-tooltip__content { width: 100%; height: auto; padding: 5px 8px; background-color: white; border-radius: 8px; } @media only screen and (max-width: 750px) { .genplan-tooltip__content { position: absolute; top: 50%; left: 15px; width: calc(100% - (15px * 2)); padding: 2rem; -webkit-transform: translateY(calc(-50% + 20px)); transform: translateY(calc(-50% + 20px)); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } } @media only screen and (max-width: 750px) { .genplan-tooltip__content._custom { padding: 20px; } } .genplan-tooltip__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 12px; border-bottom: 1px solid #d4d4d4; } @media only screen and (max-width: 750px) { .genplan-tooltip__header { margin-top: 6px; border-bottom: none; padding-bottom: 0; margin-bottom: 14px; } } .genplan-tooltip__header._border-none { border-bottom: none; } .genplan-tooltip__num { -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; font-weight: 500; line-height: 15px; color: #292522; } .genplan-tooltip__num .comp-d-genplan__status._done:before { top: -1px; left: -3px; } @media only screen and (max-width: 750px) { .genplan-tooltip__num { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 24px; } } .genplan-tooltip__title { margin-top: 16px; white-space: nowrap; font-size: 14px; line-height: 15px; opacity: 0; -webkit-transition: opacity 0.3s ease 0.1s; transition: opacity 0.3s ease 0.1s; } @media only screen and (max-width: 750px) { .genplan-tooltip__title { display: none; } } @media only screen and (max-width: 750px) { .genplan-tooltip__status.comp-d-genplan__status { margin-top: 0; margin-left: .8rem; } } .genplan-tooltip__status-text { margin-bottom: 16px; line-height: 1; } @media only screen and (max-width: 750px) { .genplan-tooltip__status-text { display: none; margin-left: 8px; margin-bottom: 0; } } .genplan-tooltip__status-text._mob { display: none; } @media only screen and (max-width: 750px) { .genplan-tooltip__status-text._mob { display: inline; } } .genplan-tooltip__status-text._mob._no-margin { margin-left: 0; } .genplan-tooltip__status-text._start { color: #e93232; } .genplan-tooltip__status-text._done { color: #3ab94e; } @media only screen and (max-width: 750px) { .genplan-tooltip__status-text._ml { margin-left: 0; } } .genplan-tooltip__date { margin-top: 16px; margin-bottom: 12px; font-size: 14px; line-height: 18px; color: #a8a19a; opacity: 0; -webkit-transition: opacity 0.3s ease 0.2s; transition: opacity 0.3s ease 0.2s; } .genplan-tooltip__date._mob { display: none; } @media only screen and (max-width: 750px) { .genplan-tooltip__date { display: none; } .genplan-tooltip__date._mob { display: block; margin-top: 0; margin-bottom: 8px; line-height: 20px; opacity: 1; } } .genplan-tooltip__date-value { white-space: nowrap; } .genplan-tooltip__infos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 16px; margin-bottom: 20px; opacity: 0; -webkit-transition: opacity 0.3s ease 0.2s; transition: opacity 0.3s ease 0.2s; } @media only screen and (max-width: 750px) { .genplan-tooltip__infos { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0; margin-bottom: 20px; } } .genplan-tooltip__online { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3px 6px; background-color: #f6f6f6; border-radius: 2px; margin-bottom: 16px; } @media only screen and (max-width: 750px) { .genplan-tooltip__online { margin-bottom: 0; } } .genplan-tooltip__online svg { width: 13px; height: 12px; fill: none; stroke: #3b4658; margin-right: 6px; } .genplan-tooltip__online span { font-size: 12px; line-height: 13px; } .genplan-tooltip__info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .genplan-tooltip__info { font-size: 14px; line-height: 15px; text-decoration: underline; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; cursor: pointer; color: #292522; } .genplan-tooltip__info .icon { display: none; } @media only screen and (max-width: 750px) { .genplan-tooltip__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: .8rem; padding: .8rem 0; border-bottom: 1px solid #e1e1e1; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; color: #292522; text-decoration: none; } .genplan-tooltip__info:last-child { border-bottom: none; margin-bottom: 0; } .genplan-tooltip__info .icon { display: block; width: 2rem; height: 2rem; } } .genplan-tooltip__info:hover { opacity: .8; } .genplan-tooltip__info:not(:last-child) { margin-bottom: 12px; } @media only screen and (max-width: 750px) { .genplan-tooltip__info:not(:last-child) { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .genplan-tooltip__info._spaces { width: 100%; } } .genplan-tooltip__btn, .genplan-tooltip__btn-modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 13px 0; border-radius: 8px; margin-top: 20px; font-size: 14px; font-weight: 500; line-height: 20px; opacity: 0; color: #fff; background-color: #ef3b24; -webkit-transition: background-color 0.3s ease, opacity 0.3s ease 0.3s, color 0.3s ease; transition: background-color 0.3s ease, opacity 0.3s ease 0.3s, color 0.3s ease; cursor: pointer; } .genplan-tooltip__btn._secondary, .genplan-tooltip__btn-modal._secondary { color: #ef3b24; background-color: #feecea; margin-top: 8px; } .genplan-tooltip__btn._secondary:hover, .genplan-tooltip__btn-modal._secondary:hover { background-color: #ef3b24; color: #fff; } .genplan-tooltip__btn:hover, .genplan-tooltip__btn-modal:hover { background-color: #f14f3a; } @media only screen and (max-width: 750px) { .genplan-tooltip__btn, .genplan-tooltip__btn-modal { margin-top: 20px; } } .genplan-tooltip__btn._mt, .genplan-tooltip__btn-modal._mt { margin-top: 20px; } .genplan-tooltip__btn-amount { display: none; } @media only screen and (max-width: 750px) { .genplan-tooltip__btn-amount { display: -webkit-box; display: -ms-flexbox; display: flex; } } .genplan-tooltip__close { display: none; position: absolute; top: 20px; right: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 750px) { .genplan-tooltip__close { margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; background-color: #f6f5f4; border-radius: 100%; } } .genplan-tooltip__close span { width: 100%; height: 100%; min-width: 16px; min-height: 16px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDAwNDggNy4wNTczMkwxMS4zMDA1IDMuNzU3MzJMMTIuMjQzMSA0LjY5OTk5TDguOTQzMTUgNy45OTk5OUwxMi4yNDMxIDExLjNMMTEuMzAwNSAxMi4yNDI3TDguMDAwNDggOC45NDI2Nkw0LjcwMDQ4IDEyLjI0MjdMMy43NTc4MSAxMS4zTDcuMDU3ODEgNy45OTk5OUwzLjc1NzgxIDQuNjk5OTlMNC43MDA0OCAzLjc1NzMyTDguMDAwNDggNy4wNTczMloiIGZpbGw9IiMyOTI1MjIiLz4KPC9zdmc+Cg==) center no-repeat; background-size: contain; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; margin-left: 0; } .genplan-tooltip._urban-villa .genplan-tooltip__header { border-bottom: none; } .genplan-tooltip._urban-villa .genplan-tooltip__infos { margin-top: 0; margin-bottom: 20px; } .genplan-tooltip._custom .genplan-tooltip__header { border-bottom: none; } .genplan-tooltip._custom .genplan-tooltip__header ._done { margin-left: 16px; } .genplan-tooltip._custom .genplan-tooltip__header ._done:before { top: 6px; left: -10px; } .genplan-tooltip._custom .genplan-tooltip__infos { margin-top: 0; margin-bottom: 20px; } .genplan-tooltip._custom .genplan-tooltip__infos .comp-d-genplan__status { margin-left: 0; } .genplan-tooltip._custom .genplan-tooltip__infos .comp-d-genplan__status ._done { top: -1px; } @media only screen and (max-width: 750px) { .genplan-tooltip._custom .genplan-tooltip__infos .comp-d-genplan__status { display: none; } } .genplan-tooltip._custom .genplan-tooltip__infos .genplan-tooltip__status-text { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .genplan-tooltip._custom .genplan-tooltip__infos .genplan-tooltip__status-text { display: none; } } .genplan-tooltip._custom .genplan-tooltip__infos .comp-d-genplan__status-icn { margin-right: 6px; } .genplan-tooltip._custom .genplan-tooltip__btn { font-weight: 500; margin-top: 0; } .genplan-tooltip-custom__top-text { font-size: 14px; line-height: 16px; } .genplan-tooltip-custom__image { margin: 12px 0; } .genplan-tooltip-custom__image img { width: 100%; height: 100%; border-radius: 4px; } @media only screen and (max-width: 750px) { .genplan-tooltip-custom__image { margin-top: 24px; } } .genplan-tooltip-custom__bottom-text { font-size: 14px; line-height: 20px; font-weight: 500; color: #292522; } .genplan-tooltip-built { position: absolute; top: -10000px; left: -10000px; z-index: 7; -webkit-transition: opacity 0.3s ease, z-index 0s ease 0.3s; transition: opacity 0.3s ease, z-index 0s ease 0.3s; } @media only screen and (max-width: 750px) { .genplan-tooltip-built { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } } .genplan-tooltip-built._active { opacity: 1; pointer-events: all; z-index: 8; -webkit-transition: opacity 0.3s ease, border-radius 0.3s ease; transition: opacity 0.3s ease, border-radius 0.3s ease; } .genplan-tooltip-built._active:after { border-radius: 4px; } .genplan-tooltip-built._active .genplan-tooltip-built__pin { opacity: 0; } .genplan-tooltip-built._active .genplan-tooltip-built__content-wrapper { border-radius: 4px; } .genplan-tooltip-built._active .genplan-tooltip-built__content-wrapper:before { opacity: 0; } .genplan-tooltip-built._active .genplan-tooltip-built__content > * { opacity: 1; } .genplan-tooltip-built__pin { position: absolute; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 1.5; border-radius: 50%; color: #3b4658; background-color: white; -webkit-box-shadow: 0 5px 12px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 12px 4px rgba(0, 0, 0, 0.12); pointer-events: all; cursor: pointer; } .genplan-tooltip-built__pin-icon { position: relative; width: 15px; height: 15px; border-radius: 50%; background-color: white; } .genplan-tooltip-built__pin-icon:before { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background-color: #3b4658; -webkit-transform: translate(35%, 35%); transform: translate(35%, 35%); } .genplan-tooltip-built__content-wrapper { width: 0; height: 0; overflow: hidden; border-radius: 50%; -webkit-transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease; transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease; } @media only screen and (max-width: 750px) { .genplan-tooltip-built__content-wrapper { -webkit-transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease; transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease; } } .genplan-tooltip-built__content-wrapper._is-tablet .genplan-tooltip-built__content { width: 240px; padding: 14px 16px 20px; } .genplan-tooltip-built__content-wrapper._is-tablet .genplan-tooltip-built__image { margin-bottom: 12px; } .genplan-tooltip-built__content-wrapper._is-tablet .genplan-tooltip-built__subtitle { margin-bottom: 18px; } .genplan-tooltip-built__content-wrapper._is-tablet .genplan-tooltip-built__title { margin-bottom: 4px; } .genplan-tooltip-built__content { width: 260px; height: auto; padding: 16px 16px 24px; background-color: white; border-radius: 4px; } @media only screen and (max-width: 750px) { .genplan-tooltip-built__content { position: absolute; bottom: 0; width: 100%; padding: 0; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } } .genplan-tooltip-built__content._is-tablet { width: 240px; padding: 14px 16px 20px; } .genplan-tooltip-built__content._is-tablet .genplan-tooltip-built__image { margin-bottom: 12px; } .genplan-tooltip-built__content._is-tablet .genplan-tooltip-built__subtitle { margin-bottom: 18px; } .genplan-tooltip-built__content._is-tablet .genplan-tooltip-built__title { margin-bottom: 4px; } .genplan-tooltip-built__title { white-space: nowrap; font-size: 14px; font-weight: 500; line-height: 14px; color: #292522; margin-bottom: 7px; -webkit-transition: opacity 0.3s ease 0.1s; transition: opacity 0.3s ease 0.1s; } @media only screen and (max-width: 750px) { .genplan-tooltip-built__title { font-size: 16px; line-height: 16px; padding-left: 20px; margin-bottom: 8px; margin-top: 20px; } } .genplan-tooltip-built__subtitle { white-space: nowrap; font-size: 12px; line-height: 14px; color: #14191a; opacity: .4; margin-bottom: 24px; -webkit-transition: opacity 0.3s ease 0.1s; transition: opacity 0.3s ease 0.1s; } @media only screen and (max-width: 750px) { .genplan-tooltip-built__subtitle { padding-left: 20px; margin-bottom: 20px; } } .genplan-tooltip-built__status { font-size: 14px; font-weight: 400; line-height: 20px; color: #ef3b24; padding: 6px 12px; border: 1px solid #ef3b24; border-radius: 40px; } @media only screen and (max-width: 750px) { .genplan-tooltip-built__status { display: none; } } .genplan-tooltip-built__status-mob { font-size: 14px; font-weight: 400; line-height: 19px; color: white; padding: 6px 12px; border-radius: 40px; display: none; position: absolute; bottom: 16px; left: 16px; background: #ef3b24; } @media only screen and (max-width: 750px) { .genplan-tooltip-built__status-mob { display: block; } } .genplan-tooltip-built__infos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0; -webkit-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s; } @media only screen and (max-width: 750px) { .genplan-tooltip-built__infos { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .genplan-tooltip-built__image { margin-bottom: 16px; } @media only screen and (max-width: 750px) { .genplan-tooltip-built__image { margin-bottom: 10px; position: relative; display: inherit; } } .genplan-tooltip-built__image > img { width: 100%; height: 100%; } .genplan-tooltip-built__close { display: none; position: absolute; top: 22px; right: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 30px; height: 30px; background: rgba(236, 237, 239, 0.5); border-radius: 50%; } @media only screen and (max-width: 750px) { .genplan-tooltip-built__close { display: -webkit-box; display: -ms-flexbox; display: flex; } } .genplan-tooltip-built__close span { min-width: 12px; min-height: 12px; margin-left: 9px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw4Ljk5OTk2IDguOTk5OTZNOSAxTDEuMDAwMDQgOC45OTk5NyIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat; background-size: contain; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .genplan-tooltip-infra { position: absolute; top: -10000px; left: -10000px; z-index: 4; color: #292522; } .genplan-tooltip-infra__arrow { position: absolute; top: 80%; left: 50%; width: 1.8rem; height: 1.8rem; background-color: #fff; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); z-index: -1; } .genplan-tooltip-infra__pin { border: 2px solid #fff; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .2rem .6rem; border-radius: .8rem; color: #292522; background-color: #edebe9; pointer-events: all; cursor: pointer; text-wrap: nowrap; white-space: nowrap; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 500; font-size: 1.4rem; line-height: 2rem; } .genplan-tooltip-infra__pin._rounded { border-radius: 50%; padding: 0; } .genplan-tooltip-infra__pin-icon { width: 2.8rem; height: 2.8rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; background-color: #edebe9; } .genplan-tooltip-infra__pin-icon-img { padding: .4rem; border-radius: 50%; } .genplan-tooltip-infra__pin-text { text-wrap: nowrap; white-space: nowrap; } .genplan-tooltip-infra ._cursor-default { cursor: default; } .genplan-tooltip-infra__content-wrapper { position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; opacity: 0; padding: .6rem; -webkit-transition: opacity 0.3s ease, z-index 0s ease; transition: opacity 0.3s ease, z-index 0s ease; pointer-events: none; top: 50%; -webkit-transform: translateY(-20%); transform: translateY(-20%); } .genplan-tooltip-infra__content-wrapper._divider-wrapper { opacity: 1; -webkit-transition: all 0.3s ease, z-index 0s ease, opacity 0s; transition: all 0.3s ease, z-index 0s ease, opacity 0s; -webkit-transform: translateY(0%); transform: translateY(0%); left: 0; padding: 0; } .genplan-tooltip-infra__content-wrapper._active { opacity: 1; z-index: 8; pointer-events: all; } .genplan-tooltip-infra__content-wrapper._active ._open-divider { z-index: 1; background-color: #fff; -webkit-transition: width 0.3s ease, height 0.3s ease, padding 0.3s ease; transition: width 0.3s ease, height 0.3s ease, padding 0.3s ease; outline: 0 solid #fff; } .genplan-tooltip-infra__content-wrapper._active ._open-divider:before { width: calc(100% + 1.6rem); height: calc(100% + 1.6rem); } .genplan-tooltip-infra__infos { background-color: #fff; border-radius: .8rem; padding: .2rem .6rem; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 500; font-size: 1.4rem; line-height: 2rem; } .genplan-tooltip-infra__infos._only-title { -webkit-transform: translateY(15%); transform: translateY(15%); padding: .4rem .8rem; } .genplan-tooltip-infra__infos._icon-tooltip { padding: .4rem .8rem; } .genplan-tooltip-infra__divider { -webkit-transition: width 0.3s ease, height 0.3s ease, padding 0.3s ease; transition: width 0.3s ease, height 0.3s ease, padding 0.3s ease; opacity: 1; background-color: #edebe9; border-radius: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.2rem; overflow: hidden; border: 2px solid #fff; padding: .2rem .6rem; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 500; font-size: 1.4rem; line-height: 2rem; } .genplan-tooltip-infra__divider:before { content: ''; position: absolute; top: 50%; left: 50%; width: 70%; height: 70%; border-radius: .8rem; background-color: white; z-index: -1; -webkit-transform: translate(-51%, -57%); transform: translate(-51%, -57%); -webkit-transition: all .3s ease; transition: all .3s ease; } .genplan-tooltip-infra__subtitle-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: .6rem; color: #8a8c8d; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.2rem; line-height: 1.6rem; } .genplan-tooltip-infra__icon { width: 1.2rem; height: 1.2rem; } .genplan-tooltip-infra__divider-line { border-bottom: 1px solid #e1e1e1; } .genplan-tooltip-infra__title { text-wrap: nowrap; white-space: nowrap; } .genplan-tooltip-infra__subtitle { text-wrap: nowrap; } .genplan-tooltip-infra-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .genplan-tooltip-infra-overlay p { white-space: nowrap; text-wrap: nowrap; } .genplan-tooltip-infra-overlay._active { opacity: 1; pointer-events: all; z-index: 8; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .genplan-tooltip-infra-overlay._active .genplan-tooltip-infra-overlay__content > * { opacity: 1; } @media only screen and (max-width: 750px) { .genplan-tooltip-infra-overlay._active .genplan-tooltip-infra-overlay__content { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .genplan-tooltip-infra-overlay__content-wrapper { width: 0; height: 0; overflow: hidden; border-radius: .8rem; -webkit-transition: width 0.3s ease, height 0.3s ease; transition: width 0.3s ease, height 0.3s ease; } .genplan-tooltip-infra-overlay__content { width: calc(100% - (15px * 2)); height: auto; background-color: #fff; border-radius: .8rem; font-size: 1.6rem; font-weight: 500; position: absolute; top: 50%; left: 15px; padding: 2rem; -webkit-transform: translateY(calc(-50% + 20px)); transform: translateY(calc(-50% + 20px)); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .genplan-tooltip-infra-overlay__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: .8rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #d4d4d4; } .genplan-tooltip-infra-overlay__close { margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem; background-color: #f6f5f4; border-radius: 100%; } .genplan-tooltip-infra-overlay__close span { width: 100%; height: 100%; min-width: 1.6rem; min-height: 1.6rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDAwNDggNy4wNTczMkwxMS4zMDA1IDMuNzU3MzJMMTIuMjQzMSA0LjY5OTk5TDguOTQzMTUgNy45OTk5OUwxMi4yNDMxIDExLjNMMTEuMzAwNSAxMi4yNDI3TDguMDAwNDggOC45NDI2Nkw0LjcwMDQ4IDEyLjI0MjdMMy43NTc4MSAxMS4zTDcuMDU3ODEgNy45OTk5OUwzLjc1NzgxIDQuNjk5OTlMNC43MDA0OCAzLjc1NzMyTDguMDAwNDggNy4wNTczMloiIGZpbGw9IiMyOTI1MjIiLz4KPC9zdmc+Cg==) center no-repeat; background-size: contain; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; margin-left: 0; } .genplan-tooltip-infra-overlay__body { padding-top: .8rem; } .booking { width: 995px; } @media only screen and (max-width: 750px) { .booking { width: 100%; } } .booking__info { position: relative; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #e1e1e1; padding-top: 36px; } @media only screen and (max-width: 750px) { .booking__info { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .booking__info._car { border: none; padding: 36px 80px 0; } @media only screen and (max-width: 750px) { .booking__info._car { padding: 20px 20px 0; } } .booking__info-title { position: absolute; left: 0; top: -10px; padding-right: 36px; background-color: #f9f9f9; font-size: 14px; line-height: 124.6%; color: #a8a19a; } @media only screen and (max-width: 750px) { .booking__info-title { padding-right: 16px; } } .booking__info-title._car { position: relative; top: auto; left: auto; margin-bottom: 20px; background-color: white; color: #3b4658; } .booking__info-image { -ms-flex-negative: 0; flex-shrink: 0; width: 100px; height: 100px; margin-right: 52px; } @media only screen and (max-width: 750px) { .booking__info-image { width: 158px; height: 158px; margin-right: 20px; } } .booking__info-image > svg { width: 100%; height: 100%; } .booking__info-aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 750px) { .booking__info-aside { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 1; } } .booking__info-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .booking__info-row._desk { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .booking__info-row._desk { display: none; } } .booking__info-row._mob { display: none; } @media only screen and (max-width: 750px) { .booking__info-row._mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .booking__info-row:first-child { margin-bottom: 16px; } @media only screen and (max-width: 750px) { .booking__info-row:first-child { margin-bottom: 24px; } } .booking__info-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 60px; } @media only screen and (max-width: 750px) { .booking__info-cell { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-right: 0; margin-bottom: 20px; } .booking__info-cell._mob100 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .booking__info-cell._price-mob { width: 158px; margin-right: 20px; margin-bottom: 0; } .booking__info-cell._offline-mob { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 1; } } .booking__info-name { margin-bottom: 4px; font-size: 12px; line-height: 16px; color: #a8a19a; } .booking__info-val { font-size: 14px; line-height: 16px; } .booking__info-price { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 24px; line-height: 28px; } .booking__info-price b { font-weight: 400; } .booking__info-price > span { font-size: 16px; } .booking__info-price._offline { font-weight: 300; color: rgba(59, 70, 88, 0.8); } .booking__info-desc { font-size: 12px; line-height: 14px; color: rgba(59, 70, 88, 0.6); } .booking__info-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .booking__info-wrap._w410 { max-width: 410px; } @media only screen and (max-width: 750px) { .booking__info-wrap._w410 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .booking__info-wrap._pantry { max-width: 410px; margin-left: 15px; } @media only screen and (max-width: 750px) { .booking__info-wrap._pantry { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 25px; margin-left: 0; } } .booking__link { position: relative; display: inline-block; margin-top: 26px; font-weight: 300; font-size: 14px; line-height: 124.6%; } @media only screen and (max-width: 750px) { .booking__link { margin-top: 0; margin-bottom: 30px; -ms-flex-item-align: center; align-self: center; } } .booking__link:hover:after { background-color: rgba(59, 70, 88, 0); } .booking__link:after { content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .booking__tip { padding-top: 15px; color: red; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 1; } @media only screen and (max-width: 750px) { .booking__tip { padding-top: 0; margin-bottom: 20px; } } .booking__tip._hidden { padding-top: 0; opacity: 0; } .booking__head { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 42px 80px 36px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .booking__head { padding: 28px 20px; } } .booking__objects { display: none; position: relative; padding: 16px 23px; margin-top: 32px; margin-left: 80px; width: -webkit-max-content; width: -moz-max-content; width: max-content; background-color: #f8f8f8; color: #626b79; } .booking__objects._active { display: block; } @media only screen and (max-width: 750px) { .booking__objects { padding: 12px 16px; margin: 24px 20px 0; width: auto; } } .booking__objects:before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: #3b4658; } .booking__objects > span { font-weight: 500; } .booking__body { padding: 30px 80px 48px; } @media only screen and (max-width: 750px) { .booking__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 36px 20px 0; } } .booking__title { width: 100%; margin-bottom: 16px; font-size: 30px; line-height: 124.6%; } @media only screen and (max-width: 750px) { .booking__title { max-width: 216px; margin-bottom: 8px; font-size: 24px; } } .booking__subtitle { margin-bottom: 42px; font-weight: 300; font-size: 14px; line-height: 124.6%; } @media only screen and (max-width: 750px) { .booking__subtitle { max-width: 236px; margin-bottom: 32px; } } .booking__subtitle._car { margin-bottom: 0; } .booking__steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } @media only screen and (max-width: 750px) { .booking__steps { margin-bottom: 36px; } } .booking__steps-title { margin-bottom: 22px; font-size: 24px; line-height: 124.6%; } @media only screen and (max-width: 750px) { .booking__steps-title { margin-bottom: 18px; font-size: 20px; } } .booking__steps .slick-dots { bottom: -30px; } .booking__steps .slick-dots li { border-color: #3b4658; } .booking__steps .slick-dots li:after { background-color: #3b4658; } .booking__step { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 268px; flex: 0 0 268px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 28px 36px; background-color: #f9f9f9; overflow: hidden; } @media only screen and (max-width: 750px) { .booking__step { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 35px; margin-bottom: 20px; } .booking__step:last-child { margin-bottom: 0; } } .booking__step._w410 { -webkit-box-flex: 0; -ms-flex: 0 0 410px; flex: 0 0 410px; } @media only screen and (max-width: 750px) { .booking__step._w410 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .booking__step-title { margin-bottom: 16px; font-size: 18px; line-height: 20px; } .booking__step-text { font-weight: 300; font-size: 14px; line-height: 138.1%; } .booking__step-num { position: absolute; bottom: -36px; right: 30px; font-weight: bold; font-size: 64px; line-height: 138.1%; color: #eee; } .booking__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (max-width: 750px) { .booking__row { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .booking__label { display: block; margin-bottom: 18px; font-size: 18px; line-height: 20px; } .booking__item { width: 267px; } .booking__item > input { font-size: 16px; } @media only screen and (max-width: 750px) { .booking__item { width: 100%; } .booking__item:first-child { margin-bottom: 22px; } } .booking__submit { height: 46px; width: 100%; } @media only screen and (max-width: 750px) { .booking__submit { height: 60px; width: 100vw; margin: 0 -20px; margin-top: 36px; } } .book-info-popup { padding: 80px 0 56px; } @media only screen and (max-width: 750px) { .book-info-popup { padding: 48px 0 32px; } } .book-info-popup__close { top: 63px; right: 100px; padding: 20px; } @media only screen and (max-width: 750px) { .book-info-popup__close { top: 4px; right: 0; } } .book-info-popup__wrap { position: relative; } @media only screen and (max-width: 750px) { .book-info-popup__wrap { height: calc(100vh - 100px); overflow-y: scroll; } } .book-info-popup__inner .mCSB_scrollTools { width: 4px; } .book-info-popup__inner .mCSB_container { padding-right: 78px; } @media only screen and (max-width: 750px) { .book-info-popup__inner .mCSB_container { padding-right: 20px; } } .book-info-popup__title { margin-bottom: 40px; font-size: 36px; line-height: 120.56%; } @media only screen and (max-width: 750px) { .book-info-popup__title { max-width: 80%; margin-bottom: 20px; font-size: 24px; line-height: 124%; } } .book-info-popup__text { padding-bottom: 32px; font-size: 16px; line-height: 142.48%; } @media only screen and (max-width: 750px) { .book-info-popup__text { padding-bottom: 16px; } } .book-info-popup__steps { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .book-info-popup__steps { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 32px; } } .book-info-popup__step { width: calc((100% - 60px) / 4); padding: 24px; margin-right: 20px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .book-info-popup__step { width: 100%; padding: 16px; margin-right: 0; margin-bottom: 16px; } .book-info-popup__step:last-child { margin-bottom: 0; } } .book-info-popup__step:last-child { margin-right: 0; } .book-info-popup__step-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } @media only screen and (max-width: 750px) { .book-info-popup__step-head { margin-bottom: 12px; } } .book-info-popup__step-num { width: 25px; height: 25px; margin-right: 12px; background-size: contain; background-position: center; background-repeat: no-repeat; } .book-info-popup__step-num._1 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjUgMTIuNUMyNC41IDE5LjEyNzQgMTkuMTI3NCAyNC41IDEyLjUgMjQuNUM1Ljg3MjU4IDI0LjUgMC41IDE5LjEyNzQgMC41IDEyLjVDMC41IDUuODcyNTggNS44NzI1OCAwLjUgMTIuNSAwLjVDMTkuMTI3NCAwLjUgMjQuNSA1Ljg3MjU4IDI0LjUgMTIuNVoiIHN0cm9rZT0iI0Q3RDZENiIvPgo8cGF0aCBkPSJNMTEuMyAxMC43MlY5LjcxMkMxMS42ODQgOS43MTIgMTIuMDEyIDkuNTY0IDEyLjI4NCA5LjI2OEMxMi41NTYgOC45NzIgMTIuNjkyIDguNjE2IDEyLjY5MiA4LjJIMTMuNzg0VjE2SDEyLjY5MlYxMC4wNzJDMTIuNDY4IDEwLjUwNCAxMi4wMDQgMTAuNzIgMTEuMyAxMC43MloiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTEyIDAuNUMxOC45MDM2IDAuNSAyNC41IDUuNTk2NDQgMjQuNSAxMi41IiBzdHJva2U9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); } .book-info-popup__step-num._2 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNiAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUgMjQuNUM1Ljg3MjU4IDI0LjUgMC40OTk5OTkgMTkuMTI3NCAwLjQ5OTk5OSAxMi41QzAuNSA1Ljg3MjU4IDUuODcyNTggMC40OTk5OTkgMTIuNSAwLjQ5OTk5OUMxOS4xMjc0IDAuNSAyNC41IDUuODcyNTggMjQuNSAxMi41QzI0LjUgMTkuMTI3NCAxOS4xMjc0IDI0LjUgMTIuNSAyNC41WiIgc3Ryb2tlPSIjRDdENkQ2Ii8+CjxwYXRoIGQ9Ik0yNC41IDEyQzI0LjUgMTguOTAzNiAxOS40MDM2IDI0LjUgMTIuNSAyNC41IiBzdHJva2U9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTEyLjUgMC41QzE5LjUgMC41IDI0LjUgNiAyNC41IDEyIiBzdHJva2U9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTE1LjIyIDE1LjAwNFYxNkgxMC41NFYxNS4wMDRDMTAuOTg4IDE0LjYwNCAxMS4zNjQgMTQuMjU2IDExLjY2OCAxMy45NkMxMS45OCAxMy42NjQgMTIuMzQ0IDEzLjI4NCAxMi43NiAxMi44MkMxMy4xODQgMTIuMzU2IDEzLjUwOCAxMS45MTIgMTMuNzMyIDExLjQ4OEMxMy45NTYgMTEuMDU2IDE0LjA2OCAxMC42NjQgMTQuMDY4IDEwLjMxMkMxNC4wNjggOS44NDggMTMuOTU2IDkuNTE2IDEzLjczMiA5LjMxNkMxMy41MTYgOS4xMTYgMTMuMjU2IDkuMDE2IDEyLjk1MiA5LjAxNkMxMi4yNzIgOS4wMTYgMTEuODU2IDkuNDA4IDExLjcwNCAxMC4xOTJMMTAuNzA4IDkuOTA0QzEwLjk0OCA4LjY0OCAxMS43IDguMDIgMTIuOTY0IDguMDJDMTMuMjI4IDguMDIgMTMuNDggOC4wNTYgMTMuNzIgOC4xMjhDMTMuOTY4IDguMiAxNC4yMDggOC4zMTYgMTQuNDQgOC40NzZDMTQuNjcyIDguNjI4IDE0Ljg1NiA4Ljg2IDE0Ljk5MiA5LjE3MkMxNS4xMjggOS40NzYgMTUuMTk2IDkuODQgMTUuMTk2IDEwLjI2NEMxNS4xOTYgMTAuOTY4IDE0Ljg1MiAxMS43NzYgMTQuMTY0IDEyLjY4OEMxMy40ODQgMTMuNiAxMi43NDggMTQuMzcyIDExLjk1NiAxNS4wMDRIMTUuMjJaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); } .book-info-popup__step-num._3 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNiAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUgMjQuNUM1Ljg3MjU4IDI0LjUgMC40OTk5OTkgMTkuMTI3NCAwLjQ5OTk5OSAxMi41QzAuNSA1Ljg3MjU4IDUuODcyNTggMC40OTk5OTkgMTIuNSAwLjQ5OTk5OUMxOS4xMjc0IDAuNSAyNC41IDUuODcyNTggMjQuNSAxMi41QzI0LjUgMTkuMTI3NCAxOS4xMjc0IDI0LjUgMTIuNSAyNC41WiIgc3Ryb2tlPSIjRDdENkQ2Ii8+CjxwYXRoIGQ9Ik0yNC41IDEyQzI0LjUgMTguOTAzNiAxOS40MDM2IDI0LjUgMTIuNSAyNC41IiBzdHJva2U9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTEyLjUgMjQuNUM1LjMyMDMgMjQuNSAwLjUgMTguOTAzNiAwLjUgMTIiIHN0cm9rZT0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMTIgMC41QzE5IDAuNSAyNC41IDYgMjQuNSAxMiIgc3Ryb2tlPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik05LjU3NiAxNC4zNjhMMTAuNTk2IDE0LjAyQzEwLjc2NCAxNC43ODggMTEuMjMyIDE1LjE3MiAxMiAxNS4xNzJDMTIuMzc2IDE1LjE3MiAxMi42OCAxNS4wNDQgMTIuOTEyIDE0Ljc4OEMxMy4xNTIgMTQuNTMyIDEzLjI3MiAxNC4xNjQgMTMuMjcyIDEzLjY4NEMxMy4yNzIgMTMuMjYgMTMuMTY0IDEyLjkzNiAxMi45NDggMTIuNzEyQzEyLjc0IDEyLjQ4IDEyLjQ2NCAxMi4zNjQgMTIuMTIgMTIuMzY0SDExLjYwNFYxMS4zNTZIMTIuMDZDMTIuNDUyIDExLjM1NiAxMi43MzIgMTEuMjQgMTIuOSAxMS4wMDhDMTMuMDc2IDEwLjc2OCAxMy4xNjQgMTAuNDg0IDEzLjE2NCAxMC4xNTZDMTMuMTY0IDkuNzU2IDEzLjA1MiA5LjQ2NCAxMi44MjggOS4yOEMxMi42MTIgOS4wOTYgMTIuMzMyIDkuMDA0IDExLjk4OCA5LjAwNEMxMS43MDggOS4wMDQgMTEuNDQ0IDkuMSAxMS4xOTYgOS4yOTJDMTAuOTU2IDkuNDg0IDEwLjggOS43OTYgMTAuNzI4IDEwLjIyOEw5LjcyIDkuOTRDOS44NDggOS4yNTIgMTAuMTI4IDguNzYgMTAuNTYgOC40NjRDMTEgOC4xNjggMTEuNDg0IDguMDIgMTIuMDEyIDguMDJDMTIuNzA4IDguMDIgMTMuMjY4IDguMTk2IDEzLjY5MiA4LjU0OEMxNC4xMjQgOC45IDE0LjM0IDkuNCAxNC4zNCAxMC4wNDhDMTQuMzQgMTAuNDk2IDE0LjIyOCAxMC44OTIgMTQuMDA0IDExLjIzNkMxMy43ODggMTEuNTcyIDEzLjQ5NiAxMS43NzIgMTMuMTI4IDExLjgzNlYxMS45MDhDMTMuNTY4IDEyLjAwNCAxMy45IDEyLjIxNiAxNC4xMjQgMTIuNTQ0QzE0LjM1NiAxMi44NzIgMTQuNDcyIDEzLjI2OCAxNC40NzIgMTMuNzMyQzE0LjQ3MiAxNC40MzYgMTQuMjc2IDE1LjAyIDEzLjg4NCAxNS40ODRDMTMuNDkyIDE1Ljk0OCAxMi44NjggMTYuMTggMTIuMDEyIDE2LjE4QzExLjM4IDE2LjE4IDEwLjg0NCAxNi4wMjggMTAuNDA0IDE1LjcyNEM5Ljk3MiAxNS40MTIgOS42OTYgMTQuOTYgOS41NzYgMTQuMzY4WiIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K); } .book-info-popup__step-num._4 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjEyIiBzdHJva2U9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTkuMyAxMy40NTZMMTIuMjI4IDguMkgxMy43MTZWMTMuNDA4SDE0LjU2OFYxNC4zNDRIMTMuNzE2VjE2SDEyLjYyNFYxNC4zNDRIOS4zVjEzLjQ1NlpNMTAuNDQgMTMuNDA4SDEyLjYyNFY5LjQzNkwxMC40NCAxMy40MDhaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); } .book-info-popup__step-name { font-size: 16px; line-height: 37px; } .book-info-popup__step-text { font-weight: 300; font-size: 14px; line-height: 164.4%; } .book-info-popup__btn { height: 50px; width: calc((100% - 60px) / 4); } @media only screen and (max-width: 750px) { .book-info-popup__btn { width: 100%; } } .panorama-popup.active .panorama-popup__container { opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; } .panorama-popup iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 100%; width: 100%; max-width: none; } .panorama-popup .form__close { top: 29px; right: 60px; height: 39px; padding: 10px; background-color: #fff; background-size: 18px; border-radius: 10px; color: #3b4658; z-index: 10; } @media only screen and (max-width: 750px) { .panorama-popup .form__close { top: 32px; right: 2px; } } .panorama-popup .form__close span { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjM0I0NjU4Ii8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat; } .panorama-popup .form__close:hover { -webkit-transform: none; transform: none; } .panorama-popup__container { position: relative; height: 100%; width: 100%; background-color: black; opacity: 0; -webkit-transition: opacity .2s ease 0s; transition: opacity .2s ease 0s; } .panorama-popup__preloader { position: absolute; top: 50%; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .panorama-popup__preloader > span { background-color: white; } .filter-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 32px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } @media only screen and (max-width: 750px) { .filter-item { width: 100%; margin-right: 0; margin-top: 32px; } } @media only screen and (max-width: 750px) { .filter-item:first-of-type { margin-top: 0; } } .filter-item._government { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 251px; margin-right: 25px; } @media only screen and (max-width: 750px) { .filter-item._government { width: 100%; margin-right: 0; } } .filter-item._government:last-child { margin-right: 0; } .filter-item:nth-child(5n) { margin-right: 0; } .filter-item.fix-width { width: 212px; } @media only screen and (max-width: 750px) { .filter-item.fix-width { width: 100%; } } .filter-item._section .selectric-items li.disabled { display: none; } @media only screen and (max-width: 750px) { .filter-item._section { padding-left: 0; } } @media only screen and (max-width: 750px) { .filter-item._expander { display: none; } } .filter-item._horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-item._horizontal .filter-item__label { margin-right: 20px; margin-bottom: 0; } .filter-item__label { position: relative; font-size: 16px; font-weight: 300; margin-bottom: 16px; } @media only screen and (max-width: 750px) { .filter-item__label { margin-bottom: 12px; } } .filter-item .selectric-open { z-index: 8; } .filter-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .filter-buttons__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 47px; width: 47px; border-radius: 50%; border: 1px solid #d4d4d4; font-size: 16px; -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease; margin-right: 8px; cursor: pointer; } .filter-buttons__item._government { border-color: #dedede; } .filter-buttons__item:last-child { margin-right: 0; } @media (hover), (min-width: 0 \0) { .filter-buttons__item:hover { background-color: #292522; color: white; border-color: #292522; } .filter-buttons__item:hover svg > path { fill: #fff; } .filter-buttons__item:hover svg > g path { fill: #fff; } } .filter-buttons__item.active { background-color: #292522; color: white; border-color: #292522; } .filter-buttons__item.active svg > path { fill: #fff; } .filter-buttons__item.active svg > g path { fill: #fff; } @media only screen and (max-width: 750px) { .filter-buttons__item { background-color: #fff; } } .filter-buttons__item.disabled { color: #d4d4d4; opacity: .5; pointer-events: none; } .filter-buttons__item.disabled._commerce { display: none; } .filter-buttons__item._tag { height: 40px; width: auto; padding: 10px 20px; margin-right: 8px; margin-bottom: 15px; font-size: 14px; font-weight: 300; border-radius: 50px; } .filter-buttons__item._tag svg { height: 19px; width: 19px; margin-right: 10px; fill: #3b4658; } .filter-slider { position: relative; width: 201px; padding: 13px 16px; border: 1px solid #d4d4d4; border-radius: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 750px) { .filter-slider { width: 100%; background-color: #fff; } } .filter-slider._label { height: 4.8rem; padding: .5rem 1.6rem; } .filter-slider__label { font-size: 1.2rem; line-height: 1.6rem; color: #b9babb; } .filter-slider__values { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-slider__values.disabled { opacity: .4; pointer-events: none; } .filter-slider__input.v-input { width: 80px; border: none; line-height: 2rem; color: #292522; } .filter-slider__input.v-input:last-of-type .v-input__native { text-align: right; } .filter-slider__input.v-input .v-input__inner, .filter-slider__input.v-input .v-input__native { height: auto; padding: 0; border: none; } .filter-slider__delimiter { -webkit-box-flex: 0; -ms-flex: 0 0 1px; flex: 0 0 1px; width: 1px; height: 14px; margin: 0 auto; background-color: #ecedef; } .filter-slider__line { height: 1.5px; } .filter-slider__line.disabled { opacity: .4; pointer-events: none; } .filter-slider .range-filter__body { position: absolute; left: 50%; bottom: -1px; width: calc(100% - 8px); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .filter-slider .range-filter__body .vue-slider { height: 2px; background-color: transparent; } .filter-slider .range-filter__body .vue-slider .vue-slider-dot .vue-slider-dot-handle { background-color: #292522; } @media only screen and (max-width: 750px) { .filter-slider .range-filter__body .vue-slider .vue-slider-dot .vue-slider-dot-handle { width: 14px; height: 14px; } } .filter-slider .range-filter__body .vue-slider .vue-slider-process { background-color: #292522; } .filter-slider._small { padding: 12px 16px 13px; } .filter-slider-single { position: relative; width: 206px; border: 1px solid #dedede; border-bottom: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .filter-slider-single__values { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 20px; line-height: 15px; } .filter-slider-single__values.disabled { opacity: .4; pointer-events: none; } .filter-slider-single__values-right { position: absolute; top: 50%; right: 20px; font-weight: 300; font-size: 14px; line-height: 15px; opacity: .4; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .filter-slider-single__input { width: 100%; border: none; outline: none; } .filter-slider-single__line { height: 1.5px; } .filter-slider-single__line.disabled { opacity: .4; pointer-events: none; } .filter-slider-single__limits { position: absolute; top: 100%; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 10px; font-size: 12px; line-height: 13px; color: rgba(0, 0, 0, 0.4); } .filter-slider-single__prefix { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 4px; color: #9da3ac; line-height: 22px; font-size: 14px; font-weight: 400; } .filter-select { display: block; width: 201px; height: 48px; } @media only screen and (max-width: 750px) { .filter-select { width: 100%; } } .filter-select:hover .multiselect { border-color: #c4c4c4; } .filter-select._hide .multiselect__single { color: rgba(59, 70, 88, 0.65); } .filter-select._government { width: 251px; } @media only screen and (max-width: 750px) { .filter-select._government { width: 100%; } } .filter-select._big { width: 267px; } @media only screen and (max-width: 750px) { .filter-select._big { width: 100%; } } .filter-select._building .selectric-items li.disabled { display: none; } .filter-select select { opacity: 0; } .filter-select._checklist .selectric-scroll > ul > li:first-child { display: none; } .filter-select .selectric-items li.selected { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; z-index: 10; } .filter-select .selectric-items li.selected:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHJlY3QgeD0iMC4zNjQ4NSIgeT0iMC4zNjQ3NSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjkuMjY5NzYiIGhlaWdodD0iOS4yNjk3NiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMCwxMEgwVjBoMTBWMTB6IE0wLjczMDI0LDkuMjY5NzZoOC41Mzk1M1YwLjczMDI0SDAuNzMwMjRWOS4yNjk3NnoiLz4NCjwvZz4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiMzNzQ2NUEiIHBvaW50cz0iNC43NjExMSw3LjY5NjY0IDEuOTg2NTIsNC40MTg2MyAyLjc2NjA0LDMuNzU4OCA0Ljc1NzA5LDYuMTExNDUgNy43ODQ2NSwyLjQ5OTUgOC41NjgyLDMuMTU1Mw0KCQkiLz4NCjwvZz4NCjwvc3ZnPg0K) center no-repeat; background-size: 10px 10px; } .filter-select .selectric-group.disabled { display: none; } .filter-select._hide-disabled .selectric-items li.disabled { display: none; } .filter-select .selectric-scroll { scrollbar-color: #3b4658 #e5e6e7; scrollbar-width: thin; } .filter-select .selectric-scroll::-webkit-scrollbar { background-color: #e5e6e7; width: 2px; } .filter-select .selectric-scroll::-webkit-scrollbar-thumb { background-color: #3b4658; } .filter-select__labels { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 28px; } .filter-select .selectric { border-radius: 8px; -webkit-transition: border-radius 0.3s ease; transition: border-radius 0.3s ease; } .filter-select .selectric-open .selectric { border-radius: 8px 8px 0 0; } .v-range-slider .vue-slider { width: 95%; margin: 0 auto; height: 1px; background-color: #d4d4d4; } .v-range-slider .vue-slider-process { background-color: #3b4658; -webkit-box-shadow: none; box-shadow: none; } .v-range-slider .vue-slider-dot { border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } .v-range-slider .vue-slider-dot .vue-slider-dot-handle { position: relative; border: none; width: 14px; height: 14px; border-radius: 50%; background-color: #3b4658; cursor: pointer; -webkit-box-shadow: none; box-shadow: none; outline: none; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .v-range-slider .vue-slider-dot .vue-slider-dot-handle { width: 22px; height: 22px; } } @media only screen and (min-width: 751px) { .v-range-slider .vue-slider-dot:hover .vue-slider-dot-handle, .v-range-slider .vue-slider-dot:active .vue-slider-dot-handle { -webkit-transform: scale(1.2); transform: scale(1.2); } } .sort-panel { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 28px; font-size: 13px; } @media only screen and (max-width: 750px) { .sort-panel { width: 100%; margin-right: 0; } } .sort-panel .multiselect__placeholder { line-height: 17px; } @media only screen and (max-width: 750px) { .sort-panel .multiselect__placeholder { line-height: 22px; } } .sort-panel .selectric-wrapper { width: 100%; } .sort-panel__title { opacity: .3; margin-right: 20px; } .sort-panel__item { position: relative; margin-right: 20px; padding-right: 20px; cursor: pointer; } .sort-panel__item:before, .sort-panel__item:after { content: ''; position: absolute; right: 0; width: 6px; height: 6px; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .sort-panel__item:before { top: 3px; -webkit-transform: rotate(225deg); transform: rotate(225deg); } .sort-panel__item:after { bottom: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sort-panel__item:last-child { margin-right: 0; } .sort-panel__item.ASC:before { border-color: #000; } .sort-panel__item.DESC:after { border-color: #000; } .sort-panel__mobile { position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .sort-panel__mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .sort-panel__mobile-text { margin-right: 10px; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sort-panel__mobile-input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 25px; height: 25px; border-radius: 25px; background-color: white; } .sort-panel__mobile-input:before, .sort-panel__mobile-input:after { content: ''; display: block; width: 9px; height: 5px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cjx0aXRsZT5zb3J0LW1vYmlsZS1lbXB0eTwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTUzIDcxNykiPgo8ZyBpZD0ic29ydC1tb2JpbGUtZW1wdHkiPgo8dXNlIHhsaW5rOmhyZWY9IiNwYXRoMF9zdHJva2UiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDEuMjI0NjVlLTE2IC0xLjIyNDY1ZS0xNiAtMSAyMTYzIC03MTEuNSkiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMC4yIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPHBhdGggaWQ9InBhdGgwX3N0cm9rZSIgZD0iTSA0LjUgNC41TCA0LjE0NjQ1IDQuODUzNTVMIDQuNSA1LjIwNzExTCA0Ljg1MzU1IDQuODUzNTVMIDQuNSA0LjVaTSAtMC4zNTM1NTMgMC4zNTM1NTNMIDQuMTQ2NDUgNC44NTM1NUwgNC44NTM1NSA0LjE0NjQ1TCAwLjM1MzU1MyAtMC4zNTM1NTNMIC0wLjM1MzU1MyAwLjM1MzU1M1pNIDQuODUzNTUgNC44NTM1NUwgOS4zNTM1NSAwLjM1MzU1M0wgOC42NDY0NSAtMC4zNTM1NTNMIDQuMTQ2NDUgNC4xNDY0NUwgNC44NTM1NSA0Ljg1MzU1WiIvPgo8L2RlZnM+Cjwvc3ZnPgo=); } .sort-panel__mobile-input:after { margin-top: 4px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sort-panel__mobile-input.asc:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cjx0aXRsZT5zb3J0LW1vYmlsZS1maWxsZWQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE1MyA3MTcpIj4KPGcgaWQ9InNvcnQtbW9iaWxlLWZpbGxlZCI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMS4yMjQ2NWUtMTYgLTEuMjI0NjVlLTE2IC0xIDIxNjMgLTcxMS41KSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gNC41IDQuNUwgNC4xNDY0NSA0Ljg1MzU1TCA0LjUgNS4yMDcxMUwgNC44NTM1NSA0Ljg1MzU1TCA0LjUgNC41Wk0gLTAuMzUzNTUzIDAuMzUzNTUzTCA0LjE0NjQ1IDQuODUzNTVMIDQuODUzNTUgNC4xNDY0NUwgMC4zNTM1NTMgLTAuMzUzNTUzTCAtMC4zNTM1NTMgMC4zNTM1NTNaTSA0Ljg1MzU1IDQuODUzNTVMIDkuMzUzNTUgMC4zNTM1NTNMIDguNjQ2NDUgLTAuMzUzNTUzTCA0LjE0NjQ1IDQuMTQ2NDVMIDQuODUzNTUgNC44NTM1NVoiLz4KPC9kZWZzPgo8L3N2Zz4K); } .sort-panel__mobile-input.desc:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cjx0aXRsZT5zb3J0LW1vYmlsZS1maWxsZWQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE1MyA3MTcpIj4KPGcgaWQ9InNvcnQtbW9iaWxlLWZpbGxlZCI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMS4yMjQ2NWUtMTYgLTEuMjI0NjVlLTE2IC0xIDIxNjMgLTcxMS41KSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gNC41IDQuNUwgNC4xNDY0NSA0Ljg1MzU1TCA0LjUgNS4yMDcxMUwgNC44NTM1NSA0Ljg1MzU1TCA0LjUgNC41Wk0gLTAuMzUzNTUzIDAuMzUzNTUzTCA0LjE0NjQ1IDQuODUzNTVMIDQuODUzNTUgNC4xNDY0NUwgMC4zNTM1NTMgLTAuMzUzNTUzTCAtMC4zNTM1NTMgMC4zNTM1NTNaTSA0Ljg1MzU1IDQuODUzNTVMIDkuMzUzNTUgMC4zNTM1NTNMIDguNjQ2NDUgLTAuMzUzNTUzTCA0LjE0NjQ1IDQuMTQ2NDVMIDQuODUzNTUgNC44NTM1NVoiLz4KPC9kZWZzPgo8L3N2Zz4K); } .sort-panel__select { width: 284px; height: 40px; } @media only screen and (max-width: 750px) { .sort-panel__select { width: 50%; min-width: 144px; height: 44px; margin-right: 10px; } } @media only screen and (max-width: 750px) { .sort-panel__select._big { width: 100%; margin-right: 0; } } .sort-panel__select .multiselect__single { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sort-panel .selectric { width: 284px; height: 40px; border-radius: 8px; -webkit-transition: border-radius 0.3s ease; transition: border-radius 0.3s ease; } @media only screen and (max-width: 750px) { .sort-panel .selectric { width: 100%; height: 44px; } } .sort-panel .selectric .label { height: 100%; line-height: 29px; } @media only screen and (max-width: 750px) { .sort-panel .selectric .label { line-height: 32px; } } .sort-panel .selectric-open .selectric { border-radius: 8px 8px 0 0; } .flat-l-filter { padding: 24px 0 30px; background: #fff; } @media only screen and (max-width: 750px) { .flat-l-filter { position: fixed; top: 59px; left: 0; padding-top: 0; padding-bottom: 0; width: 100vw; height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow-y: scroll; overflow-x: hidden; z-index: 5; -webkit-transform: translateY(100vh) translateY(200px); transform: translateY(100vh) translateY(200px); -webkit-transition: -webkit-transform .4s ease .3s; transition: -webkit-transform .4s ease .3s; transition: transform .4s ease .3s; transition: transform .4s ease .3s, -webkit-transform .4s ease .3s; will-change: transform; } } .flat-l-filter.active { padding-bottom: 160px; -webkit-transform: translateY(0); transform: translateY(0); } @media only screen and (max-width: 750px) { .flat-l-filter.active { -webkit-transform: translateY(0); transform: translateY(0); } .flat-l-filter.active .flat-list__button-mobile { pointer-events: auto; opacity: 1; -webkit-transition: opacity .3s ease .5s; transition: opacity .3s ease .5s; } } .flat-l-filter.transition { -webkit-transition: transform .6s ease-in-out; -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; } .flat-l-filter.--mortgage { position: relative; padding-top: 20px; padding-bottom: 40px; height: auto; top: unset; } @media only screen and (max-width: 750px) { .flat-l-filter.--mortgage { width: 100%; -webkit-transform: translateY(0); transform: translateY(0); background: #f9f9f9; overflow: visible; } } .flat-l-filter._government { position: static; padding-top: 0; padding-bottom: 0; height: auto; } @media only screen and (max-width: 750px) { .flat-l-filter._government { width: 100%; background-color: white; } } @media only screen and (max-width: 750px) { .flat-l-filter._new-features .flat-l-filter__row { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media only screen and (max-width: 750px) { .flat-l-filter._new-features .flat-l-filter__row._new-features { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 750px) { .flat-l-filter._new-features .flat-l-filter__expander { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .flat-l-filter__wrap { position: relative; } @media only screen and (max-width: 750px) { .flat-l-filter__wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .flat-l-filter__title { display: none; margin-bottom: 18px; margin-top: 23px; font-size: 18px; line-height: 24px; font-weight: 600; font-family: "Grtsk-Tera", "Verdana", sans-serif; } @media only screen and (max-width: 750px) { .flat-l-filter__title { display: block; } } .flat-l-filter__close { display: none; position: absolute; top: 25px; right: 20px; width: auto; height: 18px; } @media only screen and (max-width: 750px) { .flat-l-filter__close { display: -webkit-box; display: -ms-flexbox; display: flex; } } .flat-l-filter__rows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flat-l-filter__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .flat-l-filter__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .flat-l-filter__row:not(:first-child) { padding-top: 30px; } .flat-l-filter__row._wrapped { padding-top: 30px; } @media only screen and (max-width: 750px) { .flat-l-filter__row._wrapped { padding-bottom: 20px; } } .flat-l-filter__row._hidden { opacity: 0; } .flat-l-filter__row._government { padding-top: 0; } .flat-l-filter .filter-projects-select .disabled { display: none; } .flat-l-filter__result { -ms-flex-item-align: center; align-self: center; margin-bottom: 16px; font-weight: 300; font-size: 16px; color: #a8a19a; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .flat-l-filter__extra-filter { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 200px; height: 48px; overflow: hidden; background-color: #3b4658; color: white; line-height: 48px; border-radius: 8px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; cursor: pointer; } .flat-l-filter__extra-filter:hover { background-color: #272e39; } .flat-l-filter__extra-filter span { margin-right: 12px; } .flat-l-filter__extra-filter svg { width: 14px; height: 14px; -webkit-transform: rotate(180deg) translateY(-16%); transform: rotate(180deg) translateY(-16%); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .flat-l-filter__extra-filter._active svg { -webkit-transform: rotate(0deg) translateY(0); transform: rotate(0deg) translateY(0); } .flat-l-filter__extra-filter-icn { margin-top: -3px; margin-right: 12px; } .flat-l-filter__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .flat-l-filter__tags._new-features .filter-tag-item { width: -webkit-max-content; width: -moz-max-content; width: max-content; white-space: nowrap; } } @media only screen and (max-width: 750px) { .flat-l-filter__tags._new-features .filter-tag-item-anim-new { width: -webkit-max-content; width: -moz-max-content; width: max-content; white-space: nowrap; } } .flat-l-filter__more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .8rem 1.2rem; height: 3.2rem; border-radius: 50px; border: 1px solid #f79d92; font-size: 1.4rem; line-height: 1.6rem; background-color: #fff; margin-bottom: 1.2rem; color: #ef3b24; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; } .flat-l-filter__more.swiper-slide { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 0; } .flat-l-filter__more span { font-family: Grtsk-Exa, sans-serif; } .flat-l-filter__more svg { width: 12px; height: 12px; margin-left: 4px; fill: #ef3b24; stroke: #ef3b24; -webkit-transition: all .6s ease; transition: all .6s ease; } @media (hover), (min-width: 0 \0) { .flat-l-filter__more:hover { background-color: #14191a; color: #fff; fill: #fff; border-color: #14191a; } .flat-l-filter__more:hover svg { fill: #fff; stroke: #fff; } } .booking-form-info { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .booking-form-info { margin-bottom: 32px; } } .booking-form-info__undertitle { font-size: 16px; line-height: 142.48%; padding-bottom: 32px; } @media only screen and (max-width: 750px) { .booking-form-info__undertitle { padding-bottom: 16px; } } .booking-form-info__scrolling-inner { padding-right: 12px; } @media only screen and (max-width: 750px) { .booking-form-info__scrolling-inner { padding-right: 0; } } .booking-form-info__scrolling .ps__rail-y { width: 4px; opacity: 1; } .booking-form-info__scrolling .ps__thumb-y { right: 0; } .booking-form-info__item { margin-bottom: 24px; } @media only screen and (max-width: 750px) { .booking-form-info__item { padding: 16px; background-color: #f9f9f9; margin-bottom: 16px; } .booking-form-info__item:last-child { margin-bottom: 0; } } .booking-form-info__item:last-child { margin-bottom: 0; } .booking-form-info__item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .booking-form-info__item-num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 25px; height: 25px; margin-right: 12px; font-size: 12px; line-height: 124%; border: 1px solid #3b4658; border-radius: 50%; } .booking-form-info__item-name { font-size: 16px; line-height: 124%; } .booking-form-info__item-text { font-weight: 300; font-size: 16px; line-height: 120.56%; } @media only screen and (max-width: 750px) { .booking-form-info__item-text { font-size: 14px; line-height: 164%; } } .v-sort-panel { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; line-height: 15px; } @media only screen and (max-width: 750px) { .v-sort-panel { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .v-sort-panel__label { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 24px; color: #000; opacity: .3; } @media only screen and (max-width: 750px) { .v-sort-panel__label { display: none; } } .v-sort-panel__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .v-sort-panel__list { display: none; } } .v-sort-panel__cell { margin-right: 16px; } .v-sort-panel__cell:last-child { margin-right: 0; } .v-sort-panel__item { position: relative; color: #acacac; -webkit-transition: opacity .3s linear, color .3s linear; transition: opacity .3s linear, color .3s linear; } .v-sort-panel__item[sortable] { padding-right: 15px; cursor: pointer; } .v-sort-panel__item[sortable]:before, .v-sort-panel__item[sortable]:after { content: ''; position: absolute; right: 0; width: 10px; top: 8px; height: 6px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNCAxTDcuNSA3LjVMMSAxIiBzdHJva2U9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); background-size: contain; background-position: center; background-repeat: no-repeat; opacity: .5; } .v-sort-panel__item[sortable]:before { top: 1px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .v-sort-panel__item[sortable]:hover { color: #3b4658; } .v-sort-panel__item[sortable]._asc { color: #3b4658; } .v-sort-panel__item[sortable]._asc:before { opacity: 1; } .v-sort-panel__item[sortable]._desc { color: #3b4658; } .v-sort-panel__item[sortable]._desc:after { opacity: 1; } .v-sort-panel__mobile { position: relative; display: none; } @media only screen and (max-width: 750px) { .v-sort-panel__mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .v-sort-panel__mobile-select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .v-sort-panel__mobile-label { margin-right: 10px; font-size: 18px; line-height: 20px; } .v-sort-panel__mobile-icn { position: relative; width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #fff; } .v-sort-panel__mobile-icn:before, .v-sort-panel__mobile-icn:after { content: ''; display: block; width: 6px; height: 6px; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; } .v-sort-panel__mobile-icn:before { margin-bottom: -2px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .v-sort-panel__mobile-icn:after { border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .v-sort-panel__mobile-icn._asc:before { border-color: #000; } .v-sort-panel__mobile-icn._desc:after { border-color: #000; } .popup-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .popup-steps__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% / 2); padding-bottom: 35px; } @media only screen and (max-width: 750px) { .popup-steps__item { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 30px; padding-bottom: 30px; } .popup-steps__item:before { content: ''; position: absolute; top: 0; left: 0; width: 100vw; height: 1px; margin-left: -20px; background-color: #eaeaea; } .popup-steps__item._no-border { padding-top: 0; } .popup-steps__item._no-border:before { display: none; } } @media only screen and (max-width: 750px) { .popup-steps__item._active { padding-bottom: 0; } } .popup-steps__item._active .popup-steps__num { color: #3b4658; border: 1px solid #3b4658; -webkit-transition: all .3s ease; transition: all .3s ease; } .popup-steps__item._active .popup-steps__text { color: #3b4658; -webkit-transition: color .3s ease; transition: color .3s ease; } .popup-steps__item._w1 .popup-steps__line { width: 25%; background-color: #a0c683; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .popup-steps__item._w2 .popup-steps__line { width: 50%; background-color: #a0c683; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .popup-steps__item._w3 .popup-steps__line { width: 75%; background-color: #a0c683; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .popup-steps__item._w4 .popup-steps__line { width: 100%; background-color: #a0c683; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .popup-steps__item._completed { cursor: pointer; } .popup-steps__item._completed .popup-steps__num { color: #a0c683; border: 1px solid #a0c683; -webkit-transition: all .3s ease; transition: all .3s ease; } .popup-steps__item._completed .popup-steps__text { color: #a0c683; -webkit-transition: color .3s ease; transition: color .3s ease; } .popup-steps__item._completed .popup-steps__line { width: 100%; background-color: #a0c683; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .popup-steps__item._completed .popup-steps__line-divider { background-color: #a0c683; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .popup-steps__edit { position: relative; width: 100%; margin-top: 10px; font-size: 14px; line-height: 23px; color: #bcbcbc; } .popup-steps__edit span { position: relative; } .popup-steps__edit span:before { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; background-color: #bcbcbc; } .popup-steps__edit > svg { width: 15px; margin-right: 10px; fill: #bcbcbc; } .popup-steps__num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 33px; height: 33px; margin-right: 12px; font-weight: normal; font-size: 18px; color: #bcbcbc; border: 1px solid #bcbcbc; border-radius: 50%; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .popup-steps__num { width: 25px; height: 25px; font-size: 11px; margin-right: 16px; } } .popup-steps__num svg { fill: none; width: 10px; height: 7px; stroke: #a0c683; } .popup-steps__text { font-size: 16px; color: #bcbcbc; -webkit-transition: color .3s ease; transition: color .3s ease; } .popup-steps__line { position: absolute; bottom: 0; width: 100%; height: 11px; background: #f1f1f1; z-index: 2; } .popup-steps__line-two { position: absolute; left: 0; bottom: 0; width: 100%; height: 11px; background: #f1f1f1; z-index: 1; } .popup-steps__line._first, .popup-steps__line-two._first { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .popup-steps__line._last, .popup-steps__line-two._last { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .popup-steps__line-divider { position: absolute; top: -5px; left: 0; width: 2px; height: 20px; background: #e8e8e8; border-radius: 3px; z-index: 1; } .flat-l-params { position: relative; z-index: 2; padding-top: 30px; padding-bottom: 10px; background-color: #f6f5f4; } @media only screen and (max-width: 750px) { .flat-l-params { padding-top: 24px; padding-bottom: 24px; } } .flat-l-params.resale .flat-l-params__sort { margin: 0; } .flat-l-params__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 20px; } .flat-l-params__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .flat-l-params__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } } .flat-l-params__checkboxs { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; } @media only screen and (max-width: 750px) { .flat-l-params__checkboxs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; width: 100%; margin-top: 32px; } } .flat-l-params__checkbox { margin-left: 32px; } @media only screen and (max-width: 750px) { .flat-l-params__checkbox { margin-left: 0; } } .flat-l-params__short { position: relative; padding-left: 22px; cursor: pointer; } .flat-l-params__short:before { content: ''; position: absolute; top: 40%; left: 0; width: 8px; height: 8px; border-right: 1px solid #3b4658; border-bottom: 1px solid #3b4658; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .flat-l-params__short { display: none; } } .flat-l-params__short.active:before { -webkit-transform: rotate(225deg); transform: rotate(225deg); } .flat-l-params__reset { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; padding-left: 25px; white-space: nowrap; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-l-params__reset { display: none; } } .flat-l-params__reset:before, .flat-l-params__reset:after { content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 1px; background-color: #3b4658; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; will-change: transform; } .flat-l-params__reset:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .flat-l-params__reset:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .flat-l-params__reset:hover:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .flat-l-params__reset:hover:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (max-width: 750px) { .flat-l-params__filter { margin-top: 24px; margin-bottom: 40px; } } .flats-list { position: relative; background-color: #f6f5f4; } .flats-list.--mortgage { padding-bottom: 29px; } .flats-list__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 20px; padding-bottom: 20px; margin: 0 -10px; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .flats-list__wrap { padding-top: 0; } } .flats-list__wrap._hide { min-height: auto; opacity: 0; } @media only screen and (max-width: 750px) { .flats-list__wrap._hide { display: none; } } .flats-list__wrap .promo-card, .flats-list__wrap .flat-type-card-r, .flats-list__wrap .flat-type-card { margin: 0 10px 20px; } .flats-list__more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; color: #000; height: 86px; background-color: #fff; cursor: pointer; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .flats-list__more:hover { background-color: #d4d4d4; } @media only screen and (max-width: 750px) { .flats-list__more:hover { background-color: #fff; } } .flats-list__more.--mortgage { position: relative; width: 224px; height: 64px; margin: 0 auto; color: #14191a; background-color: transparent; border: 1px solid #3b4658; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media only screen and (max-width: 750px) { .flats-list__more.--mortgage { background-color: #fff; } } .flats-list__more.--mortgage:hover { border-color: transparent; } @media only screen and (max-width: 750px) { .flats-list__more.--mortgage:hover { border-color: #3b4658; } } .flats-list__more.--mortgage.hide { display: none; } .flats-list__empty { width: 100%; padding: 60px 0; text-align: center; color: rgba(57, 70, 90, 0.3); font-size: 24px; } .flat-type-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 8px; background-color: #fff; width: calc((100% - 80px) / 4); -webkit-transition: opacity .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease, opacity .3s ease; transition: transform .3s ease, box-shadow .3s ease, opacity .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease; will-change: transform, box-shadow; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-tap-highlight-color: transparent; color: #292522; } @media only screen and (max-width: 750px) { .flat-type-card { width: 100%; margin-right: 0; } } .flat-type-card.active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } @media (hover), (min-width: 0 \0) { .flat-type-card:hover { z-index: 2; -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); } } @media only screen and (hover) and (max-width: 750px), only screen and (min-width: 0 \0) and (max-width: 750px) { .flat-type-card:hover { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: none; box-shadow: none; } } @media (hover), (min-width: 0 \0) { .flat-type-card:hover .flat-type-card__button { opacity: 1; } .flat-type-card:hover .flat-type-card__more-body { border-radius: 8px; -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); } .flat-type-card:hover .flat-type-card__header-info { opacity: 0; } } @media only screen and (hover) and (max-width: 750px), only screen and (min-width: 0 \0) and (max-width: 750px) { .flat-type-card:hover .flat-type-card__header-info { opacity: 1; } .flat-type-card:hover .flat-type-card__header-info._hidden { opacity: 0; } } @media (hover), (min-width: 0 \0) { .flat-type-card:hover .flat-type-card__plan--booked { opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s; } .flat-type-card:hover .flat-type-card__plan-wrapper._booked { opacity: 1; } } @media only screen and (hover) and (max-width: 750px), only screen and (min-width: 0 \0) and (max-width: 750px) { .flat-type-card:hover .flat-type-card__plan-wrapper._booked { opacity: .4; } } @media (hover), (min-width: 0 \0) { .flat-type-card:hover .flat-type-card__booked-new { opacity: 0; } } @media only screen and (hover) and (max-width: 750px), only screen and (min-width: 0 \0) and (max-width: 750px) { .flat-type-card:hover .flat-type-card__booked-new { opacity: 1; } } .flat-type-card._big { width: calc((100% - 60px) / 4 * 2 + 10px); } @media only screen and (max-width: 750px) { .flat-type-card._big { width: calc(100% - 20px); } } .flat-type-card._big .flat-type-card__floor { position: relative; z-index: 2; } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__floor { margin: 0; padding: 0; font-size: 16px; } } .flat-type-card._big .flat-type-card__header { padding: 0; margin-bottom: 9px; } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__header { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__info { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__info-description { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 500; font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 0; } } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__info-main { margin-bottom: 16px; } } .flat-type-card._big .flat-type-card__info-body { max-width: 210px; } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__info-body { max-width: calc(100% - 53px); } } .flat-type-card._big .flat-type-card__header-complex { position: relative; bottom: auto; left: auto; margin-top: 0; } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__header-complex { margin-top: 2px; } } .flat-type-card._big .flat-type-card__price-discount { margin-top: 0; margin-bottom: 0; margin-left: 8px; padding: 5px 8px; } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__price-discount { position: absolute; top: 24px; right: 0; margin-left: 0; } } .flat-type-card._big .flat-type-card__price-discount-text:before { display: none; } .flat-type-card._big .flat-type-card__buttons { position: absolute; top: 20px; right: 20px; z-index: 3; } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__buttons { position: relative; top: 0; right: 0; z-index: 0; } } .flat-type-card._big .flat-type-card__buttons._with_floor { top: 54px; } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__buttons._with_floor { top: 0; } } .flat-type-card._big .flat-type-card__buttons._withAddHeader { top: 54px; } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__buttons._withAddHeader { top: 0; } } .flat-type-card._big .flat-type-card__button { background-color: #fff; } .flat-type-card._big .flat-type-card__button._active { background-color: #3b4658; } @media (hover), (min-width: 0 \0) { .flat-type-card._big .flat-type-card__button:hover { background-color: #f4f5f6; } .flat-type-card._big .flat-type-card__button:hover._active { background-color: #3b4658; } } .flat-type-card._big .flat-type-card__booked { margin-left: 8px; } .flat-type-card._big .flat-type-card__info-price._booked { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__info-price._booked { display: block; } } .flat-type-card._big .flat-type-card__additions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: -11px; padding: 11px 20px 0 20px; } @media only screen and (max-width: 750px) { .flat-type-card._big .flat-type-card__additions { margin-bottom: -50px; } } .flat-type-card._commerce .flat-type-card__header-description { font-size: 14px; } @media only screen and (max-width: 750px) { .flat-type-card._commerce .flat-type-card__header-description { font-size: 14px; line-height: 24px; } } .flat-type-card._commerce .flat-type-card__info-body { min-height: auto; margin-right: 46px; } .flat-type-card._commerce .flat-type-card__price { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flat-type-card._resale .flat-type-card__header-description { min-height: 40px; } @media only screen and (max-width: 750px) { .flat-type-card._resale .flat-type-card__header-description { font-size: 14px; line-height: 24px; } } .flat-type-card._resale .flat-type-card__info-body { min-height: auto; } .flat-type-card._resale-popup { width: calc((100% - 80px) / 3); margin-right: 20px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .flat-type-card._resale-popup { width: auto; margin-right: 0; } } @media only screen and (max-width: 750px) { .flat-type-card._resale-popup:last-child { margin-bottom: 0; } } .flat-type-card._resaleFav .flat-type-card__info-body { min-height: auto; } .flat-type-card._popular { border: 1px solid #e8e8e8; } @media only screen and (max-width: 750px) { .flat-type-card._popular { height: auto; } } .flat-type-card._popular .flat-type-card__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .flat-type-card._popular .flat-type-card__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .flat-type-card._popular .flat-type-card__plan { -ms-flex-negative: 0; flex-shrink: 0; width: 170px; height: 100%; margin: 0; padding: 20px; border-right: 1px solid #e8e8e8; } @media only screen and (max-width: 750px) { .flat-type-card._popular .flat-type-card__plan { width: 100%; height: 246px; border-right: none; } } .flat-type-card._popular .flat-type-card__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; } @media only screen and (max-width: 750px) { .flat-type-card._popular .flat-type-card__info { margin-top: -20px; margin-bottom: 0; } } .flat-type-card._popular .flat-type-card__header-description { font-size: 12px; line-height: 16px; } @media only screen and (max-width: 750px) { .flat-type-card._popular .flat-type-card__header-description { font-size: 12px; line-height: 16px; } } .flat-type-card._popular .flat-type-card__tags { margin-top: auto; } .flat-type-card._popular .flat-type-card__tag { font-size: 9px; } .flat-type-card._popular .flat-type-card__footer._desk { margin-top: -16px; border-top: none; } .flat-type-card__header { position: relative; padding: 20px; } .flat-type-card__header-description { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; } .flat-type-card__info-price { font-weight: 400; } .flat-type-card__info-price, .flat-type-card__header-price { font-size: 1.4rem; line-height: 2rem; } .flat-type-card__header-complex { position: absolute; bottom: 5px; left: 20px; margin-top: 2px; font-size: 11px; line-height: 120%; } @media only screen and (max-width: 750px) { .flat-type-card__header-complex { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; line-height: 2rem; position: relative; bottom: unset; left: unset; margin-top: 4px; } } .flat-type-card__header-info { position: absolute; top: 20px; left: 20px; z-index: 2; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .flat-type-card__header-info._hidden { opacity: 0; } .flat-type-card__header-info._with_floor { top: 35px; } .flat-type-card__header-title { max-width: 400px; margin-bottom: 12px; line-height: 20px; color: white; font-family: "Grtsk-Tera", "Verdana", sans-serif; font-weight: 600; } @media only screen and (max-width: 750px) { .flat-type-card__header-title { max-width: calc(100% - 65px); font-size: 14px; line-height: 20px; } } .flat-type-card__header-gallery { overflow: hidden; border-radius: 8px 8px 0 0; } .flat-type-card__header-gallery._white-dots .swiper-pagination-bullet { margin: 0 4px; border: 1px solid white; background-color: white; opacity: .5; } .flat-type-card__header-gallery._white-dots .swiper-pagination-bullet-active-main, .flat-type-card__header-gallery._white-dots .swiper-pagination-bullet-active { opacity: 1; } .flat-type-card__header-gallery._dark-dots .swiper-pagination-bullet { margin: 0 4px; background-color: #3b4658; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: .5; } .flat-type-card__header-gallery._dark-dots .swiper-pagination-bullet-active-main, .flat-type-card__header-gallery._dark-dots .swiper-pagination-bullet-active { opacity: 1; } .flat-type-card__header-gallery._noBorderRadius { border-radius: 0; } .flat-type-card__header-gallery-body { position: relative; height: 248px; } @media only screen and (max-width: 750px) { .flat-type-card__header-gallery-body { height: 256px; } } .flat-type-card__header-gallery-slide { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .flat-type-card__header-gallery-slide._white { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; } .flat-type-card__header-gallery-slide > img { width: auto; height: 190px; max-width: calc(100% - 40px); max-height: 100%; opacity: 0; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .flat-type-card__header-gallery-slide > img._image-loaded, .flat-type-card__header-gallery-slide > img[lazy=loaded] { opacity: 1; } .flat-type-card__header-gallery-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .flat-type-card__header-gallery-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .flat-type-card__header-gallery-hover { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .flat-type-card__header-gallery-hover-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flat-type-card__shield { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px 20px; } .flat-type-card__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flat-type-card__price._line-through-deal { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flat-type-card__price._line-through-deal .flat-type-card__price-val._hot { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flat-type-card__price._line-through-deal .flat-type-card__price-discount { padding: 4px 8px; margin: 0; } .flat-type-card__floor { padding: 20px 20px 8px; margin-bottom: -24px; margin-left: 0; border-radius: 8px 8px 0 0; background: white; font-size: 1.4rem; line-height: 2rem; color: #292522; } .flat-type-card__floor:before { display: none; } @media only screen and (max-width: 750px) { .flat-type-card__floor { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; padding: 20px 20px 0; } } .flat-type-card__price-about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .flat-type-card__price-about { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .flat-type-card__price-val { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 4px; font-size: 1.4rem; } @media only screen and (max-width: 750px) { .flat-type-card__price-val { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; } } .flat-type-card__price-val:last-of-type { margin-right: 0; } .flat-type-card__price-val._column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flat-type-card__price-val._hot { color: #ef3b24; } .flat-type-card__price-val._dot { position: relative; padding-left: 10px; } .flat-type-card__price-val._dot:after { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; border-radius: 50%; background: rgba(59, 70, 88, 0.3); -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } .flat-type-card__price-discount { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 2px 8px 5px; border-radius: 28px; background-color: #f14f3a; font-size: 12px; line-height: 17px; color: white; -ms-flex-negative: 0; flex-shrink: 0; } .flat-type-card__price-discount:hover .flat-type-card__price-discount-text:before { opacity: 0; } .flat-type-card__price-discount:hover .flat-type-card__price-discount-hint { opacity: 1; -webkit-transform: translate(0%, calc(-100% - 14px)); transform: translate(0%, calc(-100% - 14px)); } .flat-type-card__price-discount._no-hint .flat-type-card__price-discount-text:before { opacity: 0; } .flat-type-card__price-discount._full-price { padding: .4rem 1.2rem; } .flat-type-card__price-discount-text { position: relative; } .flat-type-card__price-discount-text:before { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-size: 8px 1px; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, transparent)); background-image: linear-gradient(to right, white 50%, transparent 50%); opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .flat-type-card__price-discount-hint { position: absolute; top: 0; right: -20px; z-index: 3; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 24px; margin-bottom: 20px; border-radius: 4px; background-color: white; -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); -webkit-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); font-size: 16px; line-height: 20px; color: #3b4658; opacity: 0; -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); -webkit-transition: .3s; transition: .3s; pointer-events: none; } .flat-type-card__price-discount-hint:before { content: ""; position: absolute; display: block; right: 56px; bottom: -6px; border-top: 7px solid white; border-right: 8px solid transparent; border-left: 8px solid transparent; } .flat-type-card__price-discount-hint._fav { padding: 12px; } .flat-type-card__plan { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 8px 20px 8px; height: 160px; -webkit-transform: translateZ(0); transform: translateZ(0); } .flat-type-card__plan > img { width: auto; max-width: 100%; max-height: 100%; opacity: 0; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .flat-type-card__plan > img._image-loaded, .flat-type-card__plan > img[lazy=loaded] { opacity: 1; } .flat-type-card__plan-wrapper { width: 100%; -webkit-transition: opacity .3s; transition: opacity .3s; } .flat-type-card__plan-wrapper._booked { opacity: .4; } .flat-type-card__plan-layout { width: 100%; height: 170px; max-height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .flat-type-card__plan-layout._image-loaded, .flat-type-card__plan-layout[lazy=loaded] { opacity: 1; } .flat-type-card__plan--booked { opacity: .4; -webkit-transition: opacity .3s; transition: opacity .3s; } .flat-type-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 20px 0; margin-bottom: 18px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .flat-type-card__info { margin-bottom: 20px; } } .flat-type-card__info-body { min-height: 50px; margin-right: 5px; font-size: 1.2rem; line-height: 1.6rem; color: #9da3ac; } @media only screen and (max-width: 750px) { .flat-type-card__info-body { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; line-height: 2rem; min-height: auto; } } .flat-type-card__info-item:not(.flat-type-card__info-item:first-child) { margin-top: .2rem; } .flat-type-card__info-item._big { margin-top: .4rem; } @media only screen and (max-width: 750px) { .flat-type-card__info-item._mobile-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .flat-type-card__info-label { display: inline-block; white-space: nowrap; } .flat-type-card__info-label:not(.flat-type-card__info-label:last-child) { padding-right: 10px; margin-right: 6px; margin-bottom: 4px; } @media only screen and (max-width: 750px) { .flat-type-card__info-label:not(.flat-type-card__info-label:last-child) { margin-bottom: 2px; } } .flat-type-card__info-label._building._dot { position: relative; margin-bottom: 0; } @media only screen and (max-width: 750px) { .flat-type-card__info-label._building._dot { margin-bottom: 0; } } .flat-type-card__info-label._building._dot:after { content: ""; position: absolute; top: 50%; right: 0; width: 4px; height: 4px; border-radius: 50%; background: rgba(59, 70, 88, 0.3); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } @media only screen and (max-width: 750px) { .flat-type-card__info-label._date { width: 100%; } } @media only screen and (max-width: 750px) { .flat-type-card__info-label._date._hot { width: auto; } } .flat-type-card__info-label._date._hot .flat-type-card__info-val { margin-left: 0; color: #ef3b24; } .flat-type-card__info-label._date._flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flat-type-card__info-label._twoLines { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 750px) { .flat-type-card__info-label._twoLinesMobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .flat-type-card__info-val._mt4 { margin-top: 4px; } @media only screen and (max-width: 750px) { .flat-type-card__info-main { position: relative; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; margin-bottom: 20px; } } .flat-type-card__info-price-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; height: -webkit-max-content; height: -moz-max-content; height: max-content; margin-bottom: 5px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 750px) { .flat-type-card__info-price-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } } .flat-type-card__info-description { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 16px; font-size: 14px; line-height: 16px; font-weight: 500; } @media only screen and (max-width: 750px) { .flat-type-card__info-description { margin-right: 0; margin-bottom: 4px; font-size: 16px; line-height: 20px; } } .flat-type-card__info-description:after { content: ""; position: absolute; top: 50%; left: calc(100% + 7px); width: 4px; height: 4px; border-radius: 50%; background-color: #3b4658; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: .5; } @media only screen and (max-width: 750px) { .flat-type-card__info-description:after { display: none; } } .flat-type-card__info-description > span { text-decoration: line-through; } .flat-type-card__info-description._promo { margin-right: 8px; } .flat-type-card__info-description._promo:after { content: none; } .flat-type-card__info-description._promo-price { font-weight: 400; } @media only screen and (max-width: 750px) { .flat-type-card__info-description._promo-price { font-size: 10px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .flat-type-card__info-description._no-offset { margin-right: 0; } .flat-type-card__info-description._no-offset:after { content: none; } .flat-type-card__button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #d8dade; background-color: transparent; -webkit-transition: background-color 0.3s ease, border-color 0.3s ease; transition: background-color 0.3s ease, border-color 0.3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-type-card__button { opacity: 1; } } .flat-type-card__button svg { width: 16px; height: 16px; fill: #292522; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .flat-type-card__button._fav svg { stroke: none; } .flat-type-card__button._active { background-color: #292522; border-color: #292522; opacity: 1; } .flat-type-card__button._active svg { fill: white; } @media (hover), (min-width: 0 \0) { .flat-type-card__button:hover { background-color: #f4f5f6; } .flat-type-card__button:hover._active { background-color: #292522; } .flat-type-card__button:hover .flat-type-card__fav-tooltip { opacity: 1; pointer-events: all; } } .flat-type-card__fav-tooltip { position: absolute; bottom: 100%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; pointer-events: none; z-index: 2; } @media only screen and (max-width: 750px) { .flat-type-card__fav-tooltip { bottom: auto; left: auto; right: 0; top: 100%; -webkit-transform: none; transform: none; -webkit-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s; } } @media only screen and (max-width: 750px) { .flat-type-card__fav-tooltip._mobile-hide { display: none; } } .flat-type-card__fav-tooltip-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 16px; margin-bottom: 12px; font-size: 12px; line-height: 14px; text-align: center; border-radius: 4px; color: #f2f2f2; background-color: rgba(20, 25, 26, 0.9); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); white-space: nowrap; } @media only screen and (max-width: 750px) { .flat-type-card__fav-tooltip-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; margin-bottom: 0; margin-top: 8px; font-size: 14px; line-height: 20px; border-radius: 6px; } } .flat-type-card__fav-tooltip-inner:before { content: ""; position: absolute; left: 50%; top: 100%; display: block; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid rgba(20, 25, 26, 0.9); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 750px) { .flat-type-card__fav-tooltip-inner:before { display: none; } } .flat-type-card__fav-tooltip-button { height: 28px; min-width: 141px; margin-top: 20px; font-size: 12px; line-height: 20px; font-weight: 500; } @media only screen and (max-width: 750px) { .flat-type-card__fav-tooltip-button { background-color: transparent; min-width: auto; height: auto; padding-right: 8px; padding-left: 36px; margin-top: 0; font-size: 14px; line-height: 20px; color: #deecca; } } .flat-type-card__reserved { display: -webkit-box; display: -ms-flexbox; display: flex; } .flat-type-card__reserved-block { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px 8px; font-size: 12px; line-height: 13px; font-family: "Grtsk-Exa", "Verdana", sans-serif; border: 1px solid #f2f2f2; } .flat-type-card__reserved-icn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 12px; width: 12px; margin-right: 8px; fill: #3b4658; } .flat-type-card__booked { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; } .flat-type-card__booked-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #ef3b24; } @media (hover), (min-width: 0 \0) { .flat-type-card__booked-block:hover .flat-type-card__fav-tooltip { opacity: 1; pointer-events: all; } } .flat-type-card__booked-icn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 12px; width: 12px; fill: #ef3b24; } .flat-type-card__booked-new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 5px 12px; border-radius: 40px; border: 1px solid #ef3b24; background-color: #fff; color: #ef3b24; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flat-type-card__booked-new span { margin-left: 8px; font-size: 14px; line-height: 20px; } .flat-type-card__tags { height: 100%; padding: 0 20px; margin-bottom: 14px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .flat-type-card__tags._hidden { opacity: 0; } .flat-type-card__tags._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-type-card__tags._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .flat-type-card__tags--container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flat-type-card__tag { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 4px 6px 0; padding: 5px 8px; border: 1px solid #e1e1e1; border-radius: 33px; font-size: 1.2rem; line-height: 1.6rem; color: #292522; } .flat-type-card__tag:last-child { margin-right: 0; } .flat-type-card__tag._more { display: none; } @media only screen and (max-width: 750px) { .flat-type-card__tag._more { display: block; } } .flat-type-card__tag._red { border: 1px solid #fbc5be; color: #ef3b24; } .flat-type-card__tag._grey { border: 1px solid #292522; color: #292522; } .flat-type-card__tag._plus { border: 1px solid #ef3b24; color: white; background-color: #ef3b24; } .flat-type-card__tag._plus > span > .filter-tag-item__tag-plus { fill: white; } .flat-type-card__more { position: relative; border-radius: 8px; } @media only screen and (max-width: 750px) { .flat-type-card__more { display: none; } } .flat-type-card__more-body { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: 100%; border-radius: 8px; background-color: white; -webkit-transition: opacity .3s ease, -webkit-box-shadow .3s ease; transition: opacity .3s ease, -webkit-box-shadow .3s ease; transition: box-shadow .3s ease, opacity .3s ease; transition: box-shadow .3s ease, opacity .3s ease, -webkit-box-shadow .3s ease; will-change: box-shadow; } .flat-type-card__more-body:before { content: ""; position: absolute; top: -16px; left: 0; width: 100%; border-radius: 8px; height: 16px; background-color: white; } .flat-type-card__more-body._hidden { opacity: 0; pointer-events: none; } .flat-type-card__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 20px; margin-top: auto; border-top: 1px solid #f9f9f9; font-size: 12px; line-height: 14px; } @media only screen and (max-width: 750px) { .flat-type-card__footer { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; line-height: 2rem; } } .flat-type-card__footer._resale { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 750px) { .flat-type-card__footer._desk { display: none; } } .flat-type-card__footer._mob { display: none; } @media only screen and (max-width: 750px) { .flat-type-card__footer._mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .flat-type-card__add-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 14px; border-bottom: 1px solid #f9f9f9; font-size: 12px; line-height: 14px; } @media only screen and (max-width: 750px) { .flat-type-card__add-header { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; line-height: 2rem; } } .flat-type-card__promo-timer { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% + 20px); margin: 0 -10px; } .flat-type-card__promo-timer:before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; width: .8rem; height: .8rem; margin: 0 .7rem 0 0; border-radius: 50%; background-color: #ef3b24; } .flat-type-card__promo-timer span { margin: 0 0 0 .4rem; font-weight: 500; color: #ef3b24; } .flat-type-card__promo-timer._big { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; } .flat-type-card__footer-viewed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(20, 25, 26, 0.4); } .flat-type-card__footer-viewed svg { width: 16px; height: 16px; } .flat-type-card__footer-viewed-text { margin-left: 4px; } .flat-type-card__footer-address { line-height: 140%; } .flat-type-card__footer-floor { margin-left: 10px; line-height: 140%; opacity: .4; } .flat-type-card__revert { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; height: 100%; z-index: 2; } .flat-type-card__revert:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); pointer-events: none; z-index: 1; } .flat-type-card__revert-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 32px); margin-top: 124px; padding: 6px 8px 8px; background-color: #292522; color: white; z-index: 2; } .flat-type-card__revert-text { margin-bottom: 2px; font-size: 12px; line-height: 14px; text-align: center; opacity: .95; } .flat-type-card__revert-btn { font-size: 12px; line-height: 14px; border-bottom: 1px solid white; -webkit-transition: border-bottom-color .3s ease; transition: border-bottom-color .3s ease; cursor: pointer; } @media (hover), (min-width: 0 \0) { .flat-type-card__revert-btn:hover { border-bottom-color: transparent; } } .flat-type-card__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4px; } @media only screen and (max-width: 750px) { .flat-type-card__wrapper { margin-bottom: 0; } } .flat-type-card__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; } .flat-type-card__price-text { -ms-flex-item-align: start; align-self: start; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; line-height: 2rem; } .flat-type-card__price-text-old { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #292522; -ms-flex-item-align: start; align-self: start; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.2rem; line-height: 1.6rem; } .fade-slow-enter-active, .fade-slow-leave-active { -webkit-transition: opacity .6s ease; transition: opacity .6s ease; } .fade-slow-enter, .fade-slow-leave-to { opacity: 0; } .region-map { position: relative; z-index: 1; } .region-map__container { height: 530px; background-color: white; border: 1px solid #e6e6e6; z-index: 1; } .region-map__container.leaflet-container .leaflet-control-attribution { visibility: hidden; pointer-events: none; } .region-map__container .leaflet-tile-pane img { display: none; } .region-map__controls { position: absolute; left: 30px; bottom: 30px; z-index: 100000; } @media only screen and (max-width: 750px) { .region-map__controls { display: none; } } .region-map__icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 130%; } .region-map__icon._big { /*stylelint-disable*/ z-index: 1000 !important; /*stylelint-enable*/ } .region-map__icon._small { position: relative; width: 20px; height: 20px; border-radius: 50%; background: transparent; } .region-map__icon._small:before { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; background-color: #ef3b24; border-radius: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); } .region-map__icon._small img { width: 20px; } .region-map__icon:hover { /*stylelint-disable*/ z-index: 1000 !important; /*stylelint-enable*/ } .region-map__icon:hover .region-map__icon-hover { opacity: 1; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .region-map__icon-hover { position: absolute; left: 7.5px; padding: 4px 8px; font-size: 14px; text-align: center; background: #fff; border-radius: 6px; white-space: nowrap; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); opacity: 0; pointer-events: none; -webkit-transition: all .3s ease; transition: all .3s ease; } .region-map__icon-hover:before { content: ''; position: absolute; bottom: -4px; left: 50%; display: block; width: 10px; height: 10px; background: #fff; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .infocard { position: absolute; top: 100px; right: 0; z-index: 2; width: 300px; background: #fff; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .infocard { position: fixed; top: 0; width: 100%; height: calc(var(--vh, 1vh) * 100); -webkit-transition: opacity .3s ease, -webkit-transform .5s ease; transition: opacity .3s ease, -webkit-transform .5s ease; transition: opacity .3s ease, transform .5s ease; transition: opacity .3s ease, transform .5s ease, -webkit-transform .5s ease; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } } .infocard.active { opacity: 1; pointer-events: all; } @media only screen and (max-width: 750px) { .infocard.active { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity .3s ease, -webkit-transform .5s ease; transition: opacity .3s ease, -webkit-transform .5s ease; transition: opacity .3s ease, transform .5s ease; transition: opacity .3s ease, transform .5s ease, -webkit-transform .5s ease; } } .infocard__image { height: 200px; background-position: center; background-size: cover; } @media only screen and (max-width: 750px) { .infocard__image { height: 40%; } } .infocard__close { top: 12px; right: 12px; padding: 8px 12px; background-color: #fff; border-radius: 4px; font-size: 10px; } .infocard__close span { min-width: 12px; min-height: 12px; } .infocard__content { padding: 18px 30px 30px; } @media only screen and (max-width: 750px) { .infocard__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 60%; padding: 32px 20px 24px; } } .infocard__name { margin-bottom: 8px; font-size: 20px; line-height: 1.2em; } @media only screen and (max-width: 750px) { .infocard__name { margin-bottom: 20px; } } .infocard__descritpion { font-size: 13px; line-height: 1.4em; font-weight: 300; } @media only screen and (max-width: 750px) { .infocard__descritpion { font-size: 16px; } } .infocard__button { width: 150px; height: 45px; margin-top: 23px; font-weight: 300; } @media only screen and (max-width: 750px) { .infocard__button { width: 100%; margin-top: auto; } } .gis-map__infra-marker { position: relative; z-index: 1; } .gis-map__infra-pin { position: relative; z-index: 2; width: 28px; height: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6872 26.9739C25.0437 24.3423 28 19.3101 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 19.3138 2.96047 24.3495 7.32203 26.9795C9.47702 28.5221 12.4004 30.4521 13.529 31.1919C13.8182 31.3815 14.1826 31.3815 14.4719 31.1919C15.6019 30.4512 18.5315 28.5175 20.6872 26.9739Z' fill='white'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; } .gis-map__infra-pin:before { content: ""; position: absolute; top: 50%; left: 50%; z-index: 10; width: 150%; height: 150%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; } .gis-map__infra-pin .inner { position: absolute; top: calc(50% - .2rem); left: 50%; z-index: 1; width: 24px; height: 24px; border-radius: 50%; background-color: #f26651; background-position: center center; background-repeat: no-repeat; background-size: 16px 16px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gis-map__infra-pin .inner._red { background-color: #ef3b24; } /* stylelint-disable */ .gis-map__infra-tooltip-body { position: absolute; top: 0; left: 3.4rem; z-index: 4; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 8px 12px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.96); -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08); font-size: 12px; font-weight: 500; line-height: 16px; opacity: 0; -webkit-transform: translateX(-15px); transform: translateX(-15px); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .gis-map__infra-tooltip-body .subtitle { margin: 4px 0 0 0; font-size: 12px; font-weight: 500; line-height: 16px; color: #a1a3a3; } .gis-map__infra-tooltip-body .infralink { position: relative; display: block; margin: 6px 0 0 0; padding: 0 18px 0 0; font-size: 12px; font-weight: 500; line-height: 16px; color: #ef3b24; text-decoration: underline; } .gis-map__infra-tooltip-body .infralink:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.669 6.27202L4.94102 12L4 11.059L9.72731 5.331H4.67948V4H12V11.3205H10.669V6.27202Z' fill='%23EF3B24'/%3E%3C/svg%3E"); position: absolute; top: 50%; right: 0; width: 16px; height: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gis-map__infra-tooltip-body._active { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); pointer-events: all; } /* stylelint-enable */ .gis-map__cluster { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; border: 2px solid #fff; background-color: #f26651; font-size: 14px; font-weight: 500; line-height: 20px; color: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gis-map__cluster._big { width: 36px; height: 36px; background-color: #ef3b24; } /* stylelint-disable */ .gis-map__project-tooltip-body { z-index: 4; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 6px 0 0 0; padding: 8px 12px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.96); -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08); font-size: 12px; line-height: 16px; font-weight: 500; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gis-map__project-tooltip-body .subtitle { margin: 4px 0 0 0; font-size: 12px; line-height: 16px; font-weight: 500; color: #a1a3a3; } .gis-map__project-tooltip-body .content { overflow: hidden; max-height: 0; margin: 0; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .gis-map__project-tooltip-body .content .content-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 8px 0 0 0; } @media (hover), (min-width: 0 \0) { .gis-map__project-tooltip-body .content .content-row:hover .maintext { color: #8a8c8d; } } .gis-map__project-tooltip-body .content .tooltip-icon { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 16px; height: 16px; margin: 0 6px 0 0; background-size: contain; background-repeat: no-repeat; background-position: center; } .gis-map__project-tooltip-body .content .tooltip-icon._sell { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33203 2H10.6654V14H9.33203V3.33333H2.66536V14H1.33203V2Z' fill='%23EF3B24'/%3E%3Cpath d='M6.66797 4.66667H8.0013V6.66667H6.66797V4.66667Z' fill='%23EF3B24'/%3E%3Cpath d='M4 6.66667H5.33333V8.66667H4V6.66667Z' fill='%23EF3B24'/%3E%3Cpath d='M6.66797 9.33333H8.0013V11.3333H6.66797V9.33333Z' fill='%23EF3B24'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3333 6.00001H12V4.66667H14.6667V14H13.3333V6.00001Z' fill='%23EF3B24'/%3E%3C/svg%3E"); } .gis-map__project-tooltip-body .content .tooltip-icon._rent { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.22561 8.94284C4.10281 9.06565 3.99986 9.19968 3.91624 9.34127C3.46319 10.1084 3.56729 11.1129 4.22561 11.7713C4.88393 12.4296 5.88853 12.5337 6.65561 12.0806C6.7972 11.997 6.93123 11.8941 7.05404 11.7713L7.99685 12.7141C7.7941 12.9168 7.57097 13.0885 7.33366 13.2287C6.05553 13.9836 4.38173 13.813 3.2828 12.7141C2.18388 11.6152 2.01331 9.94135 2.76818 8.66322C2.90834 8.42591 3.08006 8.20278 3.2828 8.00003L4.22561 8.94284Z' fill='%23EF3B24'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.22641 8.94278C5.00746 8.16173 6.27379 8.16173 7.05484 8.94278C7.83589 9.72382 7.83589 10.9902 7.05484 11.7712L7.99765 12.714C9.29939 11.4123 9.29939 9.30171 7.99765 7.99997C6.6959 6.69822 4.58535 6.69822 3.2836 7.99997L4.22641 8.94278Z' fill='%23EF3B24'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2398 4.70012L9.17563 7.76425L8.23282 6.82144L12.2398 2.81451L14.5968 5.17153L13.654 6.11434L12.2398 4.70012Z' fill='%23EF3B24'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8267 5.17157L12.7123 7.05719L11.7695 8L9.88391 6.11438L10.8267 5.17157Z' fill='%23EF3B24'/%3E%3C/svg%3E"); } .gis-map__project-tooltip-body .content .tooltip-desc { font-weight: 400; } .gis-map__project-tooltip-body .content .tooltip-desc .subtext { margin: 2px 0 0 0; color: #a1a3a3; } .gis-map__project-tooltip-body .content .tooltip-desc .maintext { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .gis-map__project-tooltip-body .tooltip-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 12px 0 0 0; padding: 4px 8px 6px; border-radius: 8px; font-size: 12px; line-height: 17px; background-color: #f14f3a; color: #fff; } @media (min-width: 768px) { .gis-map__project-tooltip-body._active .content { max-height: 3000px; } } /* stylelint-enable */ .gis-map__project-marker { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (hover), (min-width: 0 \0) { .gis-map__project-marker:hover .gis-map__project-pin .outer.disable { opacity: 1; } } .gis-map__project-marker._centered-tooltip .gis-map__project-tooltip-body { margin: 18px 0 0 0; } .gis-map__project-pin { position: relative; z-index: 1; -ms-flex-negative: 0; flex-shrink: 0; width: 64px; height: 74px; margin: 0 10px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6872 26.9739C25.0437 24.3423 28 19.3101 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 19.3138 2.96047 24.3495 7.32203 26.9795C9.47702 28.5221 12.4004 30.4521 13.529 31.1919C13.8182 31.3815 14.1826 31.3815 14.4719 31.1919C15.6019 30.4512 18.5315 28.5175 20.6872 26.9739Z' fill='white'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.08)); cursor: pointer; } .gis-map__project-pin .inner { position: absolute; top: calc(50% - 4px); left: 50%; z-index: 1; width: 58px; height: 58px; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gis-map__project-pin .outer { position: absolute; top: calc(50% - 4px); left: 50%; z-index: 2; width: 58px; height: 58px; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; background-color: rgba(0, 0, 0, 0.48); background-image: url('data:image/svg+xml;utf8,'); } .gis-map__project-pin .outer.active { opacity: 1; } /* stylelint-disable */ .gis-map__static-tooltip { position: relative; -webkit-filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.08)); -webkit-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); } .gis-map__static-tooltip:before { content: ""; position: absolute; bottom: -4px; left: 50%; z-index: 1; width: 16px; height: 16px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.96); -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .gis-map__static-tooltip .tooltip-body { position: relative; z-index: 2; padding: 8px 12px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.96); font-size: 12px; font-weight: 500; line-height: 16px; } .gis-map__static-tooltip .tooltip-link { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (hover), (min-width: 0 \0) { .gis-map__static-tooltip .tooltip-link:hover { color: #727576; } } /* stylelint-enable */ .header-eski { display: block; } .header-eski-hat { display: none; } @media only screen and (max-width: 750px) { .header-eski-hat { display: block; } } .header-eski-hat__wrap { position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; background-color: white; z-index: 100; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform .48s ease-in-out, -webkit-box-shadow .3s ease; transition: -webkit-transform .48s ease-in-out, -webkit-box-shadow .3s ease; transition: transform .48s ease-in-out, box-shadow .3s ease; transition: transform .48s ease-in-out, box-shadow .3s ease, -webkit-transform .48s ease-in-out, -webkit-box-shadow .3s ease; } .header-eski-hat._h116 { height: 116px; } .header-eski-hat._h116 .header-eski-hat__wrap { top: -56px; } .header-eski-hat._static .header-eski-hat__wrap { position: static; } .header-eski-hat.active .header-eski-hat__wrap { -webkit-transform: translate(256px, 0); transform: translate(256px, 0); } .header-eski-hat.shadow { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .header-eski-hat__wrapper { padding: 15px 20px; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media only screen and (max-width: 750px) { .header-eski-hat__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .header-eski-hat__burger { display: block; width: 24px; height: 20px; margin-right: 15px; background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjIgMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjMiIGZpbGw9IiMzQjQ2NTgiLz4KPHJlY3QgeD0iMC41IiB5PSI4IiB3aWR0aD0iMjEiIGhlaWdodD0iMyIgZmlsbD0iIzNCNDY1OCIvPgo8cmVjdCB4PSIwLjUiIHk9IjE2IiB3aWR0aD0iMjEiIGhlaWdodD0iMyIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K) no-repeat left center/contain; } .header-eski-hat__burger.active { background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuMTAwNTg2IiB5PSIxOC40ODU0IiB3aWR0aD0iMjYiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDAuMTAwNTg2IDE4LjQ4NTQpIiBmaWxsPSIjMzk0NTVCIi8+CjxyZWN0IHg9IjEuNTE0ODkiIHk9IjAuMTAwNTg2IiB3aWR0aD0iMjYiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMS41MTQ4OSAwLjEwMDU4NikiIGZpbGw9IiMzOTQ1NUIiLz4KPC9zdmc+Cg==) no-repeat left center/contain; } .header-eski-hat__logo { display: block; -ms-flex-negative: 0; flex-shrink: 0; height: 10px; width: 140px; } .header-eski-hat__logo svg { display: block; width: 100%; height: 100%; } .header-eski-hat__phone { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 30px; height: 30px; margin-left: auto; margin-right: 8px; border: 1px solid #14191a; border-radius: 50%; background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC45NCIgZD0iTTMuNDY4NTUgMTguMDc2M0MzLjAyMzk1IDE3LjYzMTcgMi41Nzk1NiAxNy4wMDkgMi4yMjQ0IDE2LjIwODJDMS40MjUyNyAxNC40Mjg2IDAuOTgyODgxIDEyLjExNDUgMC45ODU4MjggOS42MjE3OEMwLjk4ODc3NiA3LjEyOTA2IDEuMzkyMTggNC43Njk0IDIuMjM5OTggMy4wMzIzOUMyLjk1NDA4IDEuNDI5MDkgMy45MzQ1MiAwLjQ0ODY0NCA0LjgyNDc4IDAuNDQ3NTkxQzQuOTU4MzcgMC40MDI5MiA1LjA5MTk2IDAuMzU4MjQ5IDUuMjI1NDUgMC40MDI2MDRDNi4wMjY2OCAwLjQwMTY1NyA2Ljk2MTUxIDAuMzU2MDM5IDcuNTgzOTUgMC45Nzg0ODNDNy45ODQwOSAxLjM3ODYzIDguMTE2ODQgMi4wNDYxNiA3Ljk4MjIgMi45ODEwOUM3LjY2NzQgNS42OTY3NSA2LjU5OTA5IDUuNjk4MDEgNS4zNTI3MyA1LjY5OTQ4TDUuMTMwMjEgNS42NTUyM0M0Ljk1MjE2IDUuNjU1NDQgNC4yMzk2NCA1LjkyMzM2IDQuMjM1MzIgOS41NzM0MkM0LjIzMzk2IDEwLjczMDggNC4zMjE4MiAxMS43MDk5IDQuNDU0NTcgMTIuMzc3NUM0LjU0MzA3IDEyLjgyMjUgNC43NjQ4NSAxMy40ODk5IDUuMTIwOTUgMTMuNDg5NUw1LjM4ODAzIDEzLjQ4OTJDNi42MzQzOSAxMy40ODc3IDcuNzAyNyAxMy40ODY1IDguMDExMDggMTYuMjAxNEM4LjA5OTA1IDE3LjA5MTUgNy45NjQ3MyAxNy43NTk0IDcuNjA4MSAxOC4yMDQ5QzcuMDczMiAxOC44Mjg3IDYuMDkzOTIgMTguODI5OSA1LjI0ODIzIDE4Ljc4NjRDNS4xMTQ3NCAxOC43NDIgNC45ODExNSAxOC43ODY3IDQuODkyMTIgMTguNzg2OEM0LjQwMjUzIDE4Ljc0MjkgMy45MTMxNiAxOC41MjA5IDMuNDY4NTUgMTguMDc2M1oiIGZpbGw9IiMxNDE5MWEiLz4KPC9zdmc+Cg==) no-repeat 9px center/9px 19px; } .header-eski-hat__phone.--no-text { color: transparent; } @media only screen and (max-width: 750px) { .header-eski-hat__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; margin-left: auto; } } .header-dropdown { position: relative; display: block; margin-right: 16px; } @media screen and (max-width: 1279px) { .header-dropdown { margin-right: 0; } } @media only screen and (max-width: 750px) { .header-dropdown { display: none; } } .header-dropdown__btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 86px; height: 30px; border: 1px solid #e1e1e1; border-radius: 2px; cursor: pointer; -webkit-transition: border-color .4s ease; transition: border-color .4s ease; } .header-dropdown__btn:hover { border: 1px solid #929292; -webkit-transition: border-color .4s ease; transition: border-color .4s ease; } .header-dropdown__btn._active { border-color: #3b4658; -webkit-transition: border-color .4s ease; transition: border-color .4s ease; } .header-dropdown__burger { position: relative; width: 13px; height: 11px; margin-right: 10px; -webkit-box-sizing: content-box; box-sizing: content-box; } .header-dropdown__burger._active .header-dropdown__burger-line:nth-child(1) { opacity: 0; } .header-dropdown__burger._active .header-dropdown__burger-line:nth-child(2):before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform .3s ease .2s; transition: -webkit-transform .3s ease .2s; transition: transform .3s ease .2s; transition: transform .3s ease .2s, -webkit-transform .3s ease .2s; } .header-dropdown__burger._active .header-dropdown__burger-line:nth-child(2):after { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .3s ease .2s; transition: -webkit-transform .3s ease .2s; transition: transform .3s ease .2s; transition: transform .3s ease .2s, -webkit-transform .3s ease .2s; } .header-dropdown__burger._active .header-dropdown__burger-line:nth-child(3) { opacity: 0; } .header-dropdown__burger-wrap { position: relative; height: 100%; width: 100%; } .header-dropdown__burger-line { position: absolute; top: 5px; left: 0; height: 1px; width: 13px; z-index: 1; background-color: #14191a; -webkit-transition: opacity .5s ease, -webkit-transform .5s ease; transition: opacity .5s ease, -webkit-transform .5s ease; transition: transform .5s ease, opacity .5s ease; transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease; border-radius: 4px; } .header-dropdown__burger-line:nth-child(1) { top: 0; } .header-dropdown__burger-line:nth-child(2) { background-color: transparent; } .header-dropdown__burger-line:nth-child(2):before, .header-dropdown__burger-line:nth-child(2):after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: #3b4658; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .header-dropdown__burger-line:nth-child(3) { top: 10px; } .header-dropdown__body { position: absolute; z-index: 20; top: calc(100% - 1px); left: -250px; opacity: 0; visibility: hidden; border: 1px solid #e1e1e1; -webkit-transition: opacity .4s ease, visibility .4s ease; transition: opacity .4s ease, visibility .4s ease; } .header-dropdown__body._none-displayed { display: none; opacity: 1; visibility: visible; } .header-dropdown__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: white; padding: 56px 70px 66px; } .header-dropdown__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; width: 220px; margin-right: 70px; } .header-dropdown__col:last-child { margin-right: 0; } .header-dropdown__title { font-size: 16px; line-height: 18px; color: #9c9a9a; padding-bottom: 18px; border-bottom: 1px solid #e1e1e1; } .header-dropdown__list { margin-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .header-dropdown__link { position: relative; margin-bottom: 18px; font-size: 16px; line-height: 18px; } .header-dropdown__link:before { content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background-color: transparent; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .header-dropdown__link:hover:before { background-color: #3b4658; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .header-dropdown__link:last-child { margin-bottom: 0; } .sidebar-mobile { position: fixed; top: 0; left: 0; display: none; width: 100vw; height: calc(var(--vh, 1vh) * 100); z-index: 105; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: rgba(20, 25, 26, 0.4); } .sidebar-mobile._active { opacity: 1; visibility: visible; } .sidebar-mobile._active .sidebar-mobile__wrapper { -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 750px) { .sidebar-mobile { display: block; } } .sidebar-mobile__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; padding-right: 20px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .sidebar-mobile__content { max-width: 305px; width: 100%; background-color: #fff; color: #14191a; height: 100%; overflow: auto; scrollbar-color: #3b4658 #e5e6e7; scrollbar-width: thin; } .sidebar-mobile__content::-webkit-scrollbar { background-color: #e5e6e7; width: 2px; } .sidebar-mobile__content::-webkit-scrollbar-thumb { background-color: #3b4658; } .sidebar-mobile__top { padding: 17px 20px 18px; border-bottom: 1px solid #e1e1e1; } .sidebar-mobile__city { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px; cursor: pointer; } .sidebar-mobile__city._active .sidebar-mobile__city-chevron { -webkit-transform: scale(2.4) rotate(-180deg); transform: scale(2.4) rotate(-180deg); } .sidebar-mobile__city-marker { width: 10px; height: 15px; margin-right: 8px; } .sidebar-mobile__city-chevron { fill: #14191a; stroke: #14191a; width: 10px; height: 10px; margin-left: auto; margin-right: 0; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform: scale(2.4); transform: scale(2.4); } .sidebar-mobile__city-list { padding-top: 12px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; } .sidebar-mobile__city-list._hidden { height: 0; padding-top: 0; } .sidebar-mobile__city-item { border-radius: 4px; font-size: 16px; line-height: 19px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .sidebar-mobile__city-item:hover { background-color: #f9f9f9; } .sidebar-mobile__city-link { display: block; padding: 12px 18px; } .sidebar-mobile__list { padding: 20px 15px 20px 24px; } .sidebar-mobile__item { font-size: 16px; line-height: 19px; } .sidebar-mobile__item:not(:last-child) .sidebar-mobile__item-link { padding-bottom: 29px; } .sidebar-mobile__item-link { display: block; } .sidebar-mobile__close-button { position: relative; width: 30px; height: 30px; margin-left: 20px; margin-top: 12px; background-color: #fff; border-radius: 100%; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; } .sidebar-mobile__close-button:before, .sidebar-mobile__close-button:after { content: ''; position: absolute; left: 50%; top: 50%; height: 1.4px; width: 17px; background-color: #14191a; } .sidebar-mobile__close-button:before { -webkit-transform: translate(-50%) rotate(45deg); transform: translate(-50%) rotate(45deg); } .sidebar-mobile__close-button:after { -webkit-transform: translate(-50%) rotate(-45deg); transform: translate(-50%) rotate(-45deg); } .sidebar-mobile__socials { padding: 0 1.5rem 2rem 2.4rem; } .sidebar-mobile__socials-title { margin-bottom: 1.6rem; padding-top: 2.8rem; border-top: 0.1rem solid #e1e1e1; font-size: 1.6rem; line-height: 2.4rem; color: #8a8c8d; } .sidebar-mobile__socials-social { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .sidebar-mobile__socials-social { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } } .sidebar-mobile__socials-item { position: relative; width: 3.6rem; height: 3.6rem; margin-right: 1.2rem; border-radius: 50%; border: 1px solid #f2f2f2; background-color: #f2f2f2; color: #3b4658; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .sidebar-mobile__socials-item:last-child { margin-right: 0; } @media (hover), (min-width: 0 \0) { .sidebar-mobile__socials-item:hover { background-color: #292522; color: #f2f2f2; } } .sidebar-mobile__socials svg { position: absolute; top: 50%; left: 50%; fill: currentcolor; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: color .3s ease; transition: color .3s ease; } :root { --header-height: 9.3rem; --header-height-mobile: 13.8rem; --header-top-height: 47px; --header-bottom-height: 46px; --header-top-height-mobile: 56px; --header-bottom-height-mobile: 59px; --header-dynamic-height: calc(var(--header-top-height) + var(--header-bottom-height)); --header-dynamic-height-mobile: calc(var(--header-top-height-mobile) + var(--header-bottom-height-mobile)); } .header { padding-bottom: 92px; -webkit-transition: padding .3s ease; transition: padding .3s ease; } @media only screen and (max-width: 750px) { .header { display: none; } } .header__wrapper { position: fixed; top: 0; left: 0; width: 100%; max-width: calc(100% - var(--lock-offset, 0)); z-index: 50; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .header__top { padding: 8px 0; border-bottom: 1px solid #e1e1e1; background-color: #ef3b24; color: #fff; } .header__bottom { height: 46px; border-bottom: 1px solid #e1e1e1; background-color: #fff; } .header__bottom-inner, .header__top-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__top-inner { position: relative; min-height: 30px; } .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; width: 200px; height: 10px; color: #fff; } .header__logo svg { width: 150px; height: 10px; fill: #fff; } .header__promo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; font-size: 15px; line-height: 24px; -webkit-transition: color .3s ease; transition: color .3s ease; } .header__promo:hover .header__promo-link { color: color-mix(in srgb, currentColor 70%, transparent 30%); } .header__promo:hover .header__promo-link svg { -webkit-transform: translateX(3px); transform: translateX(3px); } .header__promo:hover .header__promo-text { color: color-mix(in srgb, currentColor 70%, transparent 30%); } .header__promo-text { position: relative; font-weight: 500; text-align: center; -webkit-transition: color .3s ease; transition: color .3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; } .header__promo-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 12px; padding: 3px 8px 4px 11px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 40px; background-color: rgba(255, 255, 255, 0.1); font-size: 14px; font-weight: 500; line-height: 21px; color: inherit; overflow: hidden; text-align: center; -webkit-transition: color .3s ease; transition: color .3s ease; } .header__promo-link > svg { -ms-flex-negative: 0; flex-shrink: 0; width: 1.5rem; height: 1.5rem; margin-left: .2rem; margin-top: .2rem; -webkit-transition: all .3s ease; transition: all .3s ease; stroke: transparent; } .header__promo-link:before { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 35.02%, rgba(255, 255, 255, 0) 90%); top: 0; left: -100%; opacity: .27; -webkit-animation: header-button-shine 7s linear infinite normal running; animation: header-button-shine 7s linear infinite normal running; } .header__remaining { font-size: 15px; font-weight: 500; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__remaining-dot { display: block; width: 6px; height: 6px; margin: 0 6px 0; border-radius: 50%; background-color: white; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; } @-webkit-keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .header__info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 15px; } .header__info-phone { position: relative; color: inherit; font-size: 15px; font-weight: 500; line-height: 20px; -webkit-transition: color .3s ease; transition: color .3s ease; } .header__info-phone:hover { color: color-mix(in srgb, currentColor 70%, transparent 30%); } .header__info-phone._bottom { color: #14191a; margin-left: auto; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header__info-phone._bottom._active { opacity: 1; visibility: visible; } .header__info-phone._bottom:hover { color: #ef3b24; } .header__info-city { position: relative; } .header__info-city-current { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; font-size: 15px; font-weight: 500; line-height: 20px; margin-left: 24px; cursor: pointer; } .header__info-city-current:hover { color: color-mix(in srgb, currentColor 70%, transparent 30%); } .header__info-city-current span { position: relative; -webkit-transition: color .3s ease; transition: color .3s ease; } .header__info-city-current svg { width: 10px; height: 14px; margin-right: 8px; fill: #fff; -webkit-transition: fill .3s ease, color .3s ease; transition: fill .3s ease, color .3s ease; } .header__info-city-current svg path { -webkit-transition: fill .3s ease, color .3s ease; transition: fill .3s ease, color .3s ease; } .header__city-list { position: absolute; right: 0; top: calc(100% + 13px); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .2s ease .2s; transition: -webkit-transform .2s ease .2s; transition: transform .2s ease .2s; transition: transform .2s ease .2s, -webkit-transform .2s ease .2s; -webkit-transform-origin: 0 0; transform-origin: 0 0; background-color: #fff; font-size: 16px; width: 230px; border: 1px solid #e1e1e1; will-change: transform; z-index: 2; } .header__city-list.open { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; } .header__city-list.open .header__city-item > a { opacity: 1; -webkit-transition: opacity .2s ease .2s; transition: opacity .2s ease .2s; } .header__city-list.mobile { display: none; left: 0; top: 70px; width: 100%; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .header__city-list.mobile .header__city-item > a { opacity: 1; } .header__city-item { padding: 8px 31px 9px 31px; border-bottom: 1px solid #e1e1e1; } .header__city-item:last-child { border: none; } .header__city-item > a { display: inline-block; border-bottom: 1px solid rgba(59, 70, 88, 0); -webkit-transition: border-color .2s ease, opacity .2s ease; transition: border-color .2s ease, opacity .2s ease; opacity: 0; } .header__city-item > a:hover { border-bottom: 1px solid #3b4658; } .header__menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__menu-item { position: relative; font-size: 15px; line-height: 20px; } .header__menu-item:hover .header__menu-link { color: #ef3b24; } .header__menu-item:first-child .header__menu-link { padding-left: 0; } .header__menu-link { display: inline-block; padding: 13px 12px 12px; -webkit-transition: color .2s ease; transition: color .2s ease; } .header__menu-link._active { color: #ef3b24; } .header__menu-more { position: relative; margin-right: auto; } .header__menu-more-btn { position: relative; padding: 13px 29px 13px 12px; font-size: 15px; line-height: 20px; color: #14191a; cursor: pointer; -webkit-transform: translateY(1px); transform: translateY(1px); -webkit-transition: all .2s ease; transition: all .2s ease; } @media (hover), (min-width: 0 \0) { .header__menu-more-btn:hover { border-color: #3b4658; color: #ef3b24; } } .header__menu-more-btn._active { color: #ef3b24; } .header__menu-more-btn._active > svg { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .header__menu-more-btn svg { position: absolute; right: 8px; top: 50%; width: 18px; height: 19px; -webkit-transform: translateY(-50%); transform: translateY(-50%); stroke: #ef3b24; -webkit-transition: all .2s ease; transition: all .2s ease; } .header__button-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 24px; } .header__button-item { position: relative; } .header__button-item:not(:last-child) { margin-right: 8px; } .header__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 30px; height: 30px; border: 1px solid #d8dade; border-radius: 100%; color: #292522; cursor: pointer; } @media (hover), (min-width: 0 \0) { .header__button:hover .header__tooltip { opacity: 1; } .header__button:hover._heart { fill: #ef3b24; } .header__button:hover._lk svg, .header__button:hover._compare svg { stroke: #ef3b24; } } .header__button svg { width: 20px; height: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; } .header__button._compare svg { stroke: #14191a; } .header__button._heart._active .header__spot, .header__button._compare._active .header__spot { opacity: 1; } .header__button._heart._animate .header__spot-wave, .header__button._compare._animate .header__spot-wave { opacity: 0; width: calc(100% * 2); height: calc(100% * 2); -webkit-transition: opacity 1s linear, width 1s linear, height 1s linear; transition: opacity 1s linear, width 1s linear, height 1s linear; } .header__button._lk { position: relative; } .header__button._lk:after { content: ''; position: absolute; width: 30px; height: 10px; background: transparent; bottom: -10px; } .header__button._lk svg { fill: none; stroke: #14191a; } .header__button._lk .header__tooltip { left: 0; } @media screen and (max-width: 1279px) { .header__button._lk .header__tooltip { left: auto; right: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .header__button._lk .header__tooltip .header__tooltip-inner:before { left: 62%; bottom: 100%; } @media screen and (max-width: 1279px) { .header__button._lk .header__tooltip .header__tooltip-inner:before { left: auto; right: 2px; } } .header__button._phone { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 30px; height: 30px; margin-left: auto; border-radius: 50%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODE1ODUgMS41QzAuODY0NTM5IDQuMzUzOTMgMi4xMzI5NSA4Ljc5MzM5IDQuNjY5NzggMTEuMzMwMkM3LjIwNjYxIDEzLjg2NyAxMS42NDYxIDE1LjEzNTUgMTQuNSAxNC4xODQxVjEwLjM3ODlMMTAuMDYwNSA5LjExMDQ5TDkuMTA5MjQgMTAuNjk2QzguNzkyMTMgMTAuNTkwMyA3LjkwNDI0IDEwLjEyNTIgNi44ODk1MSA5LjExMDQ5QzUuODc0NzggOC4wOTU3NiA1LjQwOTY5IDcuMjA3ODcgNS4zMDM5OSA2Ljg5MDc2TDYuODg5NTEgNS45Mzk0NUw1LjYyMTEgMS41SDEuODE1ODVaIiBzdHJva2U9IiMxNDE5MUEiIHN0cm9rZS13aWR0aD0iMS43Ii8+Cjwvc3ZnPgo=) no-repeat 7px center/14px 19px; color: transparent; } .header__spot { position: absolute; right: 4px; top: 3px; width: 8px; height: 8px; background-color: #ef3b24; border-radius: 50%; border: 1px solid white; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .header__spot-wave { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #ef3b24; will-change: transform; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .header__tooltip { position: absolute; top: 100%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 21; } @media only screen and (max-width: 750px) { .header__tooltip { bottom: auto; left: auto; right: 0; top: 100%; -webkit-transform: none; transform: none; -webkit-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s; } } .header__tooltip-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 16px; margin-top: 12px; font-size: 12px; line-height: 14px; text-align: center; border-radius: 4px; color: #f2f2f2; background-color: rgba(20, 25, 26, 0.9); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); white-space: nowrap; } @media only screen and (max-width: 750px) { .header__tooltip-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; margin-bottom: 0; margin-top: 8px; font-size: 14px; line-height: 20px; border-radius: 6px; } } .header__tooltip-inner:before { content: ""; position: absolute; left: 50%; bottom: 100%; display: block; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid rgba(20, 25, 26, 0.9); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 750px) { .header__tooltip-inner:before { display: none; } } .tooltip-body-lk { position: absolute; z-index: 101; right: 0; top: 3.8rem; width: 28rem; padding: 1.6rem 2rem; border-radius: .8rem; background-color: white; -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.04); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; pointer-events: none; } .tooltip-body-lk._show { opacity: 1; pointer-events: all; } .tooltip-body-lk .tooltip-body-lk-title { margin-bottom: .8rem; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; } .tooltip-body-lk .tooltip-body-lk-text { margin-bottom: 2rem; font-size: 1.4rem; line-height: 2rem; } .tooltip-body-lk .tooltip-body-lk-btn { width: 24rem; height: 4.4rem; border-radius: .8rem; background-color: #ef3b24; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s ease; transition: all .3s ease; color: white; font-size: 1.4rem; font-weight: 500; line-height: 2rem; } .tooltip-body-lk .tooltip-body-lk-btn:hover { background-color: #f14f3a; } .tooltip-body-lk-auth { position: absolute; z-index: 101; right: 0; top: 3.8rem; width: 22rem; padding: .4rem; border-radius: .8rem; background-color: white; -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.04); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; pointer-events: none; } .tooltip-body-lk-auth._show { opacity: 1; pointer-events: all; } .tooltip-body-lk-auth-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .4rem; border-radius: .8rem; background-color: white; font-size: 1.4rem; line-height: 2rem; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .tooltip-body-lk-auth-user._name { font-weight: 500; } @media (hover), (min-width: 0 \0) { .tooltip-body-lk-auth-user:hover { background-color: #f6f5f4; } } .tooltip-body-lk-auth-letter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.2rem; height: 2.2rem; margin: .7rem 1.5rem .7rem .7rem; border-radius: .8rem; background-color: #f6f5f4; font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; } .tooltip-body-lk-auth-line { display: block; height: .1rem; background-color: #f6f5f4; } .tooltip-body-lk-auth-icon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.6rem; height: 3.6rem; margin-right: .8rem; } .tooltip-body-lk-auth-icon { width: 1.8rem; height: 1.8rem; } @-webkit-keyframes header-button-shine { 0% { left: -100%; } 20% { left: 100%; } 100% { left: 100%; } } @keyframes header-button-shine { 0% { left: -100%; } 20% { left: 100%; } 100% { left: 100%; } } .pre-footer { background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .pre-footer { width: 100%; padding: 30px 20px 24px; } } .pre-footer__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 120px; } @media only screen and (max-width: 750px) { .pre-footer__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } } .pre-footer__disclaimer { font-size: 16px; font-weight: 300; color: #000; } @media only screen and (max-width: 750px) { .pre-footer__disclaimer { margin-bottom: 24px; font-size: 13px; color: #3b4658; } } .pre-footer__button { margin: 0 100px; -ms-flex-negative: 0; flex-shrink: 0; height: 50px; width: 307px; } @media only screen and (max-width: 750px) { .pre-footer__button { width: 100%; } } .pre-footer__telegram { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #929292; width: 167px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .pre-footer__telegram { width: 100%; margin-top: 20px; font-size: 13px; } } .pre-footer__telegram-icon { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #3b4658; margin-left: 20px; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; } .pre-footer__telegram-svg { position: absolute; top: 9px; left: 7px; -webkit-transition: fill .3s ease; transition: fill .3s ease; fill: #3b4658; } .pre-footer__telegram:hover .pre-footer__telegram-icon { border-color: #647795; } .pre-footer__telegram:hover .pre-footer__telegram-svg { fill: #647795; } .footer { background-color: #292522; padding: 78px 0 52px; } @media only screen and (max-width: 750px) { .footer { width: 100%; min-width: 100%; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform .48s ease-in-out; transition: -webkit-transform .48s ease-in-out; transition: transform .48s ease-in-out; transition: transform .48s ease-in-out, -webkit-transform .48s ease-in-out; padding-top: 24px; padding-bottom: 24px; } .footer.active { -webkit-transform: translate(257px, 0); transform: translate(257px, 0); } } @media only screen and (max-width: 750px) { .footer.pb_70 { padding-bottom: 70px; } } .footer._short { padding: 80px 0; } @media only screen and (max-width: 750px) { .footer._short { padding: 24px 0; } } .footer._short .footer-menu { display: none; } .footer._short .footer__hr { display: none; } .footer__row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .footer__row:nth-child(2) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 62px; } .footer__row:nth-child(2) > .footer__col { width: 100%; } .footer__row:nth-child(2) > .footer__col:nth-child(3) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .footer__row.footer-menu { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__row._mt50 { margin-top: 50px; } @media only screen and (max-width: 750px) { .footer__row._mt50 { margin-top: 0; } } .footer__row._a-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 750px) { .footer__row { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__row._d-f-m { display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer__hr { margin: 40px 0 26px; width: 85%; height: 1px; background-color: rgba(255, 255, 255, 0.1); } @media only screen and (max-width: 750px) { .footer__hr { display: none; } } .footer__col { width: 33%; } @media only screen and (max-width: 750px) { .footer__col { width: 100%; } } @media only screen and (max-width: 750px) { .footer__col.d-n-m { display: none; } } .footer__col._wide { width: 66%; padding-right: 68px; } @media only screen and (max-width: 750px) { .footer__col._wide { width: 100%; padding-right: 0; } } .footer__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 800px; margin-right: 140px; } @media only screen and (max-width: 750px) { .footer__menu { display: block; margin-right: 0; width: auto; } } .footer__contacts { width: 260px; } @media only screen and (max-width: 750px) { .footer__contacts { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .footer__copy { margin-bottom: 2px; font-size: 16px; color: #fff; } @media only screen and (max-width: 750px) { .footer__copy { margin-bottom: 14px; font-size: 14px; } } .footer__copy span { margin-left: 3px; } .footer__copy-sign { font-family: Arial, sans-serif; } .footer__ida { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 24px; color: #fff; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .footer__ida > span { position: relative; display: block; margin-left: 3px; font-weight: 500; overflow: hidden; } .footer__ida > span:before { content: ''; position: absolute; left: -100%; bottom: 0; display: block; width: 100%; height: 1px; background-color: #fff; -webkit-transition: left 0.6s ease; transition: left 0.6s ease; } @media only screen and (max-width: 750px) { .footer__ida { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 28px; } } .footer__ida:hover span:before { left: 0; -webkit-transition: left 0.6s ease; transition: left 0.6s ease; } .footer__discl { font-weight: normal; line-height: 24px; color: rgba(255, 255, 255, 0.5); } @media only screen and (max-width: 750px) { .footer__discl { margin-top: 30px; font-size: 12px; line-height: 22px; } } .footer__discl-link { color: rgba(255, 255, 255, 0.5); text-decoration: underline; } .footer__discl-legal { max-width: 725px; margin-top: 24px; } @media only screen and (max-width: 750px) { .footer__discl-legal { max-width: none; margin-top: 12px; } } .footer-menu__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 750px) { .footer-menu__col { width: 48%; float: left; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .footer-menu__col:nth-child(2n - 1) { margin-right: 4%; } } .footer-menu__link { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 5px; font-size: 16px; color: #929292; font-weight: 400; line-height: 1.5em; -webkit-transition: color .2s ease; transition: color .2s ease; } .footer-menu__link.disabled { pointer-events: none; color: #929292; } @media only screen and (max-width: 750px) { .footer-menu__link { margin-bottom: 22px; line-height: 1.3em; } } a.footer-menu__link { color: #fff; } a.footer-menu__link.disabled { pointer-events: none; color: #929292; } a.footer-menu__link:hover { color: #929292; } .footer-menu__link.great { font-weight: 600; } .footer-contacts__title { font-size: 16px; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-weight: 400; color: #fff; } @media only screen and (max-width: 750px) { .footer-contacts__title { display: none; } } .footer-contacts__phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 16px; font-weight: 400; color: white; } @media only screen and (max-width: 750px) { .footer-contacts__phone { margin-top: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding-bottom: 30px; } } .footer-contacts__phone > a { font-size: 16px; font-weight: 400; line-height: 1; color: white; } @media only screen and (max-width: 750px) { .footer-contacts__phone > a { font-size: 14px; } } .footer-contacts__phone-tel { position: relative; margin-bottom: 2px; } @media only screen and (max-width: 750px) { .footer-contacts__phone-tel { margin-bottom: 0; } } .footer-contacts__phone-tel:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .footer-contacts__phone-tel:hover:after, .footer-contacts__phone-tel:active:after { opacity: 1; } .footer-contacts__phone-info { -webkit-transition: color .3s ease; transition: color .3s ease; } .footer-contacts__phone-info:hover { color: #929292; } .footer-contacts__address { font-size: 13px; font-weight: 400; color: #fff; margin-top: 15px; } @media only screen and (max-width: 750px) { .footer-contacts__address { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; } } .footer-contacts__social { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 6rem; } @media only screen and (max-width: 750px) { .footer-contacts__social { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .footer-contacts__social-item { position: relative; height: 28px; width: 28px; border-radius: 50%; background-color: #f2f2f2; margin-right: 14px; border: 1px solid #f2f2f2; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; color: #292522; } .footer-contacts__social-item:last-child { margin-right: 0; } .footer-contacts__social-item:hover { background-color: transparent; color: #f2f2f2; } .footer-contacts__social-icon { fill: currentColor; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: color .3s ease; transition: color .3s ease; } .brusnika-chat-menu { display: none; position: fixed; bottom: 20px; right: 40px; z-index: 48; pointer-events: all; } @media only screen and (max-width: 750px) { .brusnika-chat-menu { right: 12px; } } .brusnika-chat-menu._hidden { opacity: 0; pointer-events: none; } .brusnika-chat-menu._active .brusnika-chat-menu__button-wrap { pointer-events: all; opacity: 1; } .brusnika-chat-menu._active .brusnika-chat-menu__button.init > svg { opacity: 0; } .brusnika-chat-menu._active .brusnika-chat-menu__button.init span { opacity: 1; z-index: 10; } .brusnika-chat-menu._active .brusnika-chat-menu__button.init span:hover:after { opacity: 1; } @media only screen and (max-width: 750px) { .brusnika-chat-menu._active .brusnika-chat-menu__button.init span:hover:after { opacity: 0; } } .brusnika-chat-menu._active .brusnika-chat-menu__button.init span:hover:before { opacity: 0; } @media only screen and (max-width: 750px) { .brusnika-chat-menu._active .brusnika-chat-menu__button.init span:hover:before { opacity: 1; } } .brusnika-chat-menu._active .brusnika-chat-menu__conversations._init { opacity: 0; } .brusnika-chat-menu__tooltip { position: absolute; top: 50%; left: -15px; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); padding: 12px; font-weight: normal; font-size: 14px; line-height: 20px; color: #3b4658; background: white; border-radius: 10px; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 16px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 16px 20px 0 rgba(0, 0, 0, 0.05); -webkit-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); white-space: nowrap; } .brusnika-chat-menu__tooltip-arrow { position: absolute; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #fff; bottom: 11px; right: -15px; } .brusnika-chat-menu__button { position: relative; display: block; width: 60px; height: 60px; border-radius: 100%; background-color: #ef3b24; cursor: pointer; border: 1px solid #ef3b24; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: opacity 0.3s ease, background 0.3s ease, -webkit-transform 0.4s ease; transition: opacity 0.3s ease, background 0.3s ease, -webkit-transform 0.4s ease; transition: opacity 0.3s ease, transform 0.4s ease, background 0.3s ease; transition: opacity 0.3s ease, transform 0.4s ease, background 0.3s ease, -webkit-transform 0.4s ease; } .brusnika-chat-menu__button:hover ~ .brusnika-chat-menu__tooltip { opacity: 1; } .brusnika-chat-menu__button._message { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Mi40NTkgMi43MDE0NUM0Mi4xNjAxIDMuNzQ5NDYgNDIgNC44NTYwNCA0MiA2QzQyIDEyLjYyNzQgNDcuMzcyNiAxOCA1NCAxOEM1NS4xNDQgMTggNTYuMjUwNSAxNy44Mzk5IDU3LjI5ODUgMTcuNTQxQzU5LjAzMzMgMjEuMzM1NyA2MCAyNS41NTQ5IDYwIDMwQzYwIDQ2LjU2ODUgNDYuNTY4NSA2MCAzMCA2MEMxMy40MzE1IDYwIDAgNDYuNTY4NSAwIDMwQzAgMTMuNDMxNSAxMy40MzE1IDAgMzAgMEMzNC40NDUxIDAgMzguNjY0MyAwLjk2Njc0NiA0Mi40NTkgMi43MDE0NVoiIGZpbGw9IiNFRjNCMjQiLz4KPC9zdmc+Cg==) no-repeat center; border-color: transparent; } .brusnika-chat-menu__button._message:hover { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00My40NTkgMy43MDE0NUM0My4xNjAxIDQuNzQ5NDYgNDMgNS44NTYwNCA0MyA3QzQzIDEzLjYyNzQgNDguMzcyNiAxOSA1NSAxOUM1Ni4xNDQgMTkgNTcuMjUwNSAxOC44Mzk5IDU4LjI5ODUgMTguNTQxQzYwLjAzMzMgMjIuMzM1NyA2MSAyNi41NTQ5IDYxIDMxQzYxIDQ3LjU2ODUgNDcuNTY4NSA2MSAzMSA2MUMxNC40MzE1IDYxIDEgNDcuNTY4NSAxIDMxQzEgMTQuNDMxNSAxNC40MzE1IDEgMzEgMUMzNS40NDUxIDEgMzkuNjY0MyAxLjk2Njc1IDQzLjQ1OSAzLjcwMTQ1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQzLjQ1OSAzLjcwMTQ1TDQzLjkzOTkgMy44Mzg2Mkw0NC4wNTc3IDMuNDI1MzhMNDMuNjY2OSAzLjI0NjcxTDQzLjQ1OSAzLjcwMTQ1Wk01OC4yOTg1IDE4LjU0MUw1OC43NTMzIDE4LjMzMzFMNTguNTc0NiAxNy45NDIzTDU4LjE2MTQgMTguMDYwMUw1OC4yOTg1IDE4LjU0MVpNNDMuNSA3QzQzLjUgNS45MDI4OSA0My42NTM1IDQuODQyNDYgNDMuOTM5OSAzLjgzODYyTDQyLjk3ODIgMy41NjQyOUM0Mi42NjY3IDQuNjU2NDcgNDIuNSA1LjgwOTE5IDQyLjUgN0g0My41Wk01NSAxOC41QzQ4LjY0ODcgMTguNSA0My41IDEzLjM1MTMgNDMuNSA3SDQyLjVDNDIuNSAxMy45MDM2IDQ4LjA5NjQgMTkuNSA1NSAxOS41VjE4LjVaTTU4LjE2MTQgMTguMDYwMUM1Ny4xNTc1IDE4LjM0NjUgNTYuMDk3MSAxOC41IDU1IDE4LjVWMTkuNUM1Ni4xOTA4IDE5LjUgNTcuMzQzNSAxOS4zMzMzIDU4LjQzNTcgMTkuMDIxOEw1OC4xNjE0IDE4LjA2MDFaTTU3Ljg0MzggMTguNzQ4OEM1OS41NDkzIDIyLjQ3OTYgNjAuNSAyNi42MjgxIDYwLjUgMzFINjEuNUM2MS41IDI2LjQ4MTggNjAuNTE3MiAyMi4xOTE3IDU4Ljc1MzMgMTguMzMzMUw1Ny44NDM4IDE4Ljc0ODhaTTYwLjUgMzFDNjAuNSA0Ny4yOTI0IDQ3LjI5MjQgNjAuNSAzMSA2MC41VjYxLjVDNDcuODQ0NyA2MS41IDYxLjUgNDcuODQ0NyA2MS41IDMxSDYwLjVaTTMxIDYwLjVDMTQuNzA3NiA2MC41IDEuNSA0Ny4yOTI0IDEuNSAzMUgwLjVDMC41IDQ3Ljg0NDcgMTQuMTU1MyA2MS41IDMxIDYxLjVWNjAuNVpNMS41IDMxQzEuNSAxNC43MDc2IDE0LjcwNzYgMS41IDMxIDEuNVYwLjVDMTQuMTU1MyAwLjUgMC41IDE0LjE1NTMgMC41IDMxSDEuNVpNMzEgMS41QzM1LjM3MTkgMS41IDM5LjUyMDQgMi40NTA3MSA0My4yNTEyIDQuMTU2MTlMNDMuNjY2OSAzLjI0NjcxQzM5LjgwODMgMS40ODI3OCAzNS41MTgyIDAuNSAzMSAwLjVWMS41WiIgZmlsbD0iI0VGM0IyNCIvPgo8L3N2Zz4K) no-repeat center; } .brusnika-chat-menu__button-wrap { position: absolute; bottom: 0; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.4s ease; transition: opacity 0.3s ease, -webkit-transform 0.4s ease; transition: opacity 0.3s ease, transform 0.4s ease; transition: opacity 0.3s ease, transform 0.4s ease, -webkit-transform 0.4s ease; pointer-events: none; } .brusnika-chat-menu__button-wrap._hidden { display: none; } .brusnika-chat-menu__button-wrap._hide { display: none; } .brusnika-chat-menu__button-wrap._show { opacity: 0; } .brusnika-chat-menu__button-wrap._one { -webkit-transform: translateY(-72px); transform: translateY(-72px); } .brusnika-chat-menu__button-wrap._one._close { -webkit-transform: translateY(-216px); transform: translateY(-216px); } .brusnika-chat-menu__button-wrap._two { -webkit-transform: translateY(-144px); transform: translateY(-144px); } .brusnika-chat-menu__button-wrap._two._close { -webkit-transform: translateY(-72px); transform: translateY(-72px); } .brusnika-chat-menu__button-wrap._three { -webkit-transform: translateY(-216px); transform: translateY(-216px); } .brusnika-chat-menu__button-wrap._three._close { -webkit-transform: translateY(0); transform: translateY(0); } .brusnika-chat-menu__button-wrap._four { -webkit-transform: translateY(-288px); transform: translateY(-288px); } .brusnika-chat-menu__button-wrap._four._close { -webkit-transform: translateY(0); transform: translateY(0); } .brusnika-chat-menu__button:before, .brusnika-chat-menu__button:after { content: ''; position: absolute; top: 17px; left: 17px; width: 25px; height: 25px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .brusnika-chat-menu__button:after { opacity: 0; } .brusnika-chat-menu__button:hover { background: #fff; } @media only screen and (max-width: 750px) { .brusnika-chat-menu__button:hover { background: #ef3b24; } } .brusnika-chat-menu__button:hover:after { opacity: 1; } @media only screen and (max-width: 750px) { .brusnika-chat-menu__button:hover:after { opacity: 0; } } .brusnika-chat-menu__button svg { position: absolute; top: 16px; left: 16px; width: 29px; height: 28px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .brusnika-chat-menu__button svg.hover { opacity: 0; } .brusnika-chat-menu__button.chat-btn:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyOCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMFYyNEw1LjQ5MDIgMjAuMjY2N0gyOFYwSDBaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBjbGFzcz0icXdlcnR5IiBkPSJNMTQuMDY2NyA5SDEzLjkzMzNDMTMuMTk3IDkgMTIuNiA5LjU5Njk1IDEyLjYgMTAuMzMzM0MxMi42IDExLjA2OTcgMTMuMTk3IDExLjY2NjcgMTMuOTMzMyAxMS42NjY3SDE0LjA2NjdDMTQuODAzIDExLjY2NjcgMTUuNCAxMS4wNjk3IDE1LjQgMTAuMzMzM0MxNS40IDkuNTk2OTUgMTQuODAzIDkgMTQuMDY2NyA5WiIgZmlsbD0iI0VGM0IyNCIvPgo8cGF0aCBkPSJNOC40NjY2NyA5SDguMzMzMzNDNy41OTY5NSA5IDcgOS41OTY5NSA3IDEwLjMzMzNDNyAxMS4wNjk3IDcuNTk2OTUgMTEuNjY2NyA4LjMzMzMzIDExLjY2NjdIOC40NjY2N0M5LjIwMzA1IDExLjY2NjcgOS44IDExLjA2OTcgOS44IDEwLjMzMzNDOS44IDkuNTk2OTUgOS4yMDMwNSA5IDguNDY2NjcgOVoiIGZpbGw9IiNFRjNCMjQiLz4KPHBhdGggZD0iTTE5LjY2NjcgOUgxOS41MzMzQzE4Ljc5NyA5IDE4LjIgOS41OTY5NSAxOC4yIDEwLjMzMzNDMTguMiAxMS4wNjk3IDE4Ljc5NyAxMS42NjY3IDE5LjUzMzMgMTEuNjY2N0gxOS42NjY3QzIwLjQwMyAxMS42NjY3IDIxIDExLjA2OTcgMjEgMTAuMzMzM0MyMSA5LjU5Njk1IDIwLjQwMyA5IDE5LjY2NjcgOVoiIGZpbGw9IiNFRjNCMjQiLz4KPC9zdmc+Cg==) no-repeat center; background-size: contain; } @media only screen and (max-width: 750px) { .brusnika-chat-menu__button.chat-btn:before { opacity: 0; } } .brusnika-chat-menu__button.chat-btn:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyOCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMFYyNEw1LjQ5MDIgMjAuMjY2N0gyOFYwSDBaIiBmaWxsPSIjRUYzQjI0Ii8+CjxwYXRoIGQ9Ik0xNC4wNjY3IDlIMTMuOTMzM0MxMy4xOTcgOSAxMi42IDkuNTk2OTUgMTIuNiAxMC4zMzMzQzEyLjYgMTEuMDY5NyAxMy4xOTcgMTEuNjY2NyAxMy45MzMzIDExLjY2NjdIMTQuMDY2N0MxNC44MDMgMTEuNjY2NyAxNS40IDExLjA2OTcgMTUuNCAxMC4zMzMzQzE1LjQgOS41OTY5NSAxNC44MDMgOSAxNC4wNjY3IDlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOC40NjY2NyA5SDguMzMzMzNDNy41OTY5NSA5IDcgOS41OTY5NSA3IDEwLjMzMzNDNyAxMS4wNjk3IDcuNTk2OTUgMTEuNjY2NyA4LjMzMzMzIDExLjY2NjdIOC40NjY2N0M5LjIwMzA1IDExLjY2NjcgOS44IDExLjA2OTcgOS44IDEwLjMzMzNDOS44IDkuNTk2OTUgOS4yMDMwNSA5IDguNDY2NjcgOVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xOS42NjY3IDlIMTkuNTMzM0MxOC43OTcgOSAxOC4yIDkuNTk2OTUgMTguMiAxMC4zMzMzQzE4LjIgMTEuMDY5NyAxOC43OTcgMTEuNjY2NyAxOS41MzMzIDExLjY2NjdIMTkuNjY2N0MyMC40MDMgMTEuNjY2NyAyMSAxMS4wNjk3IDIxIDEwLjMzMzNDMjEgOS41OTY5NSAyMC40MDMgOSAxOS42NjY3IDlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat center; background-size: contain; } .brusnika-chat-menu__button.chat-btn._message { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Mi40NTkgMi43MDE0NUM0Mi4xNjAxIDMuNzQ5NDYgNDIgNC44NTYwNCA0MiA2QzQyIDEyLjYyNzQgNDcuMzcyNiAxOCA1NCAxOEM1NS4xNDQgMTggNTYuMjUwNSAxNy44Mzk5IDU3LjI5ODUgMTcuNTQxQzU5LjAzMzMgMjEuMzM1NyA2MCAyNS41NTQ5IDYwIDMwQzYwIDQ2LjU2ODUgNDYuNTY4NSA2MCAzMCA2MEMxMy40MzE1IDYwIDAgNDYuNTY4NSAwIDMwQzAgMTMuNDMxNSAxMy40MzE1IDAgMzAgMEMzNC40NDUxIDAgMzguNjY0MyAwLjk2Njc0NiA0Mi40NTkgMi43MDE0NVoiIGZpbGw9IiNFRjNCMjQiLz4KPC9zdmc+Cg==) no-repeat center; border-color: transparent; } .brusnika-chat-menu__button.chat-btn._message:hover { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00My40NTkgMy43MDE0NUM0My4xNjAxIDQuNzQ5NDYgNDMgNS44NTYwNCA0MyA3QzQzIDEzLjYyNzQgNDguMzcyNiAxOSA1NSAxOUM1Ni4xNDQgMTkgNTcuMjUwNSAxOC44Mzk5IDU4LjI5ODUgMTguNTQxQzYwLjAzMzMgMjIuMzM1NyA2MSAyNi41NTQ5IDYxIDMxQzYxIDQ3LjU2ODUgNDcuNTY4NSA2MSAzMSA2MUMxNC40MzE1IDYxIDEgNDcuNTY4NSAxIDMxQzEgMTQuNDMxNSAxNC40MzE1IDEgMzEgMUMzNS40NDUxIDEgMzkuNjY0MyAxLjk2Njc1IDQzLjQ1OSAzLjcwMTQ1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQzLjQ1OSAzLjcwMTQ1TDQzLjkzOTkgMy44Mzg2Mkw0NC4wNTc3IDMuNDI1MzhMNDMuNjY2OSAzLjI0NjcxTDQzLjQ1OSAzLjcwMTQ1Wk01OC4yOTg1IDE4LjU0MUw1OC43NTMzIDE4LjMzMzFMNTguNTc0NiAxNy45NDIzTDU4LjE2MTQgMTguMDYwMUw1OC4yOTg1IDE4LjU0MVpNNDMuNSA3QzQzLjUgNS45MDI4OSA0My42NTM1IDQuODQyNDYgNDMuOTM5OSAzLjgzODYyTDQyLjk3ODIgMy41NjQyOUM0Mi42NjY3IDQuNjU2NDcgNDIuNSA1LjgwOTE5IDQyLjUgN0g0My41Wk01NSAxOC41QzQ4LjY0ODcgMTguNSA0My41IDEzLjM1MTMgNDMuNSA3SDQyLjVDNDIuNSAxMy45MDM2IDQ4LjA5NjQgMTkuNSA1NSAxOS41VjE4LjVaTTU4LjE2MTQgMTguMDYwMUM1Ny4xNTc1IDE4LjM0NjUgNTYuMDk3MSAxOC41IDU1IDE4LjVWMTkuNUM1Ni4xOTA4IDE5LjUgNTcuMzQzNSAxOS4zMzMzIDU4LjQzNTcgMTkuMDIxOEw1OC4xNjE0IDE4LjA2MDFaTTU3Ljg0MzggMTguNzQ4OEM1OS41NDkzIDIyLjQ3OTYgNjAuNSAyNi42MjgxIDYwLjUgMzFINjEuNUM2MS41IDI2LjQ4MTggNjAuNTE3MiAyMi4xOTE3IDU4Ljc1MzMgMTguMzMzMUw1Ny44NDM4IDE4Ljc0ODhaTTYwLjUgMzFDNjAuNSA0Ny4yOTI0IDQ3LjI5MjQgNjAuNSAzMSA2MC41VjYxLjVDNDcuODQ0NyA2MS41IDYxLjUgNDcuODQ0NyA2MS41IDMxSDYwLjVaTTMxIDYwLjVDMTQuNzA3NiA2MC41IDEuNSA0Ny4yOTI0IDEuNSAzMUgwLjVDMC41IDQ3Ljg0NDcgMTQuMTU1MyA2MS41IDMxIDYxLjVWNjAuNVpNMS41IDMxQzEuNSAxNC43MDc2IDE0LjcwNzYgMS41IDMxIDEuNVYwLjVDMTQuMTU1MyAwLjUgMC41IDE0LjE1NTMgMC41IDMxSDEuNVpNMzEgMS41QzM1LjM3MTkgMS41IDM5LjUyMDQgMi40NTA3MSA0My4yNTEyIDQuMTU2MTlMNDMuNjY2OSAzLjI0NjcxQzM5LjgwODMgMS40ODI3OCAzNS41MTgyIDAuNSAzMSAwLjVWMS41WiIgZmlsbD0iI0VGM0IyNCIvPgo8L3N2Zz4K) no-repeat center; } .brusnika-chat-menu__button.init { position: relative; } .brusnika-chat-menu__button.init span { opacity: 0; -webkit-transition: opacity .3s ease, background-color .3s ease; transition: opacity .3s ease, background-color .3s ease; position: absolute; width: 60px; height: 60px; } .brusnika-chat-menu__button.init span:before, .brusnika-chat-menu__button.init span:after { position: absolute; content: ''; display: block; width: 25px; height: 25px; top: 17px; left: 17px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .brusnika-chat-menu__button.init span:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTdMMTcgMU0xIDFMMTcgMTciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center; opacity: 1; width: 26px; height: 26px; } .brusnika-chat-menu__button.init span:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMjBMMjAgMk0yIDJMMjAgMjAiIHN0cm9rZT0iI0VGM0IyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center; opacity: 0; } .brusnika-chat-menu__button.init._mobile-icn:before { opacity: 0; } .brusnika-chat-menu__button.init._mobile-icn:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTdMMTcgMU0xIDFMMTcgMTciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat center; opacity: 1; } .brusnika-chat-menu__button.init._hidden { opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .brusnika-chat-menu__button.call:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDg1OTI0IDBDLTAuOTc3NjMyIDQuMzkwNjcgMC45NzM3NzUgMTEuMjIwNiA0Ljg3NjU5IDE1LjEyMzRDOC43Nzk0MSAxOS4wMjYyIDE1LjYwOTMgMjAuOTc3NiAyMCAxOS41MTQxVjEzLjY1OTlMMTMuMTcwMSAxMS43MDg0TDExLjcwNjUgMTQuMTQ3N0MxMS4yMTg3IDEzLjk4NTEgOS44NTI2OCAxMy4yNjk2IDguMjkxNTUgMTEuNzA4NEM2LjczMDQzIDEwLjE0NzMgNi4wMTQ5MSA4Ljc4MTMzIDUuODUyMjkgOC4yOTM0OEw4LjI5MTU1IDYuODI5OTNMNi4zNDAxNSAwSDAuNDg1OTI0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat center; background-size: contain; } .brusnika-chat-menu__button.call:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDg1OTI0IDBDLTAuOTc3NjMyIDQuMzkwNjcgMC45NzM3NzUgMTEuMjIwNiA0Ljg3NjU5IDE1LjEyMzRDOC43Nzk0MSAxOS4wMjYyIDE1LjYwOTMgMjAuOTc3NiAyMCAxOS41MTQxVjEzLjY1OTlMMTMuMTcwMSAxMS43MDg0TDExLjcwNjUgMTQuMTQ3N0MxMS4yMTg3IDEzLjk4NTEgOS44NTI2OCAxMy4yNjk2IDguMjkxNTUgMTEuNzA4NEM2LjczMDQzIDEwLjE0NzMgNi4wMTQ5MSA4Ljc4MTMzIDUuODUyMjkgOC4yOTM0OEw4LjI5MTU1IDYuODI5OTNMNi4zNDAxNSAwSDAuNDg1OTI0WiIgZmlsbD0iI0VGM0IyNCIvPgo8L3N2Zz4K) no-repeat center; background-size: contain; } .brusnika-chat-menu__button.whatsapp:before, .brusnika-chat-menu__button.whatsapp:after { background-size: contain; width: 28px; height: 28px; top: 15px; left: 15px; } .brusnika-chat-menu__button.whatsapp:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjkwNjIzIDIxLjA0NzVMMC4wMTM0MzEyIDI4LjAwMjdMNi45NjU4MyAyNi4xMDU3QzkuMTAzMTQgMjcuMzUxOSAxMS41MzM3IDI4LjAwNjcgMTQuMDA3OCAyOC4wMDI3QzIxLjc0IDI4LjAwMjcgMjguMDA3OCAyMS43MzQ5IDI4LjAwNzggMTQuMDAyN0MyOC4wMDc4IDYuMjcwNDggMjEuNzQgMC4wMDI2ODU1NSAxNC4wMDc4IDAuMDAyNjg1NTVDNi4yNzU2MyAwLjAwMjY4NTU1IDAuMDA3ODMxMzEgNi4yNzA0OCAwLjAwNzgzMTMxIDE0LjAwMjdDMC4wMDM3NjU2MiAxNi40Nzc5IDAuNjU5MDI0IDE4LjkwOTUgMS45MDYyMyAyMS4wNDc1Wk0xMS4xMzg3IDE2Ljg3MThDOC45NTMxMyAxNC42ODYyIDcuODYwMzQgMTAuODYxNSA4LjY3OTkzIDguNDAyNjlIMTEuOTU4M0wxMy4wNTExIDEyLjIyNzRMMTEuNjg1MSAxMy4wNDdDMTEuNzc2MiAxMy4zMjAyIDEyLjE3NjkgMTQuMDg1MiAxMy4wNTExIDE0Ljk1OTRDMTMuOTI1MyAxNS44MzM2IDE0LjY5MDMgMTYuMjM0MyAxNC45NjM1IDE2LjMyNTRMMTUuNzgzMSAxNC45NTk0TDE5LjYwNzggMTYuMDUyMlYxOS4zMzA2QzE3LjE0OSAyMC4xNTAyIDEzLjMyNDMgMTkuMDU3NCAxMS4xMzg3IDE2Ljg3MThaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat center; } .brusnika-chat-menu__button.whatsapp:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjkwNjIzIDIxLjA0NzVMMC4wMTM0MzEyIDI4LjAwMjdMNi45NjU4MyAyNi4xMDU3QzkuMTAzMTQgMjcuMzUxOSAxMS41MzM3IDI4LjAwNjcgMTQuMDA3OCAyOC4wMDI3QzIxLjc0IDI4LjAwMjcgMjguMDA3OCAyMS43MzQ5IDI4LjAwNzggMTQuMDAyN0MyOC4wMDc4IDYuMjcwNDggMjEuNzQgMC4wMDI2ODU1NSAxNC4wMDc4IDAuMDAyNjg1NTVDNi4yNzU2MyAwLjAwMjY4NTU1IDAuMDA3ODMxMzEgNi4yNzA0OCAwLjAwNzgzMTMxIDE0LjAwMjdDMC4wMDM3NjU2MiAxNi40Nzc5IDAuNjU5MDI0IDE4LjkwOTUgMS45MDYyMyAyMS4wNDc1Wk0xMS4xMzg3IDE2Ljg3MThDOC45NTMxMyAxNC42ODYyIDcuODYwMzQgMTAuODYxNSA4LjY3OTkzIDguNDAyNjlIMTEuOTU4M0wxMy4wNTExIDEyLjIyNzRMMTEuNjg1MSAxMy4wNDdDMTEuNzc2MiAxMy4zMjAyIDEyLjE3NjkgMTQuMDg1MiAxMy4wNTExIDE0Ljk1OTRDMTMuOTI1MyAxNS44MzM2IDE0LjY5MDMgMTYuMjM0MyAxNC45NjM1IDE2LjMyNTRMMTUuNzgzMSAxNC45NTk0TDE5LjYwNzggMTYuMDUyMlYxOS4zMzA2QzE3LjE0OSAyMC4xNTAyIDEzLjMyNDMgMTkuMDU3NCAxMS4xMzg3IDE2Ljg3MThaIiBmaWxsPSIjRUYzQjI0Ii8+Cjwvc3ZnPgo=) no-repeat center; } .brusnika-chat-menu__button.telegram:before, .brusnika-chat-menu__button.telegram:after { background-size: contain; width: 28px; height: 28px; top: 16px; left: 13px; } .brusnika-chat-menu__button.telegram:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4xNDI0IDMuMDI3NzhDMTIuOTAyNiAzLjkzMTYzIDguNDI2ODMgNS43OTUyMyAxLjcxNTA5IDguNjE4NTlDMC42MjQxNDcgOS4wMzc5IDAuMDU0NTQgOS40NDEzNiAwLjAwNjI2NzggOS44Mjg5OUMtMC4wODMwNTk3IDEwLjUwNjQgMC43OTI0MjkgMTAuNzcxNCAxLjk5MjYxIDExLjEzNDdDMi4xNTQ0MyAxMS4xODM2IDIuMzIyMTUgMTEuMjM0NCAyLjQ5NDIgMTEuMjg4MkMzLjY3MDExIDExLjY1NzIgNS4yNTE1IDEyLjA4NzcgNi4wNzQwNiAxMi4xMDQ1QzYuODE5MzggMTIuMTIxMiA3LjY1MTU4IDExLjgyNDkgOC41NzA2OCAxMS4yMTU1QzE0Ljg0MjIgNy4xMzA1IDE4LjA3OTMgNS4wNjU2MyAxOC4yODIgNS4wMjA5MUMxOC4zNTk3IDQuOTkxNTMgMTguNDQzNSA0Ljk4MDI3IDE4LjUyNjUgNC45ODgwNUMxOC42MDk2IDQuOTk1ODIgMTguNjg5NSA1LjAyMjQgMTguNzU5OSA1LjA2NTYzQzE4LjgwODUgNS4xMTg2OCAxOC44NDM0IDUuMTgxOTYgMTguODYyIDUuMjUwNDFDMTguODgwNiA1LjMxODg2IDE4Ljg4MjQgNS4zOTA1NyAxOC44NjcxIDUuNDU5NzhDMTguNzc5MiA1LjgxNjIgMTUuMzY0NiA4Ljg4MDk1IDEzLjU3NTUgMTAuNDg2OEMxMy4wMDcyIDEwLjk5NjkgMTIuNjAyOSAxMS4zNTk3IDEyLjUyMTMgMTEuNDQxOUMxMi4zMzkyIDExLjYyNTIgMTIuMTUzNSAxMS43OTgzIDExLjk3NTMgMTEuOTY0NUMxMC44ODYgMTIuOTgwMSAxMC4wNzIyIDEzLjczOSAxMi4wMjYgMTQuOTgwOUMxMi45NTg3IDE1LjU3NDggMTMuNzA2MyAxNi4wNjYzIDE0LjQ1MSAxNi41NTU4QzE1LjI3NjQgMTcuMDk4MyAxNi4wOTgyIDE3LjYzODUgMTcuMTY0MSAxOC4zMTNDMTcuNDMwMyAxOC40ODI2IDE3LjY4NDYgMTguNjU4MyAxNy45MzIzIDE4LjgyOTRDMTguODg5MyAxOS40OTA2IDE5Ljc0NzUgMjAuMDgzNiAyMC44MTA1IDE5Ljk5MDNDMjEuNDI0NSAxOS45NDg0IDIyLjA2MTcgMTkuMzg5MyAyMi4zODMyIDE3LjcxMkMyMy4xNDQ5IDEzLjc3NjEgMjQuNjQyMyA1LjI0NzMzIDI0Ljk4OTkgMS43MzM1MUMyNS4wMTEzIDEuNDQxNDIgMjQuOTk4NyAxLjE0NzkyIDI0Ljk1MjIgMC44NTg1NDhDMjQuOTI0OSAwLjYyNTc1IDI0LjgwODEgMC40MTEzMDcgMjQuNjI1IDAuMjU3NTM4QzI0LjM2MyAwLjA4MzU1NDUgMjQuMDUwOSAtMC4wMDY0MjU1MSAyMy43MzI5IDAuMDAwMzU3MTI2QzIyLjg2NjkgMC4wMTQzMzQ3IDIxLjUzNzUgMC40NjE2MDMgMTUuMTQyNCAzLjAyNzc4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat center; } .brusnika-chat-menu__button.telegram:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4xNDI0IDMuMDI3NzhDMTIuOTAyNiAzLjkzMTYzIDguNDI2ODMgNS43OTUyMyAxLjcxNTA5IDguNjE4NTlDMC42MjQxNDcgOS4wMzc5IDAuMDU0NTQgOS40NDEzNiAwLjAwNjI2NzggOS44Mjg5OUMtMC4wODMwNTk3IDEwLjUwNjQgMC43OTI0MjkgMTAuNzcxNCAxLjk5MjYxIDExLjEzNDdDMi4xNTQ0MyAxMS4xODM2IDIuMzIyMTUgMTEuMjM0NCAyLjQ5NDIgMTEuMjg4MkMzLjY3MDExIDExLjY1NzIgNS4yNTE1IDEyLjA4NzcgNi4wNzQwNiAxMi4xMDQ1QzYuODE5MzggMTIuMTIxMiA3LjY1MTU4IDExLjgyNDkgOC41NzA2OCAxMS4yMTU1QzE0Ljg0MjIgNy4xMzA1IDE4LjA3OTMgNS4wNjU2MyAxOC4yODIgNS4wMjA5MUMxOC4zNTk3IDQuOTkxNTMgMTguNDQzNSA0Ljk4MDI3IDE4LjUyNjUgNC45ODgwNUMxOC42MDk2IDQuOTk1ODIgMTguNjg5NSA1LjAyMjQgMTguNzU5OSA1LjA2NTYzQzE4LjgwODUgNS4xMTg2OCAxOC44NDM0IDUuMTgxOTYgMTguODYyIDUuMjUwNDFDMTguODgwNiA1LjMxODg2IDE4Ljg4MjQgNS4zOTA1NyAxOC44NjcxIDUuNDU5NzhDMTguNzc5MiA1LjgxNjIgMTUuMzY0NiA4Ljg4MDk1IDEzLjU3NTUgMTAuNDg2OEMxMy4wMDcyIDEwLjk5NjkgMTIuNjAyOSAxMS4zNTk3IDEyLjUyMTMgMTEuNDQxOUMxMi4zMzkyIDExLjYyNTIgMTIuMTUzNSAxMS43OTgzIDExLjk3NTMgMTEuOTY0NUMxMC44ODYgMTIuOTgwMSAxMC4wNzIyIDEzLjczOSAxMi4wMjYgMTQuOTgwOUMxMi45NTg3IDE1LjU3NDggMTMuNzA2MyAxNi4wNjYzIDE0LjQ1MSAxNi41NTU4QzE1LjI3NjQgMTcuMDk4MyAxNi4wOTgyIDE3LjYzODUgMTcuMTY0MSAxOC4zMTNDMTcuNDMwMyAxOC40ODI2IDE3LjY4NDYgMTguNjU4MyAxNy45MzIzIDE4LjgyOTRDMTguODg5MyAxOS40OTA2IDE5Ljc0NzUgMjAuMDgzNiAyMC44MTA1IDE5Ljk5MDNDMjEuNDI0NSAxOS45NDg0IDIyLjA2MTcgMTkuMzg5MyAyMi4zODMyIDE3LjcxMkMyMy4xNDQ5IDEzLjc3NjEgMjQuNjQyMyA1LjI0NzMzIDI0Ljk4OTkgMS43MzM1MUMyNS4wMTEzIDEuNDQxNDIgMjQuOTk4NyAxLjE0NzkyIDI0Ljk1MjIgMC44NTg1NDhDMjQuOTI0OSAwLjYyNTc1IDI0LjgwODEgMC40MTEzMDcgMjQuNjI1IDAuMjU3NTM4QzI0LjM2MyAwLjA4MzU1NDUgMjQuMDUwOSAtMC4wMDY0MjU1MSAyMy43MzI5IDAuMDAwMzU3MTI2QzIyLjg2NjkgMC4wMTQzMzQ3IDIxLjUzNzUgMC40NjE2MDMgMTUuMTQyNCAzLjAyNzc4WiIgZmlsbD0iI0VGM0IyNCIvPgo8L3N2Zz4K) no-repeat center; } .brusnika-chat-menu__conversations { position: absolute; top: -5px; left: 43px; background: #ef3b24; color: white; width: 20px; height: 20px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brusnika-chat-menu .button-call { position: absolute; top: 0; right: 62px; width: 152px; height: 48px; border: 1px solid #3b4658; border-radius: 80px; background-color: #fff; color: #3b4658; font-size: 14px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .brusnika-chat-menu .button-call:hover { background-color: #3b4658; color: #fff; } .brusnika-chat-menu .button-call._hidden { display: none; pointer-events: none; } .brusnika-chat-menu__mobile { width: 237px; background-color: #fff; color: #3b4658; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size: 16px; cursor: pointer; -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 16px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 16px 20px 0 rgba(0, 0, 0, 0.05); -webkit-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); position: fixed; bottom: 94px; right: 12px; opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease; } .brusnika-chat-menu__mobile-item { border: 1px solid #fff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .brusnika-chat-menu__mobile-item:active { border-color: #3b4658; } .brusnika-chat-menu__mobile-item._item { border-bottom: 1px solid rgba(216, 218, 222, 0.3); padding: 16px 0 16px 48px; -webkit-transition: all .4s ease; transition: all .4s ease; } .brusnika-chat-menu__mobile-item._item.chat-btn { position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } .brusnika-chat-menu__mobile-item._item.chat-btn:before { content: ''; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTI1IDEuMjVWMTQuNzVMNC4yMTMyNCAxMi42NUgxNi44NzVWMS4yNUgxLjEyNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xLjEyNSAxNC43NUgwLjYyNVYxNS42OTQ2TDEuNDA2MTUgMTUuMTYzNUwxLjEyNSAxNC43NVpNMS4xMjUgMS4yNVYwLjc1SDAuNjI1VjEuMjVIMS4xMjVaTTE2Ljg3NSAxLjI1SDE3LjM3NVYwLjc1SDE2Ljg3NVYxLjI1Wk0xNi44NzUgMTIuNjVWMTMuMTVIMTcuMzc1VjEyLjY1SDE2Ljg3NVpNNC4yMTMyNCAxMi42NVYxMi4xNUg0LjA1OTM0TDMuOTMyMDggMTIuMjM2NUw0LjIxMzI0IDEyLjY1Wk0xLjYyNSAxNC43NVYxLjI1SDAuNjI1VjE0Ljc1SDEuNjI1Wk0xLjEyNSAxLjc1SDE2Ljg3NVYwLjc1SDEuMTI1VjEuNzVaTTE2LjM3NSAxLjI1VjEyLjY1SDE3LjM3NVYxLjI1SDE2LjM3NVpNMTYuODc1IDEyLjE1SDQuMjEzMjRWMTMuMTVIMTYuODc1VjEyLjE1Wk0zLjkzMjA4IDEyLjIzNjVMMC44NDM4NDUgMTQuMzM2NUwxLjQwNjE1IDE1LjE2MzVMNC40OTQzOSAxMy4wNjM1TDMuOTMyMDggMTIuMjM2NVoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTguOTE3OTcgNy44MTI1QzkuMzMyMTggNy44MTI1IDkuNjY3OTcgNy40NzY3MSA5LjY2Nzk3IDcuMDYyNUM5LjY2Nzk3IDYuNjQ4MjkgOS4zMzIxOCA2LjMxMjUgOC45MTc5NyA2LjMxMjVDOC41MDM3NiA2LjMxMjUgOC4xNjc5NyA2LjY0ODI5IDguMTY3OTcgNy4wNjI1QzguMTY3OTcgNy40NzY3MSA4LjUwMzc2IDcuODEyNSA4LjkxNzk3IDcuODEyNVoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTExLjkyMTkgNy44MTI1QzEyLjMzNjEgNy44MTI1IDEyLjY3MTkgNy40NzY3MSAxMi42NzE5IDcuMDYyNUMxMi42NzE5IDYuNjQ4MjkgMTIuMzM2MSA2LjMxMjUgMTEuOTIxOSA2LjMxMjVDMTEuNTA3NyA2LjMxMjUgMTEuMTcxOSA2LjY0ODI5IDExLjE3MTkgNy4wNjI1QzExLjE3MTkgNy40NzY3MSAxMS41MDc3IDcuODEyNSAxMS45MjE5IDcuODEyNVoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTUuOTIxODggNy44MTI1QzYuMzM2MDkgNy44MTI1IDYuNjcxODggNy40NzY3MSA2LjY3MTg4IDcuMDYyNUM2LjY3MTg4IDYuNjQ4MjkgNi4zMzYwOSA2LjMxMjUgNS45MjE4OCA2LjMxMjVDNS41MDc2NiA2LjMxMjUgNS4xNzE4OCA2LjY0ODI5IDUuMTcxODggNy4wNjI1QzUuMTcxODggNy40NzY3MSA1LjUwNzY2IDcuODEyNSA1LjkyMTg4IDcuODEyNVoiIGZpbGw9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==) no-repeat center; background-size: contain; width: 17px; height: 17px; position: absolute; left: 14px; top: 20px; opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease; } .brusnika-chat-menu__mobile-item._item.call { position: relative; } .brusnika-chat-menu__mobile-item._item.call:before { content: ''; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDMyNyAxLjE1MDAyQzAuNTc2NTIzIDMuNzE4NTYgMS43MTgxIDcuNzE0MDcgNC4wMDEyNCA5Ljk5NzIyQzYuMjg0MzkgMTIuMjgwNCAxMC4yNzk5IDEzLjQyMTkgMTIuODQ4NCAxMi41NjU4VjkuMTQxMDRMOC44NTI5MyA3Ljk5OTQ3TDcuOTk2NzUgOS40MjY0M0M3LjcxMTM2IDkuMzMxMyA2LjkxMjI2IDguOTEyNzIgNS45OTkgNy45OTk0N0M1LjA4NTc0IDcuMDg2MjEgNC42NjcxNiA2LjI4NzExIDQuNTcyMDMgNi4wMDE3MUw1Ljk5OSA1LjE0NTUzTDQuODU3NDIgMS4xNTAwMkgxLjQzMjdaIiBzdHJva2U9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==) no-repeat center; background-size: contain; width: 16px; height: 16px; position: absolute; left: 22px; top: 20px; opacity: 1; } .brusnika-chat-menu__mobile-item._item.whatsapp { position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } .brusnika-chat-menu__mobile-item._item.whatsapp:before { content: ''; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI4NTc2XzE0OTEzMCkiPgo8cGF0aCBkPSJNMC43MTk2MjYgMTcuMjg5MUwxLjcwNjc3IDEzLjY2MThMMS43NjE4IDEzLjQ1OTZMMS42NTYyIDEzLjI3ODZDMC44OTkxNzcgMTEuOTgwOCAwLjUwMTQ1IDEwLjUwNDkgMC41MDM5MTggOS4wMDI1MlY5LjAwMTdDMC41MDM5MTggNC4zMDcxNSA0LjMwOTM2IDAuNTAxNzA5IDkuMDAzOTEgMC41MDE3MDlDMTMuNjk4NSAwLjUwMTcwOSAxNy41MDM5IDQuMzA3MTUgMTcuNTAzOSA5LjAwMTdDMTcuNTAzOSAxMy42OTYzIDEzLjY5ODUgMTcuNTAxNyA5LjAwMzkxIDE3LjUwMTdIOS4wMDMxQzcuNTAxMzggMTcuNTA0MSA2LjAyNjA3IDE3LjEwNjcgNC43Mjg3NyAxNi4zNTAzTDQuNTQ3NjEgMTYuMjQ0Nkw0LjM0NTMgMTYuMjk5OEwwLjcxOTYyNiAxNy4yODkxWiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNNS41ODExOCA1LjQwMTczQzUuMDU0MyA2Ljk4MjM3IDUuNzU2ODEgOS40NDExNCA3LjE2MTgyIDEwLjg0NjJDOC41NjY4MyAxMi4yNTEyIDExLjAyNTYgMTIuOTUzNyAxMi42MDYyIDEyLjQyNjhWMTAuMzE5M0wxMC4xNDc1IDkuNjE2NzdMOS42MjA1OSAxMC40OTQ5QzkuNDQ0OTcgMTAuNDM2NCA4Ljk1MzIxIDEwLjE3ODggOC4zOTEyMSA5LjYxNjc3QzcuODI5MiA5LjA1NDc3IDcuNTcxNjIgOC41NjMwMSA3LjUxMzA3IDguMzg3MzhMOC4zOTEyMSA3Ljg2MDUxTDcuNjg4NyA1LjQwMTczSDUuNTgxMThaIiBzdHJva2U9IiMzQjQ2NTgiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yODU3Nl8xNDkxMzAiPgo8cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat center; background-size: contain; width: 20px; height: 20px; position: absolute; left: 18px; top: 19px; opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease; } .brusnika-chat-menu__mobile-item._item.telegram { position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } .brusnika-chat-menu__mobile-item._item.telegram:before { content: ''; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yOTY4IDMuMTE5NDVDOS43NzM3NyAzLjc1MjE0IDYuNzMwMjQgNS4wNTY2NiAyLjE2NjI2IDcuMDMzMDFDMS40MjQ0MiA3LjMyNjUzIDEuMDM3MDkgNy42MDg5NiAxLjAwNDI2IDcuODgwMjlDMC45NDM1MTkgOC4zNTQ0OCAxLjUzODg1IDguNTM5OTcgMi4zNTQ5OCA4Ljc5NDI2QzIuNDY1MDEgOC44Mjg1NCAyLjU3OTA2IDguODY0MDggMi42OTYwNiA4LjkwMTc0QzMuNDk1NjcgOS4xNjAwNCA0LjU3MTAyIDkuNDYxMzggNS4xMzAzNiA5LjQ3MzEyQzUuNjM3MTggOS40ODQ4NiA2LjIwMzA4IDkuMjc3NDQgNi44MjgwNiA4Ljg1MDg2QzExLjA5MjcgNS45OTEzNSAxMy4yOTM5IDQuNTQ1OTQgMTMuNDMxOCA0LjUxNDYzQzEzLjQ4NDYgNC40OTQwNyAxMy41NDE2IDQuNDg2MTkgMTMuNTk4IDQuNDkxNjNDMTMuNjU0NSA0LjQ5NzA3IDEzLjcwODkgNC41MTU2OCAxMy43NTY4IDQuNTQ1OTRDMTMuNzg5OCA0LjU4MzA4IDEzLjgxMzUgNC42MjczOCAxMy44MjYyIDQuNjc1MjlDMTMuODM4OCA0LjcyMzIgMTMuODQgNC43NzM0IDEzLjgyOTYgNC44MjE4NUMxMy43Njk4IDUuMDcxMzQgMTEuNDQ4IDcuMjE2NjcgMTAuMjMxMyA4LjM0MDc4QzkuODQ0OTEgOC42OTc4MSA5LjU3IDguOTUxODIgOS41MTQ0NSA5LjAwOTM2QzkuMzkwNjMgOS4xMzc2MSA5LjI2NDQgOS4yNTg3OCA5LjE0MzE3IDkuMzc1MTNDOC40MDI1MSAxMC4wODYxIDcuODQ5MDYgMTAuNjE3MyA5LjE3NzY3IDExLjQ4NjZDOS44MTE4OSAxMS45MDI0IDEwLjMyMDMgMTIuMjQ2NCAxMC44MjY3IDEyLjU4OUMxMS4zODggMTIuOTY4OCAxMS45NDY3IDEzLjM0NjkgMTIuNjcxNiAxMy44MTkxQzEyLjg1MjYgMTMuOTM3OCAxMy4wMjU1IDE0LjA2MDggMTMuMTkzOSAxNC4xODA2QzEzLjg0NDcgMTQuNjQzNCAxNC40MjgzIDE1LjA1ODUgMTUuMTUxMSAxNC45OTMyQzE1LjU2ODcgMTQuOTYzOSAxNi4wMDIgMTQuNTcyNSAxNi4yMjA2IDEzLjM5ODRDMTYuNzM4NiAxMC42NDMzIDE3Ljc1NjggNC42NzMxMyAxNy45OTMxIDIuMjEzNDZDMTguMDA3NyAyLjAwODk5IDE3Ljk5OTEgMS44MDM1NSAxNy45Njc1IDEuNjAwOThDMTcuOTQ4OSAxLjQzODAzIDE3Ljg2OTUgMS4yODc5MSAxNy43NDUgMS4xODAyOEMxNy41NjY4IDEuMDU4NDkgMTcuMzU0NiAwLjk5NTUwMiAxNy4xMzg0IDEuMDAwMjVDMTYuNTQ5NSAxLjAxMDAzIDE1LjY0NTUgMS4zMjMxMiAxMS4yOTY4IDMuMTE5NDVaIiBzdHJva2U9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==) no-repeat center; background-size: contain; width: 18px; height: 18px; position: absolute; left: 18px; top: 18px; opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease; } .brusnika-chat-menu__mobile-item._hidden { display: none; } .brusnika-chat-menu__mobile._hidden { visibility: hidden; opacity: 0; } .brusnika-chat-menu__mobile._show { visibility: visible; opacity: 1; } .brusnika-chat-menu__mobile > a { display: block; color: #3b4658; } .brusnika-chat-menu__mobile-arrow { position: absolute; border-width: 8px; border-style: solid; border-color: #fff transparent transparent transparent; bottom: -15px; right: 20px; } #carrotquest-messenger-collapsed-container.carrotquest-messenger-right_bottom #chat-container { opacity: 0; } .buildings-info-popup { padding: 56px 0; } @media only screen and (max-width: 750px) { .buildings-info-popup { padding: 0; } } .buildings-info-popup__close { top: 0; right: 0; padding: 20px; } @media only screen and (max-width: 750px) { .buildings-info-popup__close { top: 4px; right: 0; } } .buildings-info-popup__wrap { position: relative; } .buildings-info-popup__inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; padding: 104px 0 57px 0; margin: 0 -50px; } @media only screen and (max-width: 750px) { .buildings-info-popup__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin: 0; } } .buildings-info-popup__column { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding: 0 50px; } .buildings-info-popup__column:first-child { padding: 0 50px 0 0; } @media only screen and (max-width: 750px) { .buildings-info-popup__column { padding: 0; } .buildings-info-popup__column:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; margin: 0 -20px; } .buildings-info-popup__column:last-child { -webkit-box-flex: 0; -ms-flex: 0 1 368px; flex: 0 1 368px; } } .buildings-info-popup__column-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .buildings-info-popup__slider { height: 424px; width: 556px; } @media only screen and (max-width: 750px) { .buildings-info-popup__slider { width: 100%; height: 100%; margin-bottom: 32px; } } .buildings-info-popup__slider-wrapper { height: 390px; } @media only screen and (max-width: 750px) { .buildings-info-popup__slider-wrapper { height: 94%; } } .buildings-info-popup__slide { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .buildings-info-popup__slide._image-loaded { opacity: 1; } .buildings-info-popup__slide:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); z-index: 1; } .buildings-info-popup__pagination .swiper-pagination-bullet { width: 8px; height: 8px; } .buildings-info-popup__pagination .swiper-pagination-bullet-active { background-color: #37465b; } .buildings-info-popup__pagination.swiper-pagination { position: relative; bottom: auto; margin-top: 20px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .buildings-info-popup__pagination.swiper-pagination { margin-top: 15px; } } .buildings-info-popup__pagination.swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; } .buildings-info-popup__title { margin-bottom: 24px; font-size: 40px; font-weight: 300; line-height: 44px; } @media only screen and (max-width: 750px) { .buildings-info-popup__title { margin-bottom: 20px; font-size: 26px; line-height: 120%; } } .buildings-info-popup__text { height: 312px; margin-bottom: 48px; font-size: 16px; line-height: 28px; font-weight: 300; } @media only screen and (max-width: 750px) { .buildings-info-popup__text { height: 240px; margin-bottom: 24px; font-size: 14px; } } .buildings-info-popup__text p { margin-bottom: 14px; } .buildings-info-popup__text h2, .buildings-info-popup__text h3 { font-weight: 300; } .buildings-info-popup__text h2 { margin-bottom: 16px; } .buildings-info-popup__text h3 { margin-bottom: 12px; } .buildings-info-popup__text .mCSB_scrollTools { width: 4px; } .buildings-info-popup__btn { height: 60px; width: 286px; } @media only screen and (max-width: 750px) { .buildings-info-popup__btn { width: auto; margin: 0 -20px; } } .buildings-info-popup__next, .buildings-info-popup__prev { top: 47%; padding: 20px; } @media only screen and (max-width: 750px) { .buildings-info-popup__next, .buildings-info-popup__prev { display: none; } } .projects-block__section { margin-top: 84px; margin-bottom: 84px; } @media only screen and (max-width: 750px) { .projects-block__section { margin-top: 40px; margin-bottom: 40px; } } .projects-block__tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 50px; border-bottom: 1px solid #d9d9d9; } .projects-block__tab-list.--hide { display: none; } .projects-block__tab { position: relative; -ms-flex-negative: 0; flex-shrink: 0; height: 40px; margin-right: 38px; font-size: 16px; line-height: 19px; pointer-events: all; cursor: pointer; } .projects-block__tab:last-of-type { margin-right: 0; } .projects-block__tab:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } .projects-block__tab.--active { pointer-events: none; cursor: default; } .projects-block__tab.--active:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .projects-block__block { display: none; } .projects-block__title.--hide { display: none; } .projects-block__column { padding: 0 12px; -ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3); } @media only screen and (max-width: 750px) { .projects-block__column { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 50px; } .projects-block__column:last-child { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .projects-block__column.realtors:last-child { margin-bottom: 50px; } } .projects-block__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px; } .projects-block__item { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 22.5px; margin-top: 50px; cursor: pointer; } @media only screen and (max-width: 750px) { .projects-block__item { width: 100%; margin-right: 0; } } .projects-block__item:hover .projects-block__text.--big:after { opacity: 1; } .projects-block__item:nth-of-type(-n + 3) { margin-top: 0; } @media only screen and (max-width: 750px) { .projects-block__item:nth-of-type(-n + 3) { margin-top: 50px; } } .projects-block__item:first-child { margin-top: 0; } .projects-block__item:nth-of-type(3n) { margin-right: 0; } .projects-block__image { width: 100%; height: 260px; margin-bottom: 5px; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; } .projects-block__text { font-weight: 300; font-size: 16px; line-height: 19px; } .projects-block__text.--big { position: relative; display: inline-block; margin-bottom: 10px; font-weight: normal; font-size: 24px; line-height: 28px; vertical-align: top; } .projects-block__text.--big:after { content: ""; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: #3b4658; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .header-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; background: #f2f2f2; } @media only screen and (max-width: 750px) { .header-info { height: 56px; width: 100%; padding: 0 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .header-info:hover .header-info__link-line { -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .header-info:hover .header-info__link > svg { -webkit-transform: translateX(6px) rotate(180deg); transform: translateX(6px) rotate(180deg); } .header-info._default { cursor: pointer; } .header-info__text { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 35px; font-size: 16px; font-weight: 500; line-height: 18px; } @media only screen and (max-width: 750px) { .header-info__text { height: auto; margin-right: 0; font-size: 14px; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .header-info__remaining { font-size: 14px; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-info__remaining-dot { display: block; width: 6px; height: 6px; margin: 0 6px 0; border-radius: 50%; background-color: white; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .header-info__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; line-height: 18px; } @media only screen and (max-width: 750px) { .header-info__link { margin-left: 4px; font-size: 14px; line-height: 15px; } } .header-info__link > svg { position: relative; bottom: 0; width: 15px; height: 16px; fill: white; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .4s linear; transition: -webkit-transform .4s linear; transition: transform .4s linear; transition: transform .4s linear, -webkit-transform .4s linear; } .header-info__link-text { position: relative; margin-right: 5px; } @media only screen and (max-width: 750px) { .header-info__link-text { margin-right: 0; } } .header-info__link-line { position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: transparent; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .index-about { position: relative; display: block; border: 1px solid #e6e6e6; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media only screen and (max-width: 750px) { .index-about { border: none; } } .index-about._no-border { border: none; } @media only screen and (max-width: 750px) { .index-about._no-border { display: none; } } .index-about._no-border._mobile { display: none; } @media only screen and (max-width: 750px) { .index-about._no-border._mobile { display: block; } } .index-about__statistic-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 121px; padding: 20px 76px 20px 44px; } .index-about__statistic-container:before { position: absolute; top: 0; left: 0; width: 11px; height: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTMyIiB2aWV3Qm94PSIwIDAgMTEgMTMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJDYW52YXMiIGZpbGw9Im5vbmUiPgo8ZyBpZD0iTWFzayBHcm91cCI+CjxtYXNrIGlkPSJtYXNrMCIgbWFzay10eXBlPSJhbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjExIiBoZWlnaHQ9IjEzMiI+CjxnIGlkPSJSZWN0YW5nbGUgNCI+CjxyZWN0IHdpZHRoPSIxMzIiIGhlaWdodD0iMTEiIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAtMSAwIDExIDApIiBmaWxsPSIjQzRDNEM0Ii8+CjwvZz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swKSI+CjxnIGlkPSJHcm91cCI+CjxnIGlkPSJHcm91cF8yIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0gNzgyIDBMIDAgMEwgMCA5MkwgNzgyIDkyTCA3ODIgMFoiIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAtMSAwIDMwIC0yMzcpIiBmaWxsPSIjOENDOTE5Ii8+CjwvZz4KPGcgaWQ9IlZlY3Rvcl8yIj4KPHBhdGggZD0iTSA0OTEuMDYyIDkyTCA0OTEuMDYyIDBMIC0xLjI4MzA1ZS0wNSAwQyAxMy40NTM4IDMxLjc4MTggMjkuNDMwMSA2Mi43MjczIDQ3LjkyOSA5MkwgNDkxLjA2MiA5MloiIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAtMSAwIDMwIDUwLjkzNzEpIiBmaWxsPSIjRkYxNjAwIi8+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgoK); background-repeat: no-repeat; background-size: 100% 100%; } @media only screen and (max-width: 750px) { .index-about__statistic-container { display: none; } .index-about__statistic-container.--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; padding: 23px 20px; border: 1px solid #e6e6e6; } .index-about__statistic-container:before { display: none; } } .index-about__statistic { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; } @media only screen and (max-width: 750px) { .index-about__statistic { width: 50%; margin-top: 26px; } } @media only screen and (max-width: 750px) { .index-about__statistic:nth-child(1), .index-about__statistic:nth-child(2) { margin-top: 0; } } .index-about__statistic-top { display: block; font-size: 50px; line-height: 1em; font-weight: 100; } @media only screen and (max-width: 750px) { .index-about__statistic-top { font-size: 28px; line-height: 31px; } } .index-about__statistic-bottom { display: block; font-size: 18px; line-height: 1em; } @media only screen and (max-width: 750px) { .index-about__statistic-bottom { font-size: 14px; line-height: 18px; } } .index-about__statistic-logo { font-size: 29px; font-weight: 300; line-height: 120%; letter-spacing: 1px; text-transform: uppercase; } @media only screen and (max-width: 750px) { .index-about__statistic-logo { font-size: 24px; } } @media only screen and (max-width: 750px) { .index-about__statistic-logo._nsk { font-size: 16px; } } .index-about__statistic-link { position: relative; font-size: 16px; line-height: 140%; } .index-about__statistic-link:after { content: ""; position: absolute; top: 90%; left: 0; width: 100%; height: 1px; background-color: #3b4658; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .index-about__statistic-link:hover:after { opacity: 0; } .index-about .text-image { background-image: url(/static/images/top-image.jpg); overflow: hidden; } @media only screen and (max-width: 750px) { .index-about .text-image { min-height: 380px; } } .index-about .text-image._mobile { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; display: none; } @media only screen and (max-width: 750px) { .index-about .text-image._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .index-about ._video { cursor: pointer; } .index-about__video { display: block; width: 100%; height: auto; } .index-offer { position: relative; } @media only screen and (max-width: 750px) { .index-offer { padding-bottom: 30px; } } .index-offer .border-card__title { font-family: "Grtsk-Tera", "Verdana", sans-serif; font-weight: 600; } .index-offer__item { width: 100%; height: 100%; } .index-offer__arrow { position: absolute; top: 353px; width: 13px; height: 26px; padding: 30px 22px; z-index: 2; cursor: pointer; outline: none; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .index-offer__arrow:before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; width: 13px; height: 26px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjkgNjIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2U6ICM1NjVmNmM7DQogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7DQogICAgICAgIHN0cm9rZS1vcGFjaXR5OiAwLjU7DQogICAgICAgIHN0cm9rZS13aWR0aDogMXB4Ow0KICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIHN0eWxlPSJmaWxsOiAjZmZmOyI+DQogICAgPHBhdGggZD0iTTI1LjA4Nyw1NS45ODkgTDIyLjc0MCw1OC4wNDEgTDMuNzYyLDMxLjAxNSBMMjIuNzIxLDMuOTY3IEwyNS4yMjgsNS44ODIgTDcuNjE4LDMxLjAyNyBMMjUuMDg3LDU1Ljk4OSBaIiBpZD0icGF0aC0xIiBzdHlsZT0ic3Ryb2tlOiBpbmhlcml0OyBmaWx0ZXI6IG5vbmU7IGZpbGw6IGluaGVyaXQiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQogIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIgc3R5bGU9InN0cm9rZTogIzU2NWY2YzsgZmlsdGVyOiBub25lOyBmaWxsOiBub25lIi8+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-size: 100% 100%; } @media only screen and (max-width: 750px) { .index-offer__arrow { display: none; } } .index-offer__arrow.--prev { left: 0; } .index-offer__arrow.--prev:before { left: 15px; } .index-offer__arrow.--prev:hover { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } .index-offer__arrow.--next { right: 0; } .index-offer__arrow.--next:before { right: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .index-offer__arrow.--next:hover { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } @media only screen and (max-width: 750px) { .index-offer__flat { margin-top: auto; font-size: 16px; text-align: center; } } .index-offer .slick-list { margin: 0 -15px; } .index-offer .slick-slide { margin: 0 15px; } .index-offer .slick-dots { bottom: 10px; } .index-offer .slick-dots li { border-color: #3b4658; } .index-offer .slick-dots li:after { background-color: #3b4658; } .index-advantages__arrow { position: absolute; top: 50%; left: 25px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 16px; height: 43px; cursor: pointer; z-index: 2; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCAxNyA0NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPlZlY3RvciAyNzwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NzI1IC0zMDEpIj4KPGcgaWQ9IlZlY3RvciAyNyI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTcyNiAzMDIpIiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPHBhdGggaWQ9InBhdGgwX3N0cm9rZSIgZD0iTSAwIDIyTCAtMC40MTMxMTQgMjEuNzE4M0wgLTAuNjA5Njk4IDIyLjAwNjdMIC0wLjQwNjg2NyAyMi4yOTA2TCAwIDIyWk0gMTQuNTg2OSAtMC4yODE2NjhMIC0wLjQxMzExNCAyMS43MTgzTCAwLjQxMzExNCAyMi4yODE3TCAxNS40MTMxIDAuMjgxNjY4TCAxNC41ODY5IC0wLjI4MTY2OFpNIC0wLjQwNjg2NyAyMi4yOTA2TCAxNC41OTMxIDQzLjI5MDZMIDE1LjQwNjkgNDIuNzA5NEwgMC40MDY4NjcgMjEuNzA5NEwgLTAuNDA2ODY3IDIyLjI5MDZaIi8+CjwvZGVmcz4KPC9zdmc+Cg==) center no-repeat; background-size: contain; will-change: transform; display: none; } .index-advantages__arrow.slick-disabled { opacity: 0; pointer-events: none; } .index-advantages__arrow:after { content: ''; position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .index-advantages__arrow:hover { -webkit-transform: translate(-8px, -50%); transform: translate(-8px, -50%); } .index-advantages__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 750px) { .index-advantages__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 750px) { .index-advantages__title { display: none; } } .index-advantages__mobile-title { display: none; } @media only screen and (max-width: 750px) { .index-advantages__mobile-title { display: block; font-size: 22px; margin-bottom: 15px; } } .index-advantages .slick-list { margin: 0 -15px; } .index-advantages .slick-slide { margin: 0 15px; } .index-advantages__item { -ms-flex-negative: 0; flex-shrink: 0; width: 380px; height: 535px; margin-top: 15px; margin-right: 30px; } @media only screen and (max-width: 750px) { .index-advantages__item { width: 100%; height: auto; margin-top: 0; margin-right: 0; margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .index-advantages__item:last-child { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .index-advantages__item .slick-dots { bottom: 20px; } } .index-advantages__author { font-size: 12px; } @media only screen and (max-width: 750px) { .index-advantages__author { font-size: 15px; } } .index-advantages__author-post { color: rgba(59, 70, 88, 0.5); } .index-advantages__slider { position: relative; } .index-advantages__slide { width: 100%; height: 100%; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer; } @media only screen and (max-width: 750px) { .index-advantages .slick-nav { display: none; } } .index-features__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .index-features__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (max-width: 750px) { .index-features__head._mob-pr { padding-right: 20px; } } .index-features__all { -ms-flex-negative: 0; flex-shrink: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 30px; font-size: 16px; font-weight: 300; line-height: 130%; -webkit-transition: text-shadow .3s ease; transition: text-shadow .3s ease; } @media only screen and (max-width: 750px) { .index-features__all { display: none; } } .index-features__all:hover { text-shadow: .4px 0 0 currentColor; } .index-features__all:hover > svg { -webkit-transform: translateX(8px); transform: translateX(8px); } .index-features__all > span { margin-right: 6px; } .index-features__all > svg { -ms-flex-negative: 0; flex-shrink: 0; display: block; width: 20px; height: 20px; fill: #3b4658; opacity: .6; -webkit-transition: fill .3s ease, -webkit-transform .3s ease; transition: fill .3s ease, -webkit-transform .3s ease; transition: fill .3s ease, transform .3s ease; transition: fill .3s ease, transform .3s ease, -webkit-transform .3s ease; } .index-features__title { width: 100%; margin-bottom: 30px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .index-features__title { margin-bottom: 16px; font-size: 18px; line-height: 24px; } } .index-features__slider { display: none; } @media only screen and (max-width: 750px) { .index-features__slider { display: block; width: calc(100% + 20px); } } .index-features__slider._desk { display: block; } .index-features__slider-wrap { position: relative; } .index-features__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .index-features__list { display: none; } } .index-features__slide, .index-features__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 24px 32px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .index-features__slide, .index-features__item { width: calc(100vw - 115px); height: calc((100vw - 115px) / .8); padding: 24px 20px; } } .index-features__slide:before, .index-features__item:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: linear-gradient(29.36deg, #000 -36.9%, rgba(0, 0, 0, 0) 39.16%); opacity: 1; z-index: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .index-features__slide:after, .index-features__item:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(60, 69, 87, 0.5); opacity: 0; z-index: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .index-features__slide:hover:before, .index-features__item:hover:before { opacity: 0; } .index-features__slide:hover:after, .index-features__item:hover:after { opacity: 1; } .index-features__slide { width: calc((100% - 40px) / 3); height: 406px; } @media only screen and (max-width: 750px) { .index-features__slide { width: calc(100vw - 115px); height: calc((100vw - 115px) / .8); } } .index-features__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .index-features__img._image-loaded { opacity: 1; } .index-features__item { margin-bottom: 20px; } .index-features__name { position: relative; font-size: 24px; line-height: 120%; color: white; z-index: 2; } @media only screen and (max-width: 750px) { .index-features__name { font-size: 20px; } } .index-features__col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .index-features__col._col-1-3 { width: calc((100% - 40px) / 3); height: 532px; } @media only screen and (max-width: 750px) { .index-features__col._col-1-3 { width: 100%; height: calc(100vw - 40px); margin-bottom: 20px; } } .index-features__col._col-1-3 .index-features__item { height: 100%; width: 100%; } .index-features__col._col-2-3 { width: calc(((100% - 40px) / 3 * 2) + 20px); } @media only screen and (max-width: 750px) { .index-features__col._col-2-3 { width: 100%; } } .index-features__col._col-2-3 .index-features__item { height: calc((100% - 20px) / 2); width: calc((100% - 20px) / 2); } @media only screen and (max-width: 750px) { .index-features__col._col-2-3 .index-features__item { width: 100%; height: calc(100vw - 40px); } } .index-features__arrows-left-inner, .index-features__arrows-right-inner { display: inline-block; width: 40px; height: 40px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxNyAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDFMMiAxNUwxNiAyOSIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==); background-position: center center; background-size: 8px; background-repeat: no-repeat; border: 1px solid #dedede; background-color: white; cursor: pointer; -webkit-transition: border-color .4s ease; transition: border-color .4s ease; } @media only screen and (max-width: 750px) { .index-features__arrows-left-inner, .index-features__arrows-right-inner { display: none; } } .index-features__arrows-left-inner:hover, .index-features__arrows-right-inner:hover { border: 1px solid #929292; } .index-features__arrows-left.swiper-button-disabled > div, .index-features__arrows-right.swiper-button-disabled > div { pointer-events: none; opacity: .6; } .index-features__arrows-left, .index-features__arrows-right { position: absolute; top: 50%; height: 40px; width: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); outline: none; z-index: 2; } @media only screen and (max-width: 750px) { .index-features__arrows-left, .index-features__arrows-right { display: none; } } .index-features__arrows-left { left: -20px; background-color: white; } .index-features__arrows-right { right: -20px; -webkit-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); background-color: white; } @media only screen and (max-width: 750px) { .index-flats__container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media only screen and (max-width: 750px) { .index-flats__item:last-child { margin-bottom: 25px; } } @media only screen and (max-width: 750px) { .index-flats__item:first-child { margin-bottom: 0; } } .index-layout__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 750px) { .index-layout__container { display: block; padding-bottom: 30px; } } .index-layout__item { width: 276px; height: 450px; margin-right: 40px; outline: none; } @media only screen and (max-width: 750px) { .index-layout__item { width: 100%; height: auto; margin-right: 0; } } .index-layout__item:last-child { margin-right: 0; } .index-layout .slick-list { margin: 0 -16px; } .index-layout .slick-slide { margin: 0 16px; } .index-layout .slick-dots { bottom: 10px; } .index-layout .slick-dots li { border-color: #3b4658; } .index-layout .slick-dots li:after { background-color: #3b4658; } .index-layout__nav { position: absolute; top: -60px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 750px) { .index-layout__nav { display: none; } } .index-layout__arrow { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 45px; height: 45px; border: 1px solid #e6e6e6; cursor: pointer; -webkit-transition: border-color 0.3s ease, opacity 0.3s ease; transition: border-color 0.3s ease, opacity 0.3s ease; } .index-layout__arrow.slick-disabled { opacity: .3; pointer-events: none; } .index-layout__arrow:hover { border-color: rgba(59, 70, 88, 0.5); } .index-layout__arrow:hover:after { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } .index-layout__arrow.--next:hover { border-color: rgba(59, 70, 88, 0.5); } .index-layout__arrow.--next:hover:after { -webkit-transform: translate3d(5px, 0, 0) rotate(180deg); transform: translate3d(5px, 0, 0) rotate(180deg); } .index-layout__arrow.--next:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .index-layout__arrow:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 10px; height: 26px; margin: auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCAxNyA0NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPlZlY3RvciAyNzwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDM2OSAtMjQxMSkiPgo8ZyBpZD0iVmVjdG9yIDI3Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3MCAyNDEyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gMCAyMkwgLTAuNDEzMTE0IDIxLjcxODNMIC0wLjYwOTY5OCAyMi4wMDY3TCAtMC40MDY4NjcgMjIuMjkwNkwgMCAyMlpNIDE0LjU4NjkgLTAuMjgxNjY4TCAtMC40MTMxMTQgMjEuNzE4M0wgMC40MTMxMTQgMjIuMjgxN0wgMTUuNDEzMSAwLjI4MTY2OEwgMTQuNTg2OSAtMC4yODE2NjhaTSAtMC40MDY4NjcgMjIuMjkwNkwgMTQuNTkzMSA0My4yOTA2TCAxNS40MDY5IDQyLjcwOTRMIDAuNDA2ODY3IDIxLjcwOTRMIC0wLjQwNjg2NyAyMi4yOTA2WiIvPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 100% 100%; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .index-building__container { position: relative; } @media only screen and (max-width: 750px) { .index-building__container { height: auto; } } @media only screen and (max-width: 750px) { .index-building__slider { display: block; position: relative; width: 100%; height: auto; } .index-building__slider .swiper-container { width: 100vw; padding: 0 20px; margin-left: -20px; } } @media only screen and (max-width: 750px) { .index-building__slider .swiper-wrapper { margin-bottom: 40px; } } .index-building__item { height: 580px; } @media only screen and (max-width: 750px) { .index-building__item { width: 100%; height: auto; } } .index-building__item .border-card__title { font-family: "Grtsk-Tera", "Verdana", sans-serif; font-weight: 600; } .index-building__item .border-card__text.--desc p { font-weight: 400; } .index-building__slider-nav { position: absolute; top: -60px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 750px) { .index-building__slider-nav { display: none; } } .index-building__arrow { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 45px; height: 45px; border: 1px solid #e6e6e6; cursor: pointer; outline: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .index-building__arrow:hover { border-color: rgba(59, 70, 88, 0.5); } .index-building__arrow:hover:after { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } .index-building__arrow.--next:hover { border-color: rgba(59, 70, 88, 0.5); } .index-building__arrow.--next:hover:after { -webkit-transform: translate3d(5px, 0, 0) rotate(180deg); transform: translate3d(5px, 0, 0) rotate(180deg); } .index-building__arrow.--next:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .index-building__arrow:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 10px; height: 26px; margin: auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCAxNyA0NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPlZlY3RvciAyNzwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDM2OSAtMjQxMSkiPgo8ZyBpZD0iVmVjdG9yIDI3Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3MCAyNDEyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gMCAyMkwgLTAuNDEzMTE0IDIxLjcxODNMIC0wLjYwOTY5OCAyMi4wMDY3TCAtMC40MDY4NjcgMjIuMjkwNkwgMCAyMlpNIDE0LjU4NjkgLTAuMjgxNjY4TCAtMC40MTMxMTQgMjEuNzE4M0wgMC40MTMxMTQgMjIuMjgxN0wgMTUuNDEzMSAwLjI4MTY2OEwgMTQuNTg2OSAtMC4yODE2NjhaTSAtMC40MDY4NjcgMjIuMjkwNkwgMTQuNTkzMSA0My4yOTA2TCAxNS40MDY5IDQyLjcwOTRMIDAuNDA2ODY3IDIxLjcwOTRMIC0wLjQwNjg2NyAyMi4yOTA2WiIvPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 100% 100%; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .index-building .index__section-title { font-size: 21px; line-height: 32px; } @media only screen and (max-width: 750px) { .index-building .index__section-title { font-size: 18px; line-height: 24px; } } .index-magazine { height: 580px; } .index-magazine__button { display: block; width: 150px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; } @media only screen and (max-width: 750px) { .index-magazine__button { width: 100%; } } .index-magazine.text-image { background-image: url(/static/images/life.jpg); } .index-management .border-card__image-container { background-image: url(/static/images/management.jpg); } .may-holidays { padding: 35px 0; background-color: #f9f9f9; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); display: none; } .may-holidays.mobile { display: none; } @media only screen and (max-width: 750px) { .may-holidays { padding: 20px 0 10px; background-color: #fff; } } .may-holidays .container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .may-holidays__helper { height: 110px; width: 100%; display: none; } .may-holidays__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .may-holidays__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .may-holidays__wrapper._text { max-width: calc(100% - 24px); } } .may-holidays__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 50px; font-weight: bold; height: 40px; } .may-holidays__header .pattern { width: 6px; height: 40px; margin-right: 25px; background-color: #ff1600; } @media only screen and (max-width: 750px) { .may-holidays__header { margin-bottom: 10px; margin-right: 0; height: unset; } .may-holidays__header .pattern { width: 4px; height: 20px; margin-right: 10px; } } .may-holidays__info { margin-right: 35px; } .may-holidays__info .bold { font-weight: bold; } @media only screen and (max-width: 750px) { .may-holidays__info { padding-left: 16px; } } .may-holidays__close { padding: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjM0I0NjU4Ii8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; cursor: pointer; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .may-holidays__close:hover { -webkit-transform: scale(0.9); transform: scale(0.9); } @media only screen and (max-width: 750px) { .may-holidays__close { position: absolute; top: 5px; right: 20px; } } .may-holidays__header, .may-holidays__info, .may-holidays__close { font-size: 16px; font-family: Grtsk-Exa, sans-serif; } .index-ac { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 665px; width: 100%; overflow: hidden; } @media only screen and (max-width: 750px) { .index-ac { height: calc(100vw - 40px); } } .index-ac__wrap { margin-top: 40px; } .index-ac__video { position: absolute; width: 101%; height: 101%; border: 0; } .index-ac__img { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 1; } .index-ac__img._image-loaded { opacity: 1; } .index-ac__img._active { opacity: 1; } .index-ac__link { position: absolute; bottom: 30px; right: 36px; cursor: pointer; z-index: 2; padding: 10px; margin-bottom: 0; font-size: 18px; font-weight: 500; } @media only screen and (max-width: 750px) { .index-ac__link.index-features__all { bottom: 15px; right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 750px) { .index { background-color: white; } } .survey { position: fixed; bottom: 24px; left: calc((100% - 1200px) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 341px; padding: 32px; background-color: white; -webkit-box-shadow: 0 8px 24px rgba(30, 38, 65, 0.15); box-shadow: 0 8px 24px rgba(30, 38, 65, 0.15); opacity: 0; z-index: 10; pointer-events: none; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.4s ease 0.2s; transition: all 0.4s ease 0.2s; } @media only screen and (max-width: 750px) { .survey { width: calc(100vw - 40px); left: 20px; bottom: 20px; padding: 24px; opacity: 0; -webkit-transform: translateY(calc(100% + 20px)); transform: translateY(calc(100% + 20px)); } } .survey._active { opacity: 1; -webkit-transform: none; transform: none; pointer-events: all; } .survey__title { max-width: 250px; font-weight: 500; font-size: 20px; line-height: 120%; } .survey__text { max-width: 250px; margin-top: 16px; font-size: 12px; line-height: 120%; } .survey__btn { width: 100%; margin-top: 32px; padding: 12px 0; font-size: 18px; line-height: 20px; } @media only screen and (max-width: 750px) { .survey__btn { margin-top: 24px; } } .survey__close { position: absolute; top: 16px; right: 16px; width: 20px; height: 20px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjM0I0NjU4Ii8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center/contain no-repeat; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .survey__close:hover { -webkit-transform: scale(0.8); transform: scale(0.8); } .image-and-btn { margin-bottom: 60px; } @media only screen and (max-width: 750px) { .image-and-btn { margin-bottom: 15px; } } .image-and-btn .button { width: 300px; height: 60px; margin-top: 45px; } .image-and-btn .button.full { width: 100%; } @media only screen and (max-width: 750px) { .image-and-btn .button { width: 100%; } } .image-and-btn .landing__section-header { margin-bottom: 15px; line-height: 140%; font-size: 32px; } @media only screen and (max-width: 750px) { .image-and-btn .landing__section-header.--desktop { display: none; } } .image-and-btn .landing__section-header.--mobile { display: none; } @media only screen and (max-width: 750px) { .image-and-btn .landing__section-header.--mobile { display: block; } } @media only screen and (max-width: 750px) { .image-and-btn .landing__section-header.left { display: none; } } .image-and-btn .landing__section-header.right { display: none; } @media only screen and (max-width: 750px) { .image-and-btn .landing__section-header.right { display: block; } } @media only screen and (max-width: 750px) { .image-and-btn .landing__section-header { margin-bottom: 25px; font-size: 24px; } } .image-and-btn__image { width: 100%; height: 390px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .image-and-btn__image { width: 100vw; height: 210px; margin-left: -20px; margin-bottom: 25px; } } .image-and-btn .--order-1 .image-and-btn__image { margin-top: 36px; } @media only screen and (max-width: 750px) { .image-and-btn .--order-1 .image-and-btn__image { margin-top: 0; } } .image-and-btn__description { padding-right: 47px; font-size: 16px; line-height: 174%; font-weight: 300; } .image-and-btn__description p { margin-bottom: 45px; } @media only screen and (max-width: 750px) { .image-and-btn__description p { margin-bottom: 15px; } } .image-and-btn__description.--right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; padding-top: 60px; padding-left: 40px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .image-and-btn__description.--right { padding-top: 0; padding-left: 0; } } @media only screen and (max-width: 750px) { .image-and-btn__description { margin-bottom: 15px; padding-right: 0; } } .image-and-btn__content { margin-bottom: 60px; } @media only screen and (max-width: 750px) { .image-and-btn__content { margin-bottom: 35px; } .image-and-btn__content .col-1-2:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .image-and-btn__content .col-1-2:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .plan-with-pins { width: 100%; } .plan-with-pins__wrap { position: relative; height: 100%; } @media only screen and (max-width: 750px) { .plan-with-pins__wrap { position: absolute; left: 0; top: 0; } } .plan-with-pins._block { margin-bottom: 100px; } @media only screen and (max-width: 750px) { .plan-with-pins._block { margin-bottom: 40px; } } .plan-with-pins__block-title { margin-bottom: 56px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .plan-with-pins__block-title { margin-bottom: 36px; font-size: 18px; line-height: 24px; } } .plan-with-pins__container { position: relative; } @media only screen and (max-width: 750px) { .plan-with-pins__container { height: calc(100vh - 150px); margin-left: -20px; margin-right: -20px; overflow-x: scroll; overflow-y: hidden; } } .plan-with-pins__img { width: 100%; height: 100%; } @media only screen and (max-width: 750px) { .plan-with-pins__img { width: auto; } } .plan-with-pins__tooltips { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .plan-with-pins__tooltip { position: absolute; } .plan-with-pins__overlay { display: none; } @media only screen and (max-width: 750px) { .plan-with-pins__overlay { background-color: rgba(0, 0, 0, 0.6); display: block; position: absolute; width: 100%; height: 100%; z-index: 8; top: 0; } } @media only screen and (max-width: 750px) { .plan-with-pins__overlay-container { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100vw; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } } @media only screen and (max-width: 750px) { .plan-with-pins__overlay-image { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA1MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ1LjcxNTYgNDVIMzUuMjk1NkMzNC42NjgyIDQ1IDM0LjM0MzQgNDQuNTg2MiAzNC4yMzM1IDQ0LjQwNzlDMzQuMTIzNiA0NC4yMjk3IDMzLjg5NjYgNDMuNzUzNyAzNC4xNzc0IDQzLjE5MDlMNDkuNDYwOCAxMi42MjU3QzQ5LjgxMjMgMTEuOTIwMiA1MC4wMDAzIDExLjEyOTEgNTAuMDAwMyAxMC4xMTIzQzUwLjAwMDMgNy4yOTM3MSA0Ny43MDc3IDUgNDQuODg4IDVDNDIuOTM5NyA1IDQxLjE4NjggNi4wODI4MSA0MC4zMTUyIDcuODI1OThMMzIuNDk3OSAyMy40NjA4QzMxLjE3MjEgMjEuMDI2NyAyOC40MzA1IDE5LjY1ODMgMjUuNjUyMSAyMC4wNzdMMTIuMzY2IDIyLjEyMTdDMTAuMzY0MSAyMi40MjkzIDguNjI4MTcgMjMuNjk0IDcuNzI0ODkgMjUuNTA0M0wxLjA1OTg1IDM4LjgzNjZDMC4zNjY0NTUgNDAuMjIyMSAwLjAwMDI0NDE0MSA0MS43NzM3IDAuMDAwMjQ0MTQxIDQzLjMyMjdDMC4wMDAyNDQxNDEgNDcuMTQ3MSAyLjEyNDI3IDUwLjU4NDYgNS41NDQ3NCA1Mi4yOTQ5TDE3LjI5NTIgNTguMTcwMUMxOS42OTAyIDU5LjM2NzYgMjIuMzcwOSA2MCAyNS4wNDY2IDYwQzI2LjgwMiA2MCAyOC41NDAzIDU5LjczMzggMzAuMjE1IDU5LjIxMDFMNDcuODczOCA1My42OTI2QzQ4LjE5NjEgNTMuNTkxMiA0OC40NjcxIDUzLjM2MjkgNDguNjE4NCA1My4wNTkxTDQ5LjU0ODYgNTEuMTk4N0M0OS44NDQxIDUwLjYwNjcgNTAuMDAwMyA0OS45NDM5IDUwLjAwMDMgNDkuMjgzNEM1MC4wMDAzIDQ2LjkyMTQgNDguMDc4OSA0NSA0NS43MTU2IDQ1Wk00Ny4zMTIyIDUwLjA4MThMNDYuNjIxMyA1MS40NjQ4TDI5LjQ2OCA1Ni44MjVDMjUuODQ3NCA1Ny45NTQxIDIxLjgwNDQgNTcuNjI4MiAxOC40MTMzIDU1LjkzMzlMNi42NjI4MiA1MC4wNTg2QzQuMDk0NDIgNDguNzc0NSAyLjUwMDIxIDQ2LjE5MzkgMi41MDAyMSA0My4zMjI4QzIuNTAwMjEgNDIuMTU5NSAyLjc3NjA2IDQwLjk5NDggMy4yOTYxNCAzOS45NTQ4TDkuOTYxMTggMjYuNjIyM0MxMC41MDMyIDI1LjUzNTggMTEuNTQ1NyAyNC43NzY2IDEyLjc0NjggMjQuNTkyMkwyNi4wMzMgMjIuNTQ3NUMyNy44MDc5IDIyLjI4MDIgMjkuNTc1NCAyMy4xOTIxIDMwLjM3MzggMjQuNzkzN0wzMS4zODIxIDI2LjgwOTFDMzEuODA2OSAyNy42NTYyIDMzLjE5MzYgMjcuNjU2MiAzMy42MTg0IDI2LjgwOTFMNDIuNTUxNSA4Ljk0NDA2QzQyLjk5NTkgOC4wNTI5NyA0My44OTE5IDcuNDk5OTYgNDQuODg4IDcuNDk5OTZDNDYuMzI4NCA3LjQ5OTk2IDQ3LjUwMDMgOC42NzE4NCA0Ny41MDAzIDEwLjMzODFDNDcuNTAwMyAxMC43NDIyIDQ3LjQwNSAxMS4xNDYzIDQ3LjIyNDUgMTEuNTA2NEwzMS45NDEyIDQyLjA3MzlDMzEuMzU1MyA0My4yNDQ2IDMxLjQxODggNDQuNjA5MyAzMi4xMDczIDQ1LjcyMjVDMzIuNzk1OCA0Ni44MzU4IDMzLjk4NzIgNDcuNDk5OSAzNS4yOTU3IDQ3LjQ5OTlINDUuNzE1N0M0Ni42OTk2IDQ3LjQ5OTkgNDcuNTAwMyA0OC4yOTk1IDQ3LjUwMDMgNDkuMjgzNEM0Ny41MDAyIDQ5LjU1OTMgNDcuNDM0MyA0OS44MzUxIDQ3LjMxMjIgNTAuMDgxOFoiIGZpbGw9IiNGOUY5RjkiLz4KPHBhdGggZD0iTTEuMjUwMjYgMTUuMDU1QzEuMzUyOCAxNS4wNTUgMS40NTc4IDE1LjA0MjggMS41NjAzNCAxNS4wMTU5TDExLjU2MDMgMTIuNDYxQzExLjk2OCAxMi4zNTYgMTIuMjk3NiAxMi4wNTIgMTIuNDM0MyAxMS42NTE3QzEyLjU2ODYgMTEuMjUxMyAxMi40OTI5IDEwLjgwOTQgMTIuMjMxNyAxMC40Nzc0TDkuNjQ4NjIgNy4xOTAwNEMxNC4xMjYxIDQuMTczNjMgMTkuNDUwOSAyLjUwMDA4IDI1LjAwMDIgMi41MDAwOEMyOS40MTkxIDIuNTAwMDggMzMuNjM3OCAzLjUxNTc0IDM3LjUzOTIgNS41MTg4M0MzOC4xNDk1IDUuODMxMzcgMzguOTA4OSA1LjU5NDUzIDM5LjIyMTMgNC45NzgwMUMzOS41Mzg3IDQuMzYzOTUgMzkuMjk0NiAzLjYwOTYxIDM4LjY4MTggMy4yOTQ2MUMzNC40ODI2IDEuMTM4OTUgMjkuNzUxMiAwIDI1LjAwMDIgMEMxOC40ODkgMCAxMi4yNTYgMi4xMTMwMSA3LjE1ODM4IDUuODg4NjdDNy4xMzE1NSA1LjkwNjk1IDcuMTA0NzEgNS45MjUzNSA3LjA3Nzc2IDUuOTQ2MDlDNy4wNzAzNyA1Ljk1MjE5IDcuMDYzMTEgNS45NTgyOCA3LjA1NTczIDUuOTY0MzhDNC40MzYxMiA3LjkyMjM0IDIuMTE2NzQgMTAuMzIxMSAwLjIxNzM2NyAxMy4wOTkzQy0wLjA3NTYwMTUgMTMuNTI5MSAtMC4wNzMxNDA2IDE0LjA5NTQgMC4yMjcwOTQgMTQuNTIxNEMwLjQ2NDA0NyAxNC44NjA5IDAuODQ5ODI4IDE1LjA1NSAxLjI1MDI2IDE1LjA1NVpNNy42Mzk0NCA4LjY4MDQzTDkuMDgyMzcgMTAuNTEzOUw0LjQ5MjQ4IDExLjY4NThDNS40NjY1NSAxMC41OTY5IDYuNTE4NzcgOS41OTIyNyA3LjYzOTQ0IDguNjgwNDNaIiBmaWxsPSIjRjlGOUY5Ii8+Cjwvc3ZnPgo=); width: 50px; height: 60px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto 18px; } } @media only screen and (max-width: 750px) { .plan-with-pins__overlay-image._two { background-image: url(/static/images/finger-two.svg); } } @media only screen and (max-width: 750px) { .plan-with-pins__overlay-text { font-size: 18px; color: #fff; text-align: center; } } .features-block__wrap { margin-bottom: 80px; } @media only screen and (max-width: 750px) { .features-block__wrap { margin-bottom: 44px; margin-top: 20px; } } .features-block__title { font-size: 28px; line-height: 34px; margin-bottom: 60px; } @media only screen and (max-width: 750px) { .features-block__title { margin-bottom: 36px; font-size: 18px; line-height: 24px; } } .features-block__title._mb48 { margin-bottom: 48px; } @media only screen and (max-width: 750px) { .features-block__title._mb48 { margin-bottom: 16px; } } @media only screen and (max-width: 750px) { .features-block__title._fs21-mob { font-size: 21px; } } .features-block__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .features-block__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc((100% - 20px) / 2); height: auto; padding: 20px; font-size: 20px; line-height: 160%; background-color: #f9f9f9; } .features-block__card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: calc((100% - 20px) / 2); height: 296px; padding: 24px 32px; background-size: cover; background-position: center; background-repeat: no-repeat; } .features-block__card:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: linear-gradient(29.36deg, #000 -36.9%, rgba(0, 0, 0, 0) 39.16%); opacity: 1; z-index: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .features-block__card:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(60, 69, 87, 0.5); opacity: 0; z-index: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .features-block__card:hover:before { opacity: 0; } .features-block__card:hover:after { opacity: 1; } .features-block__card-name { position: relative; color: white; font-size: 24px; line-height: 120%; z-index: 2; } .features-block__name { font-size: 24px; line-height: 120%; } @media only screen and (max-width: 750px) { .features-block__name { font-size: 20px; } } .with-subblocks { margin-bottom: 70px; } @media only screen and (max-width: 750px) { .with-subblocks { margin-bottom: 35px; } } .with-subblocks__card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; height: 100%; min-height: 226px; padding: 32px 55px 32px 36px; background-position: top 50% right 20px; background-size: auto 200px; background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-transition: background-color .3s; transition: background-color .3s; } @media only screen and (max-width: 750px) { .with-subblocks__card { padding: 25px 20px; background-position: 95% 50%; } } .with-subblocks__card.hover { cursor: pointer; } .with-subblocks__card.hover:hover { background-color: #292522; color: #fff; } .with-subblocks__card.hover:hover a { color: #fff; } .with-subblocks__card-link { -ms-flex-item-align: end; align-self: flex-end; width: 100%; margin-top: 35px; font-size: 18px; line-height: 140%; text-decoration: underline; } .with-subblocks__card-header { font-size: 24px; line-height: 140%; margin-bottom: 15px; } .with-subblocks__card p { width: 100%; max-width: 554px; font-size: 16px; line-height: 174%; font-weight: 300; } @media only screen and (max-width: 750px) { .with-subblocks .mb-15-mobile { margin-bottom: 15px; } } .card-with-icon { margin-top: 70px; margin-bottom: 100px; } @media only screen and (max-width: 750px) { .card-with-icon { margin-top: 0; margin-bottom: 10px; background-color: #fff; } } @media only screen and (max-width: 750px) { .card-with-icon__title { font-size: 27px; line-height: 37px; } } .card-with-icon__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; } @media only screen and (max-width: 750px) { .card-with-icon__list { margin-top: 25px; } } .card-with-icon__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 36px 40px; width: calc(33.333% - 10px); background-color: #f9f9f9; background-size: 150px 150px; background-repeat: no-repeat; background-position: bottom -40px right 20px; -webkit-transition: all .3s ease; transition: all .3s ease; } .card-with-icon__item:nth-child(1) { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTExIDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzMuNTcwOSA5OC4xNkMxMS4zOTQ5IDk4LjE2IDAuMzA2ODc1IDgxLjg0IDAuMzA2ODc1IDQ5LjJDMC4zMDY4NzUgMTYuNTYgMTEuMzk0OSAwLjIzOTk5NyAzMy41NzA5IDAuMjM5OTk3QzU1Ljc0NjkgMC4yMzk5OTcgNjYuODM0OSAxNi41NiA2Ni44MzQ5IDQ5LjJDNjYuODM0OSA4MS44NCA1NS43NDY5IDk4LjE2IDMzLjU3MDkgOTguMTZaTTIyLjE5NDkgMjRDMTkuODkwOSAyOC45OTIgMTguNzM4OSAzNy4zOTIgMTguNzM4OSA0OS4yQzE4LjczODkgNjEuMDA4IDE5Ljg5MDkgNjkuNDA4IDIyLjE5NDkgNzQuNEMyNC41OTQ5IDc5LjM5MiAyOC4zODY5IDgxLjg4OCAzMy41NzA5IDgxLjg4OEMzOC44NTA5IDgxLjg4OCA0Mi42NDI5IDc5LjQ0IDQ0Ljk0NjkgNzQuNTQ0QzQ3LjI1MDkgNjkuNTUyIDQ4LjQwMjkgNjEuMTA0IDQ4LjQwMjkgNDkuMkM0OC40MDI5IDM3LjI5NiA0Ny4yNTA5IDI4Ljg5NiA0NC45NDY5IDI0QzQyLjY0MjkgMTkuMDA4IDM4Ljg1MDkgMTYuNTEyIDMzLjU3MDkgMTYuNTEyQzI4LjM4NjkgMTYuNTEyIDI0LjU5NDkgMTkuMDA4IDIyLjE5NDkgMjRaTTc1LjQ3MzggMzYuODE2VjIwLjU0NEM4MC4wODE4IDIwLjU0NCA4NC4wMTc4IDE4Ljc2OCA4Ny4yODE4IDE1LjIxNkM5MC41NDU4IDExLjY2NCA5Mi4xNzc4IDcuMzkxOTkgOTIuMTc3OCAyLjM5OTk5SDExMC4zMjJWOTZIOTIuMTc3OFYyOS42MTZDODkuNjgxOCAzNC40MTYgODQuMTEzOCAzNi44MTYgNzUuNDczOCAzNi44MTZaIiBmaWxsPSIjRUVFRUVFIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8L3N2Zz4K); } .card-with-icon__item:nth-child(2) { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM5IiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTM5IDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzMuNTM5NiA5OC4xNkMxMS4zNjM2IDk4LjE2IDAuMjc1NjI1IDgxLjg0IDAuMjc1NjI1IDQ5LjJDMC4yNzU2MjUgMTYuNTYgMTEuMzYzNiAwLjIzOTk5NyAzMy41Mzk2IDAuMjM5OTk3QzU1LjcxNTYgMC4yMzk5OTcgNjYuODAzNiAxNi41NiA2Ni44MDM2IDQ5LjJDNjYuODAzNiA4MS44NCA1NS43MTU2IDk4LjE2IDMzLjUzOTYgOTguMTZaTTIyLjE2MzYgMjRDMTkuODU5NiAyOC45OTIgMTguNzA3NiAzNy4zOTIgMTguNzA3NiA0OS4yQzE4LjcwNzYgNjEuMDA4IDE5Ljg1OTYgNjkuNDA4IDIyLjE2MzYgNzQuNEMyNC41NjM2IDc5LjM5MiAyOC4zNTU2IDgxLjg4OCAzMy41Mzk2IDgxLjg4OEMzOC44MTk2IDgxLjg4OCA0Mi42MTE2IDc5LjQ0IDQ0LjkxNTYgNzQuNTQ0QzQ3LjIxOTYgNjkuNTUyIDQ4LjM3MTYgNjEuMTA0IDQ4LjM3MTYgNDkuMkM0OC4zNzE2IDM3LjI5NiA0Ny4yMTk2IDI4Ljg5NiA0NC45MTU2IDI0QzQyLjYxMTYgMTkuMDA4IDM4LjgxOTYgMTYuNTEyIDMzLjUzOTYgMTYuNTEyQzI4LjM1NTYgMTYuNTEyIDI0LjU2MzYgMTkuMDA4IDIyLjE2MzYgMjRaTTEzOC4yMjcgNzkuNzI4Vjk2SDc4LjMyMjVWNzkuNzI4Qzc5LjA5MDUgNzkuMDU2IDgwLjkxNDUgNzcuNDcyIDgzLjc5NDUgNzQuOTc2Qzg2LjY3NDUgNzIuMzg0IDg4LjY5MDUgNzAuNTYgODkuODQyNSA2OS41MDRDOTEuMDkwNSA2OC4zNTIgOTMuMDU4NSA2Ni41MjggOTUuNzQ2NSA2NC4wMzJDOTguNTMwNSA2MS41MzYgMTAwLjU5NSA1OS41NjggMTAxLjkzOSA1OC4xMjhDMTAzLjI4MyA1Ni41OTIgMTA1LjAxMSA1NC42NzIgMTA3LjEyMyA1Mi4zNjhDMTA5LjMzMSA1MC4wNjQgMTExLjAxMSA0OC4wNDggMTEyLjE2MyA0Ni4zMkMxMTMuMzE1IDQ0LjU5MiAxMTQuNTE1IDQyLjcyIDExNS43NjMgNDAuNzA0QzExNy4wMTEgMzguNjg4IDExNy44NzUgMzYuNzY4IDExOC4zNTUgMzQuOTQ0QzExOC45MzEgMzMuMTIgMTE5LjIxOSAzMS4zOTIgMTE5LjIxOSAyOS43NkMxMTkuMjE5IDI1LjA1NiAxMTguMTYzIDIxLjY5NiAxMTYuMDUxIDE5LjY4QzExNC4wMzUgMTcuNTY4IDExMS4zOTUgMTYuNTEyIDEwOC4xMzEgMTYuNTEyQzEwMS43OTUgMTYuNTEyIDk3LjcxNDUgMjAuMzA0IDk1Ljg5MDUgMjcuODg4TDc5LjYxODUgMjIuNzA0QzgxLjM0NjUgMTQuNjQgODQuODUwNSA4Ljg3OTk5IDkwLjEzMDUgNS40MjRDOTUuNDEwNSAxLjk2OCAxMDEuNTU1IDAuMjM5OTk3IDEwOC41NjIgMC4yMzk5OTdDMTE2LjkxNSAwLjIzOTk5NyAxMjMuOTIzIDIuNDk2IDEyOS41ODcgNy4wMDhDMTM1LjM0NyAxMS41MiAxMzguMjI3IDE4LjcyIDEzOC4yMjcgMjguNjA4QzEzOC4yMjcgMzQuMTc2IDEzNi4yMTEgNDAuMzIgMTMyLjE3OSA0Ny4wNEMxMjguMjQzIDUzLjc2IDEyMy43NzkgNTkuNzEyIDExOC43ODcgNjQuODk2QzExMy43OTUgNjkuOTg0IDEwOC4zMjMgNzQuOTI4IDEwMi4zNzEgNzkuNzI4SDEzOC4yMjdaIiBmaWxsPSIjRUVFRUVFIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8L3N2Zz4K); } .card-with-icon__item:nth-child(3) { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQxIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTQxIDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQuMTMzNCA5OC4xNkMxMS45NTc0IDk4LjE2IDAuODY5Mzc1IDgxLjg0IDAuODY5Mzc1IDQ5LjJDMC44NjkzNzUgMTYuNTYgMTEuOTU3NCAwLjIzOTk5NyAzNC4xMzM0IDAuMjM5OTk3QzU2LjMwOTQgMC4yMzk5OTcgNjcuMzk3NCAxNi41NiA2Ny4zOTc0IDQ5LjJDNjcuMzk3NCA4MS44NCA1Ni4zMDk0IDk4LjE2IDM0LjEzMzQgOTguMTZaTTIyLjc1NzQgMjRDMjAuNDUzNCAyOC45OTIgMTkuMzAxNCAzNy4zOTIgMTkuMzAxNCA0OS4yQzE5LjMwMTQgNjEuMDA4IDIwLjQ1MzQgNjkuNDA4IDIyLjc1NzQgNzQuNEMyNS4xNTc0IDc5LjM5MiAyOC45NDk0IDgxLjg4OCAzNC4xMzM0IDgxLjg4OEMzOS40MTM0IDgxLjg4OCA0My4yMDU0IDc5LjQ0IDQ1LjUwOTQgNzQuNTQ0QzQ3LjgxMzQgNjkuNTUyIDQ4Ljk2NTQgNjEuMTA0IDQ4Ljk2NTQgNDkuMkM0OC45NjU0IDM3LjI5NiA0Ny44MTM0IDI4Ljg5NiA0NS41MDk0IDI0QzQzLjIwNTQgMTkuMDA4IDM5LjQxMzQgMTYuNTEyIDM0LjEzMzQgMTYuNTEyQzI4Ljk0OTQgMTYuNTEyIDI1LjE1NzQgMTkuMDA4IDIyLjc1NzQgMjRaTTc4LjYyODMgNzUuODRMOTUuMDQ0MyA2OS41MDRDOTYuODY4MyA3Ny42NjQgMTAxLjUyNCA4MS43NDQgMTA5LjAxMiA4MS43NDRDMTEyLjM3MiA4MS43NDQgMTE1LjE1NiA4MC41NDQgMTE3LjM2NCA3OC4xNDRDMTE5LjY2OCA3NS42NDggMTIwLjgyIDcyLjA5NiAxMjAuODIgNjcuNDg4QzEyMC44MiA2My4yNjQgMTE5LjY2OCA2MC4wNDggMTE3LjM2NCA1Ny44NEMxMTUuMTU2IDU1LjYzMiAxMTIuNDIgNTQuNTI4IDEwOS4xNTYgNTQuNTI4SDEwMi4yNDRWMzguMTEySDEwOC40MzZDMTE1LjgyOCAzOC4xMTIgMTE5LjUyNCAzNC4yNzIgMTE5LjUyNCAyNi41OTJDMTE5LjUyNCAyMy4xMzYgMTE4LjUxNiAyMC41OTIgMTE2LjUgMTguOTZDMTE0LjQ4NCAxNy4yMzIgMTExLjg5MiAxNi4zNjggMTA4LjcyNCAxNi4zNjhDMTAyLjEgMTYuMzY4IDk4LjAyMDMgMjAuMjA4IDk2LjQ4NDMgMjcuODg4TDgwLjIxMjMgMjIuNzA0QzgxLjE3MjMgMTguMzg0IDgyLjcwODMgMTQuNjg4IDg0LjgyMDMgMTEuNjE2Qzg2LjkzMjMgOC40NDggODkuMzgwMyA2LjA5NiA5Mi4xNjQyIDQuNTU5OTlDOTUuMDQ0MyAzLjAyNCA5Ny44NzYzIDEuOTIgMTAwLjY2IDEuMjQ3OTlDMTAzLjQ0NCAwLjU3NTk5NSAxMDYuMjc2IDAuMjM5OTk3IDEwOS4xNTYgMC4yMzk5OTdDMTE3Ljk4OCAwLjIzOTk5NyAxMjUuMDkyIDIuMzUyIDEzMC40NjggNi41NzU5OUMxMzUuOTQgMTAuNzA0IDEzOC42NzYgMTYuNzA0IDEzOC42NzYgMjQuNTc2QzEzOC42NzYgMzAuNTI4IDEzNy4yODQgMzUuNDI0IDEzNC41IDM5LjI2NEMxMzEuODEyIDQzLjAwOCAxMjguMTE2IDQ1LjI2NCAxMjMuNDEyIDQ2LjAzMlY0Ni44OTZDMTI4Ljc4OCA0Ny44NTYgMTMyLjkxNiA1MC4zMDQgMTM1Ljc5NiA1NC4yNEMxMzguNzcyIDU4LjE3NiAxNDAuMjYgNjMuMDI0IDE0MC4yNiA2OC43ODRDMTQwLjI2IDc3LjMyOCAxMzcuNjY4IDg0LjM4NCAxMzIuNDg0IDg5Ljk1MkMxMjcuMzk2IDk1LjQyNCAxMTkuNjY4IDk4LjE2IDEwOS4zIDk4LjE2QzkyLjU5NjMgOTguMTYgODIuMzcyMyA5MC43MiA3OC42MjgzIDc1Ljg0WiIgZmlsbD0iI0VFRUVFRSIgZmlsbC1vcGFjaXR5PSIwLjciLz4KPC9zdmc+Cg==); } .card-with-icon__item:hover { background-color: #292522; } .card-with-icon__item:hover .card-with-icon__item-title { color: #fff; -webkit-transition: color .3s ease; transition: color .3s ease; } .card-with-icon__item:hover .card-with-icon__item-text { color: #fff; -webkit-transition: color .3s ease; transition: color .3s ease; } .card-with-icon__item:hover .card-with-icon__icon svg { fill: #fff; -webkit-transition: fill .3s ease; transition: fill .3s ease; } @media only screen and (max-width: 750px) { .card-with-icon__item { width: 100%; padding: 33px 28px; margin-bottom: 10px; } } .card-with-icon__icon { -ms-flex-negative: 0; flex-shrink: 0; width: 62px; height: 62px; margin-right: 26px; } .card-with-icon__icon svg { width: 100%; height: 100%; fill: #3b4658; } .card-with-icon__item-title { max-width: 218px; font-size: 20px; line-height: 140%; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .card-with-icon__item-title { max-width: 136px; font-size: 20px; line-height: 22px; } } .card-with-icon__item-text { width: 100%; font-weight: 300; font-size: 16px; line-height: 174%; } @media only screen and (max-width: 750px) { .card-with-icon__item-text { margin-left: 0; font-size: 14px; line-height: 21px; } } .card-with-icon__item-link { text-decoration: underline; } .card-with-icon._excursion { margin: 0; padding: 80px 0; background-color: #f7f7f7; } @media only screen and (max-width: 750px) { .card-with-icon._excursion { padding: 40px 0; } } .card-with-icon._excursion .card-with-icon__item { background-color: white; } .card-with-icon._excursion .card-with-icon__item:hover { background-color: #292522; } .appointment-form { margin: 0 auto 100px; } @media only screen and (max-width: 750px) { .appointment-form { margin: 0 auto 40px; } } .appointment-form__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 144px 0 74px; background: #f4f4f4; } @media only screen and (max-width: 750px) { .appointment-form__wrap { padding: 40px 20px; } } .appointment-form__title { width: 100%; font-size: 28px; line-height: 34px; text-align: center; margin-bottom: 22px; } @media only screen and (max-width: 750px) { .appointment-form__title { font-size: 18px; line-height: 24px; } } .appointment-form__text { width: 100%; margin-bottom: 52px; font-size: 18px; text-align: center; opacity: .8; } @media only screen and (max-width: 750px) { .appointment-form__text { margin-bottom: 32px; font-size: 16px; line-height: 120%; } } .appointment-form__form { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .appointment-form__success { background-color: #f4f4f4; } .appointment-form__personal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 654px; margin-top: 20px; padding: 0 22px; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } .appointment-form__personal._active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.4s all cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s all cubic-bezier(0.165, 0.84, 0.44, 1); } .appointment-form__input { width: 312px; height: 46px; margin-right: 30px; font-size: 16px; } @media only screen and (max-width: 750px) { .appointment-form__input { margin-right: 0; margin-bottom: 20px; } } .appointment-form__btn { display: block; width: 312px; height: 46px; text-align: center; } .buildings { margin-bottom: 72px; } @media only screen and (max-width: 750px) { .buildings { margin-bottom: 40px; } } .buildings__title { margin-bottom: 56px; } @media only screen and (max-width: 750px) { .buildings__title { margin-bottom: 20px; } } .buildings__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buildings__item { position: relative; width: calc((100% - 60px) / 4); height: 418px; margin-right: 20px; margin-bottom: 30px; background: #fff; z-index: 1; } @media only screen and (max-width: 750px) { .buildings__item { width: 100%; height: auto; margin-right: 0; margin-bottom: 20px; border: 1px solid #e6e6e6; } } @media (hover), (min-width: 0 \0) { .buildings__item:hover { z-index: 2; } .buildings__item:hover .buildings__item-body { -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); } } .buildings__item:nth-child(4n) { margin-right: 0; } .buildings__item._animating { z-index: 2; } .buildings__item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 180px; } @media only screen and (max-width: 750px) { .buildings__item-inner { height: auto; margin-bottom: 0; } } .buildings__item-body { position: absolute; left: 0; top: 190px; width: 100%; height: 228px; padding: 24px 32px; background: #fff; border: 1px solid #e6e6e6; overflow: hidden; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } @media only screen and (max-width: 750px) { .buildings__item-body { position: relative; left: 0; top: auto; height: auto; } } .buildings__img { position: relative; width: 100%; height: 190px; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 2; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .buildings__img._image-loaded { opacity: 1; } .buildings__name { margin-bottom: 4px; font-size: 24px; line-height: 130%; } .buildings__online { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3px 10px; margin-top: 8px; background-color: #f6f6f6; border-radius: 2px; } .buildings__online svg { width: 13px; height: 12px; fill: none; stroke: #3b4658; margin-right: 6px; } .buildings__online span { font-size: 12px; line-height: 13px; } .buildings__deadline { font-size: 14px; line-height: 140%; opacity: .6; } .buildings__deadline._half { max-width: 134px; } .buildings__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 20px; } .buildings__info-item { display: block; margin-bottom: 4px; font-size: 16px; line-height: 23px; } .buildings__info-item:last-child { margin-bottom: 0; } .buildings__link { display: inline-block; margin-top: 24px; font-size: 16px; line-height: 23px; } .buildings__btn { margin-top: 24px; width: 100%; height: 44px; } .text-block { padding-bottom: 100px; } @media only screen and (max-width: 750px) { .text-block { padding-bottom: 42px; } } .text-block__wrap { max-width: 83%; } @media only screen and (max-width: 750px) { .text-block__wrap { max-width: 100%; } } .text-block__title { margin-bottom: 36px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .text-block__title { margin-bottom: 32px; font-size: 18px; line-height: 24px; } } .text-block__subtitle { margin-bottom: 36px; font-size: 24px; line-height: 42px; font-weight: 300; width: 80%; } @media only screen and (max-width: 750px) { .text-block__subtitle { margin-bottom: 32px; font-size: 18px; line-height: 24px; width: 100%; } } .text-block__text { font-size: 16px; line-height: 28px; font-weight: 300; width: 80%; } @media only screen and (max-width: 750px) { .text-block__text { width: 100%; } } .text-block__video { margin-top: 36px; max-width: 990px; height: 677px; overflow: hidden; } @media only screen and (max-width: 750px) { .text-block__video { height: auto; width: 100%; margin-top: 24px; } } .text-block__video iframe { width: 100%; height: 100%; } @media only screen and (max-width: 750px) { .text-block__video iframe { width: 100%; height: 300px; } } .text-block__video video { -o-object-fit: fill; object-fit: fill; width: 100%; } @media only screen and (max-width: 750px) { .text-block__video video { width: 100%; -o-object-fit: contain; object-fit: contain; } } .login { padding: 0 0 80px; } @media only screen and (max-width: 750px) { .login { height: calc(100vh - 54px); padding: 0; } } .login__title { padding: 45px 0 0; font-size: 34px; } .login__message { margin: 35px 0 0; font-size: 16px; } .login__form { margin: 35px 0 0; font-size: 16px; } .login__form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px; } .login__form-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 20px; width: 25%; } @media only screen and (max-width: 750px) { .login__form-col { width: 100%; margin: 0 0 20px; } } .login__form-actions { margin: 45px 0 0; } .login__form-submit { width: 185px; } @media only screen and (max-width: 750px) { .login__form-submit { width: 100%; } } .scroll-section { position: relative; min-height: 100vh; padding: 0 20px; margin-bottom: 50px; overflow-x: clip; } @media only screen and (max-width: 750px) { .scroll-section { padding: 24px 0; margin-bottom: 0; } } .scroll-section._loaded { min-height: auto; } @media only screen and (max-width: 750px) { .scroll-section._white-bg { background-color: white; } } .scroll-section._no-sidebar .scroll-section__sidebar { display: none; } .scroll-section._no-sidebar .scroll-section-slide .container { padding: 0 20px; } @media only screen and (max-width: 750px) { .scroll-section._no-sidebar .scroll-section-slide .container { padding: 0; } } .scroll-section._no-sidebar .scroll-section-slide__content._image { width: 690px; } @media only screen and (max-width: 750px) { .scroll-section._no-sidebar .scroll-section-slide__content._image { width: 100%; } } .scroll-section._no-sidebar .scroll-section-slide__right { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .scroll-section._no-sidebar .scroll-section-slide__right { -ms-flex-negative: 1; flex-shrink: 1; } } .scroll-section__header._flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 750px) { .scroll-section__header._flex { display: block; } } .scroll-section__title { padding-top: 74px; margin-bottom: 66px; font-size: 32px; line-height: 36px; } @media only screen and (max-width: 750px) { .scroll-section__title { padding-top: 28px; margin-bottom: 36px; font-size: 20px; line-height: 26px; } } .scroll-section__title._half { width: 50%; } @media only screen and (max-width: 750px) { .scroll-section__title._half { width: 100%; } } .scroll-section__line-scroll { height: 0; width: 1px; position: absolute; top: 21px; left: -2px; background-color: #3b4658; -webkit-transition: .5s height; transition: .5s height; } .scroll-section__sidebar { position: absolute; top: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: calc(100% - 370px); pointer-events: none; z-index: 1; } .scroll-section__sidebar._with-title { top: 215px; } @media only screen and (max-width: 750px) { .scroll-section__sidebar { display: none; } } .scroll-section__menu-wrap { position: sticky; top: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: auto; width: 180px; float: right; } .scroll-section__menu { width: 100%; font-size: 12px; color: rgba(0, 0, 0, 0.4); padding-right: 32px; } .scroll-section__menu-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px 0 7px 14px; cursor: pointer; } .scroll-section__menu-item.active { color: #14191a; } .scroll-section__menu-item.active:after { background-color: #14191a; opacity: 1; } .scroll-section__menu-item:last-child { margin-bottom: 0; } .scroll-section__menu-item:last-child:before { display: none; } .scroll-section__menu-item:after { content: ""; position: absolute; left: -3px; top: 50%; width: 2px; height: 20px; border-radius: 50%; background-color: #c9c9c9; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .scroll-section__menu-item:before { content: ""; position: absolute; left: -2px; top: 33%; width: 1px; height: 50px; background-color: #b9bab9ba; } .scroll-section__menu-item._big-menu-item { height: 50px; } .scroll-section__menu-item._big-menu-item:after { top: 34%; } .scroll-section__slider { margin-top: 44px; } @media only screen and (max-width: 750px) { .scroll-section__slider { margin-top: 36px; margin-left: -20px; margin-right: -20px; } } @media only screen and (max-width: 750px) { .scroll-section__slider._mt30._mb0 .swiper-container._top { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .scroll-section__slider._no-full { margin-right: 0; margin-left: 0; } } .scroll-section__slider-thumb { position: relative; width: 154.333px; height: 100%; margin-right: 2px; background-size: cover; background-repeat: no-repeat; background-position: center; cursor: -webkit-grab; cursor: grab; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .scroll-section__slider-thumb:before { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7))); background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .scroll-section__slider-thumb._current:before { opacity: .7; } .scroll-section__slider-thumb[lazy=loaded], .scroll-section__slider-thumb._image-loaded { opacity: 1; } @media (hover), (min-width: 0 \0) { .scroll-section__slider-arrow:hover._prev { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); } .scroll-section__slider-arrow:hover._next { -webkit-transform: translate3d(5px, -50%, 0) scale(-1, 1); transform: translate3d(5px, -50%, 0) scale(-1, 1); } } .scroll-section__slide { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; cursor: -webkit-zoom-in; cursor: zoom-in; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .scroll-section__slide[lazy=loaded], .scroll-section__slide._image-loaded { opacity: 1; } .scroll-section__slide.scroll-section__slider-thumb { cursor: -webkit-grab; cursor: grab; } .scroll-section__slide-image { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .scroll-section__slide-image[lazy=loaded] { opacity: 1; } .scroll-section__slide-text { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; position: absolute; right: 12px; bottom: 12px; display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 1.2rem 2.4rem; background: rgba(255, 255, 255, 0.7); color: #292522; border-radius: .8rem; } @media only screen and (max-width: 750px) { .scroll-section__slide-text { right: auto; bottom: 6px; left: 6px; padding: 8px 12px; } .scroll-section__slide-text p { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .scroll-section .swiper-container { width: 100%; height: 100px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container { height: auto; } } .scroll-section .swiper-container._mob { height: auto; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container._mob { margin-bottom: 34px; } } .scroll-section .swiper-container._top { height: 514px; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container._top { height: auto; margin-bottom: 34px; } } .scroll-section .swiper-container._top._big { height: 659px; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container._top._big { height: auto; } } .scroll-section .swiper-container._top._noThumbs { height: 616px; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container._top._noThumbs { height: auto; } } .scroll-section .swiper-container._bottom { margin-top: 2px; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container._bottom { display: none; } } .scroll-section .swiper-container._bottom .swiper-slide-thumb-active { padding: 10px 0; position: relative; } .scroll-section .swiper-container._bottom .swiper-slide-thumb-active:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); } .scroll-section .swiper-wrapper { height: 100%; } @media only screen and (max-width: 750px) { .scroll-section .swiper-wrapper { height: calc(100vw / 1.5); } } .scroll-section .swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .scroll-section .swiper-pagination { position: relative; bottom: auto; margin-top: 36px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; } } .scroll-section .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 8px; height: 8px; } .scroll-section .swiper-pagination-bullet-active { background: #3b4658; } .scroll-section .swiper-pagination-lock { /* stylelint-disable */ display: none !important; /* stylelint-enable */ } @media only screen and (max-width: 750px) { .scroll-section .swiper-button-next._mobile { right: 12px; } } @media only screen and (max-width: 750px) { .scroll-section .swiper-button-prev._mobile { left: 12px; } } .scroll-section .swiper-button-next, .scroll-section .swiper-button-prev { -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; } @media only screen and (max-width: 750px) { .scroll-section .swiper-button-next, .scroll-section .swiper-button-prev { display: none; } } @media only screen and (max-width: 750px) { .scroll-section .swiper-button-next._mobile, .scroll-section .swiper-button-prev._mobile { display: block; margin-top: -25px; } } .scroll-section .swiper-lazy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background-size: cover; background-position: center; cursor: pointer; background-color: #f2f2f2; } .scroll-section .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .scroll-section .chevronDown { position: absolute; top: 50%; right: 1.5rem; display: none; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 750px) { .scroll-section .chevronDown { display: block; } } .scroll-section .chevronDown._active { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .scroll-section-slide { position: relative; width: calc(100% + 40px); padding: 100px 0; margin-left: -20px; } .scroll-section-slide iframe { position: relative; width: 100%; height: 100%; z-index: 1; } @media only screen and (max-width: 750px) { .scroll-section-slide { width: 100%; min-height: auto; padding: 0; overflow: hidden; margin-left: 0; } } .scroll-section-slide:first-child { padding-top: 46px; } @media only screen and (max-width: 750px) { .scroll-section-slide:first-child { padding-top: 0; } } .scroll-section-slide:last-child { padding-bottom: 50px; } @media only screen and (max-width: 750px) { .scroll-section-slide:last-child { padding-bottom: 0; } } @media only screen and (max-width: 750px) and (max-width: 750px) { .scroll-section-slide:last-child .container { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } @media only screen and (max-width: 750px) { .scroll-section-slide._white-bg { background-color: white; } } .scroll-section-slide._loaded { min-height: auto; } .scroll-section-slide._first { min-height: 400px; } @media only screen and (max-width: 750px) { .scroll-section-slide._first { min-height: auto; } } .scroll-section-slide._entrance { padding: 50px 0; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance { padding: 22px 0; overflow: visible; } } .scroll-section-slide._entrance:first-child { padding-top: 100px; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance:first-child { padding-top: 44px; } } .scroll-section-slide._entrance:last-child { padding-bottom: 0; } .scroll-section-slide._entrance .scroll-section-slide__title { margin-bottom: 32px; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__title { padding: 0; margin-bottom: 0; border: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__title-btn { display: none; } } .scroll-section-slide._entrance .scroll-section-slide__text { margin-top: 32px; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__text { margin-top: 24px; font-size: 16px; line-height: 26px; } } .scroll-section-slide._entrance .scroll-section-slide__link { cursor: pointer; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 40px; padding: 6px 20px; margin-bottom: 36px; border: 1px solid #d8dade; text-decoration: none; text-align: center; } } .scroll-section-slide._entrance .scroll-section-slide__right { width: 48%; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__content._image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .scroll-section-slide._entrance .scroll-section-slide__image._alone { width: 100%; height: 364px; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__image._alone { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 249px; margin: 0; } } .scroll-section-slide._entrance .scroll-section-slide__image._alone.video:before { display: none; } @media only screen and (max-width: 750px) { .scroll-section-slide .scroll-section__slider { margin-top: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide .scroll-section__slider._mt30 { margin-top: 30px; } } .scroll-section-slide .comp-d-panorama.--new:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .scroll-section-slide__wrap { padding: 20px 20px 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide__wrap._no-sub { padding-top: 0; } } .scroll-section-slide .container { position: relative; padding-right: 230px; max-width: none; } @media only screen and (max-width: 750px) { .scroll-section-slide .container { padding: 0; } } .scroll-section-slide .container._child { padding-left: 20px; } @media only screen and (max-width: 750px) { .scroll-section-slide .container._child { padding: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide .container._child .scroll-section-slide__wrap { padding: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide__wrapper._excursion .comp-d-panorama { margin-bottom: 34px; } .scroll-section-slide__wrapper._excursion:last-child .scroll-section-slide__title { border-bottom: none; } .scroll-section-slide__wrapper._excursion .scroll-section-slide__wrap { display: block; } .scroll-section-slide__wrapper._excursion .scroll-section-slide__title { padding: 0 20px 18px; border: none; } .scroll-section-slide__wrapper._excursion .scroll-section-slide__title-btn { display: none; } .scroll-section-slide__wrapper._excursion .scroll-section-slide { padding-top: 34px; } } @media only screen and (max-width: 750px) { .scroll-section-slide__wrapper._excursion .container { padding: 0; } } .scroll-section-slide__wrapper._excursion .swiper-container._top { height: 460px; } @media only screen and (max-width: 750px) { .scroll-section-slide__wrapper._excursion .swiper-container._top { height: auto; } } .scroll-section-slide._background-color { background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .scroll-section-slide._background-color { background-color: #fff; } .scroll-section-slide._background-color .scroll-section-slide__wrap { background-color: #fff; } } .scroll-section-slide__text-wrap { width: 80%; } .scroll-section-slide__text-wrap._margin-top { margin-top: 40px; } @media only screen and (max-width: 750px) { .scroll-section-slide__text-wrap { width: 100%; } } .scroll-section-slide__text p a u, .scroll-section-slide__subtitle p a u { text-decoration: none; } .scroll-section-slide__text p a, .scroll-section-slide__subtitle p a { position: relative; } .scroll-section-slide__text p a:after, .scroll-section-slide__subtitle p a:after { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-color: #3b4658; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .scroll-section-slide__text p a:hover:after, .scroll-section-slide__subtitle p a:hover:after { opacity: 0; } .scroll-section-slide__text { margin-top: 36px; font-size: 16px; line-height: 28px; font-weight: 300; } @media only screen and (max-width: 750px) { .scroll-section-slide__text { margin-top: 24px; margin-bottom: 32px; } } .scroll-section-slide__text:first-child { margin-top: 0; } .scroll-section-slide__text:first-child._mt { margin-top: 36px; } @media only screen and (max-width: 750px) { .scroll-section-slide__text:first-child._mt { margin-top: 24px; } } .scroll-section-slide__text._mb40 { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .scroll-section-slide__text._mb40 { margin-bottom: 24px; } } .scroll-section-slide__text p { margin-bottom: 1.6rem; } .scroll-section-slide__text p:last-child { margin-bottom: 0; } .scroll-section-slide__text p:only-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .scroll-section-slide__text p { margin-bottom: 1.2rem; } } .scroll-section-slide__title { position: relative; margin-bottom: 36px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .scroll-section-slide__title { margin: 0; padding: 16px 20px; font-size: 18px; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-weight: 500; line-height: 26px; border-top: 1px solid rgba(0, 0, 0, 0.1); } } .scroll-section-slide__title-btn { position: absolute; left: 40px; display: none; width: 30px; height: 30px; font-size: 24px; line-height: 26px; text-align: center; border-radius: 50%; background-color: #d4d4d4; cursor: pointer; } @media only screen and (max-width: 750px) { .scroll-section-slide__title-btn { display: block; } } .scroll-section-slide__title-btn:before, .scroll-section-slide__title-btn:after { content: ""; position: absolute; top: 50%; left: 9px; width: 12px; height: 2px; background: #3b4658; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .scroll-section-slide__title-btn:after { -webkit-transform: translate3d(0, -50%, 0) rotate(90deg); transform: translate3d(0, -50%, 0) rotate(90deg); -webkit-transform-origin: center; transform-origin: center; } .scroll-section-slide__title-btn.--collapsed:after { -webkit-transform: translate3d(0, -50%, 0) rotate(180deg); transform: translate3d(0, -50%, 0) rotate(180deg); } .scroll-section-slide__title-btn.--collapsed:before { -webkit-transform: translate3d(0, -50%, 0) rotate(180deg); transform: translate3d(0, -50%, 0) rotate(180deg); } .scroll-section-slide__subtitle { margin-bottom: 36px; font-size: 24px; line-height: 40px; font-weight: 300; } @media only screen and (max-width: 750px) { .scroll-section-slide__subtitle { margin-bottom: 32px; font-size: 18px; line-height: 164%; } } .scroll-section-slide__subtitle._w80 { width: 80%; } @media only screen and (max-width: 750px) { .scroll-section-slide__subtitle._w80 { width: 100%; } } @media only screen and (max-width: 750px) { .scroll-section-slide__subtitle._small-mob { font-size: 16px; line-height: 26px; } } .scroll-section-slide__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 5px; } @media only screen and (max-width: 750px) { .scroll-section-slide__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .scroll-section-slide__row:last-child { margin-bottom: 0; } .scroll-section-slide__row._reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .scroll-section-slide__row._margin-top { margin-top: 50px; } .scroll-section-slide__content { width: 100%; } .scroll-section-slide__content._image { width: 530px; margin-right: 70px; } @media only screen and (max-width: 750px) { .scroll-section-slide__content._image { width: 100%; margin-right: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide__content._ml { margin-left: -1px; } } .scroll-section-slide__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; width: 440px; } @media only screen and (max-width: 750px) { .scroll-section-slide__right { margin: 0 auto; } } @media only screen and (max-width: 750px) { .scroll-section-slide__right .scroll-section-slide__image { display: none; } } .scroll-section-slide__image { position: relative; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width: 388px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f2f2f2; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } @media only screen and (max-width: 750px) { .scroll-section-slide__image { height: 308px; width: 100%; } } .scroll-section-slide__image[href]:not([href=""]) { cursor: pointer; } .scroll-section-slide__image._full { height: 100%; -ms-flex-negative: 1; flex-shrink: 1; } .scroll-section-slide__image._full-width { width: 100%; height: 514px; margin-top: 80px; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._full-width { display: block; width: 100vw; margin: 0 -20px; height: calc(100vw / 1.5); } } .scroll-section-slide__image[lazy=loaded], .scroll-section-slide__image._image-loaded { opacity: 1; } .scroll-section-slide__image._big-vertical { width: 49.8%; height: 608px; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._big-vertical { width: 100%; height: 100%; } } .scroll-section-slide__image._big-h { width: 63.8%; height: 300px; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._big-h { width: 100%; height: 100%; } } .scroll-section-slide__image._small { width: 35.6%; height: 300px; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._small { width: 100%; height: 100%; } } .scroll-section-slide__image._middle { width: 100%; height: 301px; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._middle { height: 100%; } } @media only screen and (max-width: 750px) { .scroll-section-slide__image._white-bg { background-color: white; } } @media only screen and (max-width: 750px) { .scroll-section-slide__image._contain { background-size: contain; } } .scroll-section-slide__image._mob { display: none; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._mob { display: block; width: 100vw; margin: 0 -20px; height: calc(100vw / 1.5); } } .scroll-section-slide__image .scroll-section-slide__image-video:hover { -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); transform: translate3d(-50%, -50%, 0) scale(0.8); } .scroll-section-slide__image-video { position: absolute; top: 50%; left: 50%; z-index: 1; width: 64px; height: 64px; border-radius: 50%; background: rgba(249, 249, 249, 0.4); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .scroll-section-slide__image-video svg { position: absolute; top: 50%; left: 50%; z-index: 1; width: 22px; height: 22px; margin-left: 2px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .scroll-section-slide__image-slide { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .scroll-section-slide__image-slide[lazy=loaded] { opacity: 1; } .scroll-section-slide__image-slide-contain { width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .scroll-section-slide__image-slide-contain[lazy=loaded] { opacity: 1; } @media only screen and (max-width: 750px) { .scroll-section-slide__image-slide-contain { background-size: cover; } } .scroll-section-slide__image-text { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; position: absolute; right: 12px; bottom: 12px; display: inline-block; padding: 1.2rem 2.4rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: rgba(255, 255, 255, 0.7); color: #292522; border-radius: .8rem; } @media only screen and (max-width: 750px) { .scroll-section-slide__image-text { right: auto; bottom: 6px; left: 6px; padding: 8px 12px; } .scroll-section-slide__image-text p { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .scroll-section-slide__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 41px; margin-top: 32px; color: white; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .scroll-section-slide__button { width: 100%; margin-top: 0; text-align: center; margin-bottom: 48px; } } @media only screen and (max-width: 750px) { .scroll-section-slide__button._margin-bot-mob { margin-bottom: 32px; } } .scroll-section-slide__button._no-margin { margin-top: 0; } .scroll-section-slide__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 36px; font-size: 14px; line-height: 20px; color: white; background-color: #ef3b24; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 40px; padding: 0 32px; border-radius: 4px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .scroll-section-slide__link { margin-top: 0; margin-bottom: 48px; width: 100%; height: 60px; } } @media (hover), (min-width: 0 \0) { .scroll-section-slide__link:hover { background-color: #f14f3a; } } .scroll-section-slide__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media only screen and (max-width: 750px) { .scroll-section-slide__gallery { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; } } .scroll-section-slide__gallery._column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .scroll-section-slide__gallery-wrapper { margin: 50px 0 50px; } @media only screen and (max-width: 750px) { .scroll-section-slide__gallery-wrapper { margin: 0 -20px 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide__gallery-wrapper._mt30 { margin-top: 30px; } } @media only screen and (max-width: 750px) { .scroll-section-slide__gallery-slider { margin-bottom: 8px; } } .scroll-section-slide__gallery-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 49.6%; } .scroll-section-slide__gallery-column .scroll-section-slide__row { margin-top: 6px; } .scroll-section-slide__gallery-column .scroll-section-slide__row:first-child { margin-top: 0; } .scroll-section-slide__cell { width: calc(50% - 25px); } @media only screen and (max-width: 750px) { .scroll-section-slide__cell { width: 100%; } } .scroll-section-slide__cell .scroll-section-slide__text p { margin-bottom: 0; } .scroll-section-slide__video { position: relative; width: 100%; height: 460px; margin-top: 40px; } @media only screen and (max-width: 750px) { .scroll-section-slide__video { height: 300px; margin-top: 20px; } } .scroll-section-slide__video > iframe { position: relative; width: 100%; height: 100%; z-index: 1; } .scroll-section-slide__video-preview { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #d4d4d4; opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 2; } .scroll-section-slide__video-preview._hidden { opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .scroll-section-slide__plan-pins { margin-top: 64px; } @media only screen and (max-width: 750px) { .scroll-section-slide__plan-pins { margin-top: 36px; } } .scroll-section-slide__h2 { margin-bottom: 40px; font-size: 28px; line-height: 31px; } @media only screen and (max-width: 750px) { .scroll-section-slide__h2 { margin-bottom: 20px; font-size: 20px; line-height: 22px; } } .scroll-section-slide__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 48px; } @media only screen and (max-width: 750px) { .scroll-section-slide__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 24px; margin-bottom: 40px; } } .scroll-section-slide__bottom-button { -ms-flex-negative: 0; flex-shrink: 0; width: 335px; height: 56px; margin-left: 62px; } @media only screen and (max-width: 750px) { .scroll-section-slide__bottom-button { width: 100%; margin-top: 32px; margin-left: 0; } } .scroll-section-slide__icons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 75px; margin-bottom: -40px; } @media only screen and (max-width: 750px) { .scroll-section-slide__icons { margin-top: 32px; margin-bottom: -28px; } } .scroll-section-slide__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 300px; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .scroll-section-slide__icon { width: 100%; margin-bottom: 28px; } } .scroll-section-slide__icon:not(:nth-child(3n)) { margin-right: 44px; } @media only screen and (max-width: 750px) { .scroll-section-slide__icon:not(:nth-child(3n)) { margin-right: 0; } } .scroll-section-slide__icon-img { -ms-flex-negative: 0; flex-shrink: 0; width: 48px; height: 48px; margin-right: 24px; background-position: center; background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .scroll-section-slide__icon-img { width: 32px; height: 32px; margin-right: 16px; } } .scroll-section-slide__icon-text { font-size: 16px; line-height: 24px; } @media only screen and (max-width: 750px) { .scroll-section-slide__icon-text { font-size: 14px; line-height: 20px; } } .scroll-section-slide__icon-button { -ms-flex-negative: 0; flex-shrink: 0; width: 335px; height: 56px; margin-top: 56px; } @media only screen and (max-width: 750px) { .scroll-section-slide__icon-button { width: 100%; margin-top: 32px; margin-bottom: 40px; } } .scroll-section-slide__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } @media only screen and (max-width: 750px) { .scroll-section-slide__cards { margin-top: 12px; } } .scroll-section-slide__cards._mt0 { margin-top: 0; } @media only screen and (max-width: 750px) { .scroll-section-slide__cards._mt0 { margin-top: 12px; } } @media only screen and (max-width: 750px) { .scroll-section-slide__children { margin-bottom: 24px; } } .flat-exchange-form-intro { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 312px; padding: 40px 0; background-color: #f9f9f9; overflow: hidden; } @media only screen and (max-width: 750px) { .flat-exchange-form-intro { height: auto; padding: 24px 0 32px; background-color: white; } } .flat-exchange-form-intro__title { font-size: 36px; line-height: 48px; } @media only screen and (max-width: 750px) { .flat-exchange-form-intro__title { font-size: 21px; line-height: 28px; } } .flat-exchange-form-intro__pattern { position: absolute; top: 0; left: 50%; width: 1310px; height: 100%; background-size: auto 100%; background-position: left center; background-repeat: no-repeat; } @media only screen and (min-width: 1921px) { .flat-exchange-form-intro__pattern { left: 52%; background-repeat: repeat-x; } } @media only screen and (max-width: 750px) { .flat-exchange-form-intro__pattern { position: relative; left: 0; width: 100%; height: 180px; margin-top: 32px; background-size: cover; background-position: left center; } } .flat-exchange-form { min-height: calc(100vh - 110px); } @media only screen and (max-width: 750px) { .flat-exchange-form { min-height: calc(100vh - 60px); } } .comp-l-intro { height: 200px; background: url(/static/images/project-pattern.jpg) no-repeat center/cover; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .comp-l-intro { height: auto; background: none; } } @media only screen and (max-width: 750px) { .comp-l-intro._commerce { height: 276px; background: url(/static/images/project-pattern.jpg) no-repeat center/cover; } .comp-l-intro._commerce .comp-l-intro__wrap { padding-top: 56px; } .comp-l-intro._commerce .comp-l-intro__title { color: #fff; } } .comp-l-intro__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 30px; padding-bottom: 30px; height: 100%; } @media only screen and (max-width: 750px) { .comp-l-intro__wrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 24px; padding-bottom: 24px; } } .comp-l-intro__wrap._commerce { padding-top: 32px; padding-bottom: 50px; } .comp-l-intro__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comp-l-intro__title { font-size: 36px; line-height: 48px; color: #fff; } @media only screen and (max-width: 750px) { .comp-l-intro__title { font-size: 21px; line-height: 28px; color: #3b4658; } } .comp-l-intro__on-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } @media only screen and (max-width: 750px) { .comp-l-intro__on-map { display: none; } } .comp-l-intro__on-map:before { content: ''; display: block; width: 10px; height: 14px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMCAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPlZlY3RvcjwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNzA1IDYyMCkiPgo8ZyBpZD0iVmVjdG9yIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjcwNSAtNjIwKSIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9maWxsIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0gNC45NzgxIDBDIDcuNzI4MSAwIDkuOTU3MSAyLjIyOSA5Ljk1NzEgNC45NzlDIDkuOTU3MSA4LjkxMyA2LjUzNjEgMTIuMjk0IDQuOTc5MSAxNC4wMzlDIDMuNTE5MSAxMi4zNTQgMC4wMjQwOTU5IDguOTk2IDkuNTg3MzRlLTA1IDQuOTc5QyAtMC4wMTY5MDQxIDIuMjMgMi4yMjkxIDAgNC45NzgxIDBaTSA0Ljk3ODEgMy4wNjFDIDYuMDgzMSAzLjA2MSA2Ljk4MDEgMy45NTcgNi45ODAxIDUuMDYyQyA2Ljk4MDEgNi4xNjcgNi4wODQxIDcuMDYzIDQuOTc4MSA3LjA2M0MgMy44NzIxIDcuMDYzIDIuOTc3MSA2LjE2OCAyLjk3NzEgNS4wNjJDIDIuOTc3MSAzLjk1NyAzLjg3MjEgMy4wNjEgNC45NzgxIDMuMDYxWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat center/contain; margin-right: 6px; } .comp-l-intro__on-map:hover { text-decoration: underline; } .comp-l-intro__on-map.list:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8dGl0bGU+R3JvdXAgMTQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTU4MiA2MTgpIj4KPGcgaWQ9Ikdyb3VwIDE0Ij4KPGcgaWQ9IlZlY3RvciAyIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NTgyLjUgLTYxNy41KSIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMi4xIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NTgyLjUgLTYwOS41KSIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMi4yIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NTgyLjUgLTYxMy41KSIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjwvZz4KPC9nPgo8ZGVmcz4KPHBhdGggaWQ9InBhdGgwX3N0cm9rZSIgZD0iTSA4LjUgLTAuNUwgMCAtMC41TCAwIDAuNUwgOC41IDAuNUwgOC41IC0wLjVaIi8+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat center/contain; margin-right: 10px; } .comp-l-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 300px; } @media only screen and (max-width: 750px) { .comp-l-card { width: 100%; min-height: 373px; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #c9c9c9; } } .comp-l-card__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width: 380px; margin-right: 30px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f2f2f2; font-size: 20px; color: rgba(57, 70, 90, 0.3); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } @media only screen and (max-width: 750px) { .comp-l-card__image { width: 100%; height: unset; padding-top: 80%; margin-right: 0; z-index: 1; } } .comp-l-card__content { position: relative; height: 100%; width: 450px; } @media only screen and (max-width: 750px) { .comp-l-card__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; z-index: 2; } } .comp-l-card__title { font-family: "Grtsk-Tera", "Verdana", sans-serif; font-weight: 600; font-size: 21px; line-height: 28px; } .comp-l-card__subtitle { height: 24px; margin-top: 8px; font-size: 16px; line-height: 24px; font-weight: 300; color: #9c9c9c; } @media only screen and (max-width: 750px) { .comp-l-card__subtitle { min-height: 50px; height: auto; } } .comp-l-card__price { margin-top: 22px; height: 36px; font-size: 20px; line-height: 32px; } @media only screen and (max-width: 750px) { .comp-l-card__price { margin-top: 0; } } .comp-l-card__text { height: 96px; margin-top: 32px; font-size: 16px; line-height: 24px; font-weight: 300; overflow: hidden; } @media only screen and (max-width: 750px) { .comp-l-card__text { display: none; } } .comp-l-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: 0; width: 100%; } @media only screen and (max-width: 750px) { .comp-l-card__info { position: static; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 12px; } } .comp-l-card__flats { position: absolute; left: 0; bottom: 0; font-size: 16px; line-height: 24px; text-decoration: underline; } @media only screen and (max-width: 750px) { .comp-l-card__flats { position: static; font-size: 14px; } } .comp-l-card__flats:hover { text-decoration: none; } .comp-l-card__term { position: absolute; right: 0; bottom: 0; font-size: 14px; line-height: 24px; font-weight: 300; color: #9c9c9c; } @media only screen and (max-width: 750px) { .comp-l-card__term { position: static; } } @media only screen and (max-width: 750px) { .comp-l-card__shields { display: none; } } .comp-l-card__shields._mobile { display: none; position: absolute; right: -8px; top: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .comp-l-card__shields._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .comp-l-card__shield { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; height: 30px; width: 130px; color: #fff; } @media only screen and (max-width: 750px) { .comp-l-card__shield { position: relative; top: auto; left: auto; } } .comp-l-card__shield.launch { background-color: #99c846; } .comp-l-card__shield.start { background-color: #3b4658; } .comp-l-card__shield.sale { background-color: #ef3b24; } .comp-l-card__shield.delivered { background-color: #99c846; } .comp-l-completed { padding-top: 40px; padding-bottom: 56px; } .comp-l-completed._hide { height: 0; opacity: 0; } .comp-l-completed__content._hide { opacity: 0; height: 0; } .comp-l-completed__load { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 450px; } @media only screen and (max-width: 750px) { .comp-l-completed__load { min-height: 200px; } } .comp-l-completed__title { margin-bottom: 45px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .comp-l-completed__title { margin-bottom: 25px; font-size: 18px; line-height: 24px; } } .comp-l-completed__list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; margin-right: -20px; } .comp-l-completed__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; -ms-flex-preferred-size: calc(100% / 3 - 20px); flex-basis: calc(100% / 3 - 20px); height: 280px; background-position: center; background-size: cover; margin-right: 20px; margin-bottom: 20px; padding: 30px; -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease; will-change: transform, box-shadow; } @media only screen and (max-width: 750px) { .comp-l-completed__card { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .comp-l-completed__card:hover { -webkit-transform: scale(1.03); transform: scale(1.03); } .comp-l-completed__card:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), color-stop(64.2%, rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 64.2%); } .comp-l-completed__card:last-child { margin-right: 0; } .comp-l-completed__card-title { position: relative; font-size: 18px; color: #fff; font-family: "Grtsk-Exa", "Verdana", sans-serif; margin-bottom: 5px; z-index: 1; } .comp-l-completed__card-subtitle { position: relative; font-size: 13px; color: #fff; font-family: "Grtsk-Exa", "Verdana", sans-serif; z-index: 1; } .comp-l-a-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 70px 60px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .comp-l-a-card { background-position: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } } .comp-l-a-card:first-of-type, .comp-l-a-card:last-child { margin-bottom: 0; } .comp-l-a-card__left, .comp-l-a-card__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 750px) { .comp-l-a-card__left { margin-bottom: 26px; } } .comp-l-a-card__title { margin-bottom: 10px; font-size: 34px; line-height: 37px; color: white; } .comp-l-a-card__subtitle { font-weight: 300; font-size: 16px; line-height: 18px; color: white; } .comp-l-a-card__btn { height: 50px; padding: 0 46px; background-color: white; border: none; } .complex-list { padding-bottom: 60px; font-size: 14px; border-bottom: 1px solid #d4d4d4; position: relative; } @media only screen and (max-width: 750px) { .complex-list { min-height: 600px; } } .complex-list__block { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity .6s ease; transition: opacity .6s ease; } .complex-list__block.active { position: relative; opacity: 1; visibility: visible; pointer-events: all; -webkit-transition: opacity .6s ease; transition: opacity .6s ease; } .complex-list__cards { width: 900px; padding-right: 40px; } @media only screen and (max-width: 750px) { .complex-list__cards { width: 100%; padding-right: 0; } } .complex-list__card { display: block; margin-bottom: 60px; } .complex-list__card .imcomp-l-card__image { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; will-change: transform; } @media only screen and (max-width: 750px) { .complex-list__card { width: 100%; margin-bottom: 20px; } } .complex-list__card:last-child { margin-bottom: 0; } .complex-list__card:hover .comp-l-card__image { -webkit-transform: scale(1.03); transform: scale(1.03); } @media only screen and (max-width: 750px) { .complex-list__card:hover .comp-l-card__image { -webkit-transform: scale(1); transform: scale(1); } } .complex-list__resale { width: 860px; margin-top: 53px; margin-bottom: 31px; } @media only screen and (max-width: 750px) { .complex-list__resale { width: 100%; } } .complex-list__wrap { position: relative; padding-top: 40px; } @media only screen and (max-width: 750px) { .complex-list__wrap { width: 100%; padding: 0 20px 0; } } .complex-list__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 40px; border-bottom: 1px solid #d9d9d9; /*stylelint-disable*/ scrollbar-width: none; /* Firefox */ /*stylelint-enable*/ -ms-overflow-style: none; /* IE 10+ */ overflow-x: scroll; } .complex-list__tabs::-webkit-scrollbar { display: none; /* Chrome Safari */ } @media only screen and (max-width: 750px) { .complex-list__tabs { margin-bottom: 24px; } } .complex-list__tab { -ms-flex-negative: 0; flex-shrink: 0; padding-bottom: 11px; font-size: 16px; line-height: 24px; } @media only screen and (max-width: 750px) { .complex-list__tab { margin-right: 30px; padding-bottom: 15px; } } .complex-list__map { position: absolute; top: 0; right: 0; height: 100%; width: calc((100vw - 1280px) / 2 + 340px); } @media only screen and (max-width: 750px) { .complex-list__map._hidden { display: none; } } .complex-list__map-wrap { position: absolute; top: 76px; right: 0; height: 100%; width: inherit; max-height: calc(100vh - 139px); } @media only screen and (max-width: 750px) { .complex-list__map-wrap { position: static; } } .complex-list__map-wrap.sticky { position: fixed; top: 139px; } .complex-list__map-wrap.end { position: absolute; right: 0; bottom: 0; top: auto; } .complex-list__map-container { position: relative; height: 100%; width: 100%; z-index: 1; } @media only screen and (max-width: 750px) { .complex-list__map-container { min-height: 560px; } } .complex-list__map-container .mapboxgl-popup-tip { border: none; } .complex-list__map-container .mapboxgl-popup-content { font-size: 18px; font-family: Grtsk-Exa, sans-serif; background: none; -webkit-box-shadow: none; box-shadow: none; } .complex-list__map-container .mapboxgl-popup-content__subtitle { font-size: 12px; line-height: 16px; } .complex-list__map-controls { position: absolute; bottom: 43px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } @media only screen and (max-width: 750px) { .complex-list__map-controls { display: none; } } .complex-list__map-links { position: absolute; top: -20px; left: 50%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0); } @media only screen and (max-width: 750px) { .complex-list__map-links { display: none; } } .complex-list__map-links._mobile { position: relative; top: 0; left: 0; display: none; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto 24px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media only screen and (max-width: 750px) { .complex-list__map-links._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .complex-list__map-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px 16px; border: 1px solid #3b4658; border-radius: 30px; background: white; -webkit-transition: all .3s ease; transition: all .3s ease; } .complex-list__map-link:first-child { margin-right: 8px; } .complex-list__map-link._active { background: #3b4658; color: white; } .complex-list__map-link._active .complex-list__map-link-inc { fill: white; } .complex-list__map-link-inc { width: 16px; height: 16px; margin-right: 9px; fill: #3b4658; } @media only screen and (max-width: 750px) { .complex-list__map-link-inc { width: 14px; height: 14px; } } .complex-list__map-link-text { font-size: 14px; line-height: 16px; } .complex-list__a-card { width: 860px; margin-top: 50px; } @media only screen and (max-width: 750px) { .complex-list__a-card { width: 100%; } } .complex-list-mobile { display: none; } .complex-list-mobile__button { display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; z-index: 10; } @media only screen and (max-width: 750px) { .complex-list-mobile__button { display: -webkit-box; display: -ms-flexbox; display: flex; } } .complex-list-mobile__button:before { content: ''; display: block; width: 10px; height: 14px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMCAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPlZlY3RvcjwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNzA1IDYyMCkiPgo8ZyBpZD0iVmVjdG9yIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjcwNSAtNjIwKSIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9maWxsIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0gNC45NzgxIDBDIDcuNzI4MSAwIDkuOTU3MSAyLjIyOSA5Ljk1NzEgNC45NzlDIDkuOTU3MSA4LjkxMyA2LjUzNjEgMTIuMjk0IDQuOTc5MSAxNC4wMzlDIDMuNTE5MSAxMi4zNTQgMC4wMjQwOTU5IDguOTk2IDkuNTg3MzRlLTA1IDQuOTc5QyAtMC4wMTY5MDQxIDIuMjMgMi4yMjkxIDAgNC45NzgxIDBaTSA0Ljk3ODEgMy4wNjFDIDYuMDgzMSAzLjA2MSA2Ljk4MDEgMy45NTcgNi45ODAxIDUuMDYyQyA2Ljk4MDEgNi4xNjcgNi4wODQxIDcuMDYzIDQuOTc4MSA3LjA2M0MgMy44NzIxIDcuMDYzIDIuOTc3MSA2LjE2OCAyLjk3NzEgNS4wNjJDIDIuOTc3MSAzLjk1NyAzLjg3MjEgMy4wNjEgNC45NzgxIDMuMDYxWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat center/contain; margin-right: 6px; } .complex-list-mobile__button._close:before { width: 10px; height: 10px; margin-right: 8px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTkyNTggMEw5Ljg5OTY5IDAuNzA3MTA3TDAuNzA3Mjk4IDkuODk5NUwwLjAwMDE5MTYyOSA5LjE5MjM5TDkuMTkyNTggMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0wLjcwNzEwNyAwTDAgMC43MDcxMDdMOS4xOTIzOSA5Ljg5OTVMOS44OTk1IDkuMTkyMzlMMC43MDcxMDcgMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat center/contain; } .complex-list-mobile__tabs { display: none; padding: 0 20px; border-bottom: 1px solid #d9d9d9; /*stylelint-disable*/ scrollbar-width: none; /* Firefox */ /*stylelint-enable*/ -ms-overflow-style: none; /* IE 10+ */ overflow-x: scroll; } .complex-list-mobile__tabs::-webkit-scrollbar { display: none; /* Chrome Safari */ } @media only screen and (max-width: 750px) { .complex-list-mobile__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; } } .complex-list-mobile__tab { position: relative; padding-bottom: 15px; margin-right: 22px; text-decoration: none; font-size: 16px; color: #3b4658; } .complex-list-mobile__tab:after { content: ''; position: absolute; display: block; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .complex-list-mobile__tab.active:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .complex-map { position: relative; height: 630px; } @media only screen and (max-width: 750px) { .complex-map { height: auto; } } .complex-map__map-marker { width: 200px; } .complex-map__container { position: relative; z-index: 1; width: 100%; height: 100%; } @media only screen and (max-width: 750px) { .complex-map__container { height: calc(100vh - 180px); } } .complex-map__container .mapboxgl-popup-tip { border: none; } .complex-map__container .mapboxgl-popup-content { font-size: 18px; font-family: Grtsk-Exa, sans-serif; background: none; -webkit-box-shadow: none; box-shadow: none; } .complex-map__container .mapboxgl-popup-content__subtitle { font-size: 12px; line-height: 16px; } .complex-map__controls { position: absolute; top: 100px; left: 100px; z-index: 2; } @media only screen and (max-width: 750px) { .complex-map__controls { top: 50%; left: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .complex-map__info { position: absolute; top: 0; left: 50%; z-index: 2; width: 1200px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 750px) { .complex-map__info { position: fixed; z-index: 101; width: 100%; height: calc(var(--vh, 1vh) * 100); pointer-events: none; } } .complex-map__links { position: absolute; top: 24px; right: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc((100vw - 1280px) / 2 + 340px); } @media only screen and (max-width: 750px) { .complex-map__links { position: relative; top: 0; left: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 24px auto; } } @media only screen and (max-width: 750px) { .complex-map__links._commerce { margin: 0 auto 24px; } } .complex-map__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px 16px; border: 1px solid #3b4658; border-radius: 30px; background: white; -webkit-transition: all .3s ease; transition: all .3s ease; } .complex-map__link:first-child { margin-right: 8px; } .complex-map__link._active { background: #3b4658; color: white; } .complex-map__link._active .complex-map__link-inc { fill: white; } .complex-map__link-inc { width: 16px; height: 16px; margin-right: 9px; fill: #3b4658; } @media only screen and (max-width: 750px) { .complex-map__link-inc { width: 14px; height: 14px; } } .complex-map__link-text { font-size: 14px; line-height: 16px; } .comp-d-intro { font-size: 15px; } .comp-d-intro .domRF__widget { position: absolute; right: 0; bottom: 102px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1rem 1.2rem; width: 369px; border-radius: 8px; background: rgba(41, 37, 34, 0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; row-gap: .8rem; } @media only screen and (max-width: 750px) { .comp-d-intro .domRF__widget { display: none; } } .comp-d-intro .domRF__logo { height: 42px; background: url(data:image/png;base64,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) no-repeat left/contain; } .comp-d-intro .domRF__text { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 2rem; } .comp-d-intro__special-point { position: absolute; width: 369px; right: 0; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 12px; border-radius: 8px; background: rgba(41, 37, 34, 0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } @media (hover), (min-width: 0 \0) { .comp-d-intro__special-point:hover { background: rgba(41, 37, 34, 0.6); } } @media only screen and (max-width: 750px) { .comp-d-intro__special-point { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 298px; right: unset; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .comp-d-intro__special-point .special-point__separator { display: none; width: 1px; height: 16px; background-color: #727576; margin: 0 12px; } @media only screen and (max-width: 750px) { .comp-d-intro__special-point .special-point__separator { display: block; } } .comp-d-intro__special-point .special-point__icon { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 48px; height: 16px; margin: 0 8px 0 0; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='16' viewBox='0 0 48 16' fill='none'%3E%3Cg clip-path='url(%23clip0_41053_9337)'%3E%3Cpath d='M27.7969 1.7627C33.0956 1.7627 33.0956 1.7627 33.6258 1.90834C33.6537 1.91577 33.6816 1.9232 33.7104 1.93086C34.3405 2.10615 34.8565 2.40295 35.3315 2.84093C35.368 2.87227 35.368 2.87227 35.4053 2.90425C35.7986 3.25493 36.0452 3.72028 36.2327 4.19743C36.2471 4.2337 36.2616 4.26997 36.2764 4.30734C36.6519 5.36299 36.5903 6.67953 36.0921 7.68762C35.9756 7.91453 35.8518 8.13496 35.692 8.33647C35.6643 8.3714 35.6367 8.40632 35.6082 8.44231C34.9546 9.23991 34.0161 9.63961 32.9868 9.77198C32.7086 9.80267 32.4316 9.80175 32.152 9.8007C32.1063 9.80067 32.0606 9.80063 32.0135 9.8006C31.8442 9.80042 31.6749 9.79993 31.5056 9.79948C31.1264 9.79876 30.7472 9.79805 30.3565 9.79731C30.3565 11.2665 30.3565 12.7357 30.3565 14.2494C29.5118 14.2494 28.6671 14.2494 27.7969 14.2494C27.7969 10.1288 27.7969 6.00817 27.7969 1.7627ZM30.3565 3.74526C30.3565 5.08819 30.3565 6.43112 30.3565 7.81474C30.8863 7.81905 30.8863 7.81905 31.4267 7.82344C31.5373 7.8247 31.6478 7.82597 31.7617 7.82727C31.8507 7.82768 31.9397 7.82804 32.0287 7.82833C32.0964 7.8294 32.0964 7.8294 32.1654 7.83048C32.5924 7.83065 32.9951 7.75825 33.3126 7.46692C33.337 7.44477 33.3614 7.42262 33.3866 7.3998C33.8654 6.92475 33.9437 6.31521 33.9407 5.68404C33.9271 5.08551 33.7648 4.53866 33.325 4.09743C32.9475 3.76715 32.4654 3.72909 31.9759 3.73507C31.9346 3.73518 31.8932 3.73528 31.8506 3.73539C31.698 3.73593 31.5455 3.73739 31.3929 3.73874C31.0509 3.74089 30.7089 3.74304 30.3565 3.74526Z' fill='white'/%3E%3Cpath d='M18.8574 1.7627C21.3795 1.7627 23.9016 1.7627 26.5002 1.7627C26.5002 2.41694 26.5002 3.07119 26.5002 3.74526C24.8227 3.74526 23.1453 3.74526 21.417 3.74526C21.417 4.75533 21.417 5.76539 21.417 6.80607C22.8565 6.80607 24.296 6.80607 25.7792 6.80607C25.7792 7.46031 25.7792 8.11456 25.7792 8.78863C24.3397 8.78863 22.9001 8.78863 21.417 8.78863C21.417 9.93644 21.417 11.0842 21.417 12.2668C23.1064 12.2668 24.7957 12.2668 26.5362 12.2668C26.5362 12.9211 26.5362 13.5753 26.5362 14.2494C24.0022 14.2494 21.4682 14.2494 18.8574 14.2494C18.8574 10.1288 18.8574 6.00817 18.8574 1.7627Z' fill='white'/%3E%3Cpath d='M44.8011 2.52589C45.4271 3.06831 45.8151 3.84494 45.8607 4.65913C45.8801 5.7365 45.8801 5.7365 45.7101 6.18004C45.6971 6.21667 45.684 6.2533 45.6705 6.29104C45.4352 6.89367 44.9925 7.35555 44.4472 7.70841C44.3649 7.76347 44.2983 7.81291 44.232 7.88435C44.2568 7.88722 44.2816 7.89009 44.3071 7.89305C44.4388 7.9257 44.5411 7.98696 44.6534 8.05826C44.6755 8.07228 44.6977 8.0863 44.7206 8.10074C45.4143 8.54896 45.7906 9.19058 45.9871 9.96393C46.1792 10.9125 46.0232 11.9654 45.4938 12.7886C45.415 12.8979 45.3307 13.0002 45.2414 13.1016C45.2121 13.1369 45.2121 13.1369 45.1822 13.1728C44.6959 13.7397 43.9641 14.0891 43.2384 14.2777C43.2125 14.2845 43.1866 14.2913 43.1599 14.2982C42.7079 14.4079 42.2518 14.4368 41.7873 14.4342C41.7622 14.4341 41.737 14.434 41.7111 14.434C40.4908 14.4275 39.3449 14.0435 38.4723 13.1964C37.8622 12.5755 37.6682 11.718 37.666 10.8885C37.6708 10.806 37.6708 10.806 37.7069 10.7712C37.7843 10.768 37.8618 10.7672 37.9393 10.7673C37.9757 10.7673 37.9757 10.7673 38.0128 10.7673C38.0934 10.7673 38.174 10.7676 38.2545 10.7679C38.3102 10.7679 38.366 10.768 38.4217 10.768C38.5686 10.7681 38.7155 10.7685 38.8624 10.7689C39.0123 10.7692 39.1621 10.7694 39.3119 10.7695C39.606 10.7699 39.9002 10.7705 40.1944 10.7712C40.1986 10.8063 40.2029 10.8414 40.2074 10.8776C40.2134 10.9245 40.2194 10.9714 40.2255 11.0183C40.2283 11.0413 40.231 11.0643 40.2339 11.088C40.291 11.5226 40.5074 11.8739 40.85 12.156C41.2375 12.4252 41.6791 12.4521 42.1411 12.406C42.5594 12.3274 42.9031 12.1141 43.1505 11.7799C43.5115 11.2197 43.5148 10.5357 43.3636 9.90877C43.2552 9.54068 43.0757 9.25965 42.7444 9.04343C42.4599 8.91051 42.1845 8.87714 41.8716 8.87523C41.8211 8.87436 41.8211 8.87436 41.7696 8.87348C41.6456 8.87149 41.5216 8.87035 41.3975 8.86911C41.1195 8.86553 40.8414 8.86194 40.5549 8.85824C40.5549 8.21548 40.5549 7.57271 40.5549 6.91046C41.3773 6.90176 41.3773 6.90176 41.6344 6.9001C41.7029 6.89908 41.7714 6.89801 41.8399 6.89687C41.8744 6.89683 41.909 6.8968 41.9446 6.89675C42.3161 6.8893 42.6313 6.78781 42.9004 6.53696C43.2831 6.10596 43.3271 5.47396 43.2874 4.93224C43.237 4.53447 43.0396 4.11078 42.7087 3.85686C42.3181 3.62921 41.895 3.54327 41.4443 3.62901C41.0691 3.72665 40.8036 3.89723 40.6009 4.21962C40.4223 4.53853 40.3911 4.7913 40.3386 5.17137C39.5177 5.17137 38.6968 5.17137 37.8511 5.17137C37.7532 4.41614 37.9724 3.63095 38.4553 3.02535C39.1312 2.21846 40.0986 1.73465 41.1632 1.61492C42.438 1.48928 43.8054 1.70005 44.8011 2.52589Z' fill='white'/%3E%3Cpath d='M7.46107 0.29969C9.39285 0.249785 11.2919 0.84968 12.7599 2.07572C12.7889 2.09984 12.8179 2.12397 12.8478 2.14882C13.8956 3.03983 14.6526 4.13695 15.1032 5.41478C15.1122 5.44022 15.1212 5.46566 15.1305 5.49187C15.3386 6.09295 15.467 6.74255 15.4711 7.3771C15.4713 7.40393 15.4716 7.43075 15.4718 7.45839C15.4761 8.03535 15.4789 8.60398 15.3556 9.17122C15.3448 9.22102 15.3448 9.22102 15.3339 9.27182C15.2208 9.77826 15.0602 10.2596 14.8509 10.7364C14.8396 10.7623 14.8284 10.7881 14.8168 10.8147C14.5616 11.3928 14.2033 11.9108 13.8054 12.4059C13.7445 12.4865 13.6847 12.5678 13.6252 12.6494C13.6481 12.6709 13.6481 12.6709 13.6715 12.6929C13.8071 12.8218 13.9353 12.9544 14.0596 13.0934C14.1418 13.1843 14.2258 13.2734 14.3101 13.3624C14.4382 13.498 14.5658 13.6338 14.6898 13.7729C14.7349 13.8232 14.7815 13.8723 14.8283 13.9211C14.9099 14.0392 14.9305 14.1067 14.923 14.2494C14.8549 14.358 14.7658 14.4407 14.6706 14.5276C14.6432 14.5528 14.6157 14.5779 14.5874 14.6039C14.3706 14.7963 14.1433 14.976 13.9136 15.1537C13.873 15.1864 13.8324 15.2192 13.7919 15.2519C13.7506 15.2844 13.7093 15.3169 13.668 15.3494C13.649 15.365 13.63 15.3807 13.6104 15.3968C13.5117 15.4729 13.4598 15.502 13.3318 15.498C13.1742 15.4503 13.0815 15.4055 12.9762 15.282C12.8623 15.152 12.7447 15.0263 12.6247 14.9015C12.5874 14.8626 12.5501 14.8237 12.5128 14.7848C12.475 14.7455 12.4372 14.7061 12.3994 14.6668C12.3265 14.5908 12.2536 14.5147 12.1809 14.4385C12.1492 14.4055 12.1176 14.3724 12.085 14.3384C12.0169 14.2646 11.9544 14.1904 11.8947 14.1103C11.7542 14.1593 11.6277 14.2243 11.4973 14.2937C10.4867 14.8281 9.31089 15.1891 8.15066 15.1956C8.12125 15.1958 8.09184 15.196 8.06153 15.1963C7.96708 15.1969 7.87264 15.1971 7.77818 15.1972C7.72974 15.1972 7.72974 15.1972 7.68032 15.1973C7.19125 15.1967 6.71495 15.1818 6.23476 15.0841C6.20494 15.0782 6.17512 15.0722 6.14439 15.0661C4.97491 14.8241 3.89361 14.3364 2.95415 13.6233C2.90926 13.5907 2.90926 13.5907 2.86346 13.5574C2.30101 13.1354 1.80951 12.6218 1.40397 12.0581C1.38633 12.0336 1.36869 12.0092 1.35051 11.984C1.10647 11.6414 0.897576 11.2885 0.719007 10.9103C0.700822 10.872 0.700822 10.872 0.682269 10.8329C-0.191599 8.96927 -0.198387 6.91158 0.530691 5.00346C0.865897 4.16448 1.37221 3.41068 2.00599 2.75356C2.07799 2.67843 2.14681 2.60178 2.21511 2.52354C3.42861 1.18819 5.37763 0.470933 7.16757 0.310542C7.26541 0.305389 7.36314 0.302596 7.46107 0.29969ZM3.62531 4.07147C2.56501 5.15495 2.12021 6.58612 2.15628 8.05252C2.21281 9.3613 2.82723 10.5616 3.74726 11.5016C3.77371 11.5294 3.80015 11.5571 3.82739 11.5857C4.74199 12.5123 6.13167 13.1 7.45612 13.1394C7.87862 13.1643 7.87862 13.1643 8.28965 13.1016C8.23519 12.7652 8.1457 12.4386 8.05575 12.1099C8.0393 12.0494 8.02286 11.9889 8.00644 11.9283C7.97134 11.7991 7.93614 11.6698 7.90088 11.5406C7.84527 11.3368 7.78995 11.1329 7.73466 10.929C7.5554 10.2684 7.37489 9.60816 7.19218 8.94843C7.13922 8.75699 7.08651 8.5655 7.0338 8.37401C6.98387 8.19276 6.93351 8.01164 6.8828 7.8306C6.85142 7.71816 6.82044 7.60563 6.78958 7.49306C6.77532 7.4414 6.7609 7.38978 6.74628 7.33822C6.66741 7.05958 6.59074 6.78419 6.63132 6.49302C6.68765 6.39954 6.68765 6.39954 6.77552 6.35389C6.98229 6.33585 7.1325 6.38307 7.31628 6.46693C7.34596 6.48015 7.37564 6.49336 7.40622 6.50697C8.20027 6.86714 8.97959 7.26437 9.74731 7.67384C9.97967 7.79746 10.2143 7.91697 10.4488 8.03676C11.0014 8.31904 11.552 8.6044 12.0983 8.89791C12.1944 8.94953 12.2906 9.00105 12.3868 9.05257C12.4567 9.09007 12.5264 9.12776 12.5962 9.16546C12.6392 9.18854 12.6823 9.21161 12.7253 9.23467C12.7633 9.25515 12.8013 9.27563 12.8404 9.29672C12.924 9.33726 12.9931 9.3636 13.0844 9.37992C13.17 9.17541 13.2262 8.97676 13.2692 8.76036C13.2753 8.72953 13.2815 8.69869 13.2879 8.66692C13.3299 8.45264 13.3654 8.24173 13.3728 8.02342C13.3742 7.98231 13.3757 7.94119 13.3772 7.89883C13.4011 6.51697 12.9152 5.1492 11.9311 4.13356C11.869 4.06903 11.8119 4.00308 11.755 3.93438C11.6071 3.76692 11.4249 3.63663 11.2458 3.50178C11.2123 3.47586 11.1788 3.44995 11.1443 3.42325C8.81838 1.67076 5.63616 2.13457 3.62531 4.07147Z' fill='%23FE6C43'/%3E%3Cpath d='M7.02766 6.3192C7.12896 6.35275 7.2198 6.38832 7.31606 6.43224C7.34574 6.44546 7.37542 6.45867 7.406 6.47228C8.20005 6.83245 8.97937 7.22968 9.74709 7.63915C9.97945 7.76277 10.2141 7.88228 10.4486 8.00207C11.0254 8.29672 11.599 8.59649 12.1704 8.90081C12.2061 8.91982 12.2061 8.91982 12.2425 8.93921C12.3604 9.00199 12.4782 9.06481 12.596 9.12771C12.6286 9.14514 12.6286 9.14514 12.662 9.16292C12.7214 9.19462 12.7808 9.22635 12.8402 9.25808C12.9208 9.3004 13.0017 9.34113 13.0842 9.38001C13.0646 9.5789 13.0077 9.73797 12.9219 9.91913C12.9092 9.94637 12.8964 9.97361 12.8833 10.0017C12.6849 10.4157 12.4333 10.7917 12.1469 11.1539C12.4384 11.4856 12.7433 11.8041 13.0536 12.1194C13.1715 12.2396 13.2864 12.3608 13.3971 12.4873C13.4894 12.5903 13.5748 12.6505 13.697 12.7191C13.7842 12.7984 13.8644 12.8835 13.9449 12.9691C13.9786 13.0044 13.9786 13.0044 14.013 13.0405C14.1422 13.1764 14.2702 13.3132 14.3947 13.4532C14.4693 13.5359 14.5463 13.6164 14.6231 13.6973C14.9182 14.0161 14.9182 14.0161 14.9318 14.1929C14.8324 14.471 14.5457 14.6425 14.315 14.8209C14.1566 14.9445 14.0045 15.0751 13.8521 15.2054C13.4997 15.5037 13.4997 15.5037 13.332 15.4973C13.1764 15.4516 13.0798 15.4038 12.976 15.2821C12.8621 15.1521 12.7445 15.0264 12.6245 14.9016C12.606 14.8823 12.5875 14.863 12.5684 14.8431C12.4769 14.7476 12.3852 14.6524 12.2933 14.5572C12.1449 14.4029 11.9992 14.2485 11.8652 14.0821C11.6811 13.8551 11.4728 13.6496 11.2681 13.4402C11.1911 13.3609 11.1156 13.2804 11.0406 13.1995C10.9185 13.068 10.7963 12.9367 10.6733 12.806C10.6481 12.779 10.6481 12.779 10.6225 12.7515C10.5453 12.6698 10.4764 12.6069 10.3804 12.5452C10.2965 12.5761 10.2228 12.6094 10.1438 12.6495C9.56258 12.9265 8.94094 13.1063 8.28943 13.1017C8.20062 12.78 8.11203 12.4582 8.02356 12.1365C8.01664 12.1113 8.00972 12.0861 8.00259 12.0602C7.67879 10.8823 7.36106 9.70289 7.04389 8.52332C7.00404 8.3751 6.96417 8.22689 6.9243 8.07868C6.89677 7.97631 6.86928 7.87392 6.84178 7.77153C6.82494 7.70886 6.80808 7.64618 6.79122 7.5835C6.78337 7.55428 6.77551 7.52506 6.76741 7.49495C6.71789 7.31132 6.66695 7.12813 6.61358 6.94549C6.57326 6.79368 6.56768 6.64728 6.59505 6.49311C6.71662 6.31185 6.8131 6.30204 7.02766 6.3192Z' fill='%23FE8E39'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_41053_9337'%3E%3Crect width='48' height='15.3962' fill='white' transform='translate(0 0.30188)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } @media only screen and (max-width: 750px) { .comp-d-intro__special-point .special-point__icon { margin: 0; } } .comp-d-intro__special-point .special-point__text { font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ color: #fff; white-space: nowrap; } @media only screen and (max-width: 750px) { .comp-d-intro__special-point .special-point__text { font-size: 12px; } } .comp-d-intro__bank { position: absolute; right: 20px; bottom: 50px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1rem 1.2rem; border-radius: 8px; background: rgba(41, 37, 34, 0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; row-gap: .8rem; } @media only screen and (max-width: 750px) { .comp-d-intro__bank { display: none; } } .comp-d-intro__bank-logo { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 42px; } .comp-d-intro__bank-title { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 2rem; } .comp-d-intro__slider { position: relative; height: 444px; overflow: hidden; } @media only screen and (max-width: 750px) { .comp-d-intro__slider { height: 250px; } } .comp-d-intro__slider-wrap { height: 100%; } .comp-d-intro__slider-wrap .slick-nav { left: 50%; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); width: 1200px; } .comp-d-intro__slider-wrap .slick-arrow-next { right: 0; } .comp-d-intro__slider-wrap .slick-arrow-prev { left: 0; } .comp-d-intro__slider-wrap .slick-dots { position: absolute; left: 50%; bottom: 35px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .comp-d-intro__breadcrumbs { position: absolute; top: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .comp-d-intro__breadcrumbs > .breadcrumbs { position: absolute; top: 0; left: 15px; } .comp-d-intro__action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; padding: 20px 40px; background-color: #f2f2f2; cursor: pointer; } .comp-d-intro__action._mt56 { margin-top: 56px; } @media only screen and (max-width: 750px) { .comp-d-intro__action._mt56 { margin-top: 25px; } } .comp-d-intro__action.--mobile { display: none; } @media only screen and (max-width: 750px) { .comp-d-intro__action.--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .comp-d-intro__action-header { width: 100%; } .comp-d-intro__action:hover .comp-d-intro__action-footer:after { background-color: rgba(59, 70, 88, 0); } @media only screen and (max-width: 750px) { .comp-d-intro__action:hover .comp-d-intro__action-footer:after { background-color: #3b4658; } } .comp-d-intro__action:before { content: ""; position: absolute; top: 0; right: 0; width: 6px; height: 100%; background-color: #ef3b24; background-size: 100% 100%; } .comp-d-intro__action-title { font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .comp-d-intro__action-title { font-size: 18px; line-height: 24px; } } .comp-d-intro__action-subtitle { margin-top: 10px; font-size: 16px; line-height: 23px; } @media only screen and (max-width: 750px) { .comp-d-intro__action-subtitle { margin-top: 22px; } } .comp-d-intro__action-footer { position: relative; margin-top: 45px; } .comp-d-intro__action-footer:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .comp-d-intro-slide { position: relative; height: 444px; background-size: cover; background-position: center; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .comp-d-intro-slide { height: 250px; } } .comp-d-intro-slide._gradient:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 70%); z-index: 1; } @media only screen and (max-width: 750px) { .comp-d-intro-slide._gradient:after:after { background: -webkit-gradient(linear, left bottom, left top, from(rgba(5, 30, 41, 0.5)), to(rgba(5, 30, 41, 0))); background: linear-gradient(to top, rgba(5, 30, 41, 0.5), rgba(5, 30, 41, 0)); } } .comp-d-intro-slide__wrap { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1200px; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 57px 0 55px; height: 100%; color: #fff; z-index: 2; } @media screen and (max-width: 1279px) { .comp-d-intro-slide__wrap { padding-left: 2rem; padding-right: 2rem; } } @media only screen and (max-width: 750px) { .comp-d-intro-slide__wrap { padding-top: 2rem; padding-bottom: 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .comp-d-intro-slide__wrap._special { padding-bottom: 4.8rem; } } @media only screen and (max-width: 750px) and (max-width: 750px) { .comp-d-intro-slide__wrap._special .comp-d-intro__special-point { bottom: 1.6rem; } } @media only screen and (max-width: 750px) { .comp-d-intro-slide__content { text-align: center; } } .comp-d-intro-slide__subtitle { position: relative; margin: 8px 0 0 0; font-weight: 400; font-size: 20px; line-height: 26px; z-index: 2; } .comp-d-intro-slide__title { position: relative; font-size: 36px; line-height: 48px; z-index: 2; } @media only screen and (max-width: 750px) { .comp-d-intro-slide__title { font-size: 24px; line-height: 3.2rem; } } .comp-d-intro-slide__subway { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .comp-d-intro-slide__subway { margin-top: .8rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .comp-d-intro-slide__subway-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; font-size: 16px; line-height: 24px; } .comp-d-intro-slide__subway-item span { width: 5px; height: 5px; border-radius: 50%; margin-right: 6px; margin-top: 10.5px; } .comp-d-intro-promo-new { position: relative; height: 444px; background-image: url(/static/images/project-pattern.jpg); background-size: cover; background-position: center; } .comp-d-intro-promo-new__wrap { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 57px 30px 50px; height: 100%; color: #fff; text-align: center; } .comp-d-intro-promo-new__logo { width: 48px; height: 49px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA0OCA0OSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwPC90aXRsZT4KPGRlc2M+Q3JlYXRlZCB1c2luZyBGaWdtYTwvZGVzYz4KPGcgaWQ9IkNhbnZhcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExODcxIC0xNTgpIj4KPGcgaWQ9Ikdyb3VwIj4KPGcgaWQ9IlZlY3RvciI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX2ZpbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExODcxIDE1OCkiIGZpbGw9IiNFQjNEMjQiLz4KPC9nPgo8ZyBpZD0iVmVjdG9yIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDFfZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE4NzIuMyAxNzIuOTY4KSIgZmlsbD0iIzk4QzkzRCIvPgo8L2c+CjwvZz4KPC9nPgo8ZGVmcz4KPHBhdGggaWQ9InBhdGgwX2ZpbGwiIGQ9Ik0gMS4yNjY3NiAzMi40MDcxQyA1LjA2NzA1IDI3LjM2MTQgOS40ODM1OSAyNS4yNjE5IDkuNDgzNTkgMjUuMjYxOUwgOS40ODM1OSAxOC40NTU0QyAxMy43MjkgMTYuMjU0MyAxOC42OTMzIDE0Ljk2NzUgMjMuOTY1OCAxNC45Njc1QyAzNC4wNjU2IDE0Ljk2NzUgNDIuOTMyOSAxOS42MDY4IDQ3Ljg5NzMgMjYuNTE0OUMgNDcuOTY1NyAyNS44Mzc2IDQ4IDI1LjE2MDMgNDggMjQuNDgzMUMgNDggMTAuOTcxNyAzNy4yNDk3IC0zLjg0OThlLTE0IDI0IC0zLjg0OThlLTE0QyAxMC43NTA0IC0zLjg0OThlLTE0IDEuNjcxNzJlLTA1IDEwLjk3MTcgMS42NzE3MmUtMDUgMjQuNDgzMUMgMS42NzE3MmUtMDUgMjcuMTkyMSAwLjQ0NTA4NyAyOS43OTk2IDEuMjMyNTMgMzIuMjcxNkMgMS4zMzUyNCAzMi43MTE4IDEuMjY2NzYgMzIuNDA3MSAxLjI2Njc2IDMyLjQwNzFaIi8+CjxwYXRoIGlkPSJwYXRoMV9maWxsIiBkPSJNIDQ2LjA4MjcgMTUuMDM1MkMgNDYuMDgyNyAxNS4wMDE0IDQ2LjExNyAxNS4wMDE0IDQ2LjA4MjcgMTUuMDM1MkMgNDYuMTg1NCAxNC42Mjg5IDQ2LjI1MzkgMTQuMjkwMyA0Ni4zMjI0IDEzLjg4MzlMIDQ2LjMyMjQgMTMuODVDIDQ2LjM5MDkgMTMuNDc3NSA0Ni40NTk0IDEzLjEwNSA0Ni40OTM2IDEyLjczMjVDIDQ2LjQ5MzYgMTIuNzMyNSA0Ni40OTM2IDEyLjczMjYgNDYuNDkzNiAxMi42OTg3QyA0Ni41Mjc4IDEyLjMyNjIgNDYuNTk2MyAxMS45MTk4IDQ2LjYzMDUgMTEuNTQ3M0MgNDEuNjY2MiA0LjYwNTM5IDMyLjc5ODkgNC4xMzM2OWUtMDYgMjIuNjk5IDQuMTMzNjllLTA2QyAxNy4zOTIzIDQuMTMzNjllLTA2IDEyLjQyOCAxLjI4NjggOC4yMTY4MyAzLjQ4NzkxTCA4LjIxNjgzIDEwLjI5NDRDIDguMjE2ODMgMTAuMjk0NCAzLjgwMDI5IDEyLjM2MDEgMCAxNy40Mzk1QyAxLjQwMzcxIDIxLjYzODYgMy45MDMwMSAyNS4yOTU4IDcuMTIxMjcgMjguMTQwM0MgNy4xNTU1MSAyOC4xNzQxIDcuMTU1NDkgMjguMTc0MiA3LjE4OTczIDI4LjIwOEMgNy4zOTUxNSAyOC4zNzczIDcuNjAwNTkgMjguNTQ2NiA3LjgwNjAxIDI4LjcxNkMgNy44NzQ0OCAyOC43ODM3IDcuOTQyOTUgMjguODE3NiA4LjAxMTQyIDI4Ljg1MTRDIDguMjE2ODQgMjkuMDIwNyA4LjM4ODAxIDI5LjE1NjIgOC41OTM0MyAyOS4yOTE2QyA4LjY2MTkgMjkuMzI1NSA4LjczMDM3IDI5LjM5MzIgOC43OTg4NCAyOS40MjcxQyA5LjQxNTEgMjkuODY3MyAxMC4wMzE0IDMwLjI3MzcgMTAuNjgxOSAzMC42OEMgMTAuODE4OCAzMC43NDc3IDEwLjk1NTggMzAuODQ5MyAxMS4wNTg1IDMwLjkxNzFDIDExLjIyOTcgMzEuMDE4NyAxMS40MDA4IDMxLjA4NjQgMTEuNTM3OCAzMS4xODhDIDExLjY3NDcgMzEuMjU1NyAxMS44NDU5IDMxLjM1NzMgMTEuOTgyOSAzMS40MjVDIDEyLjE1NDEgMzEuNDkyNyAxMi4yOTEgMzEuNTk0MyAxMi40NjIyIDMxLjY2MjFDIDEyLjYzMzQgMzEuNzYzNyAxMi44Mzg4IDMxLjgzMTQgMTMuMDQ0MiAzMS45MzNDIDEzLjE4MTIgMzIuMDAwNyAxMy4zMTgxIDMyLjA2ODQgMTMuNDIwOCAzMi4xMDIzQyAxMy43Mjg5IDMyLjIzNzcgMTQuMDM3MSAzMi4zNzMyIDE0LjM0NTIgMzIuNDc0OEMgMTQuNDgyMiAzMi41MDg2IDE0LjU4NDkgMzIuNTc2NCAxNC43MjE4IDMyLjYxMDJDIDE0LjkyNzIgMzIuNjc4IDE1LjEzMjcgMzIuNzQ1NyAxNS4zNzIzIDMyLjg0NzNDIDE1LjUwOTMgMzIuODgxMSAxNS42NDYyIDMyLjk0ODggMTUuNzgzMiAzMi45ODI3QyAxNS45ODg2IDMzLjA1MDQgMTYuMjI4MiAzMy4xMTgyIDE2LjQ2NzkgMzMuMTg1OUMgMTYuNjA0OCAzMy4yMTk4IDE2LjcwNzUgMzMuMjUzNiAxNi44NDQ1IDMzLjI4NzVDIDE3LjE1MjYgMzMuMzU1MiAxNy40NjA4IDMzLjQyMjkgMTcuNzY4OSAzMy40OTA3QyAxNy44MDMxIDMzLjQ5MDcgMTcuODcxNiAzMy41MjQ1IDE3LjkwNTkgMzMuNTI0NUMgMTguMjQ4MiAzMy41OTIzIDE4LjYyNDggMzMuNjYgMTguOTY3MiAzMy43Mjc3QyAxOS4wNjk5IDMzLjc2MTYgMTkuMTcyNiAzMy43NjE2IDE5LjMwOTYgMzMuNzYxNkMgMTkuNTgzNSAzMy43OTU0IDE5LjgyMzEgMzMuODI5MyAyMC4wOTcgMzMuODYzMkMgMjAuMjMzOSAzMy44NjMyIDIwLjMzNjcgMzMuODk3IDIwLjQ3MzYgMzMuODk3QyAyMC43NDc1IDMzLjkzMDkgMjAuOTg3MiAzMy45MzA5IDIxLjI2MSAzMy45NjQ4QyAyMS4zNjM4IDMzLjk2NDggMjEuNTAwNyAzMy45NjQ3IDIxLjYwMzQgMzMuOTk4NkMgMjEuOTggMzQuMDMyNSAyMi4zNTY2IDM0LjAzMjUgMjIuNzMzMiAzNC4wMzI1QyAyMy4xNDQxIDM0LjAzMjUgMjMuNTU0OSAzNC4wMzI1IDIzLjkzMTUgMzMuOTk4NkMgMjQuMDY4NSAzMy45OTg2IDI0LjE3MTIgMzMuOTY0OCAyNC4zMDgxIDMzLjk2NDhDIDI0LjU4MiAzMy45MzA5IDI0Ljg1NTkgMzMuOTMwOSAyNS4xMjk4IDMzLjg5N0MgMjUuMzAxIDMzLjg5NyAyNS40MzggMzMuODYzMiAyNS42MDkxIDMzLjgyOTNDIDI1Ljg0ODggMzMuNzk1NCAyNi4wODg1IDMzLjc2MTYgMjYuMzI4MSAzMy43Mjc3QyAyNi40OTkzIDMzLjY5MzggMjYuNjcwNSAzMy42NiAyNi44NDE3IDMzLjYyNjFDIDI3LjA0NzEgMzMuNTkyMyAyNy4yODY4IDMzLjU1ODQgMjcuNDkyMiAzMy40OTA3QyAyNy42NjM0IDMzLjQ1NjggMjcuODM0NSAzMy40MjI5IDI4LjAwNTcgMzMuMzg5MUMgMjguMjExMSAzMy4zNTUyIDI4LjQxNjUgMzMuMjg3NSAyOC42MjIgMzMuMjUzNkMgMjguNzkzMSAzMy4yMTk4IDI4Ljk2NDMgMzMuMTUyIDI5LjEzNTUgMzMuMTE4MkMgMjkuMzQwOSAzMy4wNTA0IDI5LjUxMjEgMzMuMDE2NiAyOS43MTc2IDMyLjk0ODlDIDI5Ljg4ODcgMzIuODgxMSAzMC4wNTk5IDMyLjg0NzMgMzAuMjMxMSAzMi43Nzk1QyAzMC40MDIzIDMyLjcxMTggMzAuNjA3NyAzMi42NDQxIDMwLjc3ODkgMzIuNTc2NEMgMzAuOTUwMSAzMi41MDg2IDMxLjEyMTMgMzIuNDQwOSAzMS4zMjY3IDMyLjM3MzJDIDMxLjQ5NzkgMzIuMzA1NSAzMS42NjkgMzIuMjM3NyAzMS44NDAyIDMyLjE3QyAzMi4wMTE0IDMyLjEwMjMgMzIuMjE2OCAzMi4wMDA3IDMyLjM4OCAzMS45MzNDIDMyLjU1OTIgMzEuODY1MiAzMi43MzA0IDMxLjc5NzUgMzIuODY3MyAzMS42OTU5QyAzMy4wMzg1IDMxLjU5NDMgMzMuMjQzOSAzMS41MjY2IDMzLjQxNTEgMzEuNDI1QyAzMy41ODYzIDMxLjM1NzMgMzMuNzIzMyAzMS4yNTU3IDMzLjg2MDIgMzEuMTg4QyAzNC4wMzE0IDMxLjA4NjQgMzQuMjM2OCAzMC45ODQ4IDM0LjQwOCAzMC44ODMyQyAzNC41NDQ5IDMwLjgxNTUgMzQuNjgxOSAzMC43MTM5IDM0LjgxODggMzAuNjQ2MkMgMzQuOTkgMzAuNTQ0NiAzNS4xOTU1IDMwLjQwOTEgMzUuMzY2NiAzMC4zMDc1QyAzNS41MDM2IDMwLjIzOTggMzUuNjA2MyAzMC4xMzgyIDM1Ljc0MzIgMzAuMDcwNUMgMzUuOTQ4NyAyOS45MzUgMzYuMTE5OCAyOS44MzM1IDM2LjMyNTIgMjkuNjk4QyAzNi40MjggMjkuNjMwMyAzNi41NjQ5IDI5LjUyODcgMzYuNjY3NiAyOS40NjFDIDM2Ljg3MyAyOS4zMjU1IDM3LjA0NDIgMjkuMTkwMSAzNy4yNDk3IDI5LjAyMDdDIDM3LjM1MjQgMjguOTUzIDM3LjQyMDggMjguODg1MyAzNy41MjM1IDI4Ljc4MzdDIDM3LjcyOSAyOC42MTQ0IDM3LjkzNDQgMjguNDQ1MSAzOC4xMzk4IDI4LjI3NTdDIDM4LjIwODMgMjguMjA4IDM4LjI3NjcgMjguMTQwMyAzOC4zNDUyIDI4LjEwNjRDIDM4LjU1MDYgMjcuOTAzMyAzOC43OTAzIDI3LjczMzkgMzguOTk1NyAyNy41MzA4QyAzOS4wMyAyNy40OTY5IDM5LjA2NDIgMjcuNDYzIDM5LjA5ODQgMjcuNDI5MkMgNDIuMjQ4MiAyNC40MTUzIDQ0LjYxMDYgMjAuNTU0OSA0NS44MDg5IDE2LjE4NjZDIDQ1LjkxMTYgMTUuNzQ2NCA0Ni4wMTQzIDE1LjQwNzcgNDYuMDgyNyAxNS4wMzUyWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat center/contain; } .comp-d-intro-promo-new__title { font-size: 26px; line-height: 37px; margin-top: 30px; } .comp-d-intro-promo-new__subtitle { font-size: 18px; margin-top: 15px; } .comp-d-intro-promo-new__button { width: 275px; height: 50px; margin-top: 35px; } .comp-d-intro-navbar { position: sticky; top: var(--header-dynamic-height); z-index: 9; width: 100%; height: 60px; background-color: #f2f2f2; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar { position: relative; top: 0; height: auto; background-color: #fff; z-index: 5; } } .comp-d-intro-navbar.--fixed { top: var(--header-dynamic-height); width: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); z-index: 9; } .comp-d-intro-navbar._hide-desk { display: none; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar._hide-mob .comp-d-intro-navbar__navbar-menu { display: none; } .comp-d-intro-navbar._hide-mob .comp-d-intro-navbar__navbar-overlay { display: none; } } .comp-d-intro-navbar .mobile-container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar .mobile-container { background-color: white; padding: 0 20px; } } .comp-d-intro-navbar .mobile-container-fixed { -webkit-transition: all .3s ease; transition: all .3s ease; display: none; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar .mobile-container-fixed { position: fixed; bottom: 23px; left: calc(50% - 112px); opacity: 1; display: block; } } .comp-d-intro-navbar .mobile-container-fixed._hidden { opacity: 0; display: none; } .comp-d-intro-navbar__overlay { position: absolute; top: 0; right: 0; width: 58px; height: 60px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__overlay { opacity: 1; } } .comp-d-intro-navbar__overlay:after { content: ""; position: absolute; width: 56px; height: 100%; top: 0; right: 0; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } .comp-d-intro-navbar__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comp-d-intro-navbar__wrap .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; } } .comp-d-intro-navbar__menu { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 36px; width: 85%; } @media screen and (max-width: 1279px) { .comp-d-intro-navbar__menu { overflow-x: auto; } } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__menu { height: 60px; margin-right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; overflow-x: scroll; overflow-y: hidden; background-color: #f2f2f2; width: auto; } } .comp-d-intro-navbar__link { position: relative; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 36px; font-size: 14px; line-height: 20px; white-space: nowrap; -webkit-transition: color .3s ease; transition: color .3s ease; pointer-events: none; } @media screen and (max-width: 1279px) { .comp-d-intro-navbar__link { margin-right: 28px; } } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__link { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; padding: 0 10px 0 20px; } } .comp-d-intro-navbar__link._loaded { pointer-events: auto; } .comp-d-intro-navbar__link.--active { color: #a0acbf; } .comp-d-intro-navbar__link.--active:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #14191a; } .comp-d-intro-navbar__link:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__link:last-child { padding-right: 40px; } } .comp-d-intro-navbar__link:hover { color: #a0acbf; } .comp-d-intro-navbar__button { position: relative; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: center; align-self: center; padding: 1rem 2.8rem; font-size: 1.4rem; line-height: 2rem; background-color: #ef3b24; border-radius: .8rem; } .comp-d-intro-navbar__button:hover { background-color: #f14f3a; } @media screen and (max-width: 1279px) { .comp-d-intro-navbar__button:after { content: ""; position: absolute; width: 56px; height: 60px; top: -10px; left: -56px; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__button { width: calc(100% - 40px); height: 60px; margin: 30px 20px; } .comp-d-intro-navbar__button:hover { background-color: #ef3b24; } .comp-d-intro-navbar__button:after { display: none; } } .comp-d-intro-navbar__button-fixed { padding: 15px 10px 17px; background-color: white; border-radius: 4px; font-size: 14px; line-height: 20px; color: #ef3b24; border: 1px solid #ef3b24; width: 217px; } .comp-d-intro-navbar__button-fixed:hover { background-color: white; } .comp-d-intro-navbar__button._commerce { padding: 10px 20px; } .comp-d-facts { margin-top: 56px; } @media only screen and (max-width: 750px) { .comp-d-facts { margin-top: 0; margin-bottom: 32px; } } .comp-d-facts__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .comp-d-facts__container-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .comp-d-facts__container-row._reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .facts-card { position: relative; width: calc(100% - 33.333% - 2px); height: 300px; color: white; overflow: hidden; margin-bottom: 4px; background-color: #f2f2f2; } .facts-card__img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .facts-card__img._image-loaded { opacity: 1; } .facts-card._half { width: calc(50% - 2px); } @media only screen and (max-width: 750px) { .facts-card._half { width: 100%; } } .facts-card._small { width: calc(33.333% - 2px); } @media only screen and (max-width: 750px) { .facts-card._small { width: 100%; } } .facts-card._spec { opacity: 1; } .facts-card._spec:hover:after { display: none; } .facts-card._spec .facts-card__container { height: 100%; padding: 74px 50px 48px; color: #3b4658; } .facts-card._spec .three-blocks__link { position: absolute; bottom: 48px; margin-top: 0; color: #3b4658; } .facts-card._spec._full { width: 100%; height: auto; } .facts-card._spec._full .comp-d-intro__action { padding: 36px 36px 25px; } @media only screen and (max-width: 750px) { .facts-card._spec._full .comp-d-intro__action { padding: 20px 40px; } } .facts-card._spec._full .comp-d-intro__action-title { font-size: 30px; line-height: 36px; } @media only screen and (max-width: 750px) { .facts-card._spec._full .comp-d-intro__action-title { font-size: 22px; } } .facts-card._spec._full .comp-d-intro__action-footer { margin-top: 28px; } .facts-card:hover:after { background: rgba(59, 70, 88, 0.5); } .facts-card:hover .three-blocks__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media only screen and (max-width: 750px) { .facts-card.--sale { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .facts-card.--sale:after { background: transparent; } .facts-card.--sale:hover { cursor: pointer; } .facts-card.--sale:hover:after { background: transparent; } .facts-card:after { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(59, 70, 88, 0); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-transition: background .5s ease; transition: background .5s ease; } @media only screen and (max-width: 750px) { .facts-card:after { background: rgba(0, 0, 0, 0.4); } } .facts-card__container { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 2; width: 100%; padding: 0 50px 48px; } @media only screen and (max-width: 750px) { .facts-card__container { position: relative; bottom: auto; left: auto; padding: 25px; } } .facts-card__title { font-size: 18px; line-height: 24px; margin-bottom: 30px; } @media only screen and (max-width: 750px) { .facts-card__title { width: 100%; margin-bottom: 32px; } } .facts-card p { font-size: 16px; line-height: 28px; } @media only screen and (max-width: 750px) { .facts-card p { width: 100%; } } .facts-card__text { font-size: 16px; } .facts-card__link { position: relative; margin-top: 26px; color: #fff; } .facts-card__link:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: white; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .facts-card__link:hover { background-color: transparent; } @media only screen and (max-width: 750px) { .facts-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 300px; margin-bottom: 20px; } } .comp-d-purchase { margin: 70px 0 90px; } @media only screen and (max-width: 750px) { .comp-d-purchase { margin: 44px 0 25px; padding-bottom: 10px; } } .comp-d-purchase__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 50px; } @media only screen and (max-width: 750px) { .comp-d-purchase__list { margin-top: 25px; } } .comp-d-purchase__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 52px 62px; margin-right: 15px; width: calc(100% / 3 - 10px); background-color: #fff; border: 1px solid #dedede; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .comp-d-purchase__item { width: 100%; padding: 33px 28px; margin-right: 0; margin-bottom: 10px; } } .comp-d-purchase__item:last-child { margin-right: 0; } .comp-d-purchase__item-title { font-size: 24px; line-height: 32px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .comp-d-purchase__item-title { font-size: 18px; line-height: 24px; } } .comp-d-purchase__item-text { font-weight: 300; font-size: 16px; line-height: 24px; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .comp-d-purchase__item-text { font-size: 14px; line-height: 21px; } } .comp-d-purchase__item-link { text-decoration: underline; } .comp-d-purchase.new-purchase { margin-bottom: 80px; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase { margin-bottom: 35px; } } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__title { font-size: 18px; } } .comp-d-purchase.new-purchase .comp-d-purchase__list { margin-top: 40px; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__list { margin-top: 32px; } } .comp-d-purchase.new-purchase .comp-d-purchase__item { position: relative; padding: 32px; border-radius: 8px; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__item { margin-bottom: 16px; border-radius: 4px; } } .comp-d-purchase.new-purchase .comp-d-purchase__item:first-child .comp-d-purchase__item-icon svg:first-child { display: block; } .comp-d-purchase.new-purchase .comp-d-purchase__item:nth-child(2) .comp-d-purchase__item-icon svg:nth-child(2) { display: block; } .comp-d-purchase.new-purchase .comp-d-purchase__item:nth-child(3) .comp-d-purchase__item-icon svg:nth-child(3) { display: block; } .comp-d-purchase.new-purchase .comp-d-purchase__item:hover { border-color: #f79d92; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__item:hover { border-color: #dedede; } } .comp-d-purchase.new-purchase .comp-d-purchase__item:hover .comp-d-purchase__item-link { opacity: 1; } .comp-d-purchase.new-purchase .comp-d-purchase__item:hover .comp-d-purchase__item-icon svg { fill: #ef3b24; } .comp-d-purchase.new-purchase .comp-d-purchase__item-title { margin-bottom: 16px; font-size: 20px; line-height: 40px; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__item-title { font-size: 18px; line-height: 26px; margin-bottom: 24px; } } .comp-d-purchase.new-purchase .comp-d-purchase__item-text { margin-bottom: 20px; font-size: 16px; line-height: 26px; color: #767e8b; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__item-text { font-size: 14px; line-height: 24px; margin-bottom: 32px; } } .comp-d-purchase.new-purchase .comp-d-purchase__item-link { margin-right: 10px; font-size: 16px; line-height: 19px; color: #ef3b24; text-decoration: none; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__item-link { font-weight: 500; font-size: 14px; line-height: 17px; opacity: 1; } } .comp-d-purchase.new-purchase .comp-d-purchase__item-link span { margin-right: 4px; } .comp-d-purchase.new-purchase .comp-d-purchase__item-link svg { fill: #ef3b24; width: 12px; height: 20px; margin-bottom: -3px; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__item-link svg { width: 12px; height: 17px; } } .comp-d-purchase.new-purchase .comp-d-purchase__item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .comp-d-purchase.new-purchase .comp-d-purchase__item-icon { height: 92px; width: 92px; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__item-icon { height: 60px; width: 60px; } } .comp-d-purchase.new-purchase .comp-d-purchase__item-icon svg { display: none; width: 92px; height: 92px; fill: #e8e8e9; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__item-icon svg { width: 60px; height: 60px; fill: #ef3b24; } } .comp-d-purchase.new-purchase .comp-d-purchase__item-link-absolute { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 750px) { .comp-d-purchase.new-purchase .comp-d-purchase__item-link-absolute { display: none; } } .comp-d-about { padding: 56px 0; font-size: 15px; } @media only screen and (max-width: 750px) { .comp-d-about { padding: 25px 0; } } .comp-d-about__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 22px; } @media only screen and (max-width: 750px) { .comp-d-about__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .comp-d-about__row:first-child { margin-top: 0; } @media only screen and (max-width: 750px) { .comp-d-about__row { padding: 0; } } .comp-d-about__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .comp-d-about__nav { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #d4d4d4; } @media only screen and (max-width: 750px) { .comp-d-about__nav { width: 100%; overflow-x: scroll; } } .comp-d-about__nav-item { position: relative; font-size: 16px; margin-right: 30px; padding-bottom: 13px; cursor: pointer; } @media only screen and (max-width: 750px) { .comp-d-about__nav-item { margin-left: 20px; } } .comp-d-about__nav-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } .comp-d-about__nav-item:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .comp-d-about__nav-item:last-child { padding-right: 15px; } .comp-d-about__nav-item:last-child:after { width: calc(100% - 15px); left: 0; right: auto; } } .comp-d-about__nav-item.active:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .comp-d-about__nav-item:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .comp-d-about__text { position: relative; } @media only screen and (max-width: 750px) { .comp-d-about__text { display: none; padding: 0 20px; } } .comp-d-about__text-mobile { position: relative; display: none; margin-top: 37px; margin-bottom: 25px; } @media only screen and (max-width: 750px) { .comp-d-about__text-mobile { display: block; padding: 0 20px; } } .comp-d-about__text.first { margin-top: 16px; margin-right: 100px; width: 590px; } @media only screen and (max-width: 750px) { .comp-d-about__text.first { margin-top: 45px; margin-right: 0; margin-bottom: 25px; width: 100%; height: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .comp-d-about__text.second { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 645px; } @media only screen and (max-width: 750px) { .comp-d-about__text.second { height: auto; width: 100%; } } @media only screen and (max-width: 750px) { .comp-d-about__text.second .comp-d-about__text-wrap { top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .comp-d-about__text-wrap { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 0; } @media only screen and (max-width: 750px) { .comp-d-about__text-wrap { position: absolute; } } .comp-d-about__text-wrap.active { position: relative; opacity: 1; -webkit-transition: opacity .3s ease .3s; transition: opacity .3s ease .3s; z-index: 1; } @media only screen and (max-width: 750px) { .comp-d-about__text-wrap.active { position: relative; } } .comp-d-about__text-wrap p { line-height: 174%; font-size: 16px; font-weight: 300; margin-bottom: 20px; } .comp-d-about__text-wrap p:last-child { margin-bottom: 0; } .comp-d-about__gallery { position: relative; width: 510px; height: 367px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .comp-d-about__gallery { width: 100%; height: auto; } } .comp-d-about__gallery-wrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 1; pointer-events: none; } .comp-d-about__gallery-wrap.active { opacity: 1; -webkit-transition: opacity .3s ease .3s; transition: opacity .3s ease .3s; z-index: 2; pointer-events: all; } @media only screen and (max-width: 750px) { .comp-d-about__gallery-wrap.active { position: relative; } } .comp-d-about__gallery-item { height: 367px; cursor: pointer; overflow: hidden; } .comp-d-about__gallery-img { height: 100%; width: 100%; background-size: cover; background-position: center; background-color: #f2f2f2; -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); } .slick-active .comp-d-about__gallery-img { -webkit-transform: scale(1); transform: scale(1); } .comp-d-about__images { position: relative; margin-right: 48px; width: 507px; } @media only screen and (max-width: 750px) { .comp-d-about__images { width: 100%; overflow: scroll; margin-right: 0; margin-bottom: 32px; } } .comp-d-about__images-wrap { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: -1; pointer-events: none; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .comp-d-about__images-wrap.active { position: relative; opacity: 1; z-index: 2; pointer-events: all; -webkit-transition: opacity .3s ease .3s; transition: opacity .3s ease .3s; } .comp-d-about__images-item { height: 165px; width: 245px; margin-right: 17px; background-size: cover; background-position: center; background-color: #f2f2f2; cursor: pointer; } @media only screen and (max-width: 750px) { .comp-d-about__images-item { -ms-flex-negative: 0; flex-shrink: 0; } } @media only screen and (max-width: 750px) { .comp-d-about__images-item:first-child { margin-left: 20px; } } .comp-d-about__images-item:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .comp-d-about__images-item:last-child { margin-right: 40px; } } .mfp-image-holder .mfp-content { height: 100%; } .comp-d-promo { background-color: #f2f2f2; height: 185px; font-size: 15px; margin-bottom: 55px; } @media only screen and (max-width: 750px) { .comp-d-promo { height: auto; } } .comp-d-promo__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } @media only screen and (max-width: 750px) { .comp-d-promo__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 43px 20px 27px; } } .comp-d-promo__list { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .comp-d-promo__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .comp-d-promo__card { margin-right: 60px; cursor: pointer; } @media only screen and (max-width: 750px) { .comp-d-promo__card { margin-right: 0; margin-bottom: 43px; } } .comp-d-promo__card:last-child { margin-right: 0; } .comp-d-promo__card:hover .comp-d-promo__card-title span { text-decoration: underline; } .comp-d-promo__card-title { position: relative; font-size: 24px; cursor: pointer; } @media only screen and (max-width: 750px) { .comp-d-promo__card-title { font-size: 26px; } } @media only screen and (max-width: 750px) { .comp-d-promo__card-title { text-decoration: underline; } } .comp-d-promo__card-text { font-size: 16px; margin-top: 10px; } @media only screen and (max-width: 750px) { .comp-d-promo__card-text { font-size: 13px; } } .comp-d-promo__button { -ms-flex-negative: 0; flex-shrink: 0; height: 80px; width: 305px; margin-left: 80px; } @media only screen and (max-width: 750px) { .comp-d-promo__button { width: 100%; height: 50px; margin-left: 0; } } .comp-d-infra { margin-bottom: 80px; font-size: 15px; } @media only screen and (max-width: 750px) { .comp-d-infra { margin-bottom: 35px; margin-top: 35px; } } .comp-d-infra._commerce { padding-top: 0; } @media only screen and (max-width: 750px) { .comp-d-infra._commerce { margin-bottom: 0; } } .comp-d-infra__map { position: relative; width: 100%; max-width: calc((100% - 1240px) / 2 + 1240px); margin: 46px 0 0 auto; padding-right: 0; height: 480px; } @media only screen and (max-width: 750px) { .comp-d-infra__map { height: unset; margin-top: 32px; margin-bottom: 0; padding-right: 20px; padding-left: 20px; } } .comp-d-infra__map._commerce { margin-bottom: 0; } .comp-d-infra__map-wrap { position: absolute; z-index: 1; height: 100%; width: calc(100% - 20px); margin-left: 0; } @media only screen and (max-width: 750px) { .comp-d-infra__map-wrap { width: 100%; } } .comp-d-infra__map-wrap .infra-pin { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-transform: translate3d(calc(-50% + 20px), 0, 0); transform: translate3d(calc(-50% + 20px), 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .comp-d-infra__map-wrap .infra-pin__title { font-family: 'Grtsk-Exa', sans-serif; font-size: 18px; line-height: 120%; white-space: nowrap; cursor: default; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .comp-d-infra__map-wrap .infra-pin__map-icon { text-align: center; } .comp-d-infra__map-wrap .infra-pin__map-icon > svg { width: 19px; height: 28px; } .comp-d-infra__map-wrap ._far.infra-pin { -webkit-transform: translate3d(-25%, 75%, 0); transform: translate3d(-25%, 75%, 0); } .comp-d-infra__map-wrap ._far .infra-pin__title { font-size: 11px; } .comp-d-infra__map-wrap .infra-pin__suptitle { font-family: 'Grtsk-Exa', sans-serif; font-size: 12px; line-height: 100%; font-weight: 500; white-space: nowrap; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .comp-d-infra__map-wrap.leaflet-container .leaflet-control-attribution { visibility: hidden; pointer-events: none; } .comp-d-infra__map-controls { position: absolute; bottom: 30px; padding: 0; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (max-width: 1279px) { .comp-d-infra__map-controls { width: calc(100% - 20px); } } @media only screen and (max-width: 750px) { .comp-d-infra__map-controls { display: none; } } .comp-d-infra__map-controls .map-zoom { position: absolute; bottom: 0; right: 40px; } @media screen and (max-width: 1279px) { .comp-d-infra__map-controls .map-zoom { right: 20px; } } .comp-d-infra__map-icon { position: relative; height: 40px; width: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .comp-d-infra__map-icon:before { content: ''; position: absolute; bottom: calc(100% - 16px); left: 0; right: 0; width: 0; margin: auto; border: 8px solid transparent; border-top: 8px solid white; opacity: 0; -webkit-transition: opacity .15s ease; transition: opacity .15s ease; } .comp-d-infra__map-icon:hover:before { opacity: 1; } .comp-d-infra__map-icon:hover .comp-d-infra__map-hover { max-height: 150px; padding: 10px; } .comp-d-infra__map-icon._hover:before { opacity: 1; } .comp-d-infra__map-icon._hover .comp-d-infra__map-hover { max-height: 150px; padding: 10px; } .comp-d-infra__map-icon._far { width: 20px; height: 20px; margin-top: 20px; /*stylelint-disable*/ background-image: none !important; /*stylelint-enable*/ background-color: #3b4658; border-radius: 50%; border: 3px solid white; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .comp-d-infra__map-hover { position: absolute; bottom: 100%; left: 50%; overflow: hidden; max-height: 0; padding: 0; font-size: 12px; line-height: 15px; text-align: center; white-space: nowrap; background: #fff; border-radius: 6px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s ease; transition: all .3s ease; } .comp-d-infra__map-hover-sub { font-size: 11px; opacity: .7; } .comp-d-infra__btn-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 52px; text-align: center; } .comp-d-infra__button { padding: 20px 29px; background-color: #3b4658; color: #fff; font-size: 18px; -webkit-transition: .3s; transition: .3s; } .comp-d-infra__button:hover { background-color: #272e39; } .comp-d-infra__title { font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .comp-d-infra__title { display: none; } } .comp-d-infra__title-mobile { display: none; } @media only screen and (max-width: 750px) { .comp-d-infra__title-mobile { display: block; font-size: 18px; line-height: 24px; } } .comp-d-infra__menu { position: absolute; top: 1px; left: 20px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 210px; height: 478px; padding-bottom: 12px; border: 1px solid #e1e1e1; background-color: white; overflow: hidden; } @media only screen and (max-width: 1399px) { .comp-d-infra__menu { width: 303px; } } @media only screen and (max-width: 750px) { .comp-d-infra__menu { position: relative; top: 0; left: 0; z-index: 0; display: none; width: 100%; height: calc(100vh - 84px); margin-top: 24px; padding: 32px 20px 40px; border: none; border-top: 1px solid #e8e8e8; outline: none; } } .comp-d-infra__menu._mobile { display: none; } @media only screen and (max-width: 750px) { .comp-d-infra__menu._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .comp-d-infra__menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 20px); padding-right: 10px; margin-bottom: 20px; margin-left: 20px; border-radius: 50px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .comp-d-infra__menu-item { margin-left: 0; } } .comp-d-infra__menu-item:first-child { margin-top: 32px; } @media only screen and (max-width: 750px) { .comp-d-infra__menu-item:first-child { margin-top: 0; } } .comp-d-infra__menu-item.active .comp-d-infra__menu-icon:before { opacity: 0; } .comp-d-infra__menu-item.active .comp-d-infra__menu-icon:after { opacity: 1; } .comp-d-infra__menu-item:hover .comp-d-infra__menu-icon:before { opacity: 0; } .comp-d-infra__menu-item:hover .comp-d-infra__menu-icon:after { opacity: 1; } .comp-d-infra__menu-item:hover .comp-d-infra__menu-label { color: #4f5e77; } .comp-d-infra__menu-item._all .comp-d-infra__menu-icon:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik00LjY2NjYgNi4zMzMyQzUuNTg3MDQgNi4zMzMyIDYuMzMzMiA1LjU4NzA0IDYuMzMzMiA0LjY2NjZDNi4zMzMyIDMuNzQ2MTYgNS41ODcwNCAzIDQuNjY2NiAzQzMuNzQ2MTYgMyAzIDMuNzQ2MTYgMyA0LjY2NjZDMyA1LjU4NzA0IDMuNzQ2MTYgNi4zMzMyIDQuNjY2NiA2LjMzMzJaIiBmaWxsPSIjMTQxOTFBIi8+CiAgICA8cGF0aCBkPSJNMTEuMzMzNCA2LjMzMzJDMTIuMjUzOCA2LjMzMzIgMTMgNS41ODcwNCAxMyA0LjY2NjZDMTMgMy43NDYxNiAxMi4yNTM4IDMgMTEuMzMzNCAzQzEwLjQxMyAzIDkuNjY2OCAzLjc0NjE2IDkuNjY2OCA0LjY2NjZDOS42NjY4IDUuNTg3MDQgMTAuNDEzIDYuMzMzMiAxMS4zMzM0IDYuMzMzMloiIGZpbGw9IiMxNDE5MUEiLz4KICAgIDxwYXRoIGQ9Ik00LjY2NjYgMTIuOTk5NkM1LjU4NzA0IDEyLjk5OTYgNi4zMzMyIDEyLjI1MzUgNi4zMzMyIDExLjMzM0M2LjMzMzIgMTAuNDEyNiA1LjU4NzA0IDkuNjY2NDIgNC42NjY2IDkuNjY2NDJDMy43NDYxNiA5LjY2NjQyIDMgMTAuNDEyNiAzIDExLjMzM0MzIDEyLjI1MzUgMy43NDYxNiAxMi45OTk2IDQuNjY2NiAxMi45OTk2WiIgZmlsbD0iIzE0MTkxQSIvPgogICAgPHBhdGggZD0iTTExLjMzMzQgMTIuOTk5NkMxMi4yNTM4IDEyLjk5OTYgMTMgMTIuMjUzNSAxMyAxMS4zMzNDMTMgMTAuNDEyNiAxMi4yNTM4IDkuNjY2NDIgMTEuMzMzNCA5LjY2NjQyQzEwLjQxMyA5LjY2NjQyIDkuNjY2OCAxMC40MTI2IDkuNjY2OCAxMS4zMzNDOS42NjY4IDEyLjI1MzUgMTAuNDEzIDEyLjk5OTYgMTEuMzMzNCAxMi45OTk2WiIgZmlsbD0iIzE0MTkxQSIvPgo8L3N2Zz4K); } .comp-d-infra__menu-item._all .comp-d-infra__menu-icon:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5LjUgMjAuMDAwMUMzOS41IDMwLjc2OTcgMzAuNzY5NiAzOS41MDAxIDIwIDM5LjUwMDFDOS4yMzA0NSAzOS41MDAxIDAuNSAzMC43Njk3IDAuNSAyMC4wMDAxQzAuNSA5LjIzMDU2IDkuMjMwNDUgMC41MDAxMjIgMjAgMC41MDAxMjJDMzAuNzY5NiAwLjUwMDEyMiAzOS41IDkuMjMwNTYgMzkuNSAyMC4wMDAxWiIgZmlsbD0iIzM3NDY1QiIgc3Ryb2tlPSIjMzc0NjVCIi8+CjxjaXJjbGUgY3g9IjE2IiBjeT0iMTYuMDAwMSIgcj0iMiIgZmlsbD0id2hpdGUiLz4KPGNpcmNsZSBjeD0iMjQiIGN5PSIxNi4wMDAxIiByPSIyIiBmaWxsPSJ3aGl0ZSIvPgo8Y2lyY2xlIGN4PSIxNiIgY3k9IjI0LjAwMDEiIHI9IjIiIGZpbGw9IndoaXRlIi8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQuMDAwMSIgcj0iMiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); } .comp-d-infra__menu-icon { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px; margin-right: 16px; } .comp-d-infra__menu-icon:before, .comp-d-infra__menu-icon:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .comp-d-infra__menu-icon:before { opacity: 1; } .comp-d-infra__menu-icon:after { opacity: 0; } .comp-d-infra__menu-label { font-size: 14px; line-height: 17px; color: #000; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } @media only screen and (max-width: 750px) { .comp-d-infra__menu-label { white-space: nowrap; } } .comp-d-infra__menu-overlay { position: absolute; bottom: 1px; left: 21px; z-index: 3; width: 208px; height: 30px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #fff)); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%); } @media only screen and (max-width: 750px) { .comp-d-infra__menu-overlay { display: none; } } .comp-d-infra__menu-overlay._mobile { bottom: 0; display: none; width: 100%; } @media only screen and (max-width: 750px) { .comp-d-infra__menu-overlay._mobile { display: block; } } .comp-d-infra__button-mob { position: absolute; bottom: 20px; left: 20px; z-index: 2; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 40px); height: 40px; border-radius: 50px; background-color: #3b4658; font-size: 14px; line-height: 17px; color: white; } @media only screen and (max-width: 750px) { .comp-d-infra__button-mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .comp-d-infra__button-mob-icn { -ms-flex-negative: 0; flex-shrink: 0; width: 14px; height: 14px; margin-left: 12px; } .comp-d-infra__popup { position: fixed; top: 0; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100vw; height: 100vh; padding-top: 60px; background-color: white; opacity: 0; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); -webkit-transition: opacity .6s ease, -webkit-transform .6s ease; transition: opacity .6s ease, -webkit-transform .6s ease; transition: opacity .6s ease, transform .6s ease; transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease; z-index: 101; } .comp-d-infra__popup._active { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; -webkit-transition: opacity .6s ease, -webkit-transform .6s ease; transition: opacity .6s ease, -webkit-transform .6s ease; transition: opacity .6s ease, transform .6s ease; transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease; } .comp-d-infra__popup .form__close { top: 20px; right: 20px; } .comp-d-infra__popup-title { padding: 0 20px; font-size: 18px; line-height: 24px; } .comp-d-infra__popup-overlay { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: opacity .6s ease, -webkit-transform .2s ease; transition: opacity .6s ease, -webkit-transform .2s ease; transition: opacity .6s ease, transform .2s ease; transition: opacity .6s ease, transform .2s ease, -webkit-transform .2s ease; pointer-events: none; } .comp-d-infra__popup-overlay._active { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity .6s ease, -webkit-transform .1s ease; transition: opacity .6s ease, -webkit-transform .1s ease; transition: opacity .6s ease, transform .1s ease; transition: opacity .6s ease, transform .1s ease, -webkit-transform .1s ease; } .comp-d-infra._2gis .comp-d-infra__map-wrap .infra-pin, .comp-d-infra._2gis .comp-d-infra__map-wrap .comp-d-infra__map-icon { -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0); } .comp-d-places { position: relative; padding-bottom: 20px; margin-bottom: -40px; background-color: white; overflow: hidden; } @media only screen and (max-width: 750px) { .comp-d-places { margin-bottom: -70px; background-color: #f9f9f9; } } @media (hover), (min-width: 0 \0) { .comp-d-places:hover .comp-d-places__arrow { opacity: 1; } .comp-d-places:hover .comp-d-places__arrow.swiper-button-disabled { opacity: .5; pointer-events: none; } } .comp-d-places__text { max-width: 83%; margin-top: 32px; margin-bottom: 20px; font-size: 20px; line-height: 32px; } @media only screen and (max-width: 750px) { .comp-d-places__text { max-width: none; margin-top: 24px; font-size: 14px; line-height: 20px; } } .comp-d-places__slider { margin-top: 32px; overflow: visible; } @media only screen and (max-width: 750px) { .comp-d-places__slider { margin-top: 36px; } } @media (hover), (min-width: 0 \0) { .comp-d-places__slider:hover .comp-d-places__arrow { opacity: 1; } .comp-d-places__slider:hover .comp-d-places__arrow.swiper-button-disabled { opacity: .5; pointer-events: none; } } .comp-d-places__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 389px; height: 268px; padding: 32px; border: 1px solid #d8dade; -webkit-transition: border .3s ease; transition: border .3s ease; overflow: hidden; } @media only screen and (max-width: 750px) { .comp-d-places__slide { width: auto; height: 340px; padding: 24px; } } .comp-d-places__slide._pointer { cursor: pointer; } .comp-d-places__slide._pointer:hover { border: 1px solid #89909b; } .comp-d-places__slide._with-img { border: 1px solid transparent; } .comp-d-places__slide._with-img._pointer:hover { border: 1px solid #89909b; } .comp-d-places__slide._with-img._pointer:hover .comp-d-places__slide-img { -webkit-transform: scale(1.15); transform: scale(1.15); } .comp-d-places__slide._with-img .comp-d-places__slide-title { color: white; } .comp-d-places__slide._with-img .comp-d-places__slide-time { background-color: white; } .comp-d-places__slide-img { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .comp-d-places__slide-title { font-size: 20px; line-height: 24px; font-weight: 500; color: #3b4658; } .comp-d-places__slide-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: auto; } .comp-d-places__slide-time { position: relative; padding: 8px 12px 8px 40px; border-radius: 43px; background-color: #f9f9f9; font-size: 12px; line-height: 20px; color: #4f5969; } .comp-d-places__slide-time:before { content: ""; position: absolute; top: 50%; left: 12px; width: 20px; height: 20px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .comp-d-places__slide-time._walk:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTA4NjUgMi42MDQ2NUM4LjYxOTQyIDIuNjA0NjUgOS4yMDA5NiAyLjAxODYgOS4yMDA5NiAxLjMwMjMzQzkuMjAwOTYgMC41ODYwNDcgOC42MTk0MiAwIDcuOTA4NjUgMEM3LjE5Nzg5IDAgNi42MTYzNSAwLjU4NjA0NyA2LjYxNjM1IDEuMzAyMzNDNi42MTYzNSAyLjAxODYgNy4xOTc4OSAyLjYwNDY1IDcuOTA4NjUgMi42MDQ2NVpNNS41MTc4OSA0LjgxODZMMy44NjM3MyAxMy4yMjUxQzMuNzc5NzMgMTMuNjIyMyA0LjA4OTg5IDE0IDQuNDk2OTYgMTRINC41NDg2NUM0Ljg1MjM1IDE0IDUuMTEwODEgMTMuNzkxNiA1LjE4MTg5IDEzLjQ5MjFMNi4yMjg2NSA4Ljc5MDdMNy41ODU1OCAxMC4wOTNWMTMuMzQ4OEM3LjU4NTU4IDEzLjcwNyA3Ljg3NjM1IDE0IDguMjMxNzMgMTRDOC41ODcxMiAxNCA4Ljg3Nzg5IDEzLjcwNyA4Ljg3Nzg5IDEzLjM0ODhWOS42NzYyOEM4Ljg3Nzg5IDkuMzE4MTQgOC43MzU3MyA4Ljk3OTU0IDguNDc3MjcgOC43MzIwOUw3LjUyMDk2IDcuODEzOTVMNy45MDg2NSA1Ljg2MDQ3QzguNjM2ODIgNi42OTkzNyA5LjYzMzY0IDcuMjU0NjQgMTAuNzI1OSA3LjQyOTc3QzExLjExMzYgNy40ODgzNyAxMS40NjI1IDcuMTc1ODEgMTEuNDYyNSA2Ljc3ODZDMTEuNDYyNSA2LjQ1OTU0IDExLjIyOTkgNi4xOTI1NiAxMC45MTMzIDYuMTQwNDdDOS45MzExMiA1Ljk3NzY3IDkuMTE2OTYgNS4zOTE2MyA4LjY4NDA0IDQuNjIzMjZMOC4wMzc4OSAzLjU4MTRDNy44NjMzOCAzLjMwMDIgNy41OTUyOCAzLjA5MDc1IDcuMjgxNTYgMi45OTA1NEM2Ljk2NzgzIDIuODkwMzIgNi42Mjg5NiAyLjkwNTg4IDYuMzI1NTggMy4wMzQ0MkwzLjg1MDgxIDQuMDg5M0MzLjYxNjcxIDQuMTkwMTQgMy40MTcxOSA0LjM1ODA4IDMuMjc3MDMgNC41NzIyNkMzLjEzNjg4IDQuNzg2NDMgMy4wNjIyOCA1LjAzNzQgMy4wNjI1IDUuMjkzOTVWNi44MzcyMUMzLjA2MjUgNy4xOTUzNSAzLjM1MzI3IDcuNDg4MzcgMy43MDg2NSA3LjQ4ODM3QzQuMDY0MDQgNy40ODgzNyA0LjM1NDgxIDcuMTk1MzUgNC4zNTQ4MSA2LjgzNzIxVjUuMjc0NDJMNS41MTc4OSA0LjgxODZaIiBmaWxsPSIjMTQxOTFBIi8+Cjwvc3ZnPgo=) no-repeat center/contain; } .comp-d-places__slide-time._car:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI5Njc4XzE1NjE0MikiPgo8cGF0aCBkPSJNMTQuMTcxNSA0LjgxMjVIMTIuNTM0NEwxMi4wNzk0IDMuNjc1QzExLjYxMTggMi41MDU1MSAxMC40OTU5IDEuNzUgOS4yMzYyMiAxLjc1SDUuNzYzNTdDNC41MDQxMiAxLjc1IDMuMzg3OTUgMi41MDU1MSAyLjkyMDA5IDMuNjc1TDIuNDY1MDkgNC44MTI1SDAuODI4Mjk5QzAuNjE0NzQ0IDQuODEyNSAwLjQ1ODA2NSA1LjAxMzIgMC41MTAwMTggNS4yMjAyTDAuNjc0MDggNS44NzY0NUMwLjcxMDQ0NyA2LjAyMjQ2IDAuODQxNjk3IDYuMTI1IDAuOTkyMzYxIDYuMTI1SDEuNTQxMTVDMS4xNzM5MiA2LjQ0NTc0IDAuOTM3NCA2LjkxMTk1IDAuOTM3NCA3LjQzNzVWOC43NUMwLjkzNzQgOS4xOTA3OCAxLjEwNTg0IDkuNTg4NjMgMS4zNzQ5IDkuODk2NTJWMTEuMzc1QzEuMzc0OSAxMS44NTgyIDEuNzY2NzQgMTIuMjUgMi4yNDk5IDEyLjI1SDMuMTI0OUMzLjYwODA2IDEyLjI1IDMuOTk5OSAxMS44NTgyIDMuOTk5OSAxMS4zNzVWMTAuNUgxMC45OTk5VjExLjM3NUMxMC45OTk5IDExLjg1ODIgMTEuMzkxNyAxMi4yNSAxMS44NzQ5IDEyLjI1SDEyLjc0OTlDMTMuMjMzMSAxMi4yNSAxMy42MjQ5IDExLjg1ODIgMTMuNjI0OSAxMS4zNzVWOS44OTY1MkMxMy44OTQgOS41ODg5MSAxNC4wNjI0IDkuMTkxMDUgMTQuMDYyNCA4Ljc1VjcuNDM3NUMxNC4wNjI0IDYuOTExOTUgMTMuODI1OSA2LjQ0NTc0IDEzLjQ1ODkgNi4xMjVIMTQuMDA3N0MxNC4xNTg0IDYuMTI1IDE0LjI4OTYgNi4wMjI0NiAxNC4zMjYgNS44NzY0NUwxNC40OSA1LjIyMDJDMTQuNTQxNyA1LjAxMzIgMTQuMzg1IDQuODEyNSAxNC4xNzE1IDQuODEyNVpNNC41NDQ4NiA0LjMyNDk2QzQuNzQ0MTkgMy44MjY3NiA1LjIyNjgxIDMuNSA1Ljc2MzU3IDMuNUg5LjIzNjIyQzkuNzcyOTggMy41IDEwLjI1NTYgMy44MjY3NiAxMC40NTQ5IDQuMzI0OTZMMTAuOTk5OSA1LjY4NzVIMy45OTk5TDQuNTQ0ODYgNC4zMjQ5NlpNMy4xMjQ5IDguNzQ0NTNDMi41OTk5IDguNzQ0NTMgMi4yNDk5IDguMzk1NjIgMi4yNDk5IDcuODcyMjdDMi4yNDk5IDcuMzQ4OTEgMi41OTk5IDcgMy4xMjQ5IDdDMy42NDk5IDcgNC40Mzc0IDcuNzg1MDQgNC40Mzc0IDguMzA4NEM0LjQzNzQgOC44MzE3NiAzLjY0OTkgOC43NDQ1MyAzLjEyNDkgOC43NDQ1M1pNMTEuODc0OSA4Ljc0NDUzQzExLjM0OTkgOC43NDQ1MyAxMC41NjI0IDguODMxNzYgMTAuNTYyNCA4LjMwODRDMTAuNTYyNCA3Ljc4NTA0IDExLjM0OTkgNyAxMS44NzQ5IDdDMTIuMzk5OSA3IDEyLjc0OTkgNy4zNDg5MSAxMi43NDk5IDcuODcyMjdDMTIuNzQ5OSA4LjM5NTYyIDEyLjM5OTkgOC43NDQ1MyAxMS44NzQ5IDguNzQ0NTNaIiBmaWxsPSIjMTQxOTFBIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjk2NzhfMTU2MTQyIj4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat center/contain; } .comp-d-places__slide-icon { width: 116px; height: 116px; margin-left: auto; background-position: center; background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .comp-d-places__slide-icon { width: 104px; height: 104px; } } .comp-d-places__arrow { position: absolute; top: 51%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #d8dade; background-color: #f2f2f2; -webkit-transition: background-color .3s ease, opacity .3s ease; transition: background-color .3s ease, opacity .3s ease; opacity: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; } @media (hover), (min-width: 0 \0) { .comp-d-places__arrow:hover { background-color: #d8dade; } } .comp-d-places__arrow._prev { left: 40px; } .comp-d-places__arrow._prev svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .comp-d-places__arrow._next { right: 40px; } .comp-d-places__arrow.swiper-button-disabled { pointer-events: none; } .comp-d-places__arrow svg { width: 10px; height: 16px; stroke-width: 1.6; } .comp-d-gallery { font-size: 15px; margin-bottom: 100px; margin-top: 80px; } @media only screen and (max-width: 750px) { .comp-d-gallery { margin-bottom: 40px; margin-top: 35px; padding-top: 0; } } .comp-d-gallery._mb92 { margin-bottom: 92px; } @media only screen and (max-width: 750px) { .comp-d-gallery._mb92 { margin-bottom: 42px; } } .comp-d-gallery__title { margin-bottom: 30px; } @media only screen and (max-width: 750px) { .comp-d-gallery__title { font-size: 18px; line-height: 24px; } } .comp-d-gallery__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .comp-d-gallery__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } } .comp-d-gallery__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: 76px; width: 537px; } @media only screen and (max-width: 750px) { .comp-d-gallery__text { width: 100%; margin-right: 0; padding: 0 20px; } } .comp-d-gallery__text p { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 174%; } .comp-d-gallery__text p:last-child { margin-bottom: 0; } .comp-d-gallery__slider { position: relative; margin-top: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 587px; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider { height: 276px; width: 100%; margin-bottom: 12px; margin-top: 36px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .comp-d-gallery__slider iframe { width: 587px; height: 330px; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider iframe { width: 100%; height: 300px; } } .comp-d-gallery__slider._block { width: 100%; height: 676px; margin-top: 0; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider._block { height: calc((100vw - 40px) / 1.77); margin-bottom: 0; } } .comp-d-gallery__slider._block iframe { width: 100%; height: 100%; } .comp-d-gallery__slider._wide { width: 990px; margin-top: 0; aspect-ratio: 16 / 9; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider._wide._mob-hidden { display: none; } } .comp-d-gallery__slider._wide._side-video { height: 100%; width: 100%; } .comp-d-gallery__slider._wide._video { margin-top: 40px; width: auto; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider._wide { height: unset; width: 100%; } } .comp-d-gallery__slider._wide iframe { width: 100%; height: 100%; } .comp-d-gallery__slider.slick-slider { display: block; } .comp-d-gallery__slider-item { height: 455px; cursor: pointer; overflow: hidden; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider-item { height: 276px; } } .comp-d-gallery__slider-img { height: 100%; width: 100%; background-size: cover; background-position: center; background-color: #f2f2f2; -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); } .slick-active .comp-d-gallery__slider-img { -webkit-transform: scale(1); transform: scale(1); } .comp-d-gallery__slider-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .comp-d-gallery__slider-cover._hide { opacity: 0; visibility: hidden; pointer-events: none; cursor: default; } .comp-d-gallery__slider-cover svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .comp-d-genplan { position: relative; margin-bottom: 90px; font-size: 15px; opacity: 0; } @media only screen and (max-width: 750px) { .comp-d-genplan { padding-top: 27px; margin-bottom: 27px; } } .comp-d-genplan ~ .comp-d-panorama.--new { margin-bottom: 90px; } @media only screen and (max-width: 750px) { .comp-d-genplan ~ .comp-d-panorama.--new { margin-bottom: 27px; } } .comp-d-genplan._loaded { opacity: 1; } .comp-d-genplan._flat { margin-bottom: 0; } .comp-d-genplan._flat .comp-d-genplan__svg-polygon { fill: rgba(33, 150, 83, 0.3); } .comp-d-genplan._flat .comp-d-genplan__svg-polygon:hover { fill: rgba(33, 150, 83, 0.4); } .comp-d-genplan._flat .comp-d-genplan__svg-polygon._pin { fill: transparent; } .comp-d-genplan._flat .comp-d-genplan__svg-polygon._pin:hover { fill: rgba(255, 255, 255, 0.5); } .comp-d-genplan._flat .comp-d-genplan__svg-polygon._hover { fill: rgba(33, 150, 83, 0.5); } .comp-d-genplan._flat .comp-d-genplan__svg-polygon._hover._pin { fill: rgba(255, 255, 255, 0.5); } .comp-d-genplan__pop-up { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, transform 0s ease; transition: opacity .2s ease, transform 0s ease, -webkit-transform 0s ease; z-index: 102; } .comp-d-genplan__pop-up._active { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, transform 0s ease; transition: opacity .2s ease, transform 0s ease, -webkit-transform 0s ease; } .comp-d-genplan__gradient { position: absolute; width: 792px; height: 100%; font-weight: 300; background: linear-gradient(135.51deg, #fff 0%, rgba(255, 255, 255, 0.62) 19.66%, rgba(255, 255, 255, 0) 46.34%); z-index: 8; } @media only screen and (max-width: 750px) { .comp-d-genplan__gradient { display: none; } } .comp-d-genplan__title { margin-bottom: 30px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .comp-d-genplan__title { margin-bottom: 0; font-size: 18px; line-height: 24px; } } .comp-d-genplan__wrap { position: relative; display: block; width: auto; height: 100%; } @media only screen and (max-width: 750px) { .comp-d-genplan__wrap { position: absolute; top: 0; left: 0; } } .comp-d-genplan__container { position: relative; overflow: hidden; width: 100%; } @media only screen and (max-width: 750px) { .comp-d-genplan__container { height: calc(100vh - 150px); overflow-x: scroll; overflow-y: hidden; } } .comp-d-genplan__preload { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100vh; background-color: white; z-index: 8; } @media only screen and (max-width: 750px) { .comp-d-genplan__preload { width: 100vw; } } .comp-d-genplan__preload._image-loaded { display: none; } .comp-d-genplan__image { width: 100%; height: 100%; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .comp-d-genplan__image { width: auto; } } .comp-d-genplan__image._image-loaded { opacity: 1; } .comp-d-genplan__rose { position: absolute; top: 44px; right: 44px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 92px; height: 92px; border-radius: 50%; background: rgba(0, 0, 0, 0.4); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } @media only screen and (max-width: 1440px) { .comp-d-genplan__rose { width: 68px; height: 68px; } } @media only screen and (max-width: 750px) { .comp-d-genplan__rose { top: 47px; right: 20px; width: 66px; height: 66px; } } .comp-d-genplan__rose img { width: 68px; height: 68px; -o-object-fit: contain; object-fit: contain; } @media only screen and (max-width: 1440px) { .comp-d-genplan__rose img { width: 52px; height: 52px; } } @media only screen and (max-width: 750px) { .comp-d-genplan__rose img { width: 50px; height: 50px; } } .comp-d-genplan__svg { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } @media only screen and (max-width: 750px) { .comp-d-genplan__svg { width: 100%; height: auto; } } .comp-d-genplan__svg ._hover { fill: rgba(33, 150, 83, 0.5); } .comp-d-genplan__svg-polygon { fill: transparent; cursor: pointer; -webkit-transition: fill .2s ease; transition: fill .2s ease; } .comp-d-genplan__svg-polygon:hover { fill: rgba(33, 150, 83, 0.5); } .comp-d-genplan__svg-polygon._pin:hover { fill: rgba(255, 255, 255, 0.5); } .comp-d-genplan__svg-polygon._hover { fill: rgba(33, 150, 83, 0.5); } .comp-d-genplan__svg-polygon._hover._pin { fill: rgba(255, 255, 255, 0.5); } .comp-d-genplan__svg-polygon._hidden-desk { visibility: hidden; pointer-events: none; } @media only screen and (max-width: 750px) { .comp-d-genplan__svg-polygon._hidden-desk { visibility: visible; pointer-events: all; } } .comp-d-genplan__pins { top: 0; left: 0; z-index: 2; pointer-events: none; } @media only screen and (max-width: 750px) { .comp-d-genplan__tooltips { position: absolute; top: 0; left: 0; z-index: 5; } } .comp-d-genplan__overlay { display: none; } @media only screen and (max-width: 750px) { .comp-d-genplan__overlay { background-color: rgba(0, 0, 0, 0.6); display: block; position: absolute; width: 100%; height: 100%; z-index: 4; top: 0; } } @media only screen and (max-width: 750px) { .comp-d-genplan__overlay-container { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100vw; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } } @media only screen and (max-width: 750px) { .comp-d-genplan__overlay-image { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA1MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ1LjcxNTYgNDVIMzUuMjk1NkMzNC42NjgyIDQ1IDM0LjM0MzQgNDQuNTg2MiAzNC4yMzM1IDQ0LjQwNzlDMzQuMTIzNiA0NC4yMjk3IDMzLjg5NjYgNDMuNzUzNyAzNC4xNzc0IDQzLjE5MDlMNDkuNDYwOCAxMi42MjU3QzQ5LjgxMjMgMTEuOTIwMiA1MC4wMDAzIDExLjEyOTEgNTAuMDAwMyAxMC4xMTIzQzUwLjAwMDMgNy4yOTM3MSA0Ny43MDc3IDUgNDQuODg4IDVDNDIuOTM5NyA1IDQxLjE4NjggNi4wODI4MSA0MC4zMTUyIDcuODI1OThMMzIuNDk3OSAyMy40NjA4QzMxLjE3MjEgMjEuMDI2NyAyOC40MzA1IDE5LjY1ODMgMjUuNjUyMSAyMC4wNzdMMTIuMzY2IDIyLjEyMTdDMTAuMzY0MSAyMi40MjkzIDguNjI4MTcgMjMuNjk0IDcuNzI0ODkgMjUuNTA0M0wxLjA1OTg1IDM4LjgzNjZDMC4zNjY0NTUgNDAuMjIyMSAwLjAwMDI0NDE0MSA0MS43NzM3IDAuMDAwMjQ0MTQxIDQzLjMyMjdDMC4wMDAyNDQxNDEgNDcuMTQ3MSAyLjEyNDI3IDUwLjU4NDYgNS41NDQ3NCA1Mi4yOTQ5TDE3LjI5NTIgNTguMTcwMUMxOS42OTAyIDU5LjM2NzYgMjIuMzcwOSA2MCAyNS4wNDY2IDYwQzI2LjgwMiA2MCAyOC41NDAzIDU5LjczMzggMzAuMjE1IDU5LjIxMDFMNDcuODczOCA1My42OTI2QzQ4LjE5NjEgNTMuNTkxMiA0OC40NjcxIDUzLjM2MjkgNDguNjE4NCA1My4wNTkxTDQ5LjU0ODYgNTEuMTk4N0M0OS44NDQxIDUwLjYwNjcgNTAuMDAwMyA0OS45NDM5IDUwLjAwMDMgNDkuMjgzNEM1MC4wMDAzIDQ2LjkyMTQgNDguMDc4OSA0NSA0NS43MTU2IDQ1Wk00Ny4zMTIyIDUwLjA4MThMNDYuNjIxMyA1MS40NjQ4TDI5LjQ2OCA1Ni44MjVDMjUuODQ3NCA1Ny45NTQxIDIxLjgwNDQgNTcuNjI4MiAxOC40MTMzIDU1LjkzMzlMNi42NjI4MiA1MC4wNTg2QzQuMDk0NDIgNDguNzc0NSAyLjUwMDIxIDQ2LjE5MzkgMi41MDAyMSA0My4zMjI4QzIuNTAwMjEgNDIuMTU5NSAyLjc3NjA2IDQwLjk5NDggMy4yOTYxNCAzOS45NTQ4TDkuOTYxMTggMjYuNjIyM0MxMC41MDMyIDI1LjUzNTggMTEuNTQ1NyAyNC43NzY2IDEyLjc0NjggMjQuNTkyMkwyNi4wMzMgMjIuNTQ3NUMyNy44MDc5IDIyLjI4MDIgMjkuNTc1NCAyMy4xOTIxIDMwLjM3MzggMjQuNzkzN0wzMS4zODIxIDI2LjgwOTFDMzEuODA2OSAyNy42NTYyIDMzLjE5MzYgMjcuNjU2MiAzMy42MTg0IDI2LjgwOTFMNDIuNTUxNSA4Ljk0NDA2QzQyLjk5NTkgOC4wNTI5NyA0My44OTE5IDcuNDk5OTYgNDQuODg4IDcuNDk5OTZDNDYuMzI4NCA3LjQ5OTk2IDQ3LjUwMDMgOC42NzE4NCA0Ny41MDAzIDEwLjMzODFDNDcuNTAwMyAxMC43NDIyIDQ3LjQwNSAxMS4xNDYzIDQ3LjIyNDUgMTEuNTA2NEwzMS45NDEyIDQyLjA3MzlDMzEuMzU1MyA0My4yNDQ2IDMxLjQxODggNDQuNjA5MyAzMi4xMDczIDQ1LjcyMjVDMzIuNzk1OCA0Ni44MzU4IDMzLjk4NzIgNDcuNDk5OSAzNS4yOTU3IDQ3LjQ5OTlINDUuNzE1N0M0Ni42OTk2IDQ3LjQ5OTkgNDcuNTAwMyA0OC4yOTk1IDQ3LjUwMDMgNDkuMjgzNEM0Ny41MDAyIDQ5LjU1OTMgNDcuNDM0MyA0OS44MzUxIDQ3LjMxMjIgNTAuMDgxOFoiIGZpbGw9IiNGOUY5RjkiLz4KPHBhdGggZD0iTTEuMjUwMjYgMTUuMDU1QzEuMzUyOCAxNS4wNTUgMS40NTc4IDE1LjA0MjggMS41NjAzNCAxNS4wMTU5TDExLjU2MDMgMTIuNDYxQzExLjk2OCAxMi4zNTYgMTIuMjk3NiAxMi4wNTIgMTIuNDM0MyAxMS42NTE3QzEyLjU2ODYgMTEuMjUxMyAxMi40OTI5IDEwLjgwOTQgMTIuMjMxNyAxMC40Nzc0TDkuNjQ4NjIgNy4xOTAwNEMxNC4xMjYxIDQuMTczNjMgMTkuNDUwOSAyLjUwMDA4IDI1LjAwMDIgMi41MDAwOEMyOS40MTkxIDIuNTAwMDggMzMuNjM3OCAzLjUxNTc0IDM3LjUzOTIgNS41MTg4M0MzOC4xNDk1IDUuODMxMzcgMzguOTA4OSA1LjU5NDUzIDM5LjIyMTMgNC45NzgwMUMzOS41Mzg3IDQuMzYzOTUgMzkuMjk0NiAzLjYwOTYxIDM4LjY4MTggMy4yOTQ2MUMzNC40ODI2IDEuMTM4OTUgMjkuNzUxMiAwIDI1LjAwMDIgMEMxOC40ODkgMCAxMi4yNTYgMi4xMTMwMSA3LjE1ODM4IDUuODg4NjdDNy4xMzE1NSA1LjkwNjk1IDcuMTA0NzEgNS45MjUzNSA3LjA3Nzc2IDUuOTQ2MDlDNy4wNzAzNyA1Ljk1MjE5IDcuMDYzMTEgNS45NTgyOCA3LjA1NTczIDUuOTY0MzhDNC40MzYxMiA3LjkyMjM0IDIuMTE2NzQgMTAuMzIxMSAwLjIxNzM2NyAxMy4wOTkzQy0wLjA3NTYwMTUgMTMuNTI5MSAtMC4wNzMxNDA2IDE0LjA5NTQgMC4yMjcwOTQgMTQuNTIxNEMwLjQ2NDA0NyAxNC44NjA5IDAuODQ5ODI4IDE1LjA1NSAxLjI1MDI2IDE1LjA1NVpNNy42Mzk0NCA4LjY4MDQzTDkuMDgyMzcgMTAuNTEzOUw0LjQ5MjQ4IDExLjY4NThDNS40NjY1NSAxMC41OTY5IDYuNTE4NzcgOS41OTIyNyA3LjYzOTQ0IDguNjgwNDNaIiBmaWxsPSIjRjlGOUY5Ii8+Cjwvc3ZnPgo=); width: 50px; height: 60px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto 18px; } } @media only screen and (max-width: 750px) { .comp-d-genplan__overlay-image._two { background-image: url(/static/images/finger-two.svg); } } @media only screen and (max-width: 750px) { .comp-d-genplan__overlay-text { font-size: 18px; color: #fff; text-align: center; } } .comp-d-genplan__status { -ms-flex-negative: 0; flex-shrink: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 8px; font-size: 14px; line-height: 15px; font-weight: 500; } .comp-d-genplan__status._start { margin-right: 4px; color: #e93232; } .comp-d-genplan__status._start:before { content: ""; position: absolute; top: -8px; left: -4px; width: 12px; height: 15px; border-radius: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDM5NTIgNi4zMjIxTDExLjU0NzIgNy41Mjk5MkwzLjUwODUyIDE0LjM0ODRMNS4wNjE0MyA4LjU1MjgxTDAuNTUzNzc3IDcuMzQ0OTlMOC41OTI0MyAwLjUyNjU0N0w3LjAzOTUyIDYuMzIyMVoiIGZpbGw9IiNFRjNCMjQiLz4KPC9zdmc+Cg==); } .comp-d-genplan__status._start .comp-d-genplan__status-icn { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IiNFOTMyMzIiLz4KPHBhdGggZD0iTTExLjM1NTUgNi45MjA2NkMxMS4zMzc5IDYuODg5NTMgMTEuMzEyMyA2Ljg2MzY0IDExLjI4MTQgNi44NDU2M0MxMS4yNTA1IDYuODI3NjIgMTEuMjE1NCA2LjgxODEzIDExLjE3OTYgNi44MTgxM0g4LjUzMDM4TDguOTc0NTIgMy40MjQ1N0M4Ljk3OTI5IDMuMzc5MTUgOC45Njg2MyAzLjMzMzQ1IDguOTQ0MjcgMy4yOTQ4M0M4LjkxOTkgMy4yNTYyIDguODgzMjUgMy4yMjY5IDguODQwMjEgMy4yMTE2NEM4Ljc5NzE3IDMuMTk2MzggOC43NTAyNCAzLjE5NjA1IDguNzA2OTkgMy4yMTA3QzguNjYzNzQgMy4yMjUzNSA4LjYyNjY3IDMuMjU0MTQgOC42MDE3NyAzLjI5MjQxTDUuMzgwMDUgOC45MzY3M0M1LjM2MTIxIDguOTY3MzcgNS4zNTA4OSA5LjAwMjQ4IDUuMzUwMTQgOS4wMzg0NUM1LjM0OTM5IDkuMDc0NDEgNS4zNTgyNSA5LjEwOTkyIDUuMzc1OCA5LjE0MTMyQzUuMzkzMzYgOS4xNzI3MiA1LjQxODk2IDkuMTk4ODcgNS40NDk5OSA5LjIxNzA3QzUuNDgxMDEgOS4yMzUyNyA1LjUxNjMzIDkuMjQ0ODcgNS41NTIzIDkuMjQ0ODhIOC4xNjE5Mkw3LjgwOTk0IDEyLjY0MzVDNy44MDY0OCAxMi42ODg4IDcuODE4MjYgMTIuNzMzOSA3Ljg0MzQgMTIuNzcxN0M3Ljg2ODU0IDEyLjgwOTUgNy45MDU1OSAxMi44Mzc4IDcuOTQ4NjcgMTIuODUyMUM3Ljk5MTc1IDEyLjg2NjQgOC4wMzgzOCAxMi44NjU5IDguMDgxMTMgMTIuODUwN0M4LjEyMzg5IDEyLjgzNTQgOC4xNjAzMiAxMi44MDYzIDguMTg0NjIgMTIuNzY4TDExLjM1MzEgNy4xMjQyNUMxMS4zNzE1IDcuMDkzNTYgMTEuMzgxNCA3LjA1ODU1IDExLjM4MTggNy4wMjI3OEMxMS4zODIyIDYuOTg3MDEgMTEuMzczMiA2Ljk1MTc3IDExLjM1NTUgNi45MjA2NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); } .comp-d-genplan__status._start p { -ms-flex-negative: 0; flex-shrink: 0; } .comp-d-genplan__status .comp-d-genplan__start { position: relative; color: #ef3b24; margin-left: 12px; } .comp-d-genplan__status .comp-d-genplan__start:before { content: ""; position: absolute; top: 0; left: -16px; width: 12px; height: 15px; border-radius: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDM5NTIgNi4zMjIxTDExLjU0NzIgNy41Mjk5MkwzLjUwODUyIDE0LjM0ODRMNS4wNjE0MyA4LjU1MjgxTDAuNTUzNzc3IDcuMzQ0OTlMOC41OTI0MyAwLjUyNjU0N0w3LjAzOTUyIDYuMzIyMVoiIGZpbGw9IiNFRjNCMjQiLz4KPC9zdmc+Cg==); } .comp-d-genplan__status .comp-d-genplan__start._custom-text-pin { margin-left: 4px; } .comp-d-genplan__status .comp-d-genplan__start._custom-text-pin:before { top: -7px; left: -7px; } .comp-d-genplan__status._done { color: #9aca3c; margin-left: 10px; } .comp-d-genplan__status._done:before { content: ""; position: absolute; top: 5px; left: -4px; width: 6px; height: 6px; border-radius: 100%; background-color: #9aca3c; } .comp-d-genplan__status._done .comp-d-genplan__status-icn { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IiMzQUI5NEUiLz4KPHBhdGggZD0iTTUgOC4zMzMzM0w3LjMzMzMzIDEwLjY2NjdMMTEuNSA2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); } .comp-d-genplan__status._done .comp-d-genplan__done { position: relative; color: #9aca3c; margin-left: 8px; } .comp-d-genplan__status._done .comp-d-genplan__done:before { content: ""; position: absolute; top: 5px; left: -12px; width: 6px; height: 6px; border-radius: 100%; background-color: #9aca3c; } .comp-d-genplan__status._unfinished { margin-left: 9px; } .comp-d-genplan__status._unfinished:before { content: ""; position: absolute; top: -2px; left: -4px; width: 6px; height: 6px; border-radius: 100%; background-color: #ef3b24; } .comp-d-genplan__status .comp-d-genplan__unfinished { position: relative; color: #ef3b24; margin-left: 9px; } .comp-d-genplan__status .comp-d-genplan__unfinished:before { content: ""; position: absolute; top: 5px; left: -12px; width: 6px; height: 6px; border-radius: 100%; background-color: #ef3b24; } .comp-d-genplan__status._villa .comp-d-genplan__status-icn { border-radius: 50%; background-color: #3b4658; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjU1NTY2NCA4LjExMTExVjMuMjIyMjJMMC41NTU3NDkgMi4zMzMzM0gxLjQ0NDU1VjEuNDQ0NDRDMS40NDQ1NSAxLjMyNjU3IDEuNDkxMzggMS4yMTM1MiAxLjU3NDczIDEuMTMwMTdDMS42NTgwOCAxLjA0NjgzIDEuNzcxMTIgMSAxLjg4OSAxSDguMTExMjJDOC4yMjkwOSAxIDguMzQyMTQgMS4wNDY4MyA4LjQyNTQ5IDEuMTMwMTdDOC41MDg4NCAxLjIxMzUyIDguNTU1NjYgMS4zMjY1NyA4LjU1NTY2IDEuNDQ0NDRWMi4zMzMzM0g5LjQ0NDU4TDkuNDQ0NTUgMy4yMjIyMlY4LjExMTExVjlIMC41NTU2NjRWOC4xMTExMVpNNS40NDQ1NSA1VjcuMTExMTFINC4zMjkyVjVINS40NDQ1NVpNMy4yMjIzMyA1VjcuMTExMTFIMi4wODk1NlY1SDMuMjIyMzNaTTcuNjY2NzggNVY3LjExMTExSDYuNTY4ODVWNi4wNTU1NlY1SDcuNjY2NzhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: center; background-size: unset; } .comp-d-genplan__status-icn { -ms-flex-negative: 0; flex-shrink: 0; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } .comp-d-genplan__status-icn._rent { margin-right: 0; } .comp-d-genplan__status-text_villa { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 12px; border-radius: 8px; background-color: #f6f5f4; margin-bottom: 8px; } .comp-d-genplan__status-text_villa p { font-size: 14px; } @media only screen and (max-width: 750px) { .comp-d-genplan__status-text_villa { display: none; } } .comp-d-genplan__icn_villa { width: 14px; height: 14px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-right: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgOS41VjRIMC41VjNIMlYyQzIgMS44NjczOSAyLjA1MjY4IDEuNzQwMjEgMi4xNDY0NSAxLjY0NjQ1QzIuMjQwMjEgMS41NTI2OCAyLjM2NzM5IDEuNSAyLjUgMS41SDkuNUM5LjYzMjYxIDEuNSA5Ljc1OTc5IDEuNTUyNjggOS44NTM1NSAxLjY0NjQ1QzkuOTQ3MzIgMS43NDAyMSAxMCAxLjg2NzM5IDEwIDJWM0gxMS41VjRIMTFWOS41SDExLjVWMTAuNUgwLjVWOS41SDFaTTYuNSA5LjVWNkg1LjVWOS41SDYuNVpNNCA5LjVWNkgzVjkuNUg0Wk05IDkuNVY2SDhWOS41SDlaTTMgMi41VjNIOVYyLjVIM1oiIGZpbGw9IiMyOTI1MjIiLz4KPC9zdmc+Cg==); } .comp-d-plans { position: relative; width: 100%; margin-top: 56px; margin-bottom: 56px; font-size: 15px; } @media only screen and (max-width: 750px) { .comp-d-plans { margin-top: 0; margin-bottom: 0; } } .comp-d-plans.--new { margin-top: 90px; } .comp-d-plans__load-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; margin-top: 15px; margin-bottom: 10px; font-size: 14px; color: #3b4658; cursor: pointer; } .comp-d-plans__load-more.active .comp-d-plans__load-more-plus:after { -webkit-transform: rotate(0); transform: rotate(0); } @media screen and (min-width: 720px) { .comp-d-plans__load-more:hover .comp-d-plans__load-more-plus:after { -webkit-transform: rotate(0); transform: rotate(0); } } .comp-d-plans__load-more-plus { position: relative; width: 17px; height: 17px; margin-left: 13px; border-radius: 50%; background: #3b4658; } .comp-d-plans__load-more-plus:before, .comp-d-plans__load-more-plus:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #fff; width: 5px; height: 1px; -webkit-transition: all .2s ease; transition: all .2s ease; } .comp-d-plans__load-more-plus:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .comp-d-plans__specials-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; max-height: 105px; -webkit-transition: max-height .2s ease; transition: max-height .2s ease; } .comp-d-plans__specials-list.active { max-height: 100%; } .comp-d-plans__specials-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; margin-bottom: 15px; } .comp-d-plans__specials-label { margin-left: 15px; font-size: 14px; cursor: pointer; } .comp-d-plans-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .comp-d-plans-filter__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .comp-d-plans-filter__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .comp-d-plans-filter__select-wrapper { width: 50%; margin-top: 25px; padding-left: 20px; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-plans-filter__select-wrapper { width: 100%; padding-left: 0; } } .comp-d-plans-filter__select-wrapper.loading { opacity: 0; } .comp-d-plans-filter__select-wrapper .selectric-scroll li.disabled { display: none; } .comp-d-plans-filter__select-wrapper .selectric-scroll li.last.selected { border-bottom: 1px solid #d4d4d4; } .comp-d-plans-filter__select-wrapper .selectric-wrapper { z-index: 8; } .comp-d-plans-filter__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5px; opacity: 1; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .comp-d-plans-filter__item.w-50 { width: 50%; } @media only screen and (max-width: 750px) { .comp-d-plans-filter__item.w-50 { width: 100%; } } .comp-d-plans-filter__item:first-child { margin-top: 25px; } .comp-d-plans-filter__item:last-child { margin-bottom: 0; } .comp-d-plans-filter__item.loading { opacity: 0; } .comp-d-plans-filter__title { margin-bottom: 10px; font-size: 16px; font-weight: lighter; } .comp-d-plans__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .comp-d-plans__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: white; padding-top: 32px; padding-bottom: 32px; } } .comp-d-plans__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 43.5%; height: 626px; } @media only screen and (max-width: 750px) { .comp-d-plans__aside { height: auto; width: 100%; } } .comp-d-plans__aside-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 70px 40px 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 750px) { .comp-d-plans__aside-wrap { padding: 0; } } .comp-d-plans__rooms { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-bottom: 10px; } @media only screen and (max-width: 750px) { .comp-d-plans__rooms { margin-top: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow-x: auto; margin-bottom: 0; } } .comp-d-plans__rooms-item { position: relative; padding: 10px 0 18px; margin-right: 32px; cursor: pointer; } @media only screen and (max-width: 750px) { .comp-d-plans__rooms-item { white-space: nowrap; } } .comp-d-plans__rooms-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } .comp-d-plans__rooms-item:last-child { margin-right: 0; } .comp-d-plans__rooms-item.active:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .comp-d-plans__rooms-item:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .comp-d-plans__list-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .comp-d-plans__list-wrapper .more { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 750px) { .comp-d-plans__list-wrapper .more { top: 170px; } } .comp-d-plans__list { position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 1; } @media only screen and (max-width: 750px) { .comp-d-plans__list { display: none; } } .comp-d-plans__list.loading { opacity: 0; } .comp-d-plans__list-pack { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .comp-d-plans__list-pack.w-50 { width: 50%; } @media only screen and (max-width: 750px) { .comp-d-plans__list-pack.w-50 { width: 100%; } } .comp-d-plans__list .mCustomScrollBox { width: 100%; } .comp-d-plans__list .mCSB_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } .comp-d-plans__item { -ms-flex-negative: 0; flex-shrink: 0; padding: 10px; height: 105px; width: calc((100% - 60px) / 3); margin-right: 30px; margin-bottom: 30px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; cursor: pointer; } .comp-d-plans__item:nth-child(3n) { margin-right: 0; } .comp-d-plans__item:nth-last-child(-n+3) { margin-bottom: 0; } .comp-d-plans__item.active { background-color: #f2f2f2; } .comp-d-plans__item-img { font-size: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } .comp-d-plans__item-img > svg { width: 100%; height: 100%; } .comp-d-plans__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 500px; height: 60px; margin: auto; margin-top: 48px; background-color: #3b4658; color: #fff; font-size: 18px; } @media only screen and (max-width: 750px) { .comp-d-plans__button { display: none; } } @media only screen and (max-width: 750px) { .comp-d-plans__choose-flat-button { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 10px; margin-top: 0; height: auto; min-height: 60px; } } .comp-d-plans__gallery { position: relative; width: 56.5%; height: 626px; border: 1px solid #e1e1e1; padding: 70px 126px; } .comp-d-plans__gallery .more { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 750px) { .comp-d-plans__gallery { width: 100%; height: 490px; padding: 0; border: none; background-color: transparent; } } .comp-d-plans__gallery-wrap { position: relative; height: 100%; width: 100%; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 1; } .comp-d-plans__gallery-wrap.loading { opacity: 0; } .comp-d-plans__slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .comp-d-plans__slider .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .comp-d-plans__slider .slick-list { margin: 0 -30px; } .comp-d-plans__slider .slick-arrow-prev { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCAxNyA0NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPlZlY3RvciAyNzwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDM2OSAtMjQxMSkiPgo8ZyBpZD0iVmVjdG9yIDI3Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3MCAyNDEyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gMCAyMkwgLTAuNDEzMTE0IDIxLjcxODNMIC0wLjYwOTY5OCAyMi4wMDY3TCAtMC40MDY4NjcgMjIuMjkwNkwgMCAyMlpNIDE0LjU4NjkgLTAuMjgxNjY4TCAtMC40MTMxMTQgMjEuNzE4M0wgMC40MTMxMTQgMjIuMjgxN0wgMTUuNDEzMSAwLjI4MTY2OEwgMTQuNTg2OSAtMC4yODE2NjhaTSAtMC40MDY4NjcgMjIuMjkwNkwgMTQuNTkzMSA0My4yOTA2TCAxNS40MDY5IDQyLjcwOTRMIDAuNDA2ODY3IDIxLjcwOTRMIC0wLjQwNjg2NyAyMi4yOTA2WiIvPgo8L2RlZnM+Cjwvc3ZnPgo=); left: -40px; } @media only screen and (max-width: 750px) { .comp-d-plans__slider .slick-arrow-prev { left: 0; } } .comp-d-plans__slider .slick-arrow-next { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCAxNyA0NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPlZlY3RvciAyNzwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDM2OSAtMjQxMSkiPgo8ZyBpZD0iVmVjdG9yIDI3Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3MCAyNDEyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gMCAyMkwgLTAuNDEzMTE0IDIxLjcxODNMIC0wLjYwOTY5OCAyMi4wMDY3TCAtMC40MDY4NjcgMjIuMjkwNkwgMCAyMlpNIDE0LjU4NjkgLTAuMjgxNjY4TCAtMC40MTMxMTQgMjEuNzE4M0wgMC40MTMxMTQgMjIuMjgxN0wgMTUuNDEzMSAwLjI4MTY2OEwgMTQuNTg2OSAtMC4yODE2NjhaTSAtMC40MDY4NjcgMjIuMjkwNkwgMTQuNTkzMSA0My4yOTA2TCAxNS40MDY5IDQyLjcwOTRMIDAuNDA2ODY3IDIxLjcwOTRMIC0wLjQwNjg2NyAyMi4yOTA2WiIvPgo8L2RlZnM+Cjwvc3ZnPgo=); right: -40px; } @media only screen and (max-width: 750px) { .comp-d-plans__slider .slick-arrow-next { right: 0; } } .comp-d-plans__slide { height: 486px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 30px; } .comp-d-plans__slide-title { -ms-flex-negative: 0; flex-shrink: 0; font-size: 24px; text-align: center; } @media only screen and (max-width: 750px) { .comp-d-plans__slide-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .comp-d-plans__slide-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 30px; text-align: center; } @media only screen and (max-width: 750px) { .comp-d-plans__slide-text { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 10px; } } .comp-d-plans__slide-text-title { display: block; font-size: 24px; } @media only screen and (max-width: 750px) { .comp-d-plans__slide-text-title { font-size: 26px; } } .comp-d-plans__slide-text-link { position: relative; top: -4px; display: block; margin-top: 5px; font-size: 16px; } .comp-d-plans__slide-text-link:hover:after { opacity: 0; } .comp-d-plans__slide-text-link:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; opacity: 1; background: #39455b; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .comp-d-plans__slide-subtitle { -ms-flex-negative: 0; flex-shrink: 0; font-size: 18px; margin-top: 15px; text-align: center; } @media only screen and (max-width: 750px) { .comp-d-plans__slide-subtitle { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .comp-d-plans__slide-image { position: relative; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 30px; outline: none; font-size: 0; background-size: contain; background-repeat: no-repeat; background-position: center; } .comp-d-plans__slide-image > svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 750px) { .comp-d-plans__slide-image > svg { width: calc(100% - 80px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media only screen and (max-width: 750px) { .comp-d-plans__slide-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .comp-d-plans svg text { /*stylelint-disable */ font-family: Grtsk-Exa, sans-serif !important; /*stylelint-enable */ } .comp-d-progress-new { position: relative; margin-bottom: 100px; font-size: 15px; } @media only screen and (max-width: 750px) { .comp-d-progress-new { margin-bottom: 40px; } } @media only screen and (max-width: 750px) { .comp-d-progress-new .mobile-container { padding: 0 20px; } } .comp-d-progress-new__title { margin-bottom: 60px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__title { margin-bottom: 25px; font-size: 18px; line-height: 24px; } } .comp-d-progress-new__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-height: 430px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: unset; padding: 0; } } .comp-d-progress-new .comp-d-progress-new__images-container { position: relative; width: 830px; } @media screen and (max-width: 1279px) { .comp-d-progress-new .comp-d-progress-new__images-container { width: 630px; } } @media only screen and (max-width: 750px) { .comp-d-progress-new .comp-d-progress-new__images-container { width: 100%; } } .comp-d-progress-new .comp-d-progress-new__images-container .counter { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 8; color: #fff; font-size: 24px; font-weight: 300; } .comp-d-progress-new .comp-d-progress-new__images-container .counter__current-image { font-size: 36px; } .comp-d-progress-new__images { width: 100%; height: 100%; overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-progress-new__images .slick-dots { bottom: 22px; } } @media only screen and (max-width: 750px) { .comp-d-progress-new__images { width: 100%; height: 276px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .comp-d-progress-new__images.loading { opacity: 0; } .comp-d-progress-new__images-wrap { min-height: 430px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__images-wrap { min-height: unset; height: 276px; } } .comp-d-progress-new__images-item { height: 100%; width: 100%; background-size: cover; background-position: center; background-color: #f2f2f2; -webkit-transition: opacity 0.3s ease, -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: opacity 0.3s ease, -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.3s ease; transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.3s ease, -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); cursor: pointer; opacity: 0; } @media only screen and (max-width: 750px) { .comp-d-progress-new__images-item { background-size: cover; } } .slick-active .comp-d-progress-new__images-item { -webkit-transform: scale(1); transform: scale(1); } .comp-d-progress-new__images-item._image-loaded { opacity: 1; } .comp-d-progress-new__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 830px); min-height: 100%; } @media screen and (max-width: 1279px) { .comp-d-progress-new__aside { width: calc(100% - 630px); max-width: 100%; } } @media only screen and (max-width: 750px) { .comp-d-progress-new__aside { width: 100%; height: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .comp-d-progress-new__aside-wrap { padding-left: 64px; padding-right: 100px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (max-width: 1279px) { .comp-d-progress-new__aside-wrap { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 750px) { .comp-d-progress-new__aside-wrap { padding: 0 20px 35px; } } .comp-d-progress-new__filter { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 20px; font-size: 18px; font-weight: 300; } @media only screen and (max-width: 750px) { .comp-d-progress-new__filter { width: 100%; margin-right: 0; margin-bottom: 15px; } } .comp-d-progress-new__filter-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__filter-wrap { margin-bottom: 0; } } .comp-d-progress-new__filter-item { margin-right: 50px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__filter-item { width: 100%; } } .comp-d-progress-new__filter-item:last-child { margin-right: 0; } .comp-d-progress-new__filter-item .selectric { width: 300px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__filter-item .selectric { width: 100%; } } .comp-d-progress-new__filter-item .label { font-size: 16px; } .comp-d-progress-new__filter-item .selectric-items li { font-size: 16px; } .comp-d-progress-new__filter-item .highlighted { display: none; } .comp-d-progress-new__filter-item select { opacity: 0; height: 38px; } .comp-d-progress-new__data { margin-top: 25px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-progress-new__data { margin-top: 28px; } } .comp-d-progress-new__data-mobile { display: none; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media only screen and (max-width: 750px) { .comp-d-progress-new__data-mobile { margin-top: 16px; padding: 0 20px 30px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } } .comp-d-progress-new__data.loading { opacity: 0; } @media only screen and (max-width: 750px) { .comp-d-progress-new__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 0; } } .comp-d-progress-new__description { height: 300px; overflow: hidden; margin-bottom: 25px; font-size: 16px; line-height: 28px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__description { display: block; height: auto; max-height: 176px; margin-top: 30px; margin-bottom: 10px; font-size: 14px; line-height: 25px; } } .comp-d-progress-new__info-descr { margin-bottom: 32px; color: #a8a19a; } @media only screen and (max-width: 750px) { .comp-d-progress-new__info-descr { margin-bottom: 0; } } .comp-d-progress-new__button { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 68px; font-size: 18px; } .comp-d-progress-new__button.--webcam { position: relative; width: auto; height: 98px; padding: 15px 22px 15px 47px; font-size: 18px; line-height: 20px; } .comp-d-progress-new__button.--webcam:before { content: ''; position: absolute; top: 40px; left: calc(50% - 84px); display: block; width: 16px; height: 16px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTAuODk3OUMxMC4yNDAxIDEwLjg5NzkgMTIuMDYyNSA5LjA3MTY3IDEyLjA2MjUgNi44MjY4NUMxMi4wNjI1IDQuNTgyMDIgMTAuMjQwMSAyLjc1NTc5IDggMi43NTU3OUM1Ljc1OTg5IDIuNzU1NzkgMy45Mzc1IDQuNTgyMDIgMy45Mzc1IDYuODI2ODVDMy45Mzc1IDkuMDcxNjcgNS43NTk4OSAxMC44OTc5IDggMTAuODk3OVpNOCA0LjAwODQyQzkuNTUwNzggNC4wMDg0MiAxMC44MTI1IDUuMjcyOCAxMC44MTI1IDYuODI2ODVDMTAuODEyNSA4LjM4MDg5IDkuNTUwNzggOS42NDUyNyA4IDkuNjQ1MjdDNi40NDkyMiA5LjY0NTI3IDUuMTg3NSA4LjM4MDg5IDUuMTg3NSA2LjgyNjg1QzUuMTg3NSA1LjI3MjggNi40NDkyMiA0LjAwODQyIDggNC4wMDg0MlpNNy4yMTg3NSA2LjgyNjg1QzcuMjE4NzUgNi4zOTQ0MiA3LjU2ODQ4IDYuMDQzOTUgOCA2LjA0Mzk1QzguNDMxNTIgNi4wNDM5NSA4Ljc4MTI1IDYuMzk0NDIgOC43ODEyNSA2LjgyNjg1QzguNzgxMjUgNy4yNTkyNyA4LjQzMTUyIDcuNjA5NzQgOCA3LjYwOTc0QzcuNTY4NDggNy42MDk3NCA3LjIxODc1IDcuMjU5MjcgNy4yMTg3NSA2LjgyNjg1Wk0xMy45ODY4IDEwLjA5MDJDMTQuNTI1OSA5LjEwMDU0IDE0LjgxMjUgNy45ODU5IDE0LjgxMjUgNi44MjY4NUMxNC44MTI1IDMuMDUzOSAxMS43NjU2IDAgOCAwQzQuMjM0OTkgMCAxLjE4NzUgMy4wNTMyOSAxLjE4NzUgNi44MjY4NUMxLjE4NzUgNy45ODU3NyAxLjQ3NDEyIDkuMTAwNTQgMi4wMTMxOCAxMC4wOTAyQzAuNzExNzkyIDExLjU1NzcgMCAxMy40Mjc2IDAgMTUuNDA3NEMwIDE1Ljc1MzMgMC4yNzk3ODUgMTYuMDMzNyAwLjYyNSAxNi4wMzM3SDE1LjM3NUMxNS43MjAyIDE2LjAzMzcgMTYgMTUuNzUzMyAxNiAxNS40MDc0QzE2IDEzLjQyNzMgMTUuMjg4MyAxMS41NTc3IDEzLjk4NjggMTAuMDkwMlpNOCAxLjI1MjYzQzExLjA2NzEgMS4yNTI2MyAxMy41NjI1IDMuNzUzMjUgMTMuNTYyNSA2LjgyNjg1QzEzLjU2MjUgOS45MDA0NCAxMS4wNjcxIDEyLjQwMTEgOCAxMi40MDExQzQuOTMyODYgMTIuNDAxMSAyLjQzNzUgOS45MDA0NCAyLjQzNzUgNi44MjY4NUMyLjQzNzUgMy43NTMyNSA0LjkzMjg2IDEuMjUyNjMgOCAxLjI1MjYzWk0xLjI3ODMyIDE0Ljc4MTFDMS4zOTk0MSAxMy40NTE3IDEuOTA0NzkgMTIuMjAzMyAyLjc0MDQ4IDExLjE2NjVDNC4wMDQ1MiAxMi42OTkzIDUuODg1MzggMTMuNjUzNyA4IDEzLjY1MzdDMTAuMTE0NyAxMy42NTM3IDExLjk5NTYgMTIuNjk5MyAxMy4yNTk2IDExLjE2NjVDMTQuMDk1MiAxMi4yMDMxIDE0LjYwMDcgMTMuNDUxNSAxNC43MjE3IDE0Ljc4MTFIMS4yNzgzMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); } @media only screen and (max-width: 750px) { .comp-d-progress-new__button.--webcam { width: 100%; height: 68px; } .comp-d-progress-new__button.--webcam:before { top: 26px; } } @media only screen and (max-width: 750px) { .comp-d-progress-new__button { margin-bottom: 30px; } } .comp-d-progress { position: relative; margin-bottom: 56px; font-size: 15px; } @media only screen and (max-width: 750px) { .comp-d-progress .mobile-container { padding: 0 20px; } } @media only screen and (max-width: 750px) { .comp-d-progress { margin-top: 24px; margin-bottom: 0; } } .comp-d-progress__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .comp-d-progress__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } } .comp-d-progress .comp-d-progress__images-container { position: relative; } .comp-d-progress .comp-d-progress__images-container .counter { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; color: #fff; font-size: 24px; font-weight: 300; } .comp-d-progress .comp-d-progress__images-container .counter__current-image { font-size: 36px; } .comp-d-progress__images { width: 650px; height: 100%; overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-progress__images .slick-dots { bottom: 22px; } } @media only screen and (max-width: 750px) { .comp-d-progress__images { width: 100%; height: 276px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .comp-d-progress__images.loading { opacity: 0; } .comp-d-progress__images-wrap { min-height: 430px; } @media only screen and (max-width: 750px) { .comp-d-progress__images-wrap { min-height: unset; height: 276px; } } .comp-d-progress__images-item { height: 100%; width: 100%; background-size: cover; background-position: center; background-color: #f2f2f2; -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); cursor: pointer; } @media only screen and (max-width: 750px) { .comp-d-progress__images-item { background-size: cover; } } .slick-active .comp-d-progress__images-item { -webkit-transform: scale(1); transform: scale(1); } .comp-d-progress__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 550px; min-height: 100%; } @media only screen and (max-width: 750px) { .comp-d-progress__aside { width: 100%; height: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .comp-d-progress__aside-wrap { padding-left: 70px; padding-right: 60px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 750px) { .comp-d-progress__aside-wrap { padding: 24px 20px 40px; } } .comp-d-progress__filter { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 25px; font-size: 18px; font-weight: 300; } .comp-d-progress__filter-item { margin-right: 50px; } @media only screen and (max-width: 750px) { .comp-d-progress__filter-item { width: 100%; } } .comp-d-progress__filter-item:last-child { margin-right: 0; } .comp-d-progress__filter-item .selectric { width: 300px; } @media only screen and (max-width: 750px) { .comp-d-progress__filter-item .selectric { width: 100%; } } .comp-d-progress__filter-item .label { font-size: 16px; } .comp-d-progress__filter-item .selectric-items li { font-size: 16px; } .comp-d-progress__filter-item .highlighted { display: none; } .comp-d-progress__filter-item select { opacity: 0; height: 38px; } .comp-d-progress__data { margin-top: 25px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-progress__data { display: none; margin-top: 28px; } } .comp-d-progress__data-mobile { display: none; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media only screen and (max-width: 750px) { .comp-d-progress__data-mobile { display: block; margin-top: 16px; padding: 0 20px 30px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } } .comp-d-progress__data.loading { opacity: 0; } .comp-d-progress__description { height: 176px; overflow: hidden; margin-bottom: 25px; line-height: 20px; } @media only screen and (max-width: 750px) { .comp-d-progress__description { display: block; height: auto; max-height: 176px; margin-top: 30px; margin-bottom: 10px; } } .comp-d-progress__info { font-size: 15px; line-height: 31px; } @media only screen and (max-width: 750px) { .comp-d-progress__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 0; line-height: 21px; } } .comp-d-progress__info-photo { color: rgba(0, 0, 0, 0.5); } .comp-d-progress__button { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 68px; font-size: 18px; } @media only screen and (max-width: 750px) { .comp-d-progress__button { margin-bottom: 30px; } } .comp-d-new-projects { margin-bottom: 35px; } .comp-d-new-projects .comp-d-intro__action { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 45px; margin-bottom: 45px; cursor: default; } .comp-d-new-projects .comp-d-intro__action p { font-size: 20px; line-height: 180%; } @media only screen and (max-width: 750px) { .comp-d-new-projects .comp-d-intro__action p { font-size: 16px; line-height: 1.5; } } .comp-d-new-projects__title { margin-bottom: 44px; } @media only screen and (max-width: 750px) { .comp-d-new-projects__title { margin-bottom: 27px; } } .comp-d-new-projects__cards { margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .comp-d-new-projects__card-wrapper { display: block; padding: 0 10px; width: calc(100% / 3); margin-bottom: 50px; cursor: default; } @media only screen and (max-width: 750px) { .comp-d-new-projects__card-wrapper { width: 100%; margin-bottom: 36px; } } .comp-d-new-projects__card-wrapper:last-child { margin-bottom: 0; } .comp-d-new-projects__card { width: 100%; cursor: pointer; } .comp-d-new-projects__card h2 { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-size: 21px; line-height: 28px; } .comp-d-new-projects__card p { font-size: 16px; line-height: 24px; font-weight: 300; } .comp-d-new-projects__card:hover .comp-d-new-projects__card-image { -webkit-transform: scale(1.03); transform: scale(1.03); } .comp-d-new-projects__card-image { width: 100%; height: 240px; margin-bottom: 30px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #f2f2f2; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; will-change: transform; } @media only screen and (max-width: 750px) { .comp-d-new-projects__card-image { margin-bottom: 5px; } } .comp-d-panorama { position: relative; width: 100%; padding: 60px 0; margin-bottom: 56px; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .comp-d-panorama { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 260px; padding: 80px 0 26px; margin-bottom: 25px; } } .comp-d-panorama.--new { padding: 71px 100px; margin-top: 66px; margin-bottom: 0; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .comp-d-panorama.--new { width: auto; margin: 20px 0 0; padding: 20px; text-align: center; } } .comp-d-panorama.--new .comp-d-panorama__button { width: auto; } .comp-d-panorama._villa { width: 1200px; margin: 0 auto; } @media only screen and (max-width: 750px) { .comp-d-panorama._villa { width: 100%; padding: 0; margin: 0; } } .comp-d-panorama._project { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 280px; padding: 80px 100px; } @media only screen and (max-width: 750px) { .comp-d-panorama._project { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; min-height: 260px; padding: 20px; margin: 20px 0 0; text-align: center; } } @media only screen and (max-width: 750px) { .comp-d-panorama._in-container { margin-left: -20px; width: 100vw; } } .comp-d-panorama:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 0; pointer-events: none; } .comp-d-panorama__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center / cover; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-panorama__image { display: none; } } .comp-d-panorama__image[lazy=loaded], .comp-d-panorama__image._image-loaded { opacity: 1; } @media only screen and (max-width: 750px) { .comp-d-panorama__image.scroll { display: block; } } .comp-d-panorama__image._mobile { display: none; } @media only screen and (max-width: 750px) { .comp-d-panorama__image._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .comp-d-panorama__title-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .comp-d-panorama__title-block { margin-bottom: 60px; } } .comp-d-panorama__icon { position: relative; z-index: 1; -ms-flex-negative: 0; flex-shrink: 0; width: 64px; height: 64px; margin-right: 34px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNDYgOS43MDUyN0MyMy40OCAxNC41MDY3IDQwLjQ5NjcgMTQuNTA2NyA1Ny41MTY3IDkuNzEyMThDNTguMDE5MyA5LjUyMDY2IDU4LjU1OSA5LjQ1NzQ4IDU5LjA5MDEgOS41Mjc5OUM1OS42MjEyIDkuNTk4NSA2MC4xMjgyIDkuODAwNjMgNjAuNTY4IDEwLjExNzNDNjEuMDA3OCAxMC40MzM5IDYxLjM2NzYgMTAuODU1NyA2MS42MTY4IDExLjM0N0M2MS44NjYxIDExLjgzODMgNjEuOTk3NSAxMi4zODQ3IDYyIDEyLjkzOThWNTAuOTUyNEM2MiA1My4zNDM4IDU5LjY5MzMgNTUuMDk5MyA1Ny41MzMzIDU0LjI3NjhDNDAuNTEgNDkuNDc1NCAyMy40ODY3IDQ5LjQ3NTQgNi40NjMzMyA1NC4yNzY4QzQuMzAzMzMgNTUuMTI2OSAyIDUzLjQ0MDUgMiA1MS4wNDU4VjEyLjkzOThDMi4wMDMyNyAxMi4zODczIDIuMTM0MjggMTEuODQzNyAyLjM4MjA0IDExLjM1NDVDMi42Mjk3OSAxMC44NjUzIDIuOTg3MDggMTAuNDQ0OSAzLjQyMzkyIDEwLjEyODRDMy44NjA3NyA5LjgxMTk0IDQuMzY0NDUgOS42MDg2NiA0Ljg5MjcxIDkuNTM1NjRDNS40MjA5OCA5LjQ2MjYyIDUuOTU4NDMgOS41MjE5NyA2LjQ2IDkuNzA4NzNWOS43MDUyN1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMyLjAxNzkgMjIuODM1OUMyNS4zMjM0IDIyLjk0MzMgMjEuNDc0OSAyOC4xMTY0IDIwLjc1IDMyLjAwMDZDMjEuNDc0OSAzNS44ODQ5IDI1LjMyMzQgNDEuMDU3OSAzMi4wMTc5IDQxLjE2NTNNMzEuOTgyMSAyMi44MzU5QzM4LjY3NjYgMjIuOTQzMyA0Mi41MjUxIDI4LjExNjQgNDMuMjUgMzIuMDAwNkM0Mi41MjUxIDM1Ljg4NDkgMzguNjc2NiA0MS4wNTc5IDMxLjk4MjEgNDEuMTY1MyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz4KPGVsbGlwc2UgY3g9IjMxLjk5OTgiIGN5PSIzMS45OTk4IiByeD0iNC4wMDk1NSIgcnk9IjQuMDA5NTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIi8+Cjwvc3ZnPgo=) center no-repeat; } @media only screen and (max-width: 750px) { .comp-d-panorama__icon { display: none; } } .comp-d-panorama__title { position: relative; margin-bottom: 36px; font-size: 28px; line-height: 34px; color: #fff; z-index: 1; } .comp-d-panorama__title._with-subtitle { margin-bottom: 16px; } .comp-d-panorama__title._project { margin-bottom: 0; } @media only screen and (max-width: 750px) { .comp-d-panorama__title { margin-bottom: 60px; font-size: 18px; line-height: 24px; text-align: center; } } .comp-d-panorama__subtitle { position: relative; margin-bottom: 30px; font-size: 16px; line-height: 28px; color: #fff; z-index: 1; } @media only screen and (max-width: 750px) { .comp-d-panorama__subtitle { margin-bottom: 40px; font-size: 16px; line-height: 26px; text-align: center; } } .comp-d-panorama__button { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 80px; background: #fff; font-size: 16px; cursor: pointer; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; z-index: 1; } .comp-d-panorama__button._bordered { color: #fff; background-color: transparent; border: 1px solid #fff; } @media only screen and (max-width: 750px) { .comp-d-panorama__button { width: 100%; min-height: 54px; } } .comp-d-panorama__button:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 7px; } .comp-d-panorama__button:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px); } .comp-d-panorama__button:hover:before { bottom: -6px; } .comp-d-documents { margin-bottom: 84px; padding-top: 32px; } @media only screen and (max-width: 750px) { .comp-d-documents { margin-bottom: 40px; padding-top: 0; } } .comp-d-documents__title { margin-bottom: 46px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .comp-d-documents__title { margin-bottom: 24px; font-size: 18px; line-height: 24px; } } .comp-d-documents__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .comp-d-documents__sub { margin-bottom: 20px; } .comp-d-documents__sub-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 14px; height: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNCAxTDcuNSA3LjVMMSAxIiBzdHJva2U9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .comp-d-documents__sub-icon._rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .comp-d-documents__sub-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; line-height: 20px; font-weight: 300; cursor: pointer; } .comp-d-documents__sub-name > span { margin-right: 20px; } .comp-d-documents__sub-body { display: none; } @media only screen and (max-width: 750px) { .comp-d-documents__sub-body { padding-top: 20px; } } .comp-d-documents__table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 32px; } @media only screen and (max-width: 750px) { .comp-d-documents__table { margin-bottom: 0; } } .comp-d-documents__label { display: none; } @media only screen and (max-width: 750px) { .comp-d-documents__label { display: block; font-size: 12px; line-height: 28px; color: #ccc; } } .comp-d-documents__name { text-decoration: underline; } .comp-d-documents__head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 26px; margin-top: 28px; font-size: 14px; line-height: 23px; font-weight: 300; } @media only screen and (max-width: 750px) { .comp-d-documents__head { display: none; } } .comp-d-documents__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; font-size: 16px; line-height: 26px; } .comp-d-documents__col { width: 40%; } @media only screen and (max-width: 750px) { .comp-d-documents__col { width: 100%; } } .comp-d-documents__col:first-child { margin-right: 10%; width: 50%; } @media only screen and (max-width: 750px) { .comp-d-documents__col:first-child { margin-right: 0; width: 100%; } } @media only screen and (max-width: 750px) { .comp-d-documents__date { font-size: 14px; } } .comp-d-documents__btn { width: 285px; height: 60px; margin-top: 56px; } @media only screen and (max-width: 750px) { .comp-d-documents__btn { width: 100%; } } .complex-detail { padding-bottom: 1px; } @media only screen and (max-width: 750px) { .complex-detail { background-color: #fff; } } .complex-detail .comp-d-genplan__cont { margin-top: 80px; opacity: 0; } @media only screen and (max-width: 750px) { .complex-detail .comp-d-genplan__cont { margin-top: 16px; } } .complex-detail .comp-d-genplan__cont._loaded { opacity: 1; } .complex-detail .buildings { margin-top: 80px; margin-bottom: 34px; } @media only screen and (max-width: 750px) { .complex-detail .buildings { margin-top: 35px; margin-bottom: 0; } } .complex-detail .complex-feature { margin-top: 80px; margin-bottom: 80px; } @media only screen and (max-width: 750px) { .complex-detail .complex-feature { margin-top: 16px; margin-bottom: 40px; } } .complex-detail .complex-furnish { margin: 80px 0; } @media only screen and (max-width: 750px) { .complex-detail .complex-furnish { margin: 40px 0; } } .comp-d-audioguide { min-height: 500px; } :root { --pin-size: 20px; --pin-bullet-size: 8px; } .flat-d-about { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .flat-d-about.resale { border: none; } .flat-d-about.resale .flat-d-about__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; max-width: 424px; margin-bottom: 0; } @media only screen and (max-width: 750px) { .flat-d-about.resale .flat-d-about__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; } } @media only screen and (max-width: 750px) { .flat-d-about.resale .flat-d-about__info-group { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .flat-d-about.resale .flat-d-about__info-block { padding: 0; } .flat-d-about.resale .flat-d-about__info-block._wAuto { width: auto; } .flat-d-about.resale .flat-d-about__info-row { margin-left: 0; margin-right: 0; } @media only screen and (max-width: 750px) { .flat-d-about.resale .flat-d-about__info-row { width: 100%; } } .flat-d-about.resale .flat-d-about__info-row.price { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } @media only screen and (max-width: 750px) { .flat-d-about.resale .flat-d-about__info-row.price { padding-top: 16px; } } .flat-d-about.resale .flat-d-about__info-row.purchase { width: 100%; } .flat-d-about.resale .flat-d-about__info-item { padding-bottom: 24px; } .flat-d-about.resale .flat-d-about__info-item.price, .flat-d-about.resale .flat-d-about__info-item.fav { padding-bottom: 0; } .flat-d-about.resale .flat-d-about__info-title { margin-bottom: 4px; line-height: 15px; } @media only screen and (max-width: 750px) { .flat-d-about.resale .flat-d-about__info-val { font-size: 16px; line-height: 137%; } } .flat-d-about.resale .flat-d-about__info-val.price { font-size: 28px; line-height: 28px; white-space: nowrap; } @media only screen and (max-width: 750px) { .flat-d-about.resale .flat-d-about__info-val.price { font-size: 24px; line-height: 26px; } } .flat-d-about.resale .flat-d-about__info-val.price > span { font-size: 16px; line-height: 16px; } .flat-d-about.resale .flat-d-about__info-val.price-offline { margin-top: 10px; } @media only screen and (max-width: 750px) { .flat-d-about.resale .flat-d-about__download { margin-bottom: 8px; } } .flat-d-about.resale .flat-d-about__download, .flat-d-about.resale .flat-d-about__copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; } .flat-d-about.resale .flat-d-about__download > svg, .flat-d-about.resale .flat-d-about__copy > svg { -ms-flex-negative: 0; flex-shrink: 0; fill: none; width: 18px; stroke: #3b4658; margin-right: 8px; } .flat-d-about__hr { margin: 16px -20px 16px 0; width: 100%; height: 1px; background-color: #e1e1e1; } @media only screen and (max-width: 750px) { .flat-d-about__hr { width: 100%; } } .flat-d-about__hr._inside { margin: 16px 0 16px 20px; } @media only screen and (max-width: 750px) { .flat-d-about__hr._inside { width: calc(100% - 40px); margin: 16px 0 16px 16px; } } .flat-d-about__decoration { width: 100%; } .flat-d-about__decor { position: relative; padding: 16px 42px 16px 16px; margin-bottom: 28px; margin-left: 20px; border: 1px solid #e1e1e1; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-d-about__decor { width: calc(100% - 40px); padding: 12px 32px 12px 16px; background-color: #f6f6f6; } } @media (hover), (min-width: 0 \0) { .flat-d-about__decor:hover { background-color: #f6f6f6; } .flat-d-about__decor:hover .flat-d-about__decor-arrow { -webkit-transform: translate(5px, -50%); transform: translate(5px, -50%); } } @media only screen and (max-width: 750px) { .flat-d-about__decor .pop-up.active { height: calc(var(--vh, 1vh) * 100); } } .flat-d-about__decor-text:not(:first-child) { margin-top: 4px; } .flat-d-about__decor-text._light { opacity: .6; } @media only screen and (max-width: 750px) { .flat-d-about__decor-text._light { font-size: 12px; line-height: 140%; } } .flat-d-about__decor-arrow { position: absolute; top: 50%; right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 8.5px; height: 16px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .flat-d-about__decor-arrow { right: 16px; } } .flat-d-about__decor-arrow svg { fill: #3b4658; } .flat-d-about__icons-block { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px 4px; overflow-x: auto; } .flat-d-about__icons-block::-webkit-scrollbar { display: none; } @media only screen and (max-width: 750px) { .flat-d-about__icons-block { padding: 0 20px; } } .flat-d-about__icons-block._red { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-top: 8px; margin-bottom: 29px; } .flat-d-about__icons-block-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .flat-d-about__icons-block-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 12px; border: 1px solid #e1e1e1; border-radius: 33px; font-size: 13px; line-height: 13px; white-space: nowrap; cursor: default; } @media only screen and (max-width: 750px) { .flat-d-about__icons-block-item { padding: 5px 11px 6px; font-size: 14px; } } .flat-d-about__icons-block-item:not(:last-child) { margin-right: 6px; } @media (hover), (min-width: 0 \0) { .flat-d-about__icons-block-item._with-hint:hover { border: 1px solid #767e8b; cursor: pointer; } } .flat-d-about__icons-block-item._with-hint:hover .flat-d-about__icons-block-hint { opacity: 1; -webkit-transform: translate(-50%, calc(-100% - 17px)); transform: translate(-50%, calc(-100% - 17px)); } .flat-d-about__icons-block-item._with-hint:hover .flat-d-about__icons-block-hint._link { pointer-events: all; } .flat-d-about__icons-block-item._with-hint:hover .flat-d-about__icons-block-hint._left { -webkit-transform: translate(0, calc(-100% - 17px)); transform: translate(0, calc(-100% - 17px)); } .flat-d-about__icons-block-item._grey { border: 1px solid #3b4658; color: #3b4658; } .flat-d-about__icons-block-item._red { color: #ef3b24; border-color: #fbc5be; } .flat-d-about__icons-block-item._red._with-hint:hover { border: 1px solid #ef3b24; } .flat-d-about__icons-block-item._plus { /* stylelint-disable */ color: white !important; /* stylelint-enable */ border-color: #ef3b24; background-color: #ef3b24; } .flat-d-about__icons-block-item._plus:hover { border: 1px solid #ef3b24; } .flat-d-about__icons-block-hint { position: absolute; top: 0; left: 50%; z-index: 3; width: 355px; padding: 24px; margin-bottom: 20px; border-radius: 4px; background-color: white; -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); -webkit-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); font-size: 14px; line-height: 20px; color: #14191a; white-space: initial; opacity: 0; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-transition: .3s; transition: .3s; pointer-events: none; } @media only screen and (max-width: 750px) { .flat-d-about__icons-block-hint { display: none; } } .flat-d-about__icons-block-hint:before { content: ""; position: absolute; display: block; left: 50%; bottom: -6px; border-top: 7px solid white; border-right: 8px solid transparent; border-left: 8px solid transparent; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .flat-d-about__icons-block-hint._left { left: auto; right: calc(50% - 23px); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .flat-d-about__icons-block-hint._left:before { left: auto; right: 12px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .flat-d-about .tooltip { position: relative; } .flat-d-about .tooltip-wrapper { margin-left: 10px; position: relative; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-d-about .tooltip-wrapper { margin-left: auto; } } .flat-d-about .tooltip-icon { display: block; padding: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNjUiIHN0cm9rZT0iIzNCNDY1OCIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KPHBhdGggZD0iTTYuMzY3IDcuMkg1LjU0OFY2LjU3OUM1LjU0OCA2LjMwOSA1LjYwNSA2LjA5IDUuNzE5IDUuOTIyQzUuODM5IDUuNzU0IDYuMDE2IDUuNTk1IDYuMjUgNS40NDVDNi4yNjIgNS40MzkgNi4yOTUgNS40MTggNi4zNDkgNS4zODJDNi40MDMgNS4zNDYgNi40MzYgNS4zMjUgNi40NDggNS4zMTlDNi40NiA1LjMwNyA2LjQ4NyA1LjI4NiA2LjUyOSA1LjI1NkM2LjU3NyA1LjIyNiA2LjYwNyA1LjIwNSA2LjYxOSA1LjE5M0M2LjYzMSA1LjE3NSA2LjY1MiA1LjE1MSA2LjY4MiA1LjEyMUM2LjcxOCA1LjA5MSA2Ljc0MiA1LjA2NyA2Ljc1NCA1LjA0OUM2Ljc2NiA1LjAyNSA2Ljc4MSA0Ljk5NSA2Ljc5OSA0Ljk1OUM2LjgyMyA0LjkyMyA2LjgzOCA0Ljg5IDYuODQ0IDQuODZDNi44NSA0LjgyNCA2Ljg1NiA0Ljc4OCA2Ljg2MiA0Ljc1MkM2Ljg2OCA0LjcxIDYuODcxIDQuNjY1IDYuODcxIDQuNjE3QzYuODcxIDQuMzE3IDYuNzg3IDQuMDk4IDYuNjE5IDMuOTZDNi40NTcgMy44MjIgNi4yNSAzLjc1MyA1Ljk5OCAzLjc1M0M1Ljc0NiAzLjc1MyA1LjUzIDMuODQgNS4zNSA0LjAxNEM1LjE3NiA0LjE4OCA1LjA4OSA0LjQ3IDUuMDg5IDQuODZINC4yN0M0LjI3IDQuNTEyIDQuMzIxIDQuMjE1IDQuNDIzIDMuOTY5QzQuNTI1IDMuNzE3IDQuNjYzIDMuNTI1IDQuODM3IDMuMzkzQzUuMDE3IDMuMjYxIDUuMiAzLjE2NSA1LjM4NiAzLjEwNUM1LjU3OCAzLjA0NSA1Ljc4MiAzLjAxNSA1Ljk5OCAzLjAxNUM2LjUyIDMuMDE1IDYuOTQzIDMuMTUgNy4yNjcgMy40MkM3LjU5MSAzLjY4NCA3Ljc1MyA0LjA1NiA3Ljc1MyA0LjUzNkM3Ljc1MyA1LjAzNCA3LjUwNyA1LjQ1NCA3LjAxNSA1Ljc5NkM2Ljg0NyA1LjkxIDYuNzI3IDUuOTk3IDYuNjU1IDYuMDU3QzYuNTg5IDYuMTExIDYuNTIzIDYuMTk4IDYuNDU3IDYuMzE4QzYuMzk3IDYuNDM4IDYuMzY3IDYuNTgyIDYuMzY3IDYuNzVWNy4yWk01LjYwMiA4LjkwMUM1LjUgOC43OTkgNS40NDkgOC42NzMgNS40NDkgOC41MjNDNS40NDkgOC4zNzMgNS41IDguMjQ3IDUuNjAyIDguMTQ1QzUuNzA0IDguMDQzIDUuODMgNy45OTIgNS45OCA3Ljk5MkM2LjEzIDcuOTkyIDYuMjUzIDguMDQzIDYuMzQ5IDguMTQ1QzYuNDUxIDguMjQ3IDYuNTAyIDguMzczIDYuNTAyIDguNTIzQzYuNTAyIDguNjczIDYuNDUxIDguNzk5IDYuMzQ5IDguOTAxQzYuMjUzIDguOTk3IDYuMTMgOS4wNDUgNS45OCA5LjA0NUM1LjgzIDkuMDQ1IDUuNzA0IDguOTk3IDUuNjAyIDguOTAxWiIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } .flat-d-about .tooltip-block { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 35px; background-color: #fff; -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); white-space: normal; } @media only screen and (max-width: 750px) { .flat-d-about .tooltip-block { padding: 15px 20px; } } @media only screen and (max-width: 750px) { .flat-d-about .tooltip-block._price:before { left: auto; right: 18px; } } .flat-d-about .tooltip-block._link { padding: 15px; } .flat-d-about .tooltip-block a { position: relative; display: block; margin-top: 8px; white-space: nowrap; line-height: 20px; } .flat-d-about .tooltip-block-wrapper { position: absolute; top: -32px; left: 6px; visibility: hidden; opacity: 0; background-color: transparent; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); width: 380px; padding-bottom: 0; z-index: 3; -webkit-transition: .3s; transition: .3s; } @media only screen and (max-width: 750px) { .flat-d-about .tooltip-block-wrapper { max-width: 260px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } } .flat-d-about .tooltip-block-wrapper._link { width: auto; } .flat-d-about .tooltip-block-wrapper._price { top: -20px; width: 300px; } @media only screen and (max-width: 750px) { .flat-d-about .tooltip-block-wrapper._price { top: -15px; max-width: 270px; -webkit-transform: translate(-88%, -100%); transform: translate(-88%, -100%); } } .flat-d-about .tooltip-block:before { content: ""; position: absolute; display: block; left: calc(50% - 10px); bottom: -10px; border-top: 11px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; } .flat-d-about .tooltip-block p { font-family: Grtsk-Exa, sans-serif; font-weight: 300; font-size: 14px; line-height: 23px; letter-spacing: initial; color: #3b4658; } .flat-d-about__zoom-popup { position: absolute; width: 300px; height: 300px; background-color: #f9f9f9; border: 1px solid #f2f2f2; right: -320px; top: 0; z-index: 10; overflow: hidden; } .flat-d-about__zoom-popup-hide { display: none; } .flat-d-about__zoom-popup .flat-d-about__slide { display: block; } .flat-d-about-popup-layout { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: -100%; left: -100%; height: 100%; width: 100%; z-index: 100; opacity: 0; -webkit-transition: opacity .2s ease, left 0s linear .2s, top 0s linear .2s; transition: opacity .2s ease, left 0s linear .2s, top 0s linear .2s; } @media only screen and (max-width: 750px) { .flat-d-about-popup-layout { padding: 0; } } .flat-d-about-popup-layout.active { opacity: 1; left: 0; top: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } .flat-d-about-popup-layout-overlay { position: fixed; z-index: 1; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; } @media only screen and (max-width: 750px) { .flat-d-about-popup-layout-overlay { display: none; } } .flat-d-about-popup-layout__btn { position: relative; width: 27px; height: 27px; margin-bottom: 7px; border-radius: 50%; border: 1px solid #3b465b; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; } @media screen and (min-width: 720px) { .flat-d-about-popup-layout__btn:hover { background: #3b465b; } .flat-d-about-popup-layout__btn:hover:before, .flat-d-about-popup-layout__btn:hover.plus:after { background: #fff; } } .flat-d-about-popup-layout__btn.off { opacity: .6; pointer-events: none; } .flat-d-about-popup-layout__btn:last-child { margin-bottom: 0; } .flat-d-about-popup-layout__btn:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 11px; height: 1px; background: #3b465b; -webkit-transition: background .2s ease; transition: background .2s ease; } .flat-d-about-popup-layout__btn.plus:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 11px; background: #3b465b; -webkit-transition: background .2s ease; transition: background .2s ease; } .flat-d-about-popup-layout__btn-container { position: absolute; top: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 30px; z-index: 6; } @media only screen and (max-width: 750px) { .flat-d-about-popup-layout__btn-container { left: 30px; } } .flat-d-about-popup-layout svg { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 100%; width: 100%; margin: 0 auto; } .flat-d-about-popup-layout svg text { /*stylelint-disable */ font-family: Grtsk-Exa, sans-serif !important; /*stylelint-enable */ } @media only screen and (max-width: 750px) { .flat-d-about-popup-layout svg { max-width: 100%; width: 100%; } } .flat-d-about-popup-layout img { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: 100%; max-width: 100%; margin: 0 auto; -o-object-fit: contain; object-fit: contain; } .flat-d-about-popup-layout img._no-grow { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .flat-d-about-popup-layout.zoom .flat-d-about-popup-layout__container { overflow: auto; } .flat-d-about-popup-layout.zoom svg { max-height: none; max-width: calc(100% - 140px); height: auto; } @media only screen and (max-width: 750px) { .flat-d-about-popup-layout.zoom svg { height: auto; max-height: none; max-width: 500px; width: 500px; } } .flat-d-about-popup-layout__zoom-wrapper { height: 100%; width: 100%; overflow: hidden; } .flat-d-about-popup-layout__container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; overflow: hidden; font-size: 0; /*stylelint-disable*/ image-rendering: -webkit-optimize-contrast; /*stylelint-enable*/ } @media only screen and (max-width: 750px) { .flat-d-about-popup-layout__container { padding: 0; } } .flat-d-about-popup-layout__container-wrapper { position: relative; padding: 35px 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: calc(100% - 80px); width: calc(100% - 160px); background: #fff; z-index: 5; } @media only screen and (max-width: 750px) { .flat-d-about-popup-layout__container-wrapper { height: 100%; width: 100%; padding: 60px 10px 10px; } } .flat-d-about-popup-layout__container-wrapper .pinch-zoom-container { width: 100%; } .flat-d-about-popup-layout__close { position: absolute; padding: 10px; top: 34px; right: 30px; display: block; cursor: pointer; z-index: 5; background-size: contain; } .flat-d-about-popup-layout__close-image { position: relative; top: 0; right: 0; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .flat-d-about-popup-layout__close { top: 14px; right: 10px; } } @media only screen and (max-width: 750px) { .flat-d-about.--realtors { border-top: none; } } .flat-d-about.--realtors .flat-d-about__button { display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; left: 0; bottom: 0; } .flat-d-about__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .flat-d-about__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; overflow-x: hidden; } } .flat-d-about__main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 60.6%; height: auto; padding: 32px 0 30px 0; } @media only screen and (max-width: 750px) { .flat-d-about__main { width: 100%; padding-top: 20px; padding-bottom: 0; } } .flat-d-about__main-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .flat-d-about__main-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .flat-d-about__download { font-size: 16px; line-height: 1.5em; } .flat-d-about__desc { margin-bottom: 30px; } .flat-d-about__bti { margin-bottom: 30px; } .flat-d-about__images { position: relative; z-index: 1; width: 100%; height: 620px; padding-right: 15px; } @media only screen and (max-width: 750px) { .flat-d-about__images { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100vw; height: 445px; margin: 0 -20px; padding-right: 0; } } .flat-d-about__bottom-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 18px 32px; width: 80%; margin: 60px auto 0; } @media only screen and (max-width: 750px) { .flat-d-about__bottom-nav { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0 32px; width: 100vw; padding-top: 20px; padding-bottom: 16px; margin: 0 0 0 -20px; border-top: 1px solid #d9d9d9; overflow-x: auto; -webkit-transform: none; transform: none; -webkit-overflow-scrolling: touch; } .flat-d-about__bottom-nav::-webkit-scrollbar { width: 0; } } @media only screen and (max-width: 750px) { .flat-d-about__bottom-nav._scroll { overflow: scroll; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .flat-d-about__bottom-nav-text { position: relative; } .flat-d-about__bottom-nav-text:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; opacity: 1; -webkit-transform: scale(1); transform: scale(1); background-color: #3b4658; -webkit-transition: all .2s linear; transition: all .2s linear; } .flat-d-about__bottom-nav-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 18px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 750px) { .flat-d-about__bottom-nav-item:first-child { margin-left: 20px; } .flat-d-about__bottom-nav-item:last-child { padding-right: 20px; } .flat-d-about__bottom-nav-item:last-child:before { width: 85%; } } .flat-d-about__bottom-nav-item:before { content: ""; position: absolute; top: -20px; left: 0; display: none; width: 100%; height: 1px; opacity: 1; -webkit-transform: scale(0); transform: scale(0); background-color: #3b4658; -webkit-transition: all .2s linear; transition: all .2s linear; } @media only screen and (max-width: 750px) { .flat-d-about__bottom-nav-item:before { display: block; } } .flat-d-about__bottom-nav-item:after { bottom: -4px; -webkit-transform: scale(1); transform: scale(1); } .flat-d-about__bottom-nav-item:hover { color: #000; } .flat-d-about__bottom-nav-item:hover .flat-d-about__bottom-nav-icn { fill: #000; stroke: #000; } .flat-d-about__bottom-nav-item:hover ._3d-tour { stroke: initial; } .flat-d-about__bottom-nav-item.active { color: #000; } .flat-d-about__bottom-nav-item.active:before, .flat-d-about__bottom-nav-item.active:after { -webkit-transform-origin: center; transform-origin: center; } .flat-d-about__bottom-nav-item.active:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .flat-d-about__bottom-nav-item.active:after { opacity: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(0); transform: scale(0); } .flat-d-about__bottom-nav-item.active .flat-d-about__bottom-nav-text:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center; transform-origin: center; } .flat-d-about__bottom-nav-item.active .flat-d-about__bottom-nav-icn { fill: #000; stroke: #000; } .flat-d-about__bottom-nav-item ._3d-tour { /*stylelint-disable*/ overflow: visible !important; /*stylelint-enable*/ stroke: initial; width: 18px; } .flat-d-about__bottom-nav-item ._3d-tour:hover { stroke: initial; } .flat-d-about__bottom-nav-icn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 16px; height: 16px; margin-right: 8px; stroke: #3b4658; fill: #3b4658; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .flat-d-about__3d-tour { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 650px; background-color: #e8e8e8; border-radius: 6px; } @media only screen and (max-width: 750px) { .flat-d-about__3d-tour { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 234px; background-repeat: no-repeat; background-size: cover; margin-bottom: 28px; margin-top: 14px; border-radius: 4px; } } .flat-d-about__3d-tour._desktop { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .flat-d-about__3d-tour._desktop { display: none; } } .flat-d-about__3d-tour._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-d-about__3d-tour._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .flat-d-about__3d-tour-bg { position: absolute; inset: 0; background-size: cover; background-repeat: no-repeat; border-radius: 6px; } @media only screen and (max-width: 750px) { .flat-d-about__3d-tour-bg { border-radius: 4px; } } .flat-d-about__3d-tour-title { margin-top: 72px; margin-bottom: 32px; font-size: 20px; color: #14191a; } @media only screen and (max-width: 750px) { .flat-d-about__3d-tour-title { margin-top: 0; color: #fff; line-height: 24px; } } .flat-d-about__3d-tour-button { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 12px 28px 14px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; background: #fff; font-size: 16px; color: #14191a; cursor: pointer; z-index: 1; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flat-d-about__3d-tour-button:hover { background-color: #e6e6e6; } @media only screen and (max-width: 750px) { .flat-d-about__3d-tour-button:hover { background-color: #fff; } } @media only screen and (max-width: 750px) { .flat-d-about__3d-tour-button { margin-left: unset; margin-right: unset; line-height: 20px; } } .flat-d-about__3d-tour-box { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); border-radius: 6px; } @media only screen and (max-width: 750px) { .flat-d-about__3d-tour-box { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(86.32%, rgba(0, 0, 0, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 86.32%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; } } .flat-d-about__floors { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 65px; margin-right: 32px; } @media only screen and (max-width: 750px) { .flat-d-about__floors { position: absolute; left: 0; width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 12px; -webkit-transform: translateY(0); transform: translateY(0); z-index: 1; } } .flat-d-about__floors-item { display: block; position: relative; opacity: .3; text-align: center; line-height: 1; } .flat-d-about__floors-item.current { opacity: 1; margin: 50px 0; } .flat-d-about__floors-item.current .flat-d-about__floors-num { font-size: 46px; } .flat-d-about__floors-item.current .flat-d-about__floors-label { font-size: 16px; } .flat-d-about__floors-num { font-size: 32px; font-weight: 300; } .flat-d-about__floors-label { font-size: 13px; font-weight: 300; } .flat-d-about__floors-up { position: absolute; bottom: calc(100% + 5px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 20px; height: 20px; cursor: pointer; } .flat-d-about__floors-up:after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); border-left: 1px solid #3b4658; border-top: 1px solid #3b4658; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; } .flat-d-about__floors-up:hover:after { -webkit-transform: translate3d(-50%, -80%, 0) rotate(45deg); transform: translate3d(-50%, -80%, 0) rotate(45deg); } .flat-d-about__floors-up.swiper-button-disabled { opacity: 0; pointer-events: none; } .flat-d-about__floors-down { position: absolute; top: calc(100% + 5px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 20px; height: 20px; cursor: pointer; } .flat-d-about__floors-down:after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); border-right: 1px solid #3b4658; border-bottom: 1px solid #3b4658; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; } .flat-d-about__floors-down:hover:after { -webkit-transform: translate3d(-50%, -20%, 0) rotate(45deg); transform: translate3d(-50%, -20%, 0) rotate(45deg); } .flat-d-about__floors-down.swiper-button-disabled { opacity: 0; pointer-events: none; } .flat-d-about__slider { width: 100%; height: 100%; overflow: hidden; } @media only screen and (max-width: 750px) { .flat-d-about__slider { -ms-touch-action: unset; touch-action: unset; } } .flat-d-about__slider-zoom { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6px 20px; font-size: 15px; font-family: Grtsk-Exa, sans-serif; font-weight: 300; color: #3b4658; border: 1px solid #3b4658; background: #fff; z-index: 2; opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; cursor: pointer; } .flat-d-about__slider-zoom-help { display: none; width: 100%; margin-top: 11px; text-align: center; font-size: 12px; color: #cbcbcb; opacity: 1; } @media only screen and (max-width: 750px) { .flat-d-about__slider-zoom-help { display: block; } } .flat-d-about__slider-zoom-help.hide { opacity: 0; pointer-events: none; } @media only screen and (max-width: 750px) { .flat-d-about__slider-zoom { display: none; } } .flat-d-about__slider-zoom:before { content: ""; width: 16px; height: 16px; margin-right: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTE0MzkgOS40OTI5N0w3LjQ4MzQ4IDcuMDYyMDZDOC4xMzU1NiA2LjMxMjM4IDguNTMwMzYgNS4zMzQyNSA4LjUzMDM2IDQuMjY1MThDOC41MzAzNiAxLjkxMTkgNi42MTYyNCAwIDQuMjY1MTggMEMxLjkxMTkgMCAwIDEuOTE0MTIgMCA0LjI2NTE4QzAgNi42MTYyNCAxLjkxNDEyIDguNTMwMzYgNC4yNjUxOCA4LjUzMDM2QzUuMzM0MjUgOC41MzAzNiA2LjMxMjM4IDguMTM1NTYgNy4wNjIwNiA3LjQ4MzQ4TDkuNDkyOTcgOS45MTQzOEM5LjU1MDY0IDkuOTcyMDUgOS42MjgyNyAxMC4wMDMxIDkuNzAzNjggMTAuMDAzMUM5Ljc3OTA5IDEwLjAwMzEgOS44NTY3MiA5Ljk3NDI3IDkuOTE0MzkgOS45MTQzOEMxMC4wMjk3IDkuNzk5MDUgMTAuMDI5NyA5LjYwODMgOS45MTQzOSA5LjQ5Mjk3Wk0wLjU5NjYzOCA0LjI2NTE4QzAuNTk2NjM4IDIuMjQyMzggMi4yNDIzOCAwLjU5ODg1NSA0LjI2Mjk2IDAuNTk4ODU1QzYuMjg1NzcgMC41OTg4NTUgNy45MjkyOSAyLjI0NDYgNy45MjkyOSA0LjI2NTE4QzcuOTI5MjkgNi4yODU3NiA2LjI4NTc3IDcuOTMzNzMgNC4yNjI5NiA3LjkzMzczQzIuMjQyMzggNy45MzM3MyAwLjU5NjYzOCA2LjI4Nzk4IDAuNTk2NjM4IDQuMjY1MThaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); background-position: center; background-repeat: no-repeat; background-size: contain; } .flat-d-about__slide { padding: 1px; position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flat-d-about__slide > svg { height: 100%; width: 100%; } .flat-d-about__slide > svg text { /*stylelint-disable */ font-family: Grtsk-Exa, sans-serif !important; /*stylelint-enable */ } @media (hover), (min-width: 0 \0) { .flat-d-about__slide:hover .flat-d-about__slider-zoom { opacity: 1; } } .flat-d-about__slide.flat { font-size: 0; cursor: pointer; } .flat-d-about__slide.flat._hidden { display: none; } .flat-d-about__slide.flat-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .flat-d-about__slide.floor .flat-d-about__minimap { display: none; } } @media only screen and (max-width: 750px) { .flat-d-about__slide.floor .flat-d-about__compass { margin-right: 0; } } .flat-d-about__slide._map .flat-d-about__slide-content { max-width: 732px; } .flat-d-about__slide._map .flat-d-about__menu { z-index: 400; } .flat-d-about__slide-genplan { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .flat-d-about__slide-img { position: relative; width: 100%; height: 100%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); cursor: pointer; } .flat-d-about__slide-img._img { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: 100%; max-width: 100%; width: auto; height: auto; } .flat-d-about__slide-img._img._no-grow { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .flat-d-about__slide-svg { position: absolute; top: 0; left: 0; width: 100%; } .flat-d-about__slide-content { position: absolute; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; max-width: 540px; } @media only screen and (max-width: 750px) { .flat-d-about__slide-content { top: 0; left: 20px; max-width: 300px; height: 260px; } } @media only screen and (max-width: 750px) { .flat-d-about__slide-content._mobile-full { max-width: 100%; left: 0; } } .flat-d-about__slide-content._flat-image { top: 0; left: 50%; height: calc(100% - 100px); max-width: calc(100% - 80px); max-height: 557px; margin-top: 100px; margin-left: -20px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } @media only screen and (max-width: 750px) { .flat-d-about__slide-content._flat-image { top: 0; height: 280px; max-width: 90%; max-height: initial; padding-top: 0; margin-top: 26px; margin-left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .flat-d-about__slide-content._floor-image { left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 490px; max-height: 596px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 750px) { .flat-d-about__slide-content._floor-image { padding-top: 0; top: 0; left: 50%; max-width: 300px; max-height: initial; height: 260px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .flat-d-about__slide-content._floor-image > svg { width: 100%; height: 100%; } .flat-d-about__slide-content._floor-image > svg g { overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .flat-d-about__slide-content._floor-image > svg g.hover { opacity: 0; pointer-events: none; } .flat-d-about__slide-content._floor-image > svg g.hover.active { opacity: .4; cursor: pointer; pointer-events: all; } .flat-d-about__slide-content._floor-image > svg g.hover.active:hover { opacity: 1; } .flat-d-about__slide-content._floor-image > svg g.hover.current { opacity: 1; pointer-events: none; } .flat-d-about__slide-content._floor-image > svg g.default { opacity: 1; pointer-events: none; } .flat-d-about__slide-content._floor-image > svg g.default.hide { opacity: 0; } .flat-d-about__slide-content._floor-image > svg g#default .hide { opacity: 0; } .flat-d-about__slide-content._floor-image > svg g#hover .active { opacity: .4; cursor: pointer; pointer-events: all; } .flat-d-about__slide-content._floor-image > svg g#hover .active:hover { opacity: 1; } .flat-d-about__slide-content._floor-image > svg g#hover .current { opacity: 1; pointer-events: none; } .flat-d-about__slide-content._floor-image > svg g#hover .hide { opacity: 0; pointer-events: none; } .flat-d-about__slide-gallery { height: 100%; margin-right: 20px; } @media only screen and (max-width: 750px) { .flat-d-about__slide-gallery { margin-right: 0; margin-top: 20%; } } .flat-d-about__gallery-slider { width: 100%; height: 550px; } @media only screen and (max-width: 750px) { .flat-d-about__gallery-slider { height: 300px; } } .flat-d-about__gallery-slide { height: 514px; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 750px) { .flat-d-about__gallery-slide { height: 260px; } } .flat-d-about__gallery-arrows { display: block; } @media only screen and (max-width: 750px) { .flat-d-about__gallery-arrows { display: none; } } .flat-d-about__3d-slider .swiper-pagination { position: relative; bottom: 2px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flat-d-about__3d-slider .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 8px; height: 8px; background: rgba(59, 70, 88, 0.2); opacity: 1; -webkit-transition: width .3s ease, height .3s ease; transition: width .3s ease, height .3s ease; } .flat-d-about__3d-slider .swiper-pagination-bullet-active { width: 10px; height: 10px; background: #3b4658; } .flat-d-about__3d-slider .swiper-button-next, .flat-d-about__3d-slider .swiper-button-prev { top: calc(406px / 2); outline: none; } @media only screen and (max-width: 750px) { .flat-d-about__3d-slider .swiper-button-next, .flat-d-about__3d-slider .swiper-button-prev { top: calc(176px / 2); } } .flat-d-about__3d-slider .swiper-button-next { right: 0; } .flat-d-about__3d-slider .swiper-button-prev { left: 0; } .flat-d-about__3d-wrapper { height: 406px; margin-bottom: 52px; } @media only screen and (max-width: 750px) { .flat-d-about__3d-wrapper { height: 176px; } } .flat-d-about__3d-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 30px; } @media only screen and (max-width: 750px) { .flat-d-about__3d-slide { padding: 0 15px; } } .flat-d-about__3d-img { width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; } .flat-d-about__3d-text { margin-bottom: 32px; font-size: 14px; line-height: 15px; color: black; } @media only screen and (max-width: 750px) { .flat-d-about__3d-text { margin-bottom: 24px; } } .flat-d-about__menu { position: absolute; top: 0; right: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } @media only screen and (max-width: 750px) { .flat-d-about__menu { top: auto; right: 0; bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 40px; } } @media only screen and (max-width: 750px) { .flat-d-about__menu._withSun { width: calc(100% - 80px); } } .flat-d-about__compass { -ms-flex-negative: 0; flex-shrink: 0; height: 83px; width: 83px; background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 1; } @media only screen and (max-width: 750px) { .flat-d-about__compass { height: 95px; width: 82px; margin-bottom: 30px; margin-right: 34px; margin-top: 15px; } } .flat-d-about__compass._map { margin-top: 5px; margin-right: 5px; border-radius: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMzQuNTEyIDguMzU2Yy0uNTE2IDAtLjk5My0uMDg0LTEuNDMxLS4yNTNhMy4wMTkgMy4wMTkgMCAwIDEtMS4xMjQtLjc1NSAzLjQ2MyAzLjQ2MyAwIDAgMS0uNzMyLTEuMjUxYy0uMTctLjUtLjI1Ni0xLjA3OC0uMjU2LTEuNzMzIDAtLjYxLjA4Mi0xLjE2My4yNDctMS42Ni4xNjUtLjQ5Ni40MDQtLjkyMi43MTgtMS4yNzdhMy4wMzEgMy4wMzEgMCAwIDEgMS4xMTktLjc5MWMuNDQ3LS4xODYuOTM1LS4yOCAxLjQ2NC0uMjguMjkyIDAgLjU1NC4wMi43ODcuMDU3LjIzNy4wMzUuNDU0LjA4MS42NTMuMTQuMjA4LjA2NS4zOTYuMTQuNTY0LjIyMi4xNzEuMDguMzIuMTU0LjQ0OC4yMjN2MS44NjdoLS4yMDVhOC4zNjcgOC4zNjcgMCAwIDAtLjMzMS0uMjk1IDQuMTYgNC4xNiAwIDAgMC0uNDQ4LS4zMzYgMi45NzIgMi45NzIgMCAwIDAtLjU1NS0uMjggMS45MzYgMS45MzYgMCAwIDAtMS4zNTcuMDIgMS43MDIgMS43MDIgMCAwIDAtLjYyOS40MzUgMi4yMTMgMi4yMTMgMCAwIDAtLjQ0Ny43ODFjLS4xMTIuMzI0LS4xNjguNzE3LS4xNjggMS4xOCAwIC40ODIuMDYuODg1LjE4MiAxLjIxLjEyNC4zMjQuMjguNTc5LjQ2Ni43NjUuMTkuMTkuNC4zMjYuNjM0LjQwOC4yMzMuMDguNDYzLjEyLjY5LjEyLjIxNyAwIC40MzItLjAzNy42NDMtLjExLjIxNS0uMDcyLjQxMi0uMTcuNTkyLS4yOTQuMTUzLS4xLjI5NC0uMjA3LjQyNS0uMzIuMTMtLjExNC4yMzctLjIxMy4zMjEtLjI5NWguMTg3djEuODRjLS4xNzQuMDg3LS4zNC4xNjgtLjUuMjQ0YTMuODQ5IDMuODQ5IDAgMCAxLS40OTguMTk2Yy0uMjI3LjA3Mi0uNDQuMTI4LS42MzkuMTY2YTQuNjEgNC42MSAwIDAgMS0uODIuMDU2Wk03LjM1NSAzNi42NDVjMCAuMzY5LS4wNzEuNzA2LS4yMTQgMS4wMTMtLjE0LjMwNy0uMzQ5LjU2NC0uNjI4Ljc3LS4yOTIuMjE4LS42NC4zODQtMS4wNDMuNDk3LS40MDMuMTEtLjg5NS4xNjYtMS40NzYuMTY2LS41MTIgMC0uOTg4LS4wNDctMS40MjktLjE0YTYuNyA2LjcgMCAwIDEtMS4yMS0uMzYydi0xLjczN2guMTcyYy4wODkuMDU1LjIyMi4xMzQuNC4yMzhhNi4xOTYgNi4xOTYgMCAwIDAgMS4xNzYuNDhjLjE5Ny4wNTIuNDI0LjA3OC42ODEuMDc4LjI1IDAgLjQ4LS4wMjIuNjg2LS4wNjcuMjA2LS4wNDUuMzgtLjExNC41MTktLjIwNy4xNTUtLjEuMjcxLS4yMTYuMzQ3LS4zNDdhMS4wNCAxLjA0IDAgMCAwIC4xMTUtLjUxN2MwLS4yLS4wMjktLjM2Mi0uMDg2LS40ODZhLjcuNyAwIDAgMC0uMjU3LS4zMDUgMS4xODYgMS4xODYgMCAwIDAtLjQ0My0uMTUgNC4wMzYgNC4wMzYgMCAwIDAtLjYyLS4wNDFIMi43NDJ2LTEuMzc2aDEuMjU3Yy4yMzggMCAuNDQzLS4wMTkuNjE1LS4wNTdhLjk4NS45ODUgMCAwIDAgLjM5LS4xNy42MzUuNjM1IDAgMCAwIC4yLS4yNzRjLjAzOC0uMS4wNTctLjIyNi4wNTctLjM3OGEuNTg4LjU4OCAwIDAgMC0uMzU3LS41NjRjLS4yMzUtLjExNy0uNTU3LS4xNzUtLjk2Ny0uMTc1LS4yNDQgMC0uNDcxLjAyNS0uNjguMDc3LS4yMS4wNTItLjQxLjExMi0uNi4xODEtLjIwNy4wOC0uMzcyLjE1NC0uNDk2LjIyMmEyMy42NyAyMy42NyAwIDAgMS0uMzkuMjAyaC0uMTc2di0xLjYxOGE3Ljk5NyA3Ljk5NyAwIDAgMSAxLjE4NS0uMzQ3Yy40Ny0uMTA3Ljk1OS0uMTYgMS40NjctLjE2Ljk3MSAwIDEuNy4xNjUgMi4xODYuNDk2LjQ4OS4zMjguNzMzLjc4NC43MzMgMS4zNyAwIC40MzgtLjEzMi44MTYtLjM5NSAxLjEzM2ExLjg4IDEuODggMCAwIDEtMS4wMTUuNjM2di4wNzhjLjE3Mi4wMy4zNTEuMDg2LjUzOS4xNjUuMTkuMDc2LjM2My4xODUuNTE5LjMyNi4xNTguMTQ1LjI4OC4zMjQuMzkuNTM4LjEwMi4yMS4xNTIuNDguMTUyLjgxMlpNNjcuNDEgMzYuNzg1YzAgLjM4Ny0uMDY5LjczMy0uMjA3IDEuMDM3YTIuMDY3IDIuMDY3IDAgMCAxLS41Ni43NThjLS4yNzcuMjM2LS41ODEuNDA1LS45MTQuNTA1LS4zMy4xLS43NDkuMTUtMS4yNTguMTVoLTMuMDZ2LThoMi43MjFjLjU2NSAwIC45NzguMDIyIDEuMjM5LjA2NS4yNjQuMDQzLjUyNC4xMzguNzgyLjI4NC4yNjcuMTU1LjQ2NC4zNjIuNTkzLjYyNC4xMzIuMjU4LjE5OC41NTMuMTk4Ljg4NiAwIC4zODctLjA5LjczLS4yNjkgMS4wMjZhMS44MyAxLjgzIDAgMCAxLS43NTguNjg4di4wNDNjLjQ1OS4xMDQuODIxLjMxOSAxLjA4OC42NDUuMjcuMzI2LjQwNS43NTYuNDA1IDEuMjlabS0yLjMxNy0zLjI4OGEuOTYyLjk2MiAwIDAgMC0uMDktLjM5Ny41NTguNTU4IDAgMCAwLS4zMDYtLjI5NiAxLjMwMiAxLjMwMiAwIDAgMC0uNDk0LS4wOTFjLS4xOTUtLjAwNy0uNDctLjAxLS44MjQtLjAxaC0uMTd2MS42OTFoLjI4M2MuMjg2IDAgLjUyOS0uMDA1LjczLS4wMTYuMi0uMDEuMzYtLjA0Ni40NzUtLjEwNy4xNjQtLjA4My4yNy0uMTg4LjMyLS4zMTcuMDUtLjEzMy4wNzYtLjI4NS4wNzYtLjQ1N1ptLjQ0MyAzLjI1NmMwLS4yNTQtLjA0NC0uNDUtLjEzMi0uNTg2LS4wODUtLjE0LS4yMy0uMjQzLS40MzgtLjMxMWEyLjAyOCAyLjAyOCAwIDAgMC0uNTg0LS4wNzUgNTMuNjE4IDUzLjYxOCAwIDAgMC0uNzc3LS4wMDZoLS4zOTZ2MS45OTRoLjEzMmMuNTA5IDAgLjg3My0uMDAyIDEuMDkzLS4wMDYuMjItLjAwMy40MjItLjA1LjYwNy0uMTQuMTg5LS4wODkuMzE3LS4yMDcuMzg2LS4zNTQuMDczLS4xNS4xMDktLjMyMi4xMDktLjUxNloiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtMzQuMjM0IDIxLjU4IDQgMTEuNDI4aC04bDQtMTEuNDI5WiIgZmlsbD0iIzc2N0U4QiIvPjxwYXRoIGQ9Ik0zNC41OTcgNDMuNDAyYS4zODQuMzg0IDAgMCAxLS43MjUgMEwzMC4yMzUgMzMuMDFoOGwtMy42MzggMTAuMzkyWiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik03LjQzNyA0Ni4xMDhhLjY1LjY1IDAgMCAwLS44My4zOTVsLTEuOTYyIDUuNTExYS42NS42NSAwIDAgMCAxLjIyNS40MzZsMS43NDMtNC44OTkgNC45IDEuNzQzYS42NS42NSAwIDEgMCAuNDM1LTEuMjI0bC01LjUxMS0xLjk2MlpNNi42MzIgNDdhMzAuMjk0IDMwLjI5NCAwIDAgMCAxNC44ODQgMTQuNjA1bC41MzYtMS4xODVBMjguOTk0IDI4Ljk5NCAwIDAgMSA3LjgwNiA0Ni40NDJMNi42MzIgNDdaIiBmaWxsPSIjRUNDNDRGIi8+PHBhdGggZD0iTTQ2LjcxNiA2MC43NzRhMjkuNjQ0IDI5LjY0NCAwIDAgMCAxNC4yOTItMTQuNTY1IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTYwLjc3IDIxLjI3N0EyOS42NDMgMjkuNjQzIDAgMCAwIDQ2LjIwMyA2Ljk4NU0yMS4yNzYgNy4yMjNBMjkuNjQ0IDI5LjY0NCAwIDAgMCA2Ljk4NCAyMS43ODgiIHN0cm9rZT0iI0UxRTFFMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMzQuMjU0IDYzLjg4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Wk0zNC4yNTQgNTUuODh2MU0zNC4yNTQgNjUuODh2MU0zMC4zNjMgNTcuNDg5bC43MS43MU0zNy40MzQgNjQuNTZsLjcxLjcxTTI4Ljc1NCA2MS4zOGgxTTM4Ljc1NCA2MS4zOGgxTTMwLjM2MyA2NS4yN2wuNzEtLjcxTTM3LjQzNCA1OC4xOTlsLjcxLS43MSIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNjh2NjhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K); background-color: rgba(0, 0, 0, 0.4); background-size: 63px 63px; } @media only screen and (max-width: 750px) { .flat-d-about__compass._map { margin-top: 15px; margin-right: 28px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMzQuNTEyIDguMzU2Yy0uNTE2IDAtLjk5My0uMDg0LTEuNDMxLS4yNTNhMy4wMTkgMy4wMTkgMCAwIDEtMS4xMjQtLjc1NSAzLjQ2MyAzLjQ2MyAwIDAgMS0uNzMyLTEuMjUxYy0uMTctLjUtLjI1Ni0xLjA3OC0uMjU2LTEuNzMzIDAtLjYxLjA4Mi0xLjE2My4yNDctMS42Ni4xNjUtLjQ5Ni40MDQtLjkyMi43MTgtMS4yNzdhMy4wMzEgMy4wMzEgMCAwIDEgMS4xMTktLjc5MWMuNDQ3LS4xODYuOTM1LS4yOCAxLjQ2NC0uMjguMjkyIDAgLjU1NC4wMi43ODcuMDU3LjIzNy4wMzUuNDU0LjA4MS42NTMuMTQuMjA4LjA2NS4zOTYuMTQuNTY0LjIyMi4xNzEuMDguMzIuMTU0LjQ0OC4yMjN2MS44NjdoLS4yMDVhOC4zNjcgOC4zNjcgMCAwIDAtLjMzMS0uMjk1IDQuMTYgNC4xNiAwIDAgMC0uNDQ4LS4zMzYgMi45NzIgMi45NzIgMCAwIDAtLjU1NS0uMjggMS45MzYgMS45MzYgMCAwIDAtMS4zNTcuMDIgMS43MDIgMS43MDIgMCAwIDAtLjYyOS40MzUgMi4yMTMgMi4yMTMgMCAwIDAtLjQ0Ny43ODFjLS4xMTIuMzI0LS4xNjguNzE3LS4xNjggMS4xOCAwIC40ODIuMDYuODg1LjE4MiAxLjIxLjEyNC4zMjQuMjguNTc5LjQ2Ni43NjUuMTkuMTkuNC4zMjYuNjM0LjQwOC4yMzMuMDguNDYzLjEyLjY5LjEyLjIxNyAwIC40MzItLjAzNy42NDMtLjExLjIxNS0uMDcyLjQxMi0uMTcuNTkyLS4yOTQuMTUzLS4xLjI5NC0uMjA3LjQyNS0uMzIuMTMtLjExNC4yMzctLjIxMy4zMjEtLjI5NWguMTg3djEuODRjLS4xNzQuMDg3LS4zNC4xNjgtLjUuMjQ0YTMuODQ5IDMuODQ5IDAgMCAxLS40OTguMTk2Yy0uMjI3LjA3Mi0uNDQuMTI4LS42MzkuMTY2YTQuNjEgNC42MSAwIDAgMS0uODIuMDU2Wk03LjM1NSAzNi42NDVjMCAuMzY5LS4wNzEuNzA2LS4yMTQgMS4wMTMtLjE0LjMwNy0uMzQ5LjU2NC0uNjI4Ljc3LS4yOTIuMjE4LS42NC4zODQtMS4wNDMuNDk3LS40MDMuMTEtLjg5NS4xNjYtMS40NzYuMTY2LS41MTIgMC0uOTg4LS4wNDctMS40MjktLjE0YTYuNyA2LjcgMCAwIDEtMS4yMS0uMzYydi0xLjczN2guMTcyYy4wODkuMDU1LjIyMi4xMzQuNC4yMzhhNi4xOTYgNi4xOTYgMCAwIDAgMS4xNzYuNDhjLjE5Ny4wNTIuNDI0LjA3OC42ODEuMDc4LjI1IDAgLjQ4LS4wMjIuNjg2LS4wNjcuMjA2LS4wNDUuMzgtLjExNC41MTktLjIwNy4xNTUtLjEuMjcxLS4yMTYuMzQ3LS4zNDdhMS4wNCAxLjA0IDAgMCAwIC4xMTUtLjUxN2MwLS4yLS4wMjktLjM2Mi0uMDg2LS40ODZhLjcuNyAwIDAgMC0uMjU3LS4zMDUgMS4xODYgMS4xODYgMCAwIDAtLjQ0My0uMTUgNC4wMzYgNC4wMzYgMCAwIDAtLjYyLS4wNDFIMi43NDJ2LTEuMzc2aDEuMjU3Yy4yMzggMCAuNDQzLS4wMTkuNjE1LS4wNTdhLjk4NS45ODUgMCAwIDAgLjM5LS4xNy42MzUuNjM1IDAgMCAwIC4yLS4yNzRjLjAzOC0uMS4wNTctLjIyNi4wNTctLjM3OGEuNTg4LjU4OCAwIDAgMC0uMzU3LS41NjRjLS4yMzUtLjExNy0uNTU3LS4xNzUtLjk2Ny0uMTc1LS4yNDQgMC0uNDcxLjAyNS0uNjguMDc3LS4yMS4wNTItLjQxLjExMi0uNi4xODEtLjIwNy4wOC0uMzcyLjE1NC0uNDk2LjIyMmEyMy42NyAyMy42NyAwIDAgMS0uMzkuMjAyaC0uMTc2di0xLjYxOGE3Ljk5NyA3Ljk5NyAwIDAgMSAxLjE4NS0uMzQ3Yy40Ny0uMTA3Ljk1OS0uMTYgMS40NjctLjE2Ljk3MSAwIDEuNy4xNjUgMi4xODYuNDk2LjQ4OS4zMjguNzMzLjc4NC43MzMgMS4zNyAwIC40MzgtLjEzMi44MTYtLjM5NSAxLjEzM2ExLjg4IDEuODggMCAwIDEtMS4wMTUuNjM2di4wNzhjLjE3Mi4wMy4zNTEuMDg2LjUzOS4xNjUuMTkuMDc2LjM2My4xODUuNTE5LjMyNi4xNTguMTQ1LjI4OC4zMjQuMzkuNTM4LjEwMi4yMS4xNTIuNDguMTUyLjgxMlpNNjcuNDEgMzYuNzg1YzAgLjM4Ny0uMDY5LjczMy0uMjA3IDEuMDM3YTIuMDY3IDIuMDY3IDAgMCAxLS41Ni43NThjLS4yNzcuMjM2LS41ODEuNDA1LS45MTQuNTA1LS4zMy4xLS43NDkuMTUtMS4yNTguMTVoLTMuMDZ2LThoMi43MjFjLjU2NSAwIC45NzguMDIyIDEuMjM5LjA2NS4yNjQuMDQzLjUyNC4xMzguNzgyLjI4NC4yNjcuMTU1LjQ2NC4zNjIuNTkzLjYyNC4xMzIuMjU4LjE5OC41NTMuMTk4Ljg4NiAwIC4zODctLjA5LjczLS4yNjkgMS4wMjZhMS44MyAxLjgzIDAgMCAxLS43NTguNjg4di4wNDNjLjQ1OS4xMDQuODIxLjMxOSAxLjA4OC42NDUuMjcuMzI2LjQwNS43NTYuNDA1IDEuMjlabS0yLjMxNy0zLjI4OGEuOTYyLjk2MiAwIDAgMC0uMDktLjM5Ny41NTguNTU4IDAgMCAwLS4zMDYtLjI5NiAxLjMwMiAxLjMwMiAwIDAgMC0uNDk0LS4wOTFjLS4xOTUtLjAwNy0uNDctLjAxLS44MjQtLjAxaC0uMTd2MS42OTFoLjI4M2MuMjg2IDAgLjUyOS0uMDA1LjczLS4wMTYuMi0uMDEuMzYtLjA0Ni40NzUtLjEwNy4xNjQtLjA4My4yNy0uMTg4LjMyLS4zMTcuMDUtLjEzMy4wNzYtLjI4NS4wNzYtLjQ1N1ptLjQ0MyAzLjI1NmMwLS4yNTQtLjA0NC0uNDUtLjEzMi0uNTg2LS4wODUtLjE0LS4yMy0uMjQzLS40MzgtLjMxMWEyLjAyOCAyLjAyOCAwIDAgMC0uNTg0LS4wNzUgNTMuNjE4IDUzLjYxOCAwIDAgMC0uNzc3LS4wMDZoLS4zOTZ2MS45OTRoLjEzMmMuNTA5IDAgLjg3My0uMDAyIDEuMDkzLS4wMDYuMjItLjAwMy40MjItLjA1LjYwNy0uMTQuMTg5LS4wODkuMzE3LS4yMDcuMzg2LS4zNTQuMDczLS4xNS4xMDktLjMyMi4xMDktLjUxNloiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtMzQuMjM0IDIxLjU4IDQgMTEuNDI4aC04bDQtMTEuNDI5WiIgZmlsbD0iIzc2N0U4QiIvPjxwYXRoIGQ9Ik0zNC41OTcgNDMuNDAyYS4zODQuMzg0IDAgMCAxLS43MjUgMEwzMC4yMzUgMzMuMDFoOGwtMy42MzggMTAuMzkyWiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik03LjQzNyA0Ni4xMDhhLjY1LjY1IDAgMCAwLS44My4zOTVsLTEuOTYyIDUuNTExYS42NS42NSAwIDAgMCAxLjIyNS40MzZsMS43NDMtNC44OTkgNC45IDEuNzQzYS42NS42NSAwIDEgMCAuNDM1LTEuMjI0bC01LjUxMS0xLjk2MlpNNi42MzIgNDdhMzAuMjk0IDMwLjI5NCAwIDAgMCAxNC44ODQgMTQuNjA1bC41MzYtMS4xODVBMjguOTk0IDI4Ljk5NCAwIDAgMSA3LjgwNiA0Ni40NDJMNi42MzIgNDdaIiBmaWxsPSIjRUNDNDRGIi8+PHBhdGggZD0iTTQ2LjcxNiA2MC43NzRhMjkuNjQ0IDI5LjY0NCAwIDAgMCAxNC4yOTItMTQuNTY1IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTYwLjc3IDIxLjI3N0EyOS42NDMgMjkuNjQzIDAgMCAwIDQ2LjIwMyA2Ljk4NU0yMS4yNzYgNy4yMjNBMjkuNjQ0IDI5LjY0NCAwIDAgMCA2Ljk4NCAyMS43ODgiIHN0cm9rZT0iI0UxRTFFMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMzQuMjU0IDYzLjg4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Wk0zNC4yNTQgNTUuODh2MU0zNC4yNTQgNjUuODh2MU0zMC4zNjMgNTcuNDg5bC43MS43MU0zNy40MzQgNjQuNTZsLjcxLjcxTTI4Ljc1NCA2MS4zOGgxTTM4Ljc1NCA2MS4zOGgxTTMwLjM2MyA2NS4yN2wuNzEtLjcxTTM3LjQzNCA1OC4xOTlsLjcxLS43MSIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNjh2NjhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K); background-size: auto; background-color: transparent; } } .flat-d-about__compass._0-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMzQuNTEyIDguMzU2Yy0uNTE2IDAtLjk5My0uMDg0LTEuNDMxLS4yNTNhMy4wMTkgMy4wMTkgMCAwIDEtMS4xMjQtLjc1NSAzLjQ2MyAzLjQ2MyAwIDAgMS0uNzMyLTEuMjUxYy0uMTctLjUtLjI1Ni0xLjA3OC0uMjU2LTEuNzMzIDAtLjYxLjA4Mi0xLjE2My4yNDctMS42Ni4xNjUtLjQ5Ni40MDQtLjkyMi43MTgtMS4yNzdhMy4wMzEgMy4wMzEgMCAwIDEgMS4xMTktLjc5MWMuNDQ3LS4xODYuOTM1LS4yOCAxLjQ2NC0uMjguMjkyIDAgLjU1NC4wMi43ODcuMDU3LjIzNy4wMzUuNDU0LjA4MS42NTMuMTQuMjA4LjA2NS4zOTYuMTQuNTY0LjIyMi4xNzEuMDguMzIuMTU0LjQ0OC4yMjN2MS44NjdoLS4yMDVhOC4zNjcgOC4zNjcgMCAwIDAtLjMzMS0uMjk1IDQuMTYgNC4xNiAwIDAgMC0uNDQ4LS4zMzYgMi45NzIgMi45NzIgMCAwIDAtLjU1NS0uMjggMS45MzYgMS45MzYgMCAwIDAtMS4zNTcuMDIgMS43MDIgMS43MDIgMCAwIDAtLjYyOS40MzUgMi4yMTMgMi4yMTMgMCAwIDAtLjQ0Ny43ODFjLS4xMTIuMzI0LS4xNjguNzE3LS4xNjggMS4xOCAwIC40ODIuMDYuODg1LjE4MiAxLjIxLjEyNC4zMjQuMjguNTc5LjQ2Ni43NjUuMTkuMTkuNC4zMjYuNjM0LjQwOC4yMzMuMDguNDYzLjEyLjY5LjEyLjIxNyAwIC40MzItLjAzNy42NDMtLjExLjIxNS0uMDcyLjQxMi0uMTcuNTkyLS4yOTQuMTUzLS4xLjI5NC0uMjA3LjQyNS0uMzIuMTMtLjExNC4yMzctLjIxMy4zMjEtLjI5NWguMTg3djEuODRjLS4xNzQuMDg3LS4zNC4xNjgtLjUuMjQ0YTMuODQ5IDMuODQ5IDAgMCAxLS40OTguMTk2Yy0uMjI3LjA3Mi0uNDQuMTI4LS42MzkuMTY2YTQuNjEgNC42MSAwIDAgMS0uODIuMDU2Wk03LjM1NSAzNi42NDVjMCAuMzY5LS4wNzEuNzA2LS4yMTQgMS4wMTMtLjE0LjMwNy0uMzQ5LjU2NC0uNjI4Ljc3LS4yOTIuMjE4LS42NC4zODQtMS4wNDMuNDk3LS40MDMuMTEtLjg5NS4xNjYtMS40NzYuMTY2LS41MTIgMC0uOTg4LS4wNDctMS40MjktLjE0YTYuNyA2LjcgMCAwIDEtMS4yMS0uMzYydi0xLjczN2guMTcyYy4wODkuMDU1LjIyMi4xMzQuNC4yMzhhNi4xOTYgNi4xOTYgMCAwIDAgMS4xNzYuNDhjLjE5Ny4wNTIuNDI0LjA3OC42ODEuMDc4LjI1IDAgLjQ4LS4wMjIuNjg2LS4wNjcuMjA2LS4wNDUuMzgtLjExNC41MTktLjIwNy4xNTUtLjEuMjcxLS4yMTYuMzQ3LS4zNDdhMS4wNCAxLjA0IDAgMCAwIC4xMTUtLjUxN2MwLS4yLS4wMjktLjM2Mi0uMDg2LS40ODZhLjcuNyAwIDAgMC0uMjU3LS4zMDUgMS4xODYgMS4xODYgMCAwIDAtLjQ0My0uMTUgNC4wMzYgNC4wMzYgMCAwIDAtLjYyLS4wNDFIMi43NDJ2LTEuMzc2aDEuMjU3Yy4yMzggMCAuNDQzLS4wMTkuNjE1LS4wNTdhLjk4NS45ODUgMCAwIDAgLjM5LS4xNy42MzUuNjM1IDAgMCAwIC4yLS4yNzRjLjAzOC0uMS4wNTctLjIyNi4wNTctLjM3OGEuNTg4LjU4OCAwIDAgMC0uMzU3LS41NjRjLS4yMzUtLjExNy0uNTU3LS4xNzUtLjk2Ny0uMTc1LS4yNDQgMC0uNDcxLjAyNS0uNjguMDc3LS4yMS4wNTItLjQxLjExMi0uNi4xODEtLjIwNy4wOC0uMzcyLjE1NC0uNDk2LjIyMmEyMy42NyAyMy42NyAwIDAgMS0uMzkuMjAyaC0uMTc2di0xLjYxOGE3Ljk5NyA3Ljk5NyAwIDAgMSAxLjE4NS0uMzQ3Yy40Ny0uMTA3Ljk1OS0uMTYgMS40NjctLjE2Ljk3MSAwIDEuNy4xNjUgMi4xODYuNDk2LjQ4OS4zMjguNzMzLjc4NC43MzMgMS4zNyAwIC40MzgtLjEzMi44MTYtLjM5NSAxLjEzM2ExLjg4IDEuODggMCAwIDEtMS4wMTUuNjM2di4wNzhjLjE3Mi4wMy4zNTEuMDg2LjUzOS4xNjUuMTkuMDc2LjM2My4xODUuNTE5LjMyNi4xNTguMTQ1LjI4OC4zMjQuMzkuNTM4LjEwMi4yMS4xNTIuNDguMTUyLjgxMlpNNjcuNDEgMzYuNzg1YzAgLjM4Ny0uMDY5LjczMy0uMjA3IDEuMDM3YTIuMDY3IDIuMDY3IDAgMCAxLS41Ni43NThjLS4yNzcuMjM2LS41ODEuNDA1LS45MTQuNTA1LS4zMy4xLS43NDkuMTUtMS4yNTguMTVoLTMuMDZ2LThoMi43MjFjLjU2NSAwIC45NzguMDIyIDEuMjM5LjA2NS4yNjQuMDQzLjUyNC4xMzguNzgyLjI4NC4yNjcuMTU1LjQ2NC4zNjIuNTkzLjYyNC4xMzIuMjU4LjE5OC41NTMuMTk4Ljg4NiAwIC4zODctLjA5LjczLS4yNjkgMS4wMjZhMS44MyAxLjgzIDAgMCAxLS43NTguNjg4di4wNDNjLjQ1OS4xMDQuODIxLjMxOSAxLjA4OC42NDUuMjcuMzI2LjQwNS43NTYuNDA1IDEuMjlabS0yLjMxNy0zLjI4OGEuOTYyLjk2MiAwIDAgMC0uMDktLjM5Ny41NTguNTU4IDAgMCAwLS4zMDYtLjI5NiAxLjMwMiAxLjMwMiAwIDAgMC0uNDk0LS4wOTFjLS4xOTUtLjAwNy0uNDctLjAxLS44MjQtLjAxaC0uMTd2MS42OTFoLjI4M2MuMjg2IDAgLjUyOS0uMDA1LjczLS4wMTYuMi0uMDEuMzYtLjA0Ni40NzUtLjEwNy4xNjQtLjA4My4yNy0uMTg4LjMyLS4zMTcuMDUtLjEzMy4wNzYtLjI4NS4wNzYtLjQ1N1ptLjQ0MyAzLjI1NmMwLS4yNTQtLjA0NC0uNDUtLjEzMi0uNTg2LS4wODUtLjE0LS4yMy0uMjQzLS40MzgtLjMxMWEyLjAyOCAyLjAyOCAwIDAgMC0uNTg0LS4wNzUgNTMuNjE4IDUzLjYxOCAwIDAgMC0uNzc3LS4wMDZoLS4zOTZ2MS45OTRoLjEzMmMuNTA5IDAgLjg3My0uMDAyIDEuMDkzLS4wMDYuMjItLjAwMy40MjItLjA1LjYwNy0uMTQuMTg5LS4wODkuMzE3LS4yMDcuMzg2LS4zNTQuMDczLS4xNS4xMDktLjMyMi4xMDktLjUxNloiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtMzQuMjM0IDIxLjU4IDQgMTEuNDI4aC04bDQtMTEuNDI5WiIgZmlsbD0iIzc2N0U4QiIvPjxwYXRoIGQ9Ik0zNC41OTcgNDMuNDAyYS4zODQuMzg0IDAgMCAxLS43MjUgMEwzMC4yMzUgMzMuMDFoOGwtMy42MzggMTAuMzkyWiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik03LjQzNyA0Ni4xMDhhLjY1LjY1IDAgMCAwLS44My4zOTVsLTEuOTYyIDUuNTExYS42NS42NSAwIDAgMCAxLjIyNS40MzZsMS43NDMtNC44OTkgNC45IDEuNzQzYS42NS42NSAwIDEgMCAuNDM1LTEuMjI0bC01LjUxMS0xLjk2MlpNNi42MzIgNDdhMzAuMjk0IDMwLjI5NCAwIDAgMCAxNC44ODQgMTQuNjA1bC41MzYtMS4xODVBMjguOTk0IDI4Ljk5NCAwIDAgMSA3LjgwNiA0Ni40NDJMNi42MzIgNDdaIiBmaWxsPSIjRUNDNDRGIi8+PHBhdGggZD0iTTQ2LjcxNiA2MC43NzRhMjkuNjQ0IDI5LjY0NCAwIDAgMCAxNC4yOTItMTQuNTY1IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTYwLjc3IDIxLjI3N0EyOS42NDMgMjkuNjQzIDAgMCAwIDQ2LjIwMyA2Ljk4NU0yMS4yNzYgNy4yMjNBMjkuNjQ0IDI5LjY0NCAwIDAgMCA2Ljk4NCAyMS43ODgiIHN0cm9rZT0iI0UxRTFFMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMzQuMjU0IDYzLjg4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Wk0zNC4yNTQgNTUuODh2MU0zNC4yNTQgNjUuODh2MU0zMC4zNjMgNTcuNDg5bC43MS43MU0zNy40MzQgNjQuNTZsLjcxLjcxTTI4Ljc1NCA2MS4zOGgxTTM4Ljc1NCA2MS4zOGgxTTMwLjM2MyA2NS4yN2wuNzEtLjcxTTM3LjQzNCA1OC4xOTlsLjcxLS43MSIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNjh2NjhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K); } .flat-d-about__compass._1-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsdGVyPSJ1cmwoI2IpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik00NS44NTcgMTAuNjEyYy0uNTE2IDAtLjk5My0uMDg1LTEuNDMxLS4yNTRhMy4wMTggMy4wMTggMCAwIDEtMS4xMjQtLjc1NSAzLjQ2MyAzLjQ2MyAwIDAgMS0uNzMyLTEuMjUxYy0uMTctLjUtLjI1Ni0xLjA3Ny0uMjU2LTEuNzMyIDAtLjYxLjA4Mi0xLjE2NC4yNDctMS42Ni4xNjUtLjQ5Ny40MDQtLjkyMy43MTgtMS4yNzhhMy4wMyAzLjAzIDAgMCAxIDEuMTE5LS43OWMuNDQ3LS4xODcuOTM1LS4yOCAxLjQ2NC0uMjguMjkyIDAgLjU1NC4wMTkuNzg4LjA1Ny4yMzYuMDM0LjQ1My4wOC42NTIuMTQuMjA4LjA2NS4zOTcuMTM5LjU2NC4yMjIuMTcxLjA3OS4zMi4xNTMuNDQ4LjIyMlY1LjEyaC0uMjA1YTguMjMzIDguMjMzIDAgMCAwLS4zMzEtLjI5NSA0LjE0OSA0LjE0OSAwIDAgMC0uNDQ4LS4zMzYgMi45NzUgMi45NzUgMCAwIDAtLjU1NS0uMjggMS45MzYgMS45MzYgMCAwIDAtMS4zNTcuMDIgMS43MDIgMS43MDIgMCAwIDAtLjYyOS40MzYgMi4yMTQgMi4yMTQgMCAwIDAtLjQ0Ny43OGMtLjExMi4zMjUtLjE2OC43MTgtLjE2OCAxLjE4IDAgLjQ4Mi4wNi44ODYuMTgyIDEuMjEuMTI0LjMyNC4yOC41NzkuNDY2Ljc2NS4xOS4xOS40LjMyNi42MzQuNDA5LjIzMy4wNzkuNDYzLjExOS42OS4xMTkuMjE4IDAgLjQzMi0uMDM3LjY0My0uMTA5YTIuMzggMi4zOCAwIDAgMCAuNTkyLS4yOTVjLjE1My0uMS4yOTQtLjIwNy40MjUtLjMyYTcuMzcgNy4zNyAwIDAgMCAuMzIxLS4yOTVoLjE4N3YxLjg0Yy0uMTc0LjA4Ny0uMzQuMTY4LS40OTkuMjQ0YTMuODMxIDMuODMxIDAgMCAxLS40OTkuMTk2Yy0uMjI3LjA3My0uNDQuMTI4LS42MzkuMTY2YTQuNjAxIDQuNjAxIDAgMCAxLS44Mi4wNTdaTTkuMDg2IDI1LjIxOGMwIC4zNjktLjA3Mi43MDYtLjIxNSAxLjAxMy0uMTQuMzA3LS4zNDkuNTY0LS42MjguNzctLjI5Mi4yMTgtLjY0LjM4NC0xLjA0My40OTctLjQwMy4xMS0uODk1LjE2Ni0xLjQ3Ni4xNjYtLjUxMSAwLS45ODgtLjA0Ny0xLjQyOS0uMTRhNi42OTEgNi42OTEgMCAwIDEtMS4yMS0uMzYydi0xLjczN2guMTcyYy4wODkuMDU1LjIyMi4xMzQuNC4yMzhhNi4xOTcgNi4xOTcgMCAwIDAgMS4xNzYuNDgxYy4xOTcuMDUxLjQyNC4wNzcuNjgxLjA3Ny4yNTEgMCAuNDgtLjAyMi42ODYtLjA2Ny4yMDYtLjA0NS4zOC0uMTE0LjUxOS0uMjA3LjE1Ni0uMS4yNzEtLjIxNS4zNDgtLjM0NmExLjA0IDEuMDQgMCAwIDAgLjExNC0uNTE4YzAtLjItLjAyOS0uMzYyLS4wODYtLjQ4NmEuNy43IDAgMCAwLS4yNTctLjMwNSAxLjE4NCAxLjE4NCAwIDAgMC0uNDQzLS4xNSA0LjAyMiA0LjAyMiAwIDAgMC0uNjE5LS4wNDFINC40NzF2LTEuMzc2SDUuNzNjLjIzOCAwIC40NDItLjAxOS42MTQtLjA1N2EuOTgzLjk4MyAwIDAgMCAuMzktLjE3LjYzNS42MzUgMCAwIDAgLjItLjI3NGMuMDM4LS4xLjA1Ny0uMjI2LjA1Ny0uMzc4YS41ODguNTg4IDAgMCAwLS4zNTctLjU2NGMtLjIzNS0uMTE3LS41NTctLjE3NS0uOTY2LS4xNzUtLjI0NSAwLS40NzIuMDI2LS42ODEuMDc3LS4yMS4wNTItLjQxLjExMi0uNi4xODEtLjIwNy4wOC0uMzcyLjE1NC0uNDk2LjIyMy0uMTIzLjA2NS0uMjU0LjEzMi0uMzkuMjAxaC0uMTc2di0xLjYxOGE4LjAxIDguMDEgMCAwIDEgMS4xODYtLjM0N2MuNDctLjEwNy45NTgtLjE2IDEuNDY2LS4xNi45NzIgMCAxLjcuMTY1IDIuMTg2LjQ5Ni40ODkuMzI4LjczMy43ODUuNzMzIDEuMzcgMCAuNDM4LS4xMzIuODE2LS4zOTUgMS4xMzNhMS44OCAxLjg4IDAgMCAxLTEuMDE0LjYzNnYuMDc4Yy4xNzEuMDMuMzUuMDg2LjUzOC4xNjUuMTkuMDc2LjM2My4xODUuNTE5LjMyNi4xNTkuMTQ1LjI4OS4zMjQuMzkuNTM4LjEwMi4yMS4xNTMuNDguMTUzLjgxMlpNNjUuMTI3IDQ3LjE5OWMwIC4zODYtLjA3LjczMi0uMjA4IDEuMDM3YTIuMDY3IDIuMDY3IDAgMCAxLS41Ni43NTdjLS4yNzYuMjM2LS41OC40MDUtLjkxNC41MDUtLjMzLjEtLjc0OC4xNS0xLjI1Ny4xNWgtMy4wNjF2LThoMi43MjJjLjU2NSAwIC45NzguMDIyIDEuMjM4LjA2NS4yNjQuMDQzLjUyNS4xMzguNzgyLjI4NS4yNjcuMTU0LjQ2NS4zNjIuNTk0LjYyMy4xMzEuMjU4LjE5Ny41NTMuMTk3Ljg4NiAwIC4zODctLjA5LjczLS4yNjggMS4wMjdhMS44MyAxLjgzIDAgMCAxLS43NTguNjg3di4wNDNjLjQ1OC4xMDQuODIuMzIgMS4wODguNjQ1LjI3LjMyNi40MDUuNzU2LjQwNSAxLjI5Wk02Mi44MSA0My45MWEuOTYxLjk2MSAwIDAgMC0uMDktLjM5OC41NTguNTU4IDAgMCAwLS4zMDYtLjI5NiAxLjMwMyAxLjMwMyAwIDAgMC0uNDk1LS4wOWMtLjE5NC0uMDA4LS40NjktLjAxMi0uODI0LS4wMTJoLS4xN3YxLjY5M2guMjgzYy4yODYgMCAuNTMtLjAwNi43My0uMDE2LjIwMS0uMDExLjM2LS4wNDcuNDc2LS4xMDguMTYzLS4wODIuMjctLjE4OC4zMi0uMzE3LjA1LS4xMzIuMDc1LS4yODUuMDc1LS40NTZabS40NDIgMy4yNTVjMC0uMjU0LS4wNDQtLjQ1LS4xMzItLjU4NS0uMDg0LS4xNC0uMjMtLjI0NC0uNDM4LS4zMTJhMi4wMyAyLjAzIDAgMCAwLS41ODQtLjA3NSA1My42MjggNTMuNjI4IDAgMCAwLS43NzctLjAwNmgtLjM5NXYxLjk5NGguMTMxYy41MSAwIC44NzMtLjAwMiAxLjA5My0uMDA2LjIyLS4wMDMuNDIyLS4wNS42MDgtLjE0LjE4OC0uMDg5LjMxNy0uMjA3LjM4Ni0uMzU0LjA3Mi0uMTUuMTA4LS4zMjIuMTA4LS41MTZaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0ibTM4Ljk2NSAyMi42MDUtLjY3OCAxMi4wODktNy4zOTEtMy4wNjIgOC4wNjktOS4wMjdaIiBmaWxsPSIjNzY3RThCIi8+PHBhdGggZD0iTTMwLjk0OCA0Mi45MDZhLjM4NC4zODQgMCAwIDEtLjY3LS4yNzdsLjYxNi0xMC45OTMgNy4zOTEgMy4wNjEtNy4zMzcgOC4yMVoiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJNNC44MjQgMzUuMDIyYS42NS42NSAwIDAgMC0uOTE4LjA0N0wtLjAxNSAzOS40MWEuNjUuNjUgMCAxIDAgLjk2NS44NzJsMy40ODUtMy44NiAzLjg1OSAzLjQ4NmEuNjUuNjUgMCAxIDAgLjg3MS0uOTY1bC00LjM0MS0zLjkyWm0tMS4wODUuNTE2YTMwLjI5NCAzMC4yOTQgMCAwIDAgOC4xNjMgMTkuMTg5bC45NDgtLjg5YTI4Ljk5NCAyOC45OTQgMCAwIDEtNy44MTItMTguMzY2bC0xLjI5OS4wNjdaIiBmaWxsPSIjRUNDNDRGIi8+PHBhdGggZD0iTTM1LjUgNjMuNTk5YTI5LjY0NCAyOS42NDQgMCAwIDAgMTguNzc3LTcuOTg3IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTYzLjU5NyAzMi40OGEyOS42NDQgMjkuNjQ0IDAgMCAwLTcuOTg4LTE4Ljc3OE0zMi40OSA0LjM5M2EyOS42NDQgMjkuNjQ0IDAgMCAwLTE4Ljc3NyA3Ljk4NyIgc3Ryb2tlPSIjRTFFMUUxIiBzdHJva2Utd2lkdGg9IjEuMyIvPjxwYXRoIGQ9Ik0yMy43NTYgNjEuODkzYTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Wk0yMy43NTYgNTMuODkzdjFNMjMuNzU2IDYzLjg5MnYxTTE5Ljg2NSA1NS41MDJsLjcxLjcxTTI2LjkzNiA2Mi41NzNsLjcxLjcxTTE4LjI1NyA1OS4zOTNoMU0yOC4yNTYgNTkuMzkzaDFNMTkuODY1IDYzLjI4M2wuNzEtLjcxTTI2LjkzNiA1Ni4yMTJsLjcxLS43MSIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNjh2NjhIMHoiLz48L2NsaXBQYXRoPjxmaWx0ZXIgaWQ9ImIiIHg9Ii0zMC4xMDIiIHk9Ii0zMC4xMDIiIHdpZHRoPSIxMjguMjA0IiBoZWlnaHQ9IjEyOC4yMDQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlIiBzdGREZXZpYXRpb249IjIiLz48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfMjM2XzM0Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8yMzZfMzQiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+); } .flat-d-about__compass._2-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsdGVyPSJ1cmwoI2IpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik01NS40ODMgMTcuMDE3Yy0uNTE2IDAtLjk5My0uMDg0LTEuNDMyLS4yNTNhMy4wMTggMy4wMTggMCAwIDEtMS4xMjMtLjc1NSAzLjQ2MiAzLjQ2MiAwIDAgMS0uNzMyLTEuMjUxYy0uMTcxLS41LS4yNTYtMS4wNzgtLjI1Ni0xLjczMyAwLS42MS4wODItMS4xNjMuMjQ3LTEuNjYuMTY0LS40OTYuNDA0LS45MjIuNzE4LTEuMjc3YTMuMDMgMy4wMyAwIDAgMSAxLjExOC0uNzkxYy40NDgtLjE4Ni45MzYtLjI4IDEuNDY0LS4yOC4yOTIgMCAuNTU1LjAyLjc4OC4wNTcuMjM2LjAzNS40NTQuMDgxLjY1My4xNC4yMDguMDY1LjM5Ni4xNC41NjQuMjIyLjE3LjA4LjMyLjE1NC40NDguMjIzdjEuODY2aC0uMjA2YTguMjg2IDguMjg2IDAgMCAwLS4zMy0uMjk0IDQuMTU1IDQuMTU1IDAgMCAwLS40NDgtLjMzNiAyLjk3MyAyLjk3MyAwIDAgMC0uNTU1LS4yOCAxLjkzNyAxLjkzNyAwIDAgMC0xLjM1Ny4wMiAxLjcwMiAxLjcwMiAwIDAgMC0uNjI5LjQzNSAyLjIxMyAyLjIxMyAwIDAgMC0uNDQ4Ljc4MWMtLjExMS4zMjQtLjE2Ny43MTctLjE2NyAxLjE4IDAgLjQ4Mi4wNi44ODUuMTgxIDEuMjEuMTI1LjMyNC4yOC41NzkuNDY3Ljc2NS4xOS4xOS40LjMyNi42MzQuNDA4LjIzMy4wOC40NjMuMTIuNjkuMTIuMjE3IDAgLjQzMi0uMDM3LjY0My0uMTEuMjE0LS4wNzIuNDEyLS4xNy41OTItLjI5NC4xNTItLjEuMjk0LS4yMDcuNDI0LS4zMmE3LjI5IDcuMjkgMCAwIDAgLjMyMi0uMjk2aC4xODd2MS44NDFjLS4xNzUuMDg3LS4zNC4xNjgtLjUuMjQ0YTMuODQ2IDMuODQ2IDAgMCAxLS40OTguMTk2Yy0uMjI3LjA3Mi0uNDQuMTI4LS42MzkuMTY1YTQuNjAxIDQuNjAxIDAgMCAxLS44Mi4wNTdaTTE1LjE2NiAxNS4zMjJjMCAuMzctLjA3MS43MDctLjIxNCAxLjAxNC0uMTQuMzA3LS4zNS41NjQtLjYyOS43Ny0uMjkyLjIxOC0uNjQuMzgzLTEuMDQzLjQ5Ny0uNDAzLjExLS44OTUuMTY1LTEuNDc2LjE2NS0uNTExIDAtLjk4Ny0uMDQ2LTEuNDI4LS4xNGE2LjcgNi43IDAgMCAxLTEuMjEtLjM2MXYtMS43MzhoLjE3MWMuMDkuMDU1LjIyMy4xMzUuNC4yMzguMTgxLjEuMzYyLjE4Ni41NDMuMjU5LjIyOS4wOTMuNDQuMTY3LjYzNC4yMjIuMTk3LjA1Mi40MjMuMDc4LjY4LjA3OC4yNTEgMCAuNDgtLjAyMy42ODYtLjA2OC4yMDctLjA0NC4zOC0uMTEzLjUyLS4yMDYuMTU1LS4xLjI3LS4yMTYuMzQ3LS4zNDdhMS4wNCAxLjA0IDAgMCAwIC4xMTQtLjUxN2MwLS4yLS4wMjgtLjM2Mi0uMDg1LS40ODZhLjcuNyAwIDAgMC0uMjU4LS4zMDUgMS4xODYgMS4xODYgMCAwIDAtLjQ0Mi0uMTUgNC4wMzUgNC4wMzUgMCAwIDAtLjYyLS4wNDJoLTEuMzA0VjEyLjgzaDEuMjU3Yy4yMzggMCAuNDQzLS4wMi42MTQtLjA1N2EuOTgzLjk4MyAwIDAgMCAuMzktLjE3LjYzNS42MzUgMCAwIDAgLjItLjI3NWMuMDM5LS4xLjA1OC0uMjI2LjA1OC0uMzc3YS41ODguNTg4IDAgMCAwLS4zNTctLjU2NGMtLjIzNS0uMTE3LS41NTgtLjE3Ni0uOTY3LS4xNzYtLjI0NSAwLS40NzIuMDI2LS42ODEuMDc4YTUuOTQgNS45NCAwIDAgMC0uNi4xOCA0IDQgMCAwIDAtLjQ5NS4yMjNjLS4xMjQuMDY2LS4yNTQuMTMzLS4zOS4yMDJoLS4xNzd2LTEuNjE5Yy4zMjQtLjEyNy43Mi0uMjQzIDEuMTg2LS4zNDYuNDctLjEwNy45NTktLjE2IDEuNDY2LS4xNi45NzIgMCAxLjcuMTY1IDIuMTg2LjQ5Ni40OS4zMjcuNzMzLjc4NC43MzMgMS4zNyAwIC40MzgtLjEzMS44MTYtLjM5NSAxLjEzM2ExLjg4IDEuODggMCAwIDEtMS4wMTQuNjM2di4wNzdjLjE3MS4wMzEuMzUuMDg3LjUzOC4xNjYuMTkuMDc2LjM2NC4xODQuNTIuMzI2LjE1OC4xNDQuMjg4LjMyNC4zOS41MzcuMTAxLjIxLjE1Mi40ODEuMTUyLjgxMlpNNTguNDkyIDU3LjI1NWMwIC4zODctLjA2OS43MzItLjIwNyAxLjAzN2EyLjA2NyAyLjA2NyAwIDAgMS0uNTYuNzU4Yy0uMjc3LjIzNi0uNTgxLjQwNC0uOTE0LjUwNS0uMzMuMS0uNzQ5LjE1LTEuMjU4LjE1aC0zLjA2di04aDIuNzIxYy41NjYgMCAuOTc4LjAyMSAxLjIzOS4wNjQuMjY0LjA0My41MjQuMTM4Ljc4Mi4yODUuMjY3LjE1NC40NjQuMzYyLjU5My42MjMuMTMyLjI1OC4xOTguNTU0LjE5OC44ODcgMCAuMzg3LS4wOS43MjktLjI2OSAxLjAyNmExLjgzIDEuODMgMCAwIDEtLjc1OC42ODh2LjA0M2MuNDU5LjEwNC44MjEuMzE5IDEuMDg4LjY0NS4yNy4zMjUuNDA1Ljc1NS40MDUgMS4yODlabS0yLjMxNy0zLjI4OGEuOTYyLjk2MiAwIDAgMC0uMDktLjM5OC41NTkuNTU5IDAgMCAwLS4zMDYtLjI5NSAxLjMwMyAxLjMwMyAwIDAgMC0uNDk0LS4wOTJjLS4xOTUtLjAwNy0uNDctLjAxLS44MjQtLjAxaC0uMTd2MS42OTJoLjI4M2MuMjg1IDAgLjUyOS0uMDA1LjczLS4wMTYuMi0uMDEuMzYtLjA0Ny40NzUtLjEwNy4xNjQtLjA4My4yNy0uMTg4LjMyLS4zMTcuMDUxLS4xMzMuMDc2LS4yODUuMDc2LS40NTdabS40NDMgMy4yNTZjMC0uMjU1LS4wNDQtLjQ1LS4xMzItLjU4Ni0uMDg1LS4xNC0uMjMtLjI0My0uNDM4LS4zMTJhMi4wMyAyLjAzIDAgMCAwLS41ODQtLjA3NSA1My42MDggNTMuNjA4IDAgMCAwLS43NzctLjAwNWgtLjM5NnYxLjk5M2guMTMyYy41MDkgMCAuODczLS4wMDIgMS4wOTMtLjAwNS4yMi0uMDA0LjQyMi0uMDUuNjA3LS4xNC4xODktLjA5LjMxNy0uMjA4LjM4Ny0uMzU1LjA3Mi0uMTUuMTA4LS4zMjIuMTA4LS41MTVaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0ibTQyLjk0NyAyNS4zNzItNS4yNTIgMTAuOTEtNS42NTctNS42NTcgMTAuOTEtNS4yNTNaIiBmaWxsPSIjNzY3RThCIi8+PHBhdGggZD0iTTI3Ljc3MiA0MS4wNmEuMzg0LjM4NCAwIDAgMS0uNTEzLS41MTNsNC43NzctOS45MiA1LjY1NiA1LjY1Ny05LjkyIDQuNzc2WiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik02LjY1NCAyMy43OGEuNjUuNjUgMCAwIDAtLjg2Ni0uMzA5bC01LjI4NCAyLjUxYS42NS42NSAwIDAgMCAuNTU4IDEuMTc1bDQuNjk2LTIuMjMyIDIuMjMyIDQuNjk3YS42NS42NSAwIDAgMCAxLjE3NC0uNTU4bC0yLjUxLTUuMjg0Wm0tMS4yLjA2YTMwLjI5NCAzMC4yOTQgMCAwIDAgLjE5OCAyMC44NTNsMS4yMTYtLjQ2YTI4Ljk5NCAyOC45OTQgMCAwIDEtLjE4OS0xOS45NTdsLTEuMjI1LS40MzZaIiBmaWxsPSIjRUNDNDRGIi8+PHBhdGggZD0iTTI0LjA1OCA2MS45MmEyOS42NDQgMjkuNjQ0IDAgMCAwIDIwLjQwNS0uMTk0IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTYxLjkyNiA0My45MjJhMjkuNjQ0IDI5LjY0NCAwIDAgMC0uMTk0LTIwLjQwNU00My45MzYgNi4wN2EyOS42NDQgMjkuNjQ0IDAgMCAwLTIwLjQwNS4xOTMiIHN0cm9rZT0iI0UxRTFFMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMTMuMDUgNTUuMzA4YTIuNSAyLjUgMCAxIDAgMy41MzYtMy41MzYgMi41IDIuNSAwIDAgMC0zLjUzNSAzLjUzNlpNMTguNzA3IDQ5LjY1MWwtLjcwNy43MDdNMTEuNjM3IDU2LjcyMWwtLjcwNy43MDhNMTQuODE4IDQ4LjAzOHYxLjAwNE0xNC44MTggNTguMDM3djEuMDA0TTEwLjkzIDQ5LjY1MWwuNzA3LjcwN00xOCA1Ni43MjFsLjcwNy43MDhNOS4zMTYgNTMuNTM5aDEuMDA0TTE5LjMxNiA1My41MzloMS4wMDQiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDY4djY4SDB6Ii8+PC9jbGlwUGF0aD48ZmlsdGVyIGlkPSJiIiB4PSItMzUuMDU0IiB5PSItMzUuMDU0IiB3aWR0aD0iMTM4LjEwOCIgaGVpZ2h0PSIxMzguMTA4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZSIgc3RkRGV2aWF0aW9uPSIyIi8+PGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzEwNV82MCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfMTA1XzYwIiByZXN1bHQ9InNoYXBlIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPgo=); } .flat-d-about__compass._3-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNjEuNTA0IDI1LjY3OWMtLjUxNiAwLS45OTMtLjA4NS0xLjQzMS0uMjU0YTMuMDE4IDMuMDE4IDAgMCAxLTEuMTI0LS43NTUgMy40NjUgMy40NjUgMCAwIDEtLjczMi0xLjI1MWMtLjE3LS41LS4yNTYtMS4wNzgtLjI1Ni0xLjczMyAwLS42MS4wODItMS4xNjMuMjQ3LTEuNjYuMTY1LS40OTYuNDA0LS45MjIuNzE4LTEuMjc3YTMuMDMgMy4wMyAwIDAgMSAxLjExOS0uNzkxYy40NDctLjE4Ni45MzUtLjI4IDEuNDY0LS4yOC4yOTIgMCAuNTU0LjAyLjc4OC4wNTguMjM2LjAzNC40NTMuMDguNjUyLjE0LjIwOC4wNjUuMzk2LjEzOS41NjQuMjIyLjE3MS4wNzkuMzIuMTUzLjQ0OC4yMjJ2MS44NjdoLS4yMDVhOC4zNTcgOC4zNTcgMCAwIDAtLjMzMS0uMjk1IDQuMTQ3IDQuMTQ3IDAgMCAwLS40NDgtLjMzNiAyLjk3NiAyLjk3NiAwIDAgMC0uNTU1LS4yOCAxLjkzNyAxLjkzNyAwIDAgMC0xLjM1Ny4wMiAxLjcwMSAxLjcwMSAwIDAgMC0uNjI5LjQzNiAyLjIxMyAyLjIxMyAwIDAgMC0uNDQ3Ljc4Yy0uMTEyLjMyNS0uMTY4LjcxOC0uMTY4IDEuMTggMCAuNDgyLjA2Ljg4Ni4xODIgMS4yMS4xMjQuMzI0LjI4LjU3OS40NjYuNzY1LjE5LjE5LjQuMzI2LjYzNC40MDkuMjMzLjA3OS40NjMuMTE5LjY5LjExOS4yMTggMCAuNDMyLS4wMzcuNjQzLS4xMDkuMjE1LS4wNzIuNDEyLS4xNy41OTItLjI5NS4xNTMtLjEuMjk0LS4yMDcuNDI1LS4zMi4xMy0uMTE0LjIzNy0uMjEyLjMyMS0uMjk1aC4xODd2MS44NGMtLjE3NC4wODctLjM0LjE2OC0uNDk5LjI0NGEzLjgzMSAzLjgzMSAwIDAgMS0uNDk5LjE5NmMtLjIyNy4wNzMtLjQ0LjEyOC0uNjM5LjE2NmE0LjYxIDQuNjEgMCAwIDEtLjgyLjA1N1pNMjMuNjM0IDguOTU3YzAgLjM2OS0uMDcyLjcwNy0uMjE1IDEuMDE0LS4xNC4zMDYtLjM0OS41NjMtLjYyOC43Ny0uMjkyLjIxNy0uNjQuMzgzLTEuMDQzLjQ5Ny0uNDAzLjExLS44OTUuMTY1LTEuNDc2LjE2NS0uNTExIDAtLjk4Ny0uMDQ2LTEuNDI5LS4xNGE2LjcwMSA2LjcwMSAwIDAgMS0xLjIxLS4zNjFWOS4xNjRoLjE3MmMuMDkuMDU1LjIyMi4xMzQuNC4yMzhhNi4xOSA2LjE5IDAgMCAwIDEuMTc2LjQ4Yy4xOTcuMDUyLjQyNC4wNzguNjgxLjA3OC4yNTEgMCAuNDgtLjAyMi42ODYtLjA2Ny4yMDYtLjA0NS4zOC0uMTE0LjUyLS4yMDcuMTU1LS4xLjI3LS4yMTUuMzQ3LS4zNDZhMS4wNCAxLjA0IDAgMCAwIC4xMTQtLjUxN2MwLS4yLS4wMjktLjM2Mi0uMDg2LS40ODdhLjcuNyAwIDAgMC0uMjU3LS4zMDUgMS4xODUgMS4xODUgMCAwIDAtLjQ0My0uMTUgNC4wMjUgNC4wMjUgMCAwIDAtLjYxOS0uMDQxSDE5LjAyVjYuNDY0aDEuMjU4Yy4yMzggMCAuNDQyLS4wMTguNjE0LS4wNTZhLjk4NC45ODQgMCAwIDAgLjM5LS4xNzEuNjM1LjYzNSAwIDAgMCAuMi0uMjc0Yy4wMzgtLjEuMDU3LS4yMjYuMDU3LS4zNzhhLjU4OC41ODggMCAwIDAtLjM1Ny0uNTYzYy0uMjM1LS4xMTgtLjU1Ny0uMTc2LS45NjYtLjE3Ni0uMjQ1IDAtLjQ3Mi4wMjYtLjY4MS4wNzctLjIxLjA1Mi0uNDEuMTEyLS42LjE4MWEzLjk5IDMuOTkgMCAwIDAtLjQ5NS4yMjNjLS4xMjQuMDY1LS4yNTUuMTMzLS4zOTEuMjAxaC0uMTc2VjMuOTFjLjMyNC0uMTI4LjcxOS0uMjQzIDEuMTg2LS4zNDcuNDctLjEwNi45NTgtLjE2IDEuNDY2LS4xNi45NzIgMCAxLjcuMTY2IDIuMTg2LjQ5Ny40ODkuMzI3LjczMy43ODQuNzMzIDEuMzcgMCAuNDM4LS4xMzIuODE1LS4zOTUgMS4xMzJhMS44OCAxLjg4IDAgMCAxLTEuMDE0LjYzNnYuMDc4Yy4xNzEuMDMxLjM1LjA4Ni41MzguMTY2LjE5LjA3NS4zNjMuMTg0LjUxOS4zMjUuMTU5LjE0NS4yODkuMzI0LjM5LjUzOC4xMDIuMjEuMTUzLjQ4MS4xNTMuODEyWk01MC4wMzcgNjIuNDQ1YzAgLjM4Ni0uMDcuNzMyLS4yMDggMS4wMzZhMi4wNjcgMi4wNjcgMCAwIDEtLjU2Ljc1OGMtLjI3Ni4yMzYtLjU4LjQwNS0uOTE0LjUwNS0uMzMuMS0uNzQ4LjE1LTEuMjU3LjE1aC0zLjA2MXYtOGgyLjcyMmMuNTY1IDAgLjk3OC4wMjIgMS4yMzguMDY1LjI2NC4wNDMuNTI1LjEzOC43ODIuMjg1LjI2Ny4xNTQuNDY1LjM2MS41OTQuNjIzLjEzMi4yNTguMTk3LjU1My4xOTcuODg3IDAgLjM4Ni0uMDkuNzI4LS4yNjggMS4wMjZhMS44MzEgMS44MzEgMCAwIDEtLjc1OC42ODd2LjA0M2MuNDU4LjEwNC44Mi4zMiAxLjA4OC42NDUuMjcuMzI2LjQwNS43NTYuNDA1IDEuMjlabS0yLjMxOC0zLjI4OGEuOTYyLjk2MiAwIDAgMC0uMDg5LS4zOTguNTU4LjU1OCAwIDAgMC0uMzA2LS4yOTYgMS4zMDQgMS4zMDQgMCAwIDAtLjQ5NS0uMDkxYy0uMTk0LS4wMDctLjQ2OS0uMDEtLjgyNC0uMDFoLS4xN3YxLjY5MmguMjgzYy4yODYgMCAuNTMtLjAwNi43My0uMDE2LjIwMS0uMDExLjM2LS4wNDcuNDc2LS4xMDguMTYzLS4wODIuMjctLjE4OC4zMi0uMzE3LjA1LS4xMzIuMDc1LS4yODUuMDc1LS40NTZabS40NDMgMy4yNTVjMC0uMjU0LS4wNDQtLjQ1LS4xMzItLjU4NS0uMDg0LS4xNC0uMjMtLjI0NC0uNDM4LS4zMTJhMi4wMjggMi4wMjggMCAwIDAtLjU4NC0uMDc1IDUzLjYxOCA1My42MTggMCAwIDAtLjc3Ny0uMDA1aC0uMzk1djEuOTkzaC4xMzJjLjUwOCAwIC44NzItLjAwMiAxLjA5Mi0uMDA2LjIyLS4wMDMuNDIyLS4wNS42MDgtLjE0LjE4OC0uMDg5LjMxNy0uMjA3LjM4Ni0uMzU0LjA3Mi0uMTUuMTA4LS4zMjIuMTA4LS41MTZaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0ibTQ1LjQgMjkuMDYyLTguNzQgOC4zOC0zLjMxOC03LjI4IDEyLjA1OC0xLjFaIiBmaWxsPSIjNzY3RThCIi8+PHBhdGggZD0iTTI1LjY5MiAzOC40NDJhLjM4NC4zODQgMCAwIDEtLjMtLjY2bDcuOTQ3LTcuNjE5IDMuMzE4IDcuMjgtMTAuOTY1IDFaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0iTTExLjk2NiAxNC44NWEuNjUuNjUgMCAwIDAtLjcwMy0uNTkybC01LjgyOS41YS42NS42NSAwIDAgMCAuMTEyIDEuMjk2bDUuMTgtLjQ0NS40NDYgNS4xOGEuNjUuNjUgMCAwIDAgMS4yOTUtLjExbC0uNS01LjgzWm0tMS4xNDUtLjM2M2EzMC4yOTQgMzAuMjk0IDAgMCAwLTcuMTE3IDE5LjZsMS4zLS4wMDNhMjguOTk0IDI4Ljk5NCAwIDAgMSA2LjgxMi0xOC43NmwtLjk5NS0uODM3WiIgZmlsbD0iI0VDQzQ0RiIvPjxwYXRoIGQ9Ik0xNC45MSA1Ni42NzRhMjkuNjQzIDI5LjY0MyAwIDAgMCAxOS4xOCA2Ljk2NSIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMyIvPjxwYXRoIGQ9Ik01Ni42NzkgNTMuMDgzYTI5LjY0NCAyOS42NDQgMCAwIDAgNi45NjUtMTkuMThNNTMuMDkgMTEuMzE4YTI5LjY0NCAyOS42NDQgMCAwIDAtMTkuMTgxLTYuOTY1IiBzdHJva2U9IiNFMUUxRTEiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTkuMTkxIDQ4LjA4NWEyLjUgMi41IDAgMSAwIDAtNSAyLjUgMi41IDAgMCAwIDAgNVpNOS4xOTEgNDAuMDg1djFNOS4xOTEgNTAuMDg1djFNNS4zIDQxLjY5NWwuNzEuNzFNMTIuMzcgNDguNzY1bC43MS43MU0zLjY5MSA0NS41ODVoMU0xMy42OTEgNDUuNTg1aDFNNS4zIDQ5LjQ3NWwuNzEtLjcxTTEyLjM3IDQyLjQwNWwuNzEtLjcxIiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2OHY2OEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==); } .flat-d-about__compass._4-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNjQuMTg3IDM3Ljk2OGMtLjUxNiAwLS45OTMtLjA4NC0xLjQzMi0uMjUzYTMuMDE4IDMuMDE4IDAgMCAxLTEuMTIzLS43NTUgMy40NjQgMy40NjQgMCAwIDEtLjczMi0xLjI1MmMtLjE3MS0uNS0uMjU2LTEuMDc3LS4yNTYtMS43MzIgMC0uNjEuMDgyLTEuMTYzLjI0Ny0xLjY2LjE2NC0uNDk2LjQwNC0uOTIyLjcxOC0xLjI3N2EzLjAzIDMuMDMgMCAwIDEgMS4xMTgtLjc5MmMuNDQ4LS4xODYuOTM2LS4yNzkgMS40NjQtLjI3OS4yOTMgMCAuNTU1LjAyLjc4OC4wNTcuMjM2LjAzNS40NTQuMDgxLjY1My4xNC4yMDguMDY1LjM5Ni4xNC41NjQuMjIyLjE3LjA4LjMyLjE1NC40NDguMjIzdjEuODY2aC0uMjA2YTguMjc3IDguMjc3IDAgMCAwLS4zMy0uMjk0IDQuMTM0IDQuMTM0IDAgMCAwLS40NDgtLjMzNyAyLjk3NiAyLjk3NiAwIDAgMC0uNTU1LS4yNzkgMS45MzcgMS45MzcgMCAwIDAtMS4zNTcuMDIgMS43MDIgMS43MDIgMCAwIDAtLjYyOS40MzUgMi4yMTUgMi4yMTUgMCAwIDAtLjQ0Ny43ODFjLS4xMTIuMzI0LS4xNjguNzE3LS4xNjggMS4xOCAwIC40ODIuMDYuODg1LjE4MSAxLjIxLjEyNS4zMjMuMjguNTc4LjQ2Ny43NjUuMTkuMTkuNC4zMjUuNjM0LjQwOC4yMzMuMDguNDYzLjEyLjY5LjEyLjIxNyAwIC40MzItLjAzNy42NDMtLjExYTIuMzggMi4zOCAwIDAgMCAuNTkyLS4yOTRjLjE1Mi0uMS4yOTQtLjIwNy40MjQtLjMyLjEzLS4xMTUuMjM4LS4yMTMuMzIyLS4yOTZoLjE4N3YxLjg0MWMtLjE3NS4wODctLjM0LjE2OC0uNS4yNDNhMy44MzEgMy44MzEgMCAwIDEtLjQ5OC4xOTdjLS4yMjcuMDcyLS40NC4xMjctLjYzOS4xNjVhNC42MTMgNC42MTMgMCAwIDEtLjgyLjA1N1pNMzUuODY3IDUuODA5YzAgLjM2OS0uMDcyLjcwNy0uMjE1IDEuMDEzLS4xNC4zMDctLjM0OS41NjQtLjYyOC43Ny0uMjkzLjIxOC0uNjQuMzg0LTEuMDQzLjQ5Ny0uNDAzLjExLS44OTUuMTY2LTEuNDc2LjE2Ni0uNTEyIDAtLjk4OC0uMDQ3LTEuNDI5LS4xNGE2LjY5MyA2LjY5MyAwIDAgMS0xLjIxLS4zNjJWNi4wMTZoLjE3MmMuMDg5LjA1NS4yMjIuMTM0LjQuMjM4YTYuMTg5IDYuMTg5IDAgMCAwIDEuMTc2LjQ4Yy4xOTcuMDUyLjQyNC4wNzguNjgxLjA3OC4yNSAwIC40OC0uMDIyLjY4Ni0uMDY3LjIwNi0uMDQ1LjM4LS4xMTQuNTE5LS4yMDcuMTU1LS4xLjI3MS0uMjE1LjM0Ny0uMzQ3YTEuMDQgMS4wNCAwIDAgMCAuMTE1LS41MTdjMC0uMi0uMDI5LS4zNjItLjA4Ni0uNDg2YS43LjcgMCAwIDAtLjI1Ny0uMzA1IDEuMTg1IDEuMTg1IDAgMCAwLS40NDMtLjE1IDQuMDI1IDQuMDI1IDAgMCAwLS42Mi0uMDQxaC0xLjMwNFYzLjMxNmgxLjI1N2MuMjM4IDAgLjQ0My0uMDE5LjYxNS0uMDU3YS45ODQuOTg0IDAgMCAwIC4zOS0uMTcuNjM0LjYzNCAwIDAgMCAuMi0uMjc0Yy4wMzgtLjEuMDU3LS4yMjYuMDU3LS4zNzhhLjU4OC41ODggMCAwIDAtLjM1Ny0uNTY0Yy0uMjM1LS4xMTctLjU1Ny0uMTc1LS45NjctLjE3NS0uMjQ0IDAtLjQ3MS4wMjYtLjY4LjA3Ny0uMjEuMDUyLS40MS4xMTItLjYuMTgxLS4yMDcuMDgtLjM3Mi4xNTQtLjQ5Ni4yMjNsLS4zOS4yMDFoLS4xNzZWLjc2MkE4LjAwNCA4LjAwNCAwIDAgMSAzMS4yOS40MTVjLjQ3LS4xMDcuOTU5LS4xNiAxLjQ2Ny0uMTYuOTcxIDAgMS43LjE2NSAyLjE4Ni40OTYuNDg5LjMyOC43MzMuNzg1LjczMyAxLjM3IDAgLjQzOS0uMTMyLjgxNi0uMzk1IDEuMTMzYTEuODggMS44OCAwIDAgMS0xLjAxNC42MzZ2LjA3OGMuMTcuMDMuMzUuMDg2LjUzNy4xNjUuMTkxLjA3Ni4zNjQuMTg1LjUyLjMyNi4xNTguMTQ1LjI4OC4zMjQuMzkuNTM4LjEwMi4yMS4xNTMuNDguMTUzLjgxMlpNMzcuNzEgNjUuNDI4YzAgLjM4Ny0uMDcuNzMzLS4yMDcgMS4wMzdhMi4wNjcgMi4wNjcgMCAwIDEtLjU2Ljc1OGMtLjI3Ny4yMzYtLjU4MS40MDUtLjkxNC41MDUtLjMzLjEtLjc1LjE1LTEuMjU4LjE1SDMxLjcxdi04aDIuNzIyYy41NjUgMCAuOTc4LjAyMiAxLjIzOS4wNjUuMjY0LjA0My41MjQuMTM4Ljc4Mi4yODUuMjY2LjE1NC40NjQuMzYxLjU5My42MjMuMTMyLjI1OC4xOTguNTUzLjE5OC44ODYgMCAuMzg3LS4wOS43My0uMjY5IDEuMDI2YTEuODMgMS44MyAwIDAgMS0uNzU4LjY4OHYuMDQzYy40NTkuMTA0LjgyMS4zMTkgMS4wODguNjQ1LjI3LjMyNi40MDUuNzU2LjQwNSAxLjI5Wm0tMi4zMTctMy4yODhhLjk2MS45NjEgMCAwIDAtLjA5LS4zOTcuNTU5LjU1OSAwIDAgMC0uMzA2LS4yOTYgMS4zMDMgMS4zMDMgMCAwIDAtLjQ5NC0uMDkxYy0uMTk1LS4wMDctLjQ3LS4wMS0uODI0LS4wMWgtLjE3djEuNjkyaC4yODNjLjI4NSAwIC41MjktLjAwNi43My0uMDE3LjItLjAxLjM2LS4wNDYuNDc1LS4xMDcuMTYzLS4wODIuMjctLjE4OC4zMi0uMzE3LjA1LS4xMzMuMDc2LS4yODUuMDc2LS40NTdabS40NDMgMy4yNTZjMC0uMjU0LS4wNDQtLjQ1LS4xMzItLjU4NS0uMDg1LS4xNC0uMjMxLS4yNDQtLjQzOC0uMzEyYTIuMDMgMi4wMyAwIDAgMC0uNTg0LS4wNzUgNTMuNjA0IDUzLjYwNCAwIDAgMC0uNzc3LS4wMDZoLS4zOTZ2MS45OTRoLjEzMmMuNTA5IDAgLjg3My0uMDAyIDEuMDkzLS4wMDYuMjItLjAwMy40MjItLjA1LjYwNy0uMTQuMTg4LS4wODkuMzE3LS4yMDcuMzg2LS4zNTQuMDczLS4xNS4xMDktLjMyMi4xMDktLjUxNloiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtNDYuNDIgMzQuMjM0LTExLjQyOCA0di04bDExLjQyOSA0WiIgZmlsbD0iIzc2N0U4QiIvPjxwYXRoIGQ9Ik0yNC41OTggMzQuNTk3YS4zODQuMzg0IDAgMCAxIDAtLjcyNWwxMC4zOTItMy42Mzh2OGwtMTAuMzkyLTMuNjM3WiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik0yMS44OTIgNy40MzdhLjY1LjY1IDAgMCAwLS4zOTUtLjgzbC01LjUxMS0xLjk2MmEuNjUuNjUgMCAwIDAtLjQzNiAxLjIyNWw0Ljg5OSAxLjc0My0xLjc0MyA0LjlhLjY1LjY1IDAgMSAwIDEuMjI0LjQzNWwxLjk2Mi01LjUxMVpNMjEgNi42MzJBMzAuMjk0IDMwLjI5NCAwIDAgMCA2LjM5NSAyMS41MTZsMS4xODUuNTM2QTI4Ljk5NCAyOC45OTQgMCAwIDEgMjEuNTU4IDcuODA2TDIxIDYuNjMyWiIgZmlsbD0iI0VDQzQ0RiIvPjxwYXRoIGQ9Ik03LjIyNiA0Ni43MTZBMjkuNjQ0IDI5LjY0NCAwIDAgMCAyMS43OSA2MS4wMDgiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNNDYuNzIzIDYwLjc3YTI5LjY0NCAyOS42NDQgMCAwIDAgMTQuMjkyLTE0LjU2Nk02MC43NzcgMjEuMjc2QTI5LjY0NCAyOS42NDQgMCAwIDAgNDYuMjEyIDYuOTg0IiBzdHJva2U9IiNFMUUxRTEiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTQuMTIgMzQuMjU0YTIuNSAyLjUgMCAxIDAgNSAwIDIuNSAyLjUgMCAwIDAtNSAwWk0xMi4xMiAzNC4yNTRoLTFNMi4xMiAzNC4yNTRoLTFNMTAuNTExIDMwLjM2M2wtLjcxLjcxTTMuNDQgMzcuNDM0bC0uNzEuNzFNNi42MiAyOC43NTR2MU02LjYyIDM4Ljc1NHYxTTIuNzMgMzAuMzYzbC43MS43MU05LjgwMSAzNy40MzRsLjcxLjcxIiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMzQgMzQpIiBkPSJNMCAwaDY4djY4SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+Cg==); } .flat-d-about__compass._5-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNjEuOTQxIDQ5LjMxNWMtLjUxNiAwLS45OTMtLjA4NC0xLjQzLS4yNTNhMy4wMTggMy4wMTggMCAwIDEtMS4xMjQtLjc1NSAzLjQ2NCAzLjQ2NCAwIDAgMS0uNzMyLTEuMjUyYy0uMTcxLS41LS4yNTctMS4wNzctLjI1Ny0xLjczMiAwLS42MS4wODMtMS4xNjMuMjQ3LTEuNjYuMTY1LS40OTYuNDA0LS45MjIuNzE4LTEuMjc3YTMuMDMgMy4wMyAwIDAgMSAxLjEyLS43OTFjLjQ0Ny0uMTg3LjkzNS0uMjggMS40NjMtLjI4LjI5MiAwIC41NTUuMDIuNzg4LjA1Ny4yMzYuMDM1LjQ1NC4wODEuNjUzLjE0LjIwOC4wNjUuMzk2LjE0LjU2NC4yMjIuMTcuMDguMzIuMTU0LjQ0Ny4yMjJ2MS44NjdoLS4yMDVhOC4yNzcgOC4yNzcgMCAwIDAtLjMzLS4yOTQgNC4xNTcgNC4xNTcgMCAwIDAtLjQ0OC0uMzM3IDIuOTc2IDIuOTc2IDAgMCAwLS41NTUtLjI3OSAxLjkzNyAxLjkzNyAwIDAgMC0xLjM1Ny4wMiAxLjcwMiAxLjcwMiAwIDAgMC0uNjMuNDM1IDIuMjE1IDIuMjE1IDAgMCAwLS40NDcuNzgxYy0uMTEyLjMyNC0uMTY4LjcxNy0uMTY4IDEuMTggMCAuNDgyLjA2MS44ODUuMTgyIDEuMjEuMTI1LjMyMy4yOC41NzguNDY3Ljc2NS4xOS4xOS40LjMyNS42MzQuNDA4LjIzMy4wOC40NjMuMTIuNjkuMTIuMjE3IDAgLjQzMS0uMDM3LjY0My0uMTEuMjE0LS4wNzIuNDEyLS4xNy41OTItLjI5NC4xNTItLjEuMjk0LS4yMDcuNDI0LS4zMi4xMy0uMTE1LjIzOC0uMjEzLjMyMi0uMjk2aC4xODZ2MS44NDFjLS4xNzQuMDg3LS4zNC4xNjgtLjQ5OC4yNDNhMy44MjcgMy44MjcgMCAwIDEtLjUuMTk3Yy0uMjI2LjA3Mi0uNDQuMTI3LS42MzguMTY1YTQuNjEzIDQuNjEzIDAgMCAxLS44Mi4wNTdaTTQ3LjMzNiA3LjY0YzAgLjM3LS4wNzIuNzA3LS4yMTQgMS4wMTQtLjE0LjMwNy0uMzUuNTY0LS42MjkuNzctLjI5Mi4yMTgtLjY0LjM4My0xLjA0My40OTctLjQwMy4xMS0uODk1LjE2NS0xLjQ3Ni4xNjUtLjUxMSAwLS45ODctLjA0Ni0xLjQyOS0uMTRhNi42OTMgNi42OTMgMCAwIDEtMS4yMS0uMzYxVjcuODQ3aC4xNzJjLjA5LjA1Ni4yMjMuMTM1LjQuMjM4LjE4MS4xLjM2Mi4xODYuNTQzLjI1OS4yMjkuMDkzLjQ0LjE2Ny42MzMuMjIyLjE5Ny4wNTIuNDI0LjA3OC42ODEuMDc4LjI1MSAwIC40OC0uMDIzLjY4Ni0uMDY3LjIwNi0uMDQ1LjM4LS4xMTQuNTItLjIwNy4xNTUtLjEuMjctLjIxNi4zNDctLjM0N2ExLjA0IDEuMDQgMCAwIDAgLjExNC0uNTE3YzAtLjItLjAyOC0uMzYyLS4wODYtLjQ4NmEuNy43IDAgMCAwLS4yNTctLjMwNSAxLjE4NCAxLjE4NCAwIDAgMC0uNDQzLS4xNSA0LjAyNSA0LjAyNSAwIDAgMC0uNjE5LS4wNDFoLTEuMzA0VjUuMTQ4aDEuMjU3Yy4yMzggMCAuNDQzLS4wMTkuNjE0LS4wNTdhLjk4NC45ODQgMCAwIDAgLjM5LS4xNy42MzQuNjM0IDAgMCAwIC4yLS4yNzVjLjAzOS0uMS4wNTgtLjIyNS4wNTgtLjM3N2EuNTg4LjU4OCAwIDAgMC0uMzU4LS41NjRjLS4yMzQtLjExNy0uNTU3LS4xNzYtLjk2Ni0uMTc2LS4yNDUgMC0uNDcyLjAyNi0uNjgxLjA3OGE1Ljk0IDUuOTQgMCAwIDAtLjYuMThjLS4yMDcuMDgtLjM3Mi4xNTQtLjQ5NS4yMjMtLjEyNC4wNjYtLjI1NC4xMzMtLjM5LjIwMmgtLjE3N1YyLjU5M2MuMzI0LS4xMjcuNzE5LS4yNDMgMS4xODYtLjM0Ni40Ny0uMTA3Ljk1OC0uMTYgMS40NjYtLjE2Ljk3MiAwIDEuNy4xNjUgMi4xODYuNDk2LjQ4OS4zMjguNzMzLjc4NC43MzMgMS4zNyAwIC40MzgtLjEzMS44MTYtLjM5NSAxLjEzM2ExLjg4IDEuODggMCAwIDEtMS4wMTQuNjM2VjUuOGMuMTcxLjAzLjM1LjA4Ni41MzguMTY1LjE5LjA3Ni4zNjMuMTg0LjUxOS4zMjYuMTU5LjE0NS4yODkuMzI0LjM5LjUzOC4xMDIuMjEuMTUzLjQ4LjE1My44MTJaTTI1LjI5OCA2My4wNDNjMCAuMzg3LS4wNjkuNzMzLS4yMDcgMS4wMzdhMi4wNjggMi4wNjggMCAwIDEtLjU2Ljc1OGMtLjI3Ny4yMzYtLjU4MS40MDQtLjkxNC41MDUtLjMzLjEtLjc0OS4xNS0xLjI1OC4xNUgxOS4zdi04aDIuNzIxYy41NjYgMCAuOTc4LjAyMSAxLjIzOS4wNjQuMjY0LjA0My41MjQuMTM4Ljc4Mi4yODUuMjY3LjE1NC40NjQuMzYyLjU5My42MjMuMTMyLjI1OC4xOTguNTU0LjE5OC44ODcgMCAuMzg3LS4wOS43MjktLjI2OCAxLjAyNmExLjgzIDEuODMgMCAwIDEtLjc1OS42ODh2LjA0M2MuNDU5LjEwNC44MjEuMzE5IDEuMDg4LjY0NS4yNy4zMjYuNDA1Ljc1NS40MDUgMS4yOVptLTIuMzE3LTMuMjg4YS45NjIuOTYyIDAgMCAwLS4wOS0uMzk4LjU1OS41NTkgMCAwIDAtLjMwNS0uMjk1IDEuMzA1IDEuMzA1IDAgMCAwLS40OTUtLjA5MWMtLjE5NS0uMDA4LS40Ny0uMDExLS44MjQtLjAxMWgtLjE3djEuNjkyaC4yODNjLjI4NiAwIC41MjktLjAwNS43My0uMDE2LjItLjAxLjM2LS4wNDcuNDc2LS4xMDcuMTYzLS4wODMuMjctLjE4OC4zMi0uMzE3LjA1LS4xMzMuMDc1LS4yODUuMDc1LS40NTdabS40NDMgMy4yNTZjMC0uMjU1LS4wNDQtLjQ1LS4xMzItLjU4Ni0uMDg1LS4xNC0uMjMtLjI0My0uNDM4LS4zMTFhMi4wMyAyLjAzIDAgMCAwLS41ODQtLjA3NiA1My42MDggNTMuNjA4IDAgMCAwLS43NzctLjAwNWgtLjM5NnYxLjk5M2guMTMyYy41MDkgMCAuODczLS4wMDEgMS4wOTMtLjAwNS4yMi0uMDA0LjQyMi0uMDUuNjA3LS4xNC4xODktLjA5LjMxNy0uMjA4LjM4Ni0uMzU0LjA3My0uMTUuMTA5LS4zMjMuMTA5LS41MTZaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0ibTQ1LjM4NiAzOC45Ny0xMi4wOS0uNjc4IDMuMDYyLTcuMzkxIDkuMDI4IDguMDY5WiIgZmlsbD0iIzc2N0U4QiIvPjxwYXRoIGQ9Ik0yNS4wODUgMzAuOTU0YS4zODQuMzg0IDAgMCAxIC4yNzgtLjY3bDEwLjk5My42MTYtMy4wNjIgNy4zOS04LjIwOS03LjMzNloiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJNMzIuOTc5IDQuODI1YS42NS42NSAwIDAgMC0uMDQ3LS45MThMMjguNTkxLS4wMTRhLjY1LjY1IDAgMCAwLS44NzIuOTY1bDMuODYgMy40ODUtMy40ODYgMy44NTlhLjY1LjY1IDAgMCAwIC45NjUuODcxbDMuOTItNC4zNDFabS0uNTE2LTEuMDg1YTMwLjI5NCAzMC4yOTQgMCAwIDAtMTkuMTg5IDguMTYzbC44OS45NDhhMjguOTk0IDI4Ljk5NCAwIDAgMSAxOC4zNjUtNy44MTNsLS4wNjYtMS4yOThaIiBmaWxsPSIjRUNDNDRGIi8+PHBhdGggZD0iTTQuMzk4IDM1LjUwMmEyOS42NDQgMjkuNjQ0IDAgMCAwIDcuOTg3IDE4Ljc3OCIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMyIvPjxwYXRoIGQ9Ik0zNS41MSA2My42YTI5LjY0NCAyOS42NDQgMCAwIDAgMTguNzc4LTcuOTg2TTYzLjYwOCAzMi40OTJhMjkuNjQ0IDI5LjY0NCAwIDAgMC03Ljk4Ny0xOC43NzgiIHN0cm9rZT0iI0UxRTFFMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNNi4yOTggMjIuOGEyLjUgMi41IDAgMSAwIDQuNjIgMS45MTMgMi41IDIuNSAwIDAgMC00LjYyLTEuOTEzWk0xMy42ODkgMjUuODYybC0uOTI0LS4zODNNNC40NSAyMi4wMzVsLS45MjQtLjM4M00xMy42OSAyMS42NTFsLS45MjcuMzg0TTQuNDUzIDI1LjQ3OGwtLjkyOC4zODRNMTAuNzEyIDE4LjY3NWwtLjM4My45MjRNNi44ODUgMjcuOTE0bC0uMzgyLjkyNE02LjUwMyAxOC42NzRsLjM4NC45MjhNMTAuMzMgMjcuOTEybC4zODMuOTI3IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2OHY2OEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==); } .flat-d-about__compass._6-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNTUuNTI2IDU4LjkzOGMtLjUxNiAwLS45OTMtLjA4NC0xLjQzMS0uMjUzYTMuMDE5IDMuMDE5IDAgMCAxLTEuMTI0LS43NTUgMy40NjQgMy40NjQgMCAwIDEtLjczMi0xLjI1MWMtLjE3LS41LS4yNTYtMS4wNzgtLjI1Ni0xLjczMyAwLS42MS4wODItMS4xNjMuMjQ3LTEuNjYuMTY1LS40OTYuNDA0LS45MjIuNzE4LTEuMjc3YTMuMDMyIDMuMDMyIDAgMCAxIDEuMTE5LS43OTFjLjQ0Ny0uMTg2LjkzNS0uMjggMS40NjQtLjI4LjI5MiAwIC41NTUuMDIuNzg4LjA1Ny4yMzYuMDM1LjQ1My4wODEuNjUyLjE0LjIwOS4wNjYuMzk3LjE0LjU2NC4yMjIuMTcxLjA4LjMyLjE1NC40NDguMjIzdjEuODY3aC0uMjA1YTguMzQ4IDguMzQ4IDAgMCAwLS4zMzEtLjI5NSA0LjE1NCA0LjE1NCAwIDAgMC0uNDQ4LS4zMzYgMi45NyAyLjk3IDAgMCAwLS41NTUtLjI4IDEuOTM3IDEuOTM3IDAgMCAwLTEuMzU3LjAyIDEuNzAyIDEuNzAyIDAgMCAwLS42MjkuNDM1IDIuMjE0IDIuMjE0IDAgMCAwLS40NDcuNzgxYy0uMTEyLjMyNC0uMTY4LjcxNy0uMTY4IDEuMTggMCAuNDgyLjA2Ljg4NS4xODIgMS4yMS4xMjQuMzI0LjI4LjU3OS40NjYuNzY1LjE5LjE5LjQwMS4zMjYuNjM0LjQwOC4yMzMuMDguNDYzLjEyLjY5LjEyLjIxOCAwIC40MzItLjAzNy42NDMtLjExLjIxNS0uMDcyLjQxMi0uMTcuNTkzLS4yOTQuMTUyLS4xLjI5My0uMjA3LjQyNC0uMzJhNy4yNCA3LjI0IDAgMCAwIC4zMjEtLjI5NWguMTg3djEuODRjLS4xNzQuMDg3LS4zNC4xNjgtLjQ5OS4yNDRhMy44NDEgMy44NDEgMCAwIDEtLjQ5OS4xOTZjLS4yMjcuMDcyLS40NC4xMjgtLjYzOS4xNjZhNC42MSA0LjYxIDAgMCAxLS44Mi4wNTZaTTU3LjIzMiAxMy43MmMwIC4zNjktLjA3Mi43MDYtLjIxNSAxLjAxMy0uMTQuMzA3LS4zNDkuNTY0LS42MjguNzctLjI5Mi4yMTgtLjY0LjM4My0xLjA0My40OTctLjQwMy4xMS0uODk1LjE2Ni0xLjQ3Ni4xNjYtLjUxMSAwLS45ODctLjA0Ny0xLjQyOS0uMTRhNi42OTcgNi42OTcgMCAwIDEtMS4yMS0uMzYydi0xLjczN2guMTcyYy4wODkuMDU1LjIyMi4xMzQuNC4yMzcuMTgxLjEuMzYyLjE4Ny41NDMuMjU5LjIyOS4wOTMuNDQuMTY3LjYzMy4yMjIuMTk3LjA1Mi40MjQuMDc4LjY4MS4wNzguMjUxIDAgLjQ4LS4wMjMuNjg2LS4wNjcuMjA2LS4wNDUuMzgtLjExNC41MTktLjIwNy4xNTUtLjEuMjcxLS4yMTYuMzQ4LS4zNDdhMS4wNCAxLjA0IDAgMCAwIC4xMTQtLjUxN2MwLS4yLS4wMjktLjM2Mi0uMDg2LS40ODZhLjcuNyAwIDAgMC0uMjU3LS4zMDUgMS4xODMgMS4xODMgMCAwIDAtLjQ0My0uMTUgNC4wMjIgNC4wMjIgMCAwIDAtLjYxOS0uMDQxaC0xLjMwNXYtMS4zNzZoMS4yNThjLjIzOCAwIC40NDItLjAxOS42MTQtLjA1N2EuOTgzLjk4MyAwIDAgMCAuMzktLjE3LjYzNS42MzUgMCAwIDAgLjItLjI3NGMuMDM4LS4xLjA1Ny0uMjI2LjA1Ny0uMzc4YS41ODguNTg4IDAgMCAwLS4zNTctLjU2NGMtLjIzNS0uMTE3LS41NTctLjE3Ni0uOTY2LS4xNzYtLjI0NSAwLS40NzIuMDI2LS42ODEuMDc4LS4yMS4wNTItLjQxLjExMi0uNi4xODEtLjIwNy4wOC0uMzcyLjE1My0uNDk2LjIyMi0uMTIzLjA2Ni0uMjU0LjEzMy0uMzkuMjAyaC0uMTc2VjguNjcyYTguMDA0IDguMDA0IDAgMCAxIDEuMTg2LS4zNDZjLjQ3LS4xMDcuOTU4LS4xNiAxLjQ2Ni0uMTYuOTcyIDAgMS43LjE2NSAyLjE4Ni40OTYuNDg5LjMyOC43MzMuNzg0LjczMyAxLjM3IDAgLjQzOC0uMTMyLjgxNi0uMzk1IDEuMTMzYTEuODggMS44OCAwIDAgMS0xLjAxNC42MzZ2LjA3OGMuMTcxLjAzLjM1LjA4Ni41MzguMTY1LjE5LjA3Ni4zNjMuMTg1LjUxOS4zMjYuMTU4LjE0NS4yODkuMzI0LjM5LjUzOC4xMDIuMjEuMTUzLjQ4LjE1My44MTJaTTE2LjM3NCA1Ny4xOGMwIC4zODctLjA2OS43MzItLjIwNyAxLjAzN2EyLjA2NiAyLjA2NiAwIDAgMS0uNTYuNzU3Yy0uMjc3LjIzNy0uNTgxLjQwNS0uOTE0LjUwNS0uMzMuMS0uNzQ5LjE1LTEuMjU4LjE1aC0zLjA2di04aDIuNzIxYy41NjYgMCAuOTc4LjAyMiAxLjIzOS4wNjUuMjY0LjA0My41MjQuMTM4Ljc4Mi4yODUuMjY3LjE1NC40NjQuMzYyLjU5My42MjMuMTMyLjI1OC4xOTguNTU0LjE5OC44ODcgMCAuMzg3LS4wOS43MjktLjI2OCAxLjAyNmExLjgzMSAxLjgzMSAwIDAgMS0uNzU5LjY4OHYuMDQyYy40NTkuMTA0LjgyMS4zMiAxLjA4OC42NDUuMjcuMzI2LjQwNS43NTYuNDA1IDEuMjlabS0yLjMxNy0zLjI4OGEuOTYxLjk2MSAwIDAgMC0uMDktLjM5OC41NTguNTU4IDAgMCAwLS4zMDYtLjI5NSAxLjMwNSAxLjMwNSAwIDAgMC0uNDk0LS4wOTJjLS4xOTUtLjAwNy0uNDctLjAxLS44MjQtLjAxaC0uMTd2MS42OTJoLjI4M2MuMjg2IDAgLjUyOS0uMDA2LjczLS4wMTYuMi0uMDExLjM2LS4wNDcuNDc2LS4xMDguMTYzLS4wODIuMjctLjE4OC4zMi0uMzE3LjA1LS4xMzIuMDc1LS4yODUuMDc1LS40NTZabS40NDMgMy4yNTVjMC0uMjU0LS4wNDQtLjQ0OS0uMTMyLS41ODUtLjA4NS0uMTQtLjIzLS4yNDQtLjQzOC0uMzEyYTIuMDM0IDIuMDM0IDAgMCAwLS41ODQtLjA3NSA1My42NDQgNTMuNjQ0IDAgMCAwLS43NzctLjAwNWgtLjM5NnYxLjk5M2guMTMyYy41MDkgMCAuODczLS4wMDIgMS4wOTMtLjAwNS4yMi0uMDA0LjQyMi0uMDUuNjA3LS4xNC4xODktLjA5LjMxNy0uMjA4LjM4Ni0uMzU1LjA3My0uMTUuMTA5LS4zMjIuMTA5LS41MTVaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0ibTQyLjYxNyA0Mi45NDktMTAuOTEtNS4yNTMgNS42NTgtNS42NTcgNS4yNTIgMTAuOTFaIiBmaWxsPSIjNzY3RThCIi8+PHBhdGggZD0iTTI2LjkzIDI3Ljc3NGEuMzg0LjM4NCAwIDAgMSAuNTEyLS41MTNsOS45MiA0Ljc3Ni01LjY1NiA1LjY1Ny00Ljc3Ny05LjkyWiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik00NC4yMjEgNi42NTVhLjY1LjY1IDAgMCAwIC4zMDgtLjg2Nkw0Mi4wMi41MDVhLjY1LjY1IDAgMCAwLTEuMTc0LjU1OGwyLjIzMSA0LjY5N0wzOC4zOCA3Ljk5YS42NS42NSAwIDAgMCAuNTU4IDEuMTc0bDUuMjg0LTIuNTFabS0uMDYtMS4yYTMwLjI5NCAzMC4yOTQgMCAwIDAtMjAuODUzLjE5OGwuNDU5IDEuMjE2YTI4Ljk5NCAyOC45OTQgMCAwIDEgMTkuOTU3LS4xODlsLjQzNi0xLjIyNFoiIGZpbGw9IiNFQ0M0NEYiLz48cGF0aCBkPSJNNi4wNzYgMjQuMDZhMjkuNjQ0IDI5LjY0NCAwIDAgMCAuMTk0IDIwLjQwNCIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMyIvPjxwYXRoIGQ9Ik0yNC4wNjggNjEuOTI2YTI5LjY0NCAyOS42NDQgMCAwIDAgMjAuNDA1LS4xOTRNNjEuOTMxIDQzLjkzN2EyOS42NDQgMjkuNjQ0IDAgMCAwLS4xOTMtMjAuNDA1IiBzdHJva2U9IiNFMUUxRTEiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTEyLjY5MiAxMy4wNTJhMi41IDIuNSAwIDEgMCAzLjUzNiAzLjUzNSAyLjUgMi41IDAgMCAwLTMuNTM2LTMuNTM1Wk0xOC4zNSAxOC43MDhsLS43MDgtLjcwN00xMS4yNzggMTEuNjM3bC0uNzA3LS43MDdNMTkuOTYyIDE0LjgyaC0xLjAwNE05Ljk2MyAxNC44Mkg4Ljk2TTE4LjM1IDEwLjkzbC0uNzA4LjcwN00xMS4yNzggMTguMDAxbC0uNzA3LjcwN00xNC40NiA5LjMxOHYxLjAwNE0xNC40NiAxOS4zMTd2MS4wMDQiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDY4djY4SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+Cg==); } .flat-d-about__compass._7-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNDUuOTE2IDY1LjM3NWMtLjUxNiAwLS45OTMtLjA4NC0xLjQzMS0uMjUzYTMuMDE4IDMuMDE4IDAgMCAxLTEuMTI0LS43NTUgMy40NjIgMy40NjIgMCAwIDEtLjczMi0xLjI1MmMtLjE3LS41LS4yNTYtMS4wNzctLjI1Ni0xLjczMiAwLS42MS4wODItMS4xNjQuMjQ3LTEuNjYuMTY1LS40OTYuNDA0LS45MjIuNzE4LTEuMjc3YTMuMDMyIDMuMDMyIDAgMCAxIDEuMTE5LS43OTFjLjQ0Ny0uMTg3LjkzNS0uMjggMS40NjMtLjI4LjI5MyAwIC41NTUuMDIuNzg4LjA1Ny4yMzcuMDM1LjQ1NC4wODEuNjUzLjE0LjIwOC4wNjUuMzk2LjE0LjU2NC4yMjIuMTcxLjA4LjMyLjE1NC40NDguMjIzdjEuODY2aC0uMjA1YTguMjk2IDguMjk2IDAgMCAwLS4zMzEtLjI5NCA0LjE0MyA0LjE0MyAwIDAgMC0uNDQ4LS4zMzcgMi45NyAyLjk3IDAgMCAwLS41NTUtLjI3OSAxLjkzNSAxLjkzNSAwIDAgMC0xLjM1Ny4wMiAxLjcgMS43IDAgMCAwLS42MjkuNDM1IDIuMjEzIDIuMjEzIDAgMCAwLS40NDcuNzgxYy0uMTEyLjMyNC0uMTY4LjcxNy0uMTY4IDEuMTggMCAuNDgyLjA2Ljg4NS4xODIgMS4yMS4xMjQuMzIzLjI4LjU3OC40NjYuNzY1LjE5LjE5LjQuMzI1LjYzNC40MDguMjMzLjA4LjQ2My4xMi42OS4xMi4yMTcgMCAuNDMyLS4wMzcuNjQzLS4xMS4yMTUtLjA3Mi40MTItLjE3LjU5Mi0uMjk0LjE1My0uMS4yOTQtLjIwNy40MjUtLjMyLjEzLS4xMTUuMjM3LS4yMTMuMzIxLS4yOTZoLjE4N3YxLjg0MWMtLjE3NC4wODctLjM0LjE2OC0uNS4yNDNhMy44NTQgMy44NTQgMCAwIDEtLjQ5OC4xOTdjLS4yMjcuMDcyLS40NC4xMjctLjYzOS4xNjVhNC42MTIgNC42MTIgMCAwIDEtLjgyLjA1N1pNNjQuMDQ3IDIzLjEyNWMwIC4zNjktLjA3MS43MDctLjIxNCAxLjAxNC0uMTQuMzA2LS4zNS41NjMtLjYyOS43Ny0uMjkyLjIxNy0uNjQuMzgzLTEuMDQzLjQ5Ny0uNDAzLjExLS44OTUuMTY1LTEuNDc2LjE2NS0uNTExIDAtLjk4Ny0uMDQ3LTEuNDI4LS4xNGE2LjY5IDYuNjkgMCAwIDEtMS4yMS0uMzYydi0xLjczN2guMTcyYy4wODguMDU1LjIyMi4xMzQuNC4yMzhhNi4xOTcgNi4xOTcgMCAwIDAgMS4xNzYuNDhjLjE5Ny4wNTIuNDIzLjA3OC42OC4wNzguMjUxIDAgLjQ4LS4wMjIuNjg2LS4wNjcuMjA3LS4wNDUuMzgtLjExNC41Mi0uMjA3LjE1NS0uMS4yNy0uMjE1LjM0Ny0uMzQ2YTEuMDQgMS4wNCAwIDAgMCAuMTE0LS41MTdjMC0uMi0uMDI4LS4zNjItLjA4NS0uNDg2YS43LjcgMCAwIDAtLjI1OC0uMzA2IDEuMTg1IDEuMTg1IDAgMCAwLS40NDItLjE1IDQuMDIyIDQuMDIyIDAgMCAwLS42Mi0uMDQxaC0xLjMwNHYtMS4zNzVoMS4yNTdjLjIzOCAwIC40NDMtLjAyLjYxNC0uMDU3YS45ODUuOTg1IDAgMCAwIC4zOS0uMTcxLjYzNC42MzQgMCAwIDAgLjItLjI3NGMuMDM5LS4xLjA1OC0uMjI2LjA1OC0uMzc4YS41ODguNTg4IDAgMCAwLS4zNTctLjU2M2MtLjIzNS0uMTE4LS41NTctLjE3Ni0uOTY3LS4xNzYtLjI0NCAwLS40NzEuMDI2LS42OC4wNzdhNS45NSA1Ljk1IDAgMCAwLS42LjE4MWMtLjIwNy4wOC0uMzcyLjE1NC0uNDk2LjIyMy0uMTI0LjA2NS0uMjU0LjEzMy0uMzkuMjAxaC0uMTc3di0xLjYxOGE4LjAwOSA4LjAwOSAwIDAgMSAxLjE4Ni0uMzQ3Yy40Ny0uMTA3Ljk1OS0uMTYgMS40NjctLjE2Ljk3MSAwIDEuNy4xNjUgMi4xODUuNDk2LjQ5LjMyOC43MzQuNzg1LjczNCAxLjM3IDAgLjQzOS0uMTMyLjgxNi0uMzk2IDEuMTMzYTEuODggMS44OCAwIDAgMS0xLjAxNC42MzZ2LjA3OGMuMTcxLjAzMS4zNS4wODYuNTM4LjE2Ni4xOS4wNzUuMzY0LjE4NC41Mi4zMjUuMTU4LjE0NS4yODguMzI0LjM5LjUzOC4xMDEuMjEuMTUyLjQ4MS4xNTIuODEyWk05LjI4NCA0Ni43MTZjMCAuMzg3LS4wNjkuNzMzLS4yMDcgMS4wMzdhMi4wNjcgMi4wNjcgMCAwIDEtLjU2Ljc1OGMtLjI3Ni4yMzYtLjU4MS40MDQtLjkxNC41MDUtLjMzLjEtLjc0OS4xNS0xLjI1Ny4xNUgzLjI4NHYtOGgyLjcyM2MuNTY1IDAgLjk3OC4wMjIgMS4yMzguMDY1LjI2NC4wNDMuNTI1LjEzOC43ODIuMjg1LjI2Ny4xNTQuNDY1LjM2MS41OTMuNjIzLjEzMi4yNTguMTk4LjU1My4xOTguODg2IDAgLjM4Ny0uMDkuNzMtLjI2OCAxLjAyNmExLjgzIDEuODMgMCAwIDEtLjc1OC42ODh2LjA0M2MuNDU4LjEwNC44Mi4zMTkgMS4wODcuNjQ1LjI3LjMyNi40MDUuNzU2LjQwNSAxLjI5Wm0tMi4zMTctMy4yODhhLjk2Mi45NjIgMCAwIDAtLjA5LS4zOTcuNTU4LjU1OCAwIDAgMC0uMzA1LS4yOTYgMS4zMDMgMS4zMDMgMCAwIDAtLjQ5NS0uMDkxYy0uMTk0LS4wMDctLjQ3LS4wMTEtLjgyNC0uMDExaC0uMTd2MS42OTJoLjI4M2MuMjg2IDAgLjUzLS4wMDUuNzMtLjAxNi4yMDEtLjAxLjM2LS4wNDYuNDc2LS4xMDcuMTYzLS4wODIuMjctLjE4OC4zMi0uMzE3LjA1LS4xMzMuMDc1LS4yODUuMDc1LS40NTdabS40NDMgMy4yNTZjMC0uMjU0LS4wNDQtLjQ1LS4xMzItLjU4Ni0uMDg1LS4xNC0uMjMtLjI0My0uNDM4LS4zMTFhMi4wMyAyLjAzIDAgMCAwLS41ODQtLjA3NSA1My42MTggNTMuNjE4IDAgMCAwLS43NzctLjAwNmgtLjM5NVY0Ny43aC4xMzFjLjUwOSAwIC44NzMtLjAwMSAxLjA5My0uMDA1LjIyLS4wMDQuNDIyLS4wNS42MDgtLjE0LjE4OC0uMDkuMzE3LS4yMDcuMzg2LS4zNTQuMDcyLS4xNS4xMDgtLjMyMy4xMDgtLjUxNloiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtMzguNTM3IDQ1LjU2NS04LjA2OS05LjAyOCA3LjM5LTMuMDYxLjY3OSAxMi4wOVoiIGZpbGw9IiM3NjdFOEIiLz48cGF0aCBkPSJNMjkuODUgMjUuNTQyYS4zODQuMzg0IDAgMCAxIC42Ny0uMjc3bDcuMzM4IDguMjA5LTcuMzkxIDMuMDYxLS42MTctMTAuOTkzWiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik01My44NzIgMTIuNjQ5YS42NS42NSAwIDAgMCAuNjUzLS42NDhsLjAyLTUuODVhLjY1LjY1IDAgMSAwLTEuMy0uMDA0bC0uMDE4IDUuMi01LjItLjAxOWEuNjUuNjUgMCAxIDAtLjAwNSAxLjNsNS44NS4wMlptLjQ2NC0xLjEwOGMtMS45NjctMS45ODEtNS4wMjgtMy44NzQtOC40Ni01LjNDNDIuNDM2IDQuODE1IDM4LjU3IDMuODM1IDM0Ljk3IDMuNzJsLS4wNDIgMS4zYzMuNDExLjEwOCA3LjEyMSAxLjA0MiAxMC40NDkgMi40MjMgMy4zMzMgMS4zODQgNi4yMjggMy4xOTQgOC4wMzYgNS4wMTVsLjkyMy0uOTE2WiIgZmlsbD0iI0VDQzQ0RiIvPjxwYXRoIGQ9Ik0xMi4wMDYgMTQuMTNhMjkuNjQ0IDI5LjY0NCAwIDAgMC03LjYzIDE4LjkyNiIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMyIvPjxwYXRoIGQ9Ik0xNC4xMzcgNTZhMjkuNjQ0IDI5LjY0NCAwIDAgMCAxOC45MjYgNy42MjlNNTYuMDAyIDUzLjg3YTI5LjY0NCAyOS42NDQgMCAwIDAgNy42My0xOC45MjYiIHN0cm9rZT0iI0UxRTFFMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMjIuMzMxIDYuNDkyYTIuNSAyLjUgMCAxIDAgMS45MTMgNC42MiAyLjUgMi41IDAgMCAwLTEuOTEzLTQuNjJaTTI1LjM5MiAxMy44ODNsLS4zODItLjkyNE0yMS41NjYgNC42NDRsLS4zODMtLjkyNE0yOC4zNzEgMTAuOTA3bC0uOTI4LS4zODRNMTkuMTMzIDcuMDhsLS45MjctLjM4M00yOC4zNjkgNi42OTdsLS45MjQuMzgzTTE5LjEzIDEwLjUyNGwtLjkyNC4zODNNMjUuMzk0IDMuNzJsLS4zODQuOTI3TTIxLjU2NyAxMi45NTdsLS4zODQuOTI4IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2OHY2OEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==); } .flat-d-about__compass._8-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMzQuNTc0IDY3LjY0M2MtLjUxNiAwLS45OTMtLjA4NC0xLjQzLS4yNTNhMy4wMTggMy4wMTggMCAwIDEtMS4xMjQtLjc1NSAzLjQ2MyAzLjQ2MyAwIDAgMS0uNzMyLTEuMjUyYy0uMTcxLS41LS4yNTctMS4wNzctLjI1Ny0xLjczMiAwLS42MS4wODItMS4xNjQuMjQ3LTEuNjYuMTY1LS40OTYuNDA0LS45MjIuNzE4LTEuMjc3YTMuMDMgMy4wMyAwIDAgMSAxLjEyLS43OTJjLjQ0Ny0uMTg2LjkzNS0uMjc5IDEuNDYzLS4yNzkuMjkyIDAgLjU1NS4wMi43ODguMDU3LjIzNi4wMzQuNDU0LjA4MS42NTMuMTQuMjA4LjA2NS4zOTYuMTQuNTY0LjIyMi4xNy4wOC4zMi4xNTQuNDQ3LjIyMnYxLjg2N2gtLjIwNWE4LjIwOCA4LjIwOCAwIDAgMC0uMzMxLS4yOTUgNC4xNDIgNC4xNDIgMCAwIDAtLjQ0Ny0uMzM2IDIuOTc0IDIuOTc0IDAgMCAwLS41NTUtLjI3OSAxLjkzNiAxLjkzNiAwIDAgMC0xLjM1Ny4wMiAxLjcwMiAxLjcwMiAwIDAgMC0uNjMuNDM1IDIuMjEzIDIuMjEzIDAgMCAwLS40NDcuNzgxYy0uMTEyLjMyNC0uMTY4LjcxNy0uMTY4IDEuMTggMCAuNDgyLjA2Ljg4NS4xODIgMS4yMS4xMjQuMzIzLjI4LjU3OC40NjYuNzY1LjE5LjE5LjQwMS4zMjUuNjM0LjQwOC4yMzMuMDguNDYzLjExOS42OS4xMTkuMjE4IDAgLjQzMi0uMDM2LjY0NC0uMTA5LjIxNC0uMDcyLjQxMi0uMTcuNTkyLS4yOTQuMTUyLS4xLjI5NC0uMjA3LjQyNC0uMzIxLjEzLS4xMTQuMjM4LS4yMTIuMzIyLS4yOTVoLjE4NnYxLjg0MWMtLjE3NC4wODctLjM0LjE2OC0uNDk5LjI0M2EzLjgzMSAzLjgzMSAwIDAgMS0uNDk4LjE5N2MtLjIyNy4wNzItLjQ0LjEyNy0uNjQuMTY1YTQuNjEgNC42MSAwIDAgMS0uODIuMDU3Wk02Ni43NDQgMzQuNDIxYzAgLjM2OS0uMDcyLjcwNy0uMjE1IDEuMDE0LS4xNC4zMDYtLjM0OS41NjMtLjYyOC43Ny0uMjkyLjIxNy0uNjQuMzgzLTEuMDQzLjQ5Ny0uNDAzLjExLS44OTUuMTY1LTEuNDc2LjE2NS0uNTExIDAtLjk4OC0uMDQ2LTEuNDI5LS4xNGE2LjY5MyA2LjY5MyAwIDAgMS0xLjIxLS4zNjJ2LTEuNzM3aC4xNzJjLjA4OS4wNTUuMjIyLjEzNC40LjIzOGE2LjE5NyA2LjE5NyAwIDAgMCAxLjE3Ni40OGMuMTk3LjA1Mi40MjQuMDc4LjY4MS4wNzguMjUxIDAgLjQ4LS4wMjIuNjg2LS4wNjcuMjA2LS4wNDUuMzgtLjExNC41MTktLjIwNy4xNTYtLjEuMjcxLS4yMTUuMzQ4LS4zNDZhMS4wNCAxLjA0IDAgMCAwIC4xMTQtLjUxN2MwLS4yLS4wMjktLjM2Mi0uMDg2LS40ODZhLjcuNyAwIDAgMC0uMjU3LS4zMDYgMS4xODUgMS4xODUgMCAwIDAtLjQ0My0uMTUgNC4wMjIgNC4wMjIgMCAwIDAtLjYxOS0uMDQxSDYyLjEzdi0xLjM3NmgxLjI1OGMuMjM4IDAgLjQ0Mi0uMDE4LjYxNC0uMDU2YS45ODUuOTg1IDAgMCAwIC4zOS0uMTcxLjYzNS42MzUgMCAwIDAgLjItLjI3NGMuMDM4LS4xLjA1Ny0uMjI2LjA1Ny0uMzc4YS41ODguNTg4IDAgMCAwLS4zNTctLjU2M2MtLjIzNS0uMTE3LS41NTctLjE3Ni0uOTY2LS4xNzYtLjI0NSAwLS40NzIuMDI2LS42ODEuMDc3LS4yMS4wNTItLjQxLjExMy0uNi4xODEtLjIwNy4wOC0uMzcyLjE1NC0uNDk2LjIyMy0uMTIzLjA2NS0uMjU0LjEzMy0uMzkuMjAxaC0uMTc2di0xLjYxOGE4IDggMCAwIDEgMS4xODUtLjM0N2MuNDctLjEwNy45Ni0uMTYgMS40NjctLjE2Ljk3MiAwIDEuNy4xNjUgMi4xODYuNDk2LjQ4OS4zMjguNzMzLjc4NS43MzMgMS4zNyAwIC40MzktLjEzMi44MTYtLjM5NSAxLjEzM2ExLjg4IDEuODggMCAwIDEtMS4wMTQuNjM2di4wNzhjLjE3MS4wMzEuMzUuMDg2LjUzOC4xNjYuMTkuMDc1LjM2My4xODQuNTE5LjMyNS4xNTkuMTQ1LjI4OS4zMjQuMzkuNTM4LjEwMi4yMS4xNTMuNDgxLjE1My44MTJaTTcuMTIyIDM1LjI2YzAgLjM4Ny0uMDcuNzMzLS4yMDggMS4wMzdhMi4wNjcgMi4wNjcgMCAwIDEtLjU2Ljc1OGMtLjI3Ni4yMzYtLjU4LjQwNC0uOTE0LjUwNS0uMzMuMS0uNzQ5LjE1LTEuMjU3LjE1SDEuMTIydi04aDIuNzIyYy41NjUgMCAuOTc4LjAyMSAxLjIzOC4wNjQuMjY0LjA0My41MjUuMTM4Ljc4Mi4yODUuMjY3LjE1NC40NjUuMzYyLjU5NC42MjMuMTMxLjI1OC4xOTcuNTU0LjE5Ny44ODcgMCAuMzg3LS4wOS43MjktLjI2OCAxLjAyNmExLjgzIDEuODMgMCAwIDEtLjc1OC42ODh2LjA0M2MuNDU4LjEwNC44Mi4zMTkgMS4wODguNjQ1LjI3LjMyNi40MDUuNzU1LjQwNSAxLjI5Wm0tMi4zMTctMy4yODhhLjk2MS45NjEgMCAwIDAtLjA5LS4zOTguNTU4LjU1OCAwIDAgMC0uMzA2LS4yOTUgMS4zMDUgMS4zMDUgMCAwIDAtLjQ5NS0uMDkxYy0uMTk0LS4wMDgtLjQ2OS0uMDExLS44MjQtLjAxMWgtLjE3djEuNjkyaC4yODNjLjI4NiAwIC41My0uMDA1LjczLS4wMTYuMjAxLS4wMS4zNi0uMDQ3LjQ3Ni0uMTA3LjE2My0uMDgzLjI3LS4xODguMzItLjMxNy4wNS0uMTMzLjA3Ni0uMjg1LjA3Ni0uNDU3Wm0uNDQyIDMuMjU2YzAtLjI1NS0uMDQ0LS40NS0uMTMyLS41ODYtLjA4NC0uMTQtLjIzLS4yNDMtLjQzOC0uMzExYTIuMDI3IDIuMDI3IDAgMCAwLS41ODQtLjA3NiA1My42MTggNTMuNjE4IDAgMCAwLS43NzctLjAwNWgtLjM5NXYxLjk5M2guMTMyYy41MDggMCAuODcyLS4wMDIgMS4wOTItLjAwNS4yMi0uMDA0LjQyMi0uMDUuNjA4LS4xNC4xODgtLjA5LjMxNy0uMjA3LjM4Ni0uMzU0LjA3Mi0uMTUuMTA4LS4zMjMuMTA4LS41MTZaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0ibTMzLjc2NiA0Ni40MjEtNC0xMS40MjhoOGwtNCAxMS40MjhaIiBmaWxsPSIjNzY3RThCIi8+PHBhdGggZD0iTTMzLjQwMyAyNC41OThhLjM4NC4zODQgMCAwIDEgLjcyNSAwbDMuNjM4IDEwLjM5MmgtOGwzLjYzNy0xMC4zOTJaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0iTTYwLjU2MyAyMS44OTJhLjY1LjY1IDAgMCAwIC44My0uMzk1bDEuOTYyLTUuNTExYS42NS42NSAwIDAgMC0xLjIyNS0uNDM2bC0xLjc0MyA0Ljg5OS00LjktMS43NDNhLjY1LjY1IDAgMSAwLS40MzUgMS4yMjRsNS41MTEgMS45NjJabS44MDUtLjg5MkEzMC4yOTQgMzAuMjk0IDAgMCAwIDQ2LjQ4NCA2LjM5NWwtLjUzNiAxLjE4NWEyOC45OTQgMjguOTk0IDAgMCAxIDE0LjI0NiAxMy45NzhMNjEuMzY4IDIxWiIgZmlsbD0iI0VDQzQ0RiIvPjxwYXRoIGQ9Ik0yMS4yODQgNy4yMjZBMjkuNjQzIDI5LjY0MyAwIDAgMCA2Ljk5MiAyMS43OSIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMyIvPjxwYXRoIGQ9Ik03LjIzIDQ2LjcyM2EyOS42NDQgMjkuNjQ0IDAgMCAwIDE0LjU2NiAxNC4yOTJNNDYuNzI0IDYwLjc3N2EyOS42NDMgMjkuNjQzIDAgMCAwIDE0LjI5Mi0xNC41NjUiIHN0cm9rZT0iI0UxRTFFMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMzMuNzQ2IDQuMTJhMi41IDIuNSAwIDEgMCAwIDUgMi41IDIuNSAwIDAgMCAwLTVaTTMzLjc0NiAxMi4xMnYtMU0zMy43NDYgMi4xMnYtMU0zNy42MzcgMTAuNTExbC0uNzEtLjcxTTMwLjU2NiAzLjQ0bC0uNzEtLjcxTTM5LjI0NiA2LjYyaC0xTTI5LjI0NiA2LjYyaC0xTTM3LjYzNyAyLjczbC0uNzEuNzFNMzAuNTY2IDkuODAxbC0uNzEuNzEiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDM0IDM0KSIgZD0iTTAgMGg2OHY2OEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPgo=); } .flat-d-about__compass._9-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkiIGhlaWdodD0iNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMjMuMzQgNjQuODVjLS41MTYgMC0uOTkzLS4wODUtMS40MzEtLjI1NGEzLjAyIDMuMDIgMCAwIDEtMS4xMjQtLjc1NSAzLjQ2NCAzLjQ2NCAwIDAgMS0uNzMyLTEuMjUxYy0uMTctLjUtLjI1Ni0xLjA3OC0uMjU2LTEuNzMzIDAtLjYxLjA4Mi0xLjE2My4yNDctMS42Ni4xNjUtLjQ5Ni40MDQtLjkyMi43MTgtMS4yNzdhMy4wMyAzLjAzIDAgMCAxIDEuMTE5LS43OTFjLjQ0Ny0uMTg2LjkzNS0uMjggMS40NjQtLjI4LjI5MiAwIC41NTUuMDIuNzg4LjA1Ny4yMzYuMDM1LjQ1My4wODEuNjUyLjE0LjIwOS4wNjUuMzk3LjE0LjU2NC4yMjIuMTcxLjA4LjMyLjE1NC40NDguMjIzdjEuODY3aC0uMjA1YTguNDMgOC40MyAwIDAgMC0uMzMxLS4yOTUgNC4xNjcgNC4xNjcgMCAwIDAtLjQ0OC0uMzM2IDIuOTcgMi45NyAwIDAgMC0uNTU0LS4yOCAxLjkzNyAxLjkzNyAwIDAgMC0xLjM1Ny4wMiAxLjcwMiAxLjcwMiAwIDAgMC0uNjMuNDM1IDIuMjEzIDIuMjEzIDAgMCAwLS40NDcuNzgxYy0uMTEyLjMyNC0uMTY4LjcxNy0uMTY4IDEuMTggMCAuNDgyLjA2Ljg4NS4xODIgMS4yMS4xMjQuMzI0LjI4LjU3OS40NjYuNzY1LjE5LjE5LjQwMS4zMjYuNjM0LjQwOC4yMzMuMDguNDYzLjEyLjY5LjEyLjIxOCAwIC40MzItLjAzNy42NDMtLjExLjIxNS0uMDcyLjQxMi0uMTcuNTkzLS4yOTQuMTUyLS4xLjI5My0uMjA3LjQyNC0uMzIuMTMtLjExNC4yMzgtLjIxMy4zMjEtLjI5NmguMTg3djEuODQyYy0uMTc0LjA4Ni0uMzQuMTY3LS40OTkuMjQzYTMuODU2IDMuODU2IDAgMCAxLS40OTkuMTk2Yy0uMjI3LjA3My0uNDQuMTI4LS42MzguMTY2YTQuNjAxIDQuNjAxIDAgMCAxLS44Mi4wNTZaTTY1LjA3MyA0NS4zMmMwIC4zNy0uMDcxLjcwNy0uMjE0IDEuMDE0LS4xNC4zMDctLjM1LjU2NC0uNjI4Ljc3LS4yOTMuMjE4LS42NC4zODMtMS4wNDMuNDk3LS40MDQuMTEtLjg5Ni4xNjYtMS40NzcuMTY2LS41MSAwLS45ODctLjA0Ny0xLjQyOC0uMTRhNi42OTcgNi42OTcgMCAwIDEtMS4yMS0uMzYydi0xLjczOGguMTcyYy4wODkuMDU2LjIyMi4xMzUuNC4yMzhhNi4xNiA2LjE2IDAgMCAwIDEuMTc2LjQ4Yy4xOTcuMDUzLjQyNC4wNzkuNjguMDc5LjI1MiAwIC40OC0uMDIzLjY4Ny0uMDY3LjIwNi0uMDQ1LjM3OS0uMTE0LjUxOS0uMjA3LjE1NS0uMS4yNzEtLjIxNi4zNDctLjM0N2ExLjA0IDEuMDQgMCAwIDAgLjExNS0uNTE3YzAtLjItLjAyOS0uMzYyLS4wODYtLjQ4NmEuNy43IDAgMCAwLS4yNTctLjMwNSAxLjE4NSAxLjE4NSAwIDAgMC0uNDQzLS4xNSA0LjAzNiA0LjAzNiAwIDAgMC0uNjItLjA0MUg2MC40NnYtMS4zNzZoMS4yNTdjLjIzOCAwIC40NDMtLjAxOS42MTQtLjA1N2EuOTgzLjk4MyAwIDAgMCAuMzkxLS4xNy42MzUuNjM1IDAgMCAwIC4yLS4yNzVjLjAzOC0uMS4wNTctLjIyNS4wNTctLjM3N2EuNTg4LjU4OCAwIDAgMC0uMzU3LS41NjRjLS4yMzUtLjExNy0uNTU3LS4xNzYtLjk2Ny0uMTc2LS4yNDQgMC0uNDcxLjAyNi0uNjguMDc4LS4yMS4wNTItLjQxLjExMi0uNi4xODEtLjIwNy4wOC0uMzcyLjE1My0uNDk2LjIyMi0uMTI0LjA2Ni0uMjU0LjEzMy0uMzkuMjAyaC0uMTc2di0xLjYxOWE3Ljk5NiA3Ljk5NiAwIDAgMSAxLjE4NS0uMzQ2Yy40Ny0uMTA3Ljk1OS0uMTYgMS40NjctLjE2Ljk3MSAwIDEuNy4xNjUgMi4xODYuNDk2LjQ4OC4zMjguNzMzLjc4NC43MzMgMS4zNyAwIC40MzgtLjEzMi44MTYtLjM5NSAxLjEzM2ExLjg4IDEuODggMCAwIDEtMS4wMTUuNjM2di4wNzhjLjE3Mi4wMy4zNTEuMDg2LjUzOC4xNjUuMTkuMDc2LjM2NC4xODQuNTIuMzI2LjE1OC4xNDUuMjg4LjMyNC4zOS41MzguMTAyLjIxLjE1Mi40OC4xNTIuODEyWk05LjA1OSAyMy4xOThjMCAuMzg3LS4wNy43MzItLjIwOCAxLjAzN2EyLjA2NyAyLjA2NyAwIDAgMS0uNTYuNzU3Yy0uMjc2LjIzNy0uNTguNDA1LS45MTQuNTA1LS4zMy4xLS43NDkuMTUtMS4yNTcuMTVIMy4wNTl2LThINS43OGMuNTY1IDAgLjk3OC4wMjIgMS4yMzguMDY1LjI2NC4wNDMuNTI1LjEzOC43ODIuMjg1LjI2Ny4xNTQuNDY1LjM2Mi41OTQuNjIzLjEzMS4yNTguMTk3LjU1NC4xOTcuODg3IDAgLjM4Ny0uMDkuNzI5LS4yNjggMS4wMjZhMS44MyAxLjgzIDAgMCAxLS43NTguNjg4di4wNDNjLjQ1OC4xMDQuODIuMzE5IDEuMDg4LjY0NS4yNy4zMjUuNDA1Ljc1NS40MDUgMS4yODlaTTYuNzQgMTkuOTFhLjk2Mi45NjIgMCAwIDAtLjA4OS0uMzk4LjU1OS41NTkgMCAwIDAtLjMwNi0uMjk1IDEuMzA1IDEuMzA1IDAgMCAwLS40OTUtLjA5MmMtLjE5NC0uMDA3LS40NjktLjAxLS44MjQtLjAxaC0uMTd2MS42OTJoLjI4M2MuMjg2IDAgLjUzLS4wMDUuNzMtLjAxNi4yMDEtLjAxLjM2LS4wNDcuNDc2LS4xMDguMTYzLS4wODIuMjctLjE4OC4zMi0uMzE3LjA1LS4xMzIuMDc1LS4yODQuMDc1LS40NTZabS40NDMgMy4yNTZjMC0uMjU1LS4wNDQtLjQ1LS4xMzItLjU4Ni0uMDg0LS4xNC0uMjMtLjI0My0uNDM4LS4zMTJhMi4wMzQgMi4wMzQgMCAwIDAtLjU4NC0uMDc1IDUzLjYxOCA1My42MTggMCAwIDAtLjc3Ny0uMDA1aC0uMzk1djEuOTkzaC4xMzJjLjUwOCAwIC44NzItLjAwMiAxLjA5Mi0uMDA1LjIyLS4wMDQuNDIyLS4wNS42MDgtLjE0LjE4OC0uMDkuMzE3LS4yMDguMzg2LS4zNTUuMDcyLS4xNS4xMDgtLjMyMi4xMDgtLjUxNVoiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtMjkuMTQ0IDQ0Ljg0Ny42NzgtMTIuMDg5IDcuMzkxIDMuMDYyLTguMDY5IDkuMDI3WiIgZmlsbD0iIzc2N0U4QiIvPjxwYXRoIGQ9Ik0zNy4xNiAyNC41NDdhLjM4NC4zODQgMCAwIDEgLjY3LjI3N2wtLjYxNiAxMC45OTMtNy4zOS0zLjA2MSA3LjMzNi04LjIxWiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik02My4yOSAzMi40NGEuNjUuNjUgMCAwIDAgLjkxNy0uMDQ2bDMuOTIxLTQuMzQyYS42NS42NSAwIDEgMC0uOTY0LS44NzFsLTMuNDg2IDMuODU5LTMuODU5LTMuNDg2YS42NS42NSAwIDEgMC0uODcxLjk2NWw0LjM0MSAzLjkyMVptMS4wODQtLjUxNWEzMC4yOTQgMzAuMjk0IDAgMCAwLTguMTYyLTE5LjE5bC0uOTQ5Ljg5YTI4Ljk5MyAyOC45OTMgMCAwIDEgNy44MTMgMTguMzY2bDEuMjk4LS4wNjZaIiBmaWxsPSIjRUNDNDRGIi8+PHBhdGggZD0iTTMyLjYxMiAzLjg2YTI5LjY0NCAyOS42NDQgMCAwIDAtMTguNzc4IDcuOTg3IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTQuNTEzIDM0Ljk3MmEyOS42NDQgMjkuNjQ0IDAgMCAwIDcuOTg4IDE4Ljc3OE0zNS42MjMgNjMuMDdBMjkuNjQ0IDI5LjY0NCAwIDAgMCA1NC40IDU1LjA4MSIgc3Ryb2tlPSIjRTFFMUUxIiBzdHJva2Utd2lkdGg9IjEuMyIvPjxwYXRoIGQ9Ik00NC4zNTcgNS41NjlhMi41IDIuNSAwIDEgMCAwIDUgMi41IDIuNSAwIDAgMCAwLTVaTTQ0LjM1NyAxMy41Njl2LTFNNDQuMzU3IDMuNTY5di0xTTQ4LjI0OCAxMS45NmwtLjcxLS43MU00MS4xNzcgNC44OWwtLjcxLS43MU00OS44NTcgOC4wNjloLTFNMzkuODU3IDguMDY5aC0xTTQ4LjI0OCA0LjE4bC0uNzEuNzFNNDEuMTc3IDExLjI1bC0uNzEuNzEiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDM0LjI1IDM0KSIgZD0iTTAgMGg2OHY2OEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==); } .flat-d-about__compass._10-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTMuNjA0IDU4Ljk4M2MtLjUxNiAwLS45OTMtLjA4NS0xLjQzMS0uMjU0YTMuMDE4IDMuMDE4IDAgMCAxLTEuMTI0LS43NTUgMy40NjQgMy40NjQgMCAwIDEtLjczMi0xLjI1MWMtLjE3LS41LS4yNTYtMS4wNzgtLjI1Ni0xLjczMyAwLS42MS4wODItMS4xNjMuMjQ3LTEuNjYuMTY1LS40OTYuNDA0LS45MjIuNzE4LTEuMjc3YTMuMDMgMy4wMyAwIDAgMSAxLjExOS0uNzkxYy40NDctLjE4Ni45MzYtLjI4IDEuNDY0LS4yOC4yOTIgMCAuNTU1LjAyLjc4OC4wNTcuMjM2LjAzNS40NTQuMDgxLjY1Mi4xNC4yMDkuMDY2LjM5Ny4xNC41NjUuMjIyLjE3LjA4LjMyLjE1NC40NDcuMjIzdjEuODY3aC0uMjA1YTguMjg1IDguMjg1IDAgMCAwLS4zMzEtLjI5NSA0LjEzNCA0LjEzNCAwIDAgMC0uNDQ4LS4zMzYgMi45NyAyLjk3IDAgMCAwLS41NTQtLjI4IDEuOTM1IDEuOTM1IDAgMCAwLTEuMzU3LjAyIDEuNyAxLjcgMCAwIDAtLjYzLjQzNSAyLjIxNCAyLjIxNCAwIDAgMC0uNDQ3Ljc4MWMtLjExMi4zMjUtLjE2OC43MTctLjE2OCAxLjE4IDAgLjQ4Mi4wNi44ODYuMTgyIDEuMjEuMTI0LjMyNC4yOC41NzkuNDY2Ljc2NS4xOS4xOS40MDEuMzI2LjYzNC40MDguMjMzLjA4LjQ2My4xMi42OS4xMi4yMTggMCAuNDMyLS4wMzcuNjQ0LS4xMS4yMTQtLjA3Mi40MTEtLjE3LjU5Mi0uMjk0LjE1Mi0uMS4yOTMtLjIwNy40MjQtLjMyYTcuMjggNy4yOCAwIDAgMCAuMzIxLS4yOTVoLjE4N3YxLjg0Yy0uMTc0LjA4Ny0uMzQuMTY4LS40OTkuMjQ0YTMuODYgMy44NiAwIDAgMS0uNDk5LjE5NmMtLjIyNy4wNzMtLjQ0LjEyOC0uNjM4LjE2NmE0LjYxMyA0LjYxMyAwIDAgMS0uODIuMDU2Wk01OC44MzMgNTUuNzg1YzAgLjM2OS0uMDcxLjcwNy0uMjE0IDEuMDE0LS4xNC4zMDYtLjM1LjU2My0uNjI5Ljc3LS4yOTIuMjE3LS42NC4zODMtMS4wNDIuNDk3LS40MDQuMTEtLjg5Ni4xNjUtMS40NzcuMTY1LS41MSAwLS45ODctLjA0Ny0xLjQyOC0uMTRhNi42OTcgNi42OTcgMCAwIDEtMS4yMS0uMzYxdi0xLjczOGguMTcyYy4wODkuMDU1LjIyMi4xMzQuNC4yMzhhNi4xOTMgNi4xOTMgMCAwIDAgMS4xNzYuNDhjLjE5Ny4wNTIuNDI0LjA3OC42OC4wNzguMjUyIDAgLjQ4LS4wMjIuNjg3LS4wNjcuMjA2LS4wNDUuMzc5LS4xMTQuNTE5LS4yMDcuMTU1LS4xLjI3MS0uMjE1LjM0Ny0uMzQ2YTEuMDQgMS4wNCAwIDAgMCAuMTE0LS41MTdjMC0uMi0uMDI4LS4zNjItLjA4NS0uNDg3YS43LjcgMCAwIDAtLjI1Ny0uMzA1IDEuMTg2IDEuMTg2IDAgMCAwLS40NDMtLjE1IDQuMDIyIDQuMDIyIDAgMCAwLS42Mi0uMDRINTQuMjJ2LTEuMzc3aDEuMjU3Yy4yMzggMCAuNDQzLS4wMTkuNjE0LS4wNTZhLjk4Ni45ODYgMCAwIDAgLjM5LS4xNzEuNjM1LjYzNSAwIDAgMCAuMi0uMjc0Yy4wMzktLjEuMDU4LS4yMjYuMDU4LS4zNzhhLjU4OC41ODggMCAwIDAtLjM1Ny0uNTYzYy0uMjM1LS4xMTctLjU1Ny0uMTc2LS45NjctLjE3Ni0uMjQ0IDAtLjQ3MS4wMjYtLjY4LjA3Ny0uMjEuMDUyLS40MS4xMTMtLjYuMTgxLS4yMDcuMDgtLjM3Mi4xNTQtLjQ5Ni4yMjMtLjEyNC4wNjUtLjI1NC4xMzMtLjM5LjIwMWgtLjE3N3YtMS42MThhNy45OTYgNy45OTYgMCAwIDEgMS4xODYtLjM0N2MuNDctLjEwNi45NTktLjE2IDEuNDY3LS4xNi45NzEgMCAxLjcuMTY2IDIuMTg2LjQ5Ni40ODguMzI4LjczMy43ODUuNzMzIDEuMzcgMCAuNDM5LS4xMzIuODE2LS4zOTUgMS4xMzNhMS44OCAxLjg4IDAgMCAxLTEuMDE1LjYzN3YuMDc3Yy4xNzIuMDMxLjM1MS4wODYuNTM4LjE2Ni4xOS4wNzUuMzY0LjE4NC41Mi4zMjUuMTU4LjE0NS4yODguMzI0LjM5LjUzOC4xMDIuMjEuMTUyLjQ4MS4xNTIuODEyWk0xNi4wNzggMTQuMjE4YzAgLjM4Ny0uMDcuNzMyLS4yMDcgMS4wMzdhMi4wNjcgMi4wNjcgMCAwIDEtLjU2Ljc1N2MtLjI3Ny4yMzctLjU4Mi40MDUtLjkxNS41MDUtLjMzLjEtLjc0OC4xNS0xLjI1Ny4xNWgtMy4wNjF2LThIMTIuOGMuNTY1IDAgLjk3OC4wMjIgMS4yMzkuMDY1LjI2My4wNDMuNTI0LjEzOC43ODEuMjg1LjI2Ny4xNTQuNDY1LjM2Mi41OTQuNjIzLjEzMi4yNTguMTk3LjU1NC4xOTcuODg3IDAgLjM4Ny0uMDg5LjcyOS0uMjY4IDEuMDI2YTEuODMgMS44MyAwIDAgMS0uNzU4LjY4OHYuMDQzYy40NTguMTAzLjgyLjMxOCAxLjA4OC42NDQuMjcuMzI2LjQwNS43NTYuNDA1IDEuMjlaTTEzLjc2IDEwLjkzYS45NjIuOTYyIDAgMCAwLS4wOS0uMzk4LjU1OS41NTkgMCAwIDAtLjMwNi0uMjk1IDEuMzAzIDEuMzAzIDAgMCAwLS40OTQtLjA5MmMtLjE5NS0uMDA3LS40Ny0uMDEtLjgyNS0uMDFoLS4xN3YxLjY5MmguMjgzYy4yODYgMCAuNTMtLjAwNS43My0uMDE2LjIwMS0uMDEuMzYtLjA0Ny40NzYtLjEwOC4xNjMtLjA4Mi4yNy0uMTg4LjMyLS4zMTcuMDUtLjEzMi4wNzYtLjI4NC4wNzYtLjQ1NlptLjQ0MiAzLjI1NmMwLS4yNTUtLjA0NC0uNDUtLjEzMS0uNTg2LS4wODUtLjE0LS4yMzEtLjI0NC0uNDM4LS4zMTJhMi4wMyAyLjAzIDAgMCAwLS41ODUtLjA3NSA1My42MDggNTMuNjA4IDAgMCAwLS43NzctLjAwNWgtLjM5NVYxNS4yaC4xMzJjLjUwOCAwIC44NzMtLjAwMiAxLjA5Mi0uMDA1LjIyLS4wMDQuNDIzLS4wNS42MDgtLjE0LjE4OC0uMDkuMzE3LS4yMDguMzg2LS4zNTUuMDcyLS4xNS4xMDgtLjMyMi4xMDgtLjUxNVoiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtMjUuMDUxIDQyLjYxNyA1LjI1My0xMC45MSA1LjY1NyA1LjY1OC0xMC45MSA1LjI1MloiIGZpbGw9IiM3NjdFOEIiLz48cGF0aCBkPSJNNDAuMjI2IDI2LjkzYS4zODQuMzg0IDAgMCAxIC41MTMuNTEybC00Ljc3NiA5LjkyLTUuNjU3LTUuNjU2IDkuOTItNC43NzZaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0iTTYxLjM0NSA0NC4yMjFhLjY1LjY1IDAgMCAwIC44NjYuMzA4bDUuMjg0LTIuNTFhLjY1LjY1IDAgMCAwLS41NTgtMS4xNzRsLTQuNjk3IDIuMjMxLTIuMjMxLTQuNjk3YS42NS42NSAwIDEgMC0xLjE3NC41NThsMi41MSA1LjI4NFptMS4yLS4wNmEzMC4yOTQgMzAuMjk0IDAgMCAwLS4xOTgtMjAuODUzbC0xLjIxNi40NTlhMjguOTk0IDI4Ljk5NCAwIDAgMSAuMTg5IDE5Ljk1N2wxLjIyNC40MzZaIiBmaWxsPSIjRUNDNDRGIi8+PHBhdGggZD0iTTQzLjk0IDYuMDc2YTI5LjY0NCAyOS42NDQgMCAwIDAtMjAuNDA0LjE5NCIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMyIvPjxwYXRoIGQ9Ik02LjA3NCAyNC4wNjhhMjkuNjQ0IDI5LjY0NCAwIDAgMCAuMTk0IDIwLjQwNU0yNC4wNjMgNjEuOTMxYTI5LjY0NCAyOS42NDQgMCAwIDAgMjAuNDA1LS4xOTMiIHN0cm9rZT0iI0UxRTFFMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNNTQuOTQ5IDEyLjY5M2EyLjUgMi41IDAgMSAwLTMuNTM2IDMuNTM0IDIuNSAyLjUgMCAwIDAgMy41MzYtMy41MzRaTTQ5LjI5MiAxOC4zNWwuNzA3LS43MDhNNTYuMzYzIDExLjI3OGwuNzA3LS43MDdNNTMuMTggMTkuOTYydi0xLjAwNE01My4xOCA5Ljk2M1Y4Ljk2TTU3LjA3IDE4LjM1bC0uNzA3LS43MDhNNDkuOTk5IDExLjI3OGwtLjcwNy0uNzA3TTU4LjY4MiAxNC40NmgtMS4wMDRNNDguNjgzIDE0LjQ2SDQ3LjY4IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2OHY2OEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPgo=); } .flat-d-about__compass._11-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNy4xNzcgNDkuMzY2Yy0uNTE2IDAtLjk5My0uMDg1LTEuNDMyLS4yNTRhMy4wMTggMy4wMTggMCAwIDEtMS4xMjMtLjc1NSAzLjQ2MyAzLjQ2MyAwIDAgMS0uNzMyLTEuMjUxYy0uMTctLjUtLjI1Ni0xLjA3OC0uMjU2LTEuNzMzIDAtLjYxLjA4Mi0xLjE2My4yNDctMS42Ni4xNjQtLjQ5Ni40MDQtLjkyMi43MTgtMS4yNzdhMy4wMyAzLjAzIDAgMCAxIDEuMTE5LS43OTFjLjQ0Ny0uMTg2LjkzNS0uMjggMS40NjMtLjI4LjI5MyAwIC41NTUuMDIuNzg4LjA1OC4yMzYuMDM0LjQ1NC4wOC42NTMuMTQuMjA4LjA2NS4zOTYuMTM5LjU2NC4yMjIuMTcxLjA3OS4zMi4xNTMuNDQ4LjIyMnYxLjg2N2gtLjIwNmE4LjM1IDguMzUgMCAwIDAtLjMzLS4yOTUgNC4xNTcgNC4xNTcgMCAwIDAtLjQ0OC0uMzM2IDIuOTcgMi45NyAwIDAgMC0uNTU1LS4yOCAxLjkzNyAxLjkzNyAwIDAgMC0xLjM1Ny4wMiAxLjcwMiAxLjcwMiAwIDAgMC0uNjI5LjQzNiAyLjIxNCAyLjIxNCAwIDAgMC0uNDQ3Ljc4Yy0uMTEyLjMyNS0uMTY4LjcxOC0uMTY4IDEuMTggMCAuNDgyLjA2Ljg4Ni4xODIgMS4yMS4xMjQuMzI0LjI4LjU3OS40NjYuNzY1LjE5LjE5LjQuMzI2LjYzNC40MDkuMjMzLjA3OS40NjMuMTE5LjY5LjExOS4yMTcgMCAuNDMyLS4wMzcuNjQzLS4xMDkuMjE1LS4wNzIuNDEyLS4xNy41OTItLjI5NS4xNTItLjEuMjk0LS4yMDcuNDI0LS4zMi4xMzEtLjExNC4yMzgtLjIxMi4zMjItLjI5NWguMTg3djEuODRjLS4xNzQuMDg3LS4zNC4xNjgtLjUuMjQ0YTMuODQ0IDMuODQ0IDAgMCAxLS40OTguMTk2Yy0uMjI3LjA3My0uNDQuMTI4LS42MzkuMTY2YTQuNjAyIDQuNjAyIDAgMCAxLS44Mi4wNTdaTTQ5LjQ4NSA2Mi42MTFjMCAuMzctLjA3MS43MDctLjIxNCAxLjAxNC0uMTQuMzA3LS4zNS41NjQtLjYyOS43Ny0uMjkyLjIxOC0uNjQuMzgzLTEuMDQyLjQ5Ny0uNDA0LjExLS44OTYuMTY1LTEuNDc3LjE2NS0uNTEgMC0uOTg3LS4wNDYtMS40MjgtLjE0YTYuNjkgNi42OSAwIDAgMS0xLjIxLS4zNjF2LTEuNzM4aC4xNzJjLjA4OS4wNTUuMjIyLjEzNS40LjIzOC4xOC4xLjM2Mi4xODYuNTQzLjI1OS4yMjguMDkzLjQ0LjE2Ny42MzMuMjIyLjE5Ny4wNTIuNDI0LjA3OC42OC4wNzguMjUyIDAgLjQ4LS4wMjMuNjg3LS4wNjguMjA2LS4wNDQuMzc5LS4xMTMuNTE5LS4yMDYuMTU1LS4xLjI3MS0uMjE2LjM0Ny0uMzQ3YTEuMDQgMS4wNCAwIDAgMCAuMTE1LS41MTdjMC0uMi0uMDI5LS4zNjItLjA4Ni0uNDg2YS43LjcgMCAwIDAtLjI1Ny0uMzA1IDEuMTg1IDEuMTg1IDAgMCAwLS40NDMtLjE1IDQuMDIyIDQuMDIyIDAgMCAwLS42Mi0uMDQyaC0xLjMwNFY2MC4xMmgxLjI1N2MuMjM4IDAgLjQ0My0uMDIuNjE0LS4wNTdhLjk4NS45ODUgMCAwIDAgLjM5MS0uMTcuNjM1LjYzNSAwIDAgMCAuMi0uMjc1Yy4wMzgtLjEuMDU3LS4yMjYuMDU3LS4zNzdhLjU4OC41ODggMCAwIDAtLjM1Ny0uNTY0Yy0uMjM1LS4xMTctLjU1Ny0uMTc2LS45NjctLjE3Ni0uMjQ0IDAtLjQ3MS4wMjYtLjY4LjA3OC0uMjEuMDUxLS40MS4xMTItLjYuMTgtLjIwNy4wOC0uMzcyLjE1NC0uNDk2LjIyMy0uMTI0LjA2Ni0uMjU0LjEzMy0uMzkuMjAyaC0uMTc3di0xLjYxOWMuMzI0LS4xMjcuNzItLjI0MyAxLjE4Ni0uMzQ2LjQ3LS4xMDcuOTU5LS4xNiAxLjQ2Ny0uMTYuOTcxIDAgMS43LjE2NSAyLjE4Ni40OTYuNDg4LjMyNy43MzMuNzg0LjczMyAxLjM3IDAgLjQzOC0uMTMyLjgxNi0uMzk1IDEuMTMzYTEuODggMS44OCAwIDAgMS0xLjAxNS42MzZ2LjA3N2MuMTcyLjAzMS4zNTEuMDg3LjUzOC4xNjYuMTkuMDc2LjM2NC4xODQuNTIuMzI2LjE1OC4xNDUuMjg4LjMyNC4zOS41MzguMTAyLjIxLjE1Mi40OC4xNTIuODExWk0yNS41MTYgNy4zNTljMCAuMzg3LS4wNjkuNzMyLS4yMDcgMS4wMzdhMi4wNjcgMi4wNjcgMCAwIDEtLjU2Ljc1N2MtLjI3Ni4yMzctLjU4MS40MDUtLjkxNC41MDUtLjMzLjEtLjc0OS4xNS0xLjI1Ny4xNWgtMy4wNjJ2LThoMi43MjNjLjU2NSAwIC45NzguMDIyIDEuMjM4LjA2NS4yNjQuMDQzLjUyNC4xMzguNzgyLjI4NS4yNjcuMTU0LjQ2NS4zNjIuNTkzLjYyMy4xMzIuMjU4LjE5OC41NTQuMTk4Ljg4NyAwIC4zODctLjA5LjcyOS0uMjY4IDEuMDI2YTEuODMgMS44MyAwIDAgMS0uNzU5LjY4OHYuMDQzYy40NTkuMTA0LjgyMi4zMTggMS4wODguNjQ0LjI3LjMyNi40MDUuNzU2LjQwNSAxLjI5Wk0yMy4yIDQuMDdhLjk2Ljk2IDAgMCAwLS4wOS0uMzk4LjU1OC41NTggMCAwIDAtLjMwNS0uMjk1IDEuMzA0IDEuMzA0IDAgMCAwLS40OTUtLjA5MmMtLjE5NS0uMDA3LS40Ny0uMDEtLjgyNC0uMDFoLS4xN3YxLjY5MmguMjgzYy4yODYgMCAuNTMtLjAwNS43My0uMDE2LjIwMS0uMDEuMzYtLjA0Ny40NzYtLjEwOC4xNjMtLjA4Mi4yNy0uMTg4LjMyLS4zMTcuMDUtLjEzMi4wNzUtLjI4NC4wNzUtLjQ1NlptLjQ0MyAzLjI1NmMwLS4yNTUtLjA0NC0uNDUtLjEzMi0uNTg2LS4wODUtLjE0LS4yMy0uMjQ0LS40MzgtLjMxMmEyLjAzIDIuMDMgMCAwIDAtLjU4NC0uMDc1IDUzLjkyOCA1My45MjggMCAwIDAtLjc3Ny0uMDA1aC0uMzk1djEuOTkzaC4xMzFjLjUwOSAwIC44NzMtLjAwMiAxLjA5My0uMDA1LjIyLS4wMDQuNDIyLS4wNS42MDgtLjE0LjE4OC0uMDkuMzE3LS4yMDguMzg2LS4zNTUuMDcyLS4xNS4xMDgtLjMyMi4xMDgtLjUxNVoiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtMjIuNDM1IDM4LjUzNyA5LjAyOC04LjA3IDMuMDYxIDcuMzkyLTEyLjA5LjY3OFoiIGZpbGw9IiM3NjdFOEIiLz48cGF0aCBkPSJNNDIuNDU4IDI5Ljg1YS4zODQuMzg0IDAgMCAxIC4yNzguNjdsLTguMjEgNy4zMzgtMy4wNjEtNy4zOTEgMTAuOTkzLS42MTdaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0iTTU1LjM1MiA1My45MDdhLjY1LjY1IDAgMCAwIC42ODIuNjE3bDUuODQzLS4yOTdhLjY1LjY1IDAgMCAwLS4wNjctMS4yOTlsLTUuMTkzLjI2NEw1Ni4zNTMgNDhhLjY1LjY1IDAgMCAwLTEuMjk4LjA2NmwuMjk3IDUuODQyWm0xLjEzMi40MDNhMzAuMjk0IDMwLjI5NCAwIDAgMCA3Ljc5Ny0xOS4zNGwtMS4zLS4wNDJhMjguOTkzIDI4Ljk5MyAwIDAgMS03LjQ2MiAxOC41MWwuOTY1Ljg3MloiIGZpbGw9IiNFQ0M0NEYiLz48cGF0aCBkPSJNNTMuODcgMTIuMDA1YTI5LjY0NCAyOS42NDQgMCAwIDAtMTguOTI2LTcuNjMiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMTIgMTQuMTM3YTI5LjY0NCAyOS42NDQgMCAwIDAtNy42MyAxOC45MjZNMTQuMTMgNTYuMDAyYTI5LjY0NCAyOS42NDQgMCAwIDAgMTguOTI2IDcuNjMiIHN0cm9rZT0iI0UxRTFFMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNNjEuNjk3IDIzLjI4OGEyLjUgMi41IDAgMSAwLTUgMCAyLjUgMi41IDAgMCAwIDUgMFpNNTMuNjk3IDIzLjI4OGgxTTYzLjY5NyAyMy4yODhoMU01NS4zMDYgMjcuMTc4bC43MS0uNzFNNjIuMzc2IDIwLjEwOGwuNzEtLjcxTTU5LjE5NyAyOC43ODh2LTFNNTkuMTk3IDE4Ljc4OHYtMU02My4wODYgMjcuMTc4bC0uNzEtLjcxTTU2LjAxNiAyMC4xMDhsLS43MS0uNzEiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDY4djY4SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+); } .flat-d-about__compass._12-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNC45IDM4LjAzYy0uNTE2IDAtLjk5NC0uMDg0LTEuNDMyLS4yNTNhMy4wMTggMy4wMTggMCAwIDEtMS4xMjMtLjc1NSAzLjQ2NCAzLjQ2NCAwIDAgMS0uNzMyLTEuMjUxYy0uMTcxLS41LS4yNTctMS4wNzctLjI1Ny0xLjczMyAwLS42MS4wODMtMS4xNjMuMjQ3LTEuNjYuMTY1LS40OTYuNDA0LS45MjIuNzE4LTEuMjc3YTMuMDMgMy4wMyAwIDAgMSAxLjEyLS43OTFjLjQ0Ny0uMTg2LjkzNS0uMjggMS40NjMtLjI4LjI5MiAwIC41NTUuMDIuNzg4LjA1OC4yMzYuMDM0LjQ1NC4wOC42NTMuMTQuMjA4LjA2NS4zOTYuMTM5LjU2NC4yMjIuMTcuMDc5LjMyLjE1My40NDcuMjIydjEuODY3aC0uMjA1YTguMjY1IDguMjY1IDAgMCAwLS4zMy0uMjk1IDQuMTQzIDQuMTQzIDAgMCAwLS40NDgtLjMzNiAyLjk3NyAyLjk3NyAwIDAgMC0uNTU1LS4yOCAxLjkzNyAxLjkzNyAwIDAgMC0xLjM1Ny4wMiAxLjcwMiAxLjcwMiAwIDAgMC0uNjMuNDM2IDIuMjE0IDIuMjE0IDAgMCAwLS40NDcuNzhjLS4xMTIuMzI1LS4xNjguNzE4LS4xNjggMS4xOCAwIC40ODIuMDYxLjg4Ni4xODIgMS4yMS4xMjUuMzI0LjI4LjU3OS40NjYuNzY1LjE5LjE5LjQwMS4zMjYuNjM1LjQwOS4yMzMuMDc5LjQ2My4xMTkuNjkuMTE5LjIxNyAwIC40MzEtLjAzNy42NDMtLjEwOS4yMTQtLjA3Mi40MTItLjE3LjU5Mi0uMjk1LjE1Mi0uMS4yOTQtLjIwNy40MjQtLjMyLjEzLS4xMTQuMjM4LS4yMTIuMzIyLS4yOTVoLjE4NnYxLjg0Yy0uMTc0LjA4Ny0uMzQuMTY4LS40OTkuMjQ0YTMuODMgMy44MyAwIDAgMS0uNDk4LjE5NmMtLjIyNy4wNzMtLjQ0LjEyOC0uNjM5LjE2NmE0LjYxMSA0LjYxMSAwIDAgMS0uODIuMDU3Wk0zOC4xMzMgNjUuMjk4YzAgLjM3LS4wNzEuNzA3LS4yMTQgMS4wMTQtLjE0LjMwNy0uMzUuNTY0LS42MjguNzctLjI5Mi4yMTgtLjY0LjM4My0xLjA0My40OTctLjQwNC4xMS0uODk1LjE2NS0xLjQ3Ni4xNjUtLjUxMiAwLS45ODgtLjA0Ni0xLjQzLS4xNGE2LjY5MiA2LjY5MiAwIDAgMS0xLjIwOS0uMzYxdi0xLjczOGguMTcyYy4wODkuMDU1LjIyMi4xMzUuNC4yMzhhNi4yMDQgNi4yMDQgMCAwIDAgMS4xNzYuNDhjLjE5Ny4wNTMuNDI0LjA3OS42ODEuMDc5LjI1IDAgLjQ4LS4wMjMuNjg2LS4wNjguMjA2LS4wNDUuMzgtLjExMy41MTktLjIwNy4xNTUtLjEuMjcxLS4yMTUuMzQ3LS4zNDYuMDc3LS4xMzUuMTE1LS4zMDcuMTE1LS41MTcgMC0uMi0uMDI5LS4zNjItLjA4Ni0uNDg2YS43LjcgMCAwIDAtLjI1Ny0uMzA1IDEuMTg2IDEuMTg2IDAgMCAwLS40NDMtLjE1IDQuMDIxIDQuMDIxIDAgMCAwLS42Mi0uMDQySDMzLjUydi0xLjM3NWgxLjI1N2MuMjM4IDAgLjQ0My0uMDIuNjE0LS4wNTdhLjk4NC45ODQgMCAwIDAgLjM5MS0uMTcuNjM0LjYzNCAwIDAgMCAuMi0uMjc1Yy4wMzgtLjEuMDU3LS4yMjYuMDU3LS4zNzdhLjU4OC41ODggMCAwIDAtLjM1Ny0uNTY0Yy0uMjM1LS4xMTctLjU1Ny0uMTc2LS45NjctLjE3Ni0uMjQ0IDAtLjQ3MS4wMjYtLjY4LjA3OC0uMjEuMDUxLS40MS4xMTItLjYuMTgtLjIwNy4wOC0uMzcyLjE1NC0uNDk2LjIyMy0uMTI0LjA2Ni0uMjU0LjEzMy0uMzkuMjAyaC0uMTc3VjYwLjI1Yy4zMjQtLjEyNy43Mi0uMjQzIDEuMTg2LS4zNDYuNDctLjEwNy45NTktLjE2IDEuNDY3LS4xNi45NzEgMCAxLjcuMTY1IDIuMTg2LjQ5Ni40ODkuMzI3LjczMy43ODQuNzMzIDEuMzcgMCAuNDM4LS4xMzIuODE1LS4zOTUgMS4xMzNhMS44OCAxLjg4IDAgMCAxLTEuMDE1LjYzNnYuMDc3Yy4xNzIuMDMxLjM1MS4wODYuNTM4LjE2Ni4xOTEuMDc2LjM2NC4xODQuNTIuMzI2LjE1OC4xNDQuMjg4LjMyNC4zOS41MzcuMTAyLjIxLjE1Mi40ODEuMTUyLjgxMlpNMzcuMjkgNS42NzFjMCAuMzg3LS4wNy43MzMtLjIwNyAxLjAzN2EyLjA2NyAyLjA2NyAwIDAgMS0uNTYuNzU4Yy0uMjc3LjIzNi0uNTgyLjQwNC0uOTE0LjUwNS0uMzMuMS0uNzUuMTUtMS4yNTguMTVIMzEuMjl2LThoMi43MjJjLjU2NSAwIC45NzguMDIyIDEuMjM5LjA2NS4yNjMuMDQzLjUyNC4xMzguNzgyLjI4NC4yNjYuMTU0LjQ2NC4zNjIuNTkzLjYyNC4xMzIuMjU4LjE5OC41NTMuMTk4Ljg4NiAwIC4zODctLjA5LjcyOS0uMjY5IDEuMDI2YTEuODMgMS44MyAwIDAgMS0uNzU4LjY4OHYuMDQzYy40NTguMTA0LjgyMS4zMTkgMS4wODguNjQ1LjI3LjMyNi40MDUuNzU2LjQwNSAxLjI5Wm0tMi4zMTctMy4yODhhLjk2Ljk2IDAgMCAwLS4wOS0uMzk3LjU1OC41NTggMCAwIDAtLjMwNi0uMjk2IDEuMzA0IDEuMzA0IDAgMCAwLS40OTQtLjA5MWMtLjE5NS0uMDA3LS40Ny0uMDExLS44MjUtLjAxMWgtLjE2OVYzLjI4aC4yODJjLjI4NiAwIC41My0uMDA1LjczLS4wMTYuMjAyLS4wMS4zNi0uMDQ2LjQ3Ni0uMTA3LjE2My0uMDgzLjI3LS4xODguMzItLjMxNy4wNS0uMTMzLjA3Ni0uMjg1LjA3Ni0uNDU3Wm0uNDQzIDMuMjU2YzAtLjI1NC0uMDQ0LS40NS0uMTMyLS41ODYtLjA4NS0uMTQtLjIzMS0uMjQzLS40MzgtLjMxMWEyLjAzIDIuMDMgMCAwIDAtLjU4NC0uMDc1IDUzLjkyNCA1My45MjQgMCAwIDAtLjc3Ny0uMDA2aC0uMzk2djEuOTkzaC4xMzJjLjUwOSAwIC44NzMtLjAwMSAxLjA5My0uMDA1LjIyLS4wMDQuNDIyLS4wNS42MDctLjE0LjE4OC0uMDkuMzE3LS4yMDcuMzg2LS4zNTQuMDcyLS4xNS4xMDgtLjMyMy4xMDgtLjUxNloiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtMjEuNTggMzMuNzY2IDExLjQyNy00djhsLTExLjQyOC00WiIgZmlsbD0iIzc2N0U4QiIvPjxwYXRoIGQ9Ik00My40MDIgMzMuNDAzYS4zODQuMzg0IDAgMCAxIDAgLjcyNUwzMy4wMSAzNy43NjZ2LThsMTAuMzkyIDMuNjM3WiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik00Ni4xMDggNjAuNTYzYS42NS42NSAwIDAgMCAuMzk1LjgzbDUuNTExIDEuOTYyYS42NS42NSAwIDEgMCAuNDM2LTEuMjI1bC00Ljg5OS0xLjc0MyAxLjc0My00LjlhLjY1LjY1IDAgMSAwLTEuMjI0LS40MzVsLTEuOTYyIDUuNTExWm0uODkyLjgwNWEzMC4yOTQgMzAuMjk0IDAgMCAwIDE0LjYwNS0xNC44ODRsLTEuMTg1LS41MzZhMjguOTk0IDI4Ljk5NCAwIDAgMS0xMy45NzggMTQuMjQ2TDQ3IDYxLjM2OFoiIGZpbGw9IiNFQ0M0NEYiLz48cGF0aCBkPSJNNjAuNzc0IDIxLjI4NEEyOS42NDMgMjkuNjQzIDAgMCAwIDQ2LjIwOSA2Ljk5MiIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMyIvPjxwYXRoIGQ9Ik0yMS4yNzcgNy4yM0EyOS42NDQgMjkuNjQ0IDAgMCAwIDYuOTg1IDIxLjc5Nk03LjIyMyA0Ni43MjRhMjkuNjQ0IDI5LjY0NCAwIDAgMCAxNC41NjUgMTQuMjkyIiBzdHJva2U9IiNFMUUxRTEiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTYzLjg4IDMzLjc0NmEyLjUgMi41IDAgMSAwLTUgMCAyLjUgMi41IDAgMCAwIDUgMFpNNTUuODggMzMuNzQ2aDFNNjUuODggMzMuNzQ2aDFNNTcuNDg5IDM3LjYzN2wuNzEtLjcxTTY0LjU2IDMwLjU2NmwuNzEtLjcxTTYxLjM4IDM5LjI0NnYtMU02MS4zOCAyOS4yNDZ2LTFNNjUuMjcgMzcuNjM3bC0uNzEtLjcxTTU4LjE5OSAzMC41NjZsLS43MS0uNzEiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMzQgMzQpIiBkPSJNMCAwaDY4djY4SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+Cg==); } .flat-d-about__compass._13-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNy42OTEgMjYuMzAyYy0uNTE1IDAtLjk5My0uMDg0LTEuNDMtLjI1M2EzLjAxOCAzLjAxOCAwIDAgMS0xLjEyNC0uNzU1IDMuNDYzIDMuNDYzIDAgMCAxLS43MzItMS4yNTJjLS4xNzEtLjUtLjI1Ny0xLjA3Ny0uMjU3LTEuNzMyIDAtLjYxLjA4My0xLjE2My4yNDctMS42Ni4xNjUtLjQ5Ni40MDQtLjkyMi43MTgtMS4yNzdhMy4wMzEgMy4wMzEgMCAwIDEgMS4xMi0uNzkyYy40NDctLjE4Ni45MzUtLjI3OSAxLjQ2My0uMjc5LjI5MiAwIC41NTUuMDIuNzg4LjA1Ny4yMzYuMDM1LjQ1NC4wODEuNjUzLjE0LjIwOC4wNjUuMzk2LjE0LjU2NC4yMjIuMTcuMDguMzIuMTU0LjQ0Ny4yMjN2MS44NjZoLS4yMDVhOC4yNyA4LjI3IDAgMCAwLS4zMy0uMjk0IDQuMTQ0IDQuMTQ0IDAgMCAwLS40NDgtLjMzNiAyLjk3MSAyLjk3MSAwIDAgMC0uNTU1LS4yOCAxLjkzNyAxLjkzNyAwIDAgMC0xLjM1Ny4wMiAxLjcwMiAxLjcwMiAwIDAgMC0uNjMuNDM1IDIuMjE0IDIuMjE0IDAgMCAwLS40NDcuNzgxYy0uMTEyLjMyNC0uMTY4LjcxNy0uMTY4IDEuMTggMCAuNDgyLjA2MS44ODUuMTgyIDEuMjEuMTI1LjMyMy4yOC41NzkuNDY2Ljc2NS4xOS4xOS40MDEuMzI1LjYzNS40MDguMjMzLjA4LjQ2My4xMi42OS4xMi4yMTcgMCAuNDMxLS4wMzcuNjQzLS4xMS4yMTQtLjA3Mi40MTItLjE3LjU5Mi0uMjk0LjE1Mi0uMS4yOTQtLjIwNy40MjQtLjMyLjEzLS4xMTUuMjM4LS4yMTMuMzIyLS4yOTZoLjE4NnYxLjg0MWMtLjE3NC4wODctLjM0LjE2OC0uNDk5LjI0M2EzLjg0NCAzLjg0NCAwIDAgMS0uNDk4LjE5N2MtLjIyNy4wNzItLjQ0LjEyOC0uNjM5LjE2NWE0LjYxMSA0LjYxMSAwIDAgMS0uODIuMDU3Wk0yNy4yMzQgNjMuMTMyYzAgLjM2OS0uMDcxLjcwNi0uMjE0IDEuMDEzLS4xNC4zMDctLjM1LjU2NC0uNjI5Ljc3LS4yOTIuMjE4LS42NC4zODMtMS4wNDIuNDk3LS40MDQuMTEtLjg5Ni4xNjYtMS40NzcuMTY2LS41MSAwLS45ODctLjA0Ny0xLjQyOC0uMTRhNi42OSA2LjY5IDAgMCAxLTEuMjEtLjM2MnYtMS43MzdoLjE3MmMuMDg5LjA1NS4yMjIuMTM0LjQuMjM3LjE4LjEuMzYyLjE4Ny41NDMuMjU5LjIyOC4wOTMuNDQuMTY3LjYzMy4yMjIuMTk3LjA1Mi40MjQuMDc4LjY4LjA3OC4yNTIgMCAuNDgtLjAyMy42ODctLjA2Ny4yMDYtLjA0NS4zNzktLjExNC41MTktLjIwNy4xNTUtLjEuMjcxLS4yMTYuMzQ3LS4zNDdhMS4wNCAxLjA0IDAgMCAwIC4xMTQtLjUxN2MwLS4yLS4wMjgtLjM2Mi0uMDg1LS40ODZhLjcuNyAwIDAgMC0uMjU3LS4zMDUgMS4xODcgMS4xODcgMCAwIDAtLjQ0My0uMTUgNC4wMjIgNC4wMjIgMCAwIDAtLjYyLS4wNDFIMjIuNjJ2LTEuMzc2aDEuMjU3Yy4yMzggMCAuNDQzLS4wMTkuNjE0LS4wNTdhLjk4NS45ODUgMCAwIDAgLjM5LS4xNy42MzQuNjM0IDAgMCAwIC4yLS4yNzVjLjAzOS0uMS4wNTgtLjIyNS4wNTgtLjM3N2EuNTg4LjU4OCAwIDAgMC0uMzU3LS41NjRjLS4yMzUtLjExNy0uNTU3LS4xNzYtLjk2Ny0uMTc2LS4yNDQgMC0uNDcxLjAyNi0uNjguMDc4LS4yMS4wNTItLjQxLjExMi0uNi4xODEtLjIwNy4wOC0uMzcyLjE1My0uNDk2LjIyMi0uMTI0LjA2Ni0uMjU0LjEzMy0uMzkuMjAyaC0uMTc3di0xLjYxOWMuMzI0LS4xMjcuNzItLjI0MyAxLjE4Ni0uMzQ2LjQ3LS4xMDcuOTU5LS4xNiAxLjQ2Ny0uMTYuOTcxIDAgMS43LjE2NSAyLjE4NS40OTYuNDkuMzI4LjczNC43ODQuNzM0IDEuMzcgMCAuNDM4LS4xMzIuODE2LS4zOTYgMS4xMzNhMS44OCAxLjg4IDAgMCAxLTEuMDE0LjYzNnYuMDc4Yy4xNzIuMDMuMzUxLjA4Ni41MzguMTY1LjE5LjA3Ni4zNjQuMTg1LjUyLjMyNi4xNTguMTQ1LjI4OC4zMjQuMzkuNTM4LjEwMS4yMS4xNTIuNDguMTUyLjgxMlpNNDkuMzUgNy4xMTFjMCAuMzg3LS4wNy43MzItLjIwNyAxLjAzN2EyLjA2NyAyLjA2NyAwIDAgMS0uNTYuNzU3Yy0uMjc3LjIzNy0uNTgyLjQwNS0uOTE0LjUwNi0uMzMuMS0uNzUuMTUtMS4yNTguMTVINDMuMzV2LThoMi43MjJjLjU2NSAwIC45NzguMDIxIDEuMjM5LjA2NC4yNjMuMDQzLjUyNC4xMzguNzgxLjI4NS4yNjcuMTU0LjQ2NS4zNjIuNTk0LjYyMy4xMzIuMjU4LjE5OC41NTQuMTk4Ljg4NyAwIC4zODctLjA5LjcyOS0uMjY5IDEuMDI2YTEuODMxIDEuODMxIDAgMCAxLS43NTguNjg4di4wNDNjLjQ1OC4xMDQuODIxLjMxOSAxLjA4OC42NDUuMjcuMzI1LjQwNS43NTUuNDA1IDEuMjg5Wm0tMi4zMTctMy4yODhhLjk2Mi45NjIgMCAwIDAtLjA5LS4zOTguNTU5LjU1OSAwIDAgMC0uMzA2LS4yOTUgMS4zMDQgMS4zMDQgMCAwIDAtLjQ5NC0uMDkyIDIzLjk0IDIzLjk0IDAgMCAwLS44MjUtLjAxaC0uMTdWNC43MmguMjgzYy4yODYgMCAuNTMtLjAwNS43My0uMDE2LjIwMS0uMDEuMzYtLjA0Ny40NzYtLjEwNy4xNjMtLjA4My4yNy0uMTg5LjMyLS4zMTcuMDUtLjEzMy4wNzYtLjI4NS4wNzYtLjQ1N1ptLjQ0MiAzLjI1NmMwLS4yNTUtLjA0NC0uNDUtLjEzMS0uNTg2LS4wODUtLjE0LS4yMzEtLjI0My0uNDM4LS4zMTJhMi4wMzIgMi4wMzIgMCAwIDAtLjU4NC0uMDc1IDUzLjc3IDUzLjc3IDAgMCAwLS43NzgtLjAwNWgtLjM5NXYxLjk5M2guMTMyYy41MDggMCAuODczLS4wMDIgMS4wOTItLjAwNS4yMi0uMDA0LjQyMy0uMDUuNjA4LS4xNC4xODgtLjA5LjMxNy0uMjA4LjM4Ni0uMzU0LjA3Mi0uMTUuMTA4LS4zMjMuMTA4LS41MTZaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0ibTIzLjE1MiAyOC42NDYgMTIuMDg5LjY3OC0zLjA2MiA3LjM5MS05LjAyNy04LjA2OVoiIGZpbGw9IiM3NjdFOEIiLz48cGF0aCBkPSJNNDMuNDUyIDM2LjY2M2EuMzg0LjM4NCAwIDAgMS0uMjc3LjY3bC0xMC45OTMtLjYxNyAzLjA2MS03LjM5IDguMjEgNy4zMzdaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0iTTM1LjU1OSA2Mi43OTFhLjY1LjY1IDAgMCAwIC4wNDcuOTE4bDQuMzQgMy45MjFhLjY1LjY1IDAgMCAwIC44NzItLjk2NUwzNi45NiA2My4xOGwzLjQ4Ni0zLjg1OWEuNjUuNjUgMCAwIDAtLjk2NS0uODcxbC0zLjkyMSA0LjM0MVptLjUxNSAxLjA4NWEzMC4yOTMgMzAuMjkzIDAgMCAwIDE5LjE5LTguMTYybC0uODktLjk0OGEyOC45OTQgMjguOTk0IDAgMCAxLTE4LjM2NiA3LjgxMmwuMDY2IDEuMjk4WiIgZmlsbD0iI0VDQzQ0RiIvPjxwYXRoIGQ9Ik02NC4xNCAzMi4xMTRhMjkuNjQ0IDI5LjY0NCAwIDAgMC03Ljk4Ny0xOC43NzgiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMzMuMDI3IDQuMDE1YTI5LjY0NCAyOS42NDQgMCAwIDAtMTguNzc4IDcuOTg3TTQuOTMgMzUuMTI0YTI5LjY0NCAyOS42NDQgMCAwIDAgNy45ODcgMTguNzc4IiBzdHJva2U9IiNFMUUxRTEiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTYyLjQzIDQzLjg2YTIuNSAyLjUgMCAxIDAtNSAwIDIuNSAyLjUgMCAwIDAgNSAwWk01NC40MyA0My44NmgxTTY0LjQzIDQzLjg2aDFNNTYuMDQgNDcuNzVsLjcxLS43MU02My4xMSA0MC42OGwuNzEtLjcxTTU5LjkzIDQ5LjM2di0xTTU5LjkzIDM5LjM2di0xTTYzLjgyIDQ3Ljc1bC0uNzEtLjcxTTU2Ljc1IDQwLjY4bC0uNzEtLjcxIiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM0IDM0KSIgZD0iTTAgMGg2OHY2OEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==); } .flat-d-about__compass._14-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTMuNTYgMTcuMDZjLS41MTYgMC0uOTkzLS4wODQtMS40MzEtLjI1M2EzLjAxOCAzLjAxOCAwIDAgMS0xLjEyNC0uNzU1IDMuNDYyIDMuNDYyIDAgMCAxLS43MzItMS4yNTFjLS4xNy0uNS0uMjU2LTEuMDc4LS4yNTYtMS43MzMgMC0uNjEuMDgyLTEuMTYzLjI0Ny0xLjY2LjE2NS0uNDk2LjQwNC0uOTIyLjcxOC0xLjI3N2EzLjAzIDMuMDMgMCAwIDEgMS4xMTktLjc5MWMuNDQ3LS4xODYuOTM1LS4yOCAxLjQ2NC0uMjguMjkyIDAgLjU1NS4wMi43ODguMDU4LjIzNi4wMzQuNDUzLjA4LjY1Mi4xNC4yMDguMDY1LjM5Ny4xMzkuNTY0LjIyMi4xNzEuMDc5LjMyLjE1My40NDguMjIydjEuODY3aC0uMjA1YTguMjE1IDguMjE1IDAgMCAwLS4zMzEtLjI5NSA0LjE0MyA0LjE0MyAwIDAgMC0uNDQ4LS4zMzYgMi45NzMgMi45NzMgMCAwIDAtLjU1NC0uMjggMS45MzQgMS45MzQgMCAwIDAtMS4zNTcuMDIgMS43IDEuNyAwIDAgMC0uNjMuNDM2IDIuMjE0IDIuMjE0IDAgMCAwLS40NDcuNzhjLS4xMTIuMzI1LS4xNjguNzE4LS4xNjggMS4xOCAwIC40ODIuMDYuODg2LjE4MiAxLjIxLjEyNC4zMjQuMjguNTc5LjQ2Ni43NjUuMTkuMTkuNDAxLjMyNi42MzQuNDA5LjIzMy4wNzkuNDYzLjExOC42OS4xMTguMjE4IDAgLjQzMi0uMDM2LjY0My0uMTA4LjIxNS0uMDcyLjQxMi0uMTcuNTkzLS4yOTUuMTUyLS4xLjI5My0uMjA3LjQyNC0uMzJhNy4yOSA3LjI5IDAgMCAwIC4zMjItLjI5NWguMTg2djEuODRjLS4xNzQuMDg3LS4zNC4xNjgtLjQ5OS4yNDRhMy44NiAzLjg2IDAgMCAxLS40OTkuMTk2Yy0uMjI3LjA3My0uNDQuMTI4LS42MzguMTY2YTQuNjEyIDQuNjEyIDAgMCAxLS44Mi4wNTdaTTE2Ljc2OCA1Ny4zODdjMCAuMzctLjA3MS43MDctLjIxNCAxLjAxNC0uMTQuMzA3LS4zNS41NjQtLjYyOS43Ny0uMjkyLjIxOC0uNjQuMzgzLTEuMDQzLjQ5Ny0uNDAzLjExLS44OTUuMTY1LTEuNDc2LjE2NS0uNTEgMC0uOTg3LS4wNDYtMS40MjgtLjE0YTYuNyA2LjcgMCAwIDEtMS4yMS0uMzYxdi0xLjczOGguMTcyYy4wODguMDU1LjIyMi4xMzUuNC4yMzguMTguMS4zNjIuMTg2LjU0My4yNTkuMjI4LjA5My40NC4xNjcuNjMzLjIyMi4xOTcuMDUyLjQyNC4wNzguNjguMDc4LjI1MiAwIC40OC0uMDIzLjY4Ny0uMDY4LjIwNi0uMDQ0LjM3OS0uMTEzLjUxOS0uMjA2LjE1NS0uMS4yNzEtLjIxNi4zNDctLjM0N2ExLjA0IDEuMDQgMCAwIDAgLjExNC0uNTE3YzAtLjItLjAyOC0uMzYyLS4wODUtLjQ4NmEuNy43IDAgMCAwLS4yNTctLjMwNSAxLjE4NiAxLjE4NiAwIDAgMC0uNDQzLS4xNSA0LjAyMSA0LjAyMSAwIDAgMC0uNjItLjA0MmgtMS4zMDR2LTEuMzc1aDEuMjU3Yy4yMzggMCAuNDQzLS4wMi42MTQtLjA1N2EuOTg0Ljk4NCAwIDAgMCAuMzktLjE3LjYzNC42MzQgMCAwIDAgLjItLjI3NWMuMDM5LS4xLjA1OC0uMjI2LjA1OC0uMzc3YS41ODguNTg4IDAgMCAwLS4zNTctLjU2NGMtLjIzNS0uMTE3LS41NTctLjE3Ni0uOTY3LS4xNzYtLjI0NCAwLS40NzEuMDI2LS42OC4wNzgtLjIxLjA1MS0uNDEuMTEyLS42LjE4LS4yMDcuMDgtLjM3Mi4xNTQtLjQ5Ni4yMjMtLjEyNC4wNjYtLjI1NC4xMzMtLjM5LjIwMmgtLjE3N1Y1Mi4zNGE4IDggMCAwIDEgMS4xODYtLjM0NmMuNDctLjEwNy45NTktLjE2IDEuNDY3LS4xNi45NzEgMCAxLjcuMTY1IDIuMTg1LjQ5Ni40OS4zMjcuNzM0Ljc4NC43MzQgMS4zNyAwIC40MzgtLjEzMi44MTYtLjM5NSAxLjEzM2ExLjg4IDEuODggMCAwIDEtMS4wMTUuNjM2di4wNzdjLjE3Mi4wMzEuMzUxLjA4Ny41MzguMTY2LjE5LjA3Ni4zNjQuMTg0LjUyLjMyNi4xNTguMTQ0LjI4OC4zMjQuMzkuNTM4LjEwMS4yMS4xNTIuNDguMTUyLjgxMVpNNTguMzMzIDE0LjYyN2MwIC4zODctLjA3LjczMy0uMjA3IDEuMDM3YTIuMDY2IDIuMDY2IDAgMCAxLS41NjEuNzU4Yy0uMjc2LjIzNi0uNTguNDA1LS45MTQuNTA1LS4zMy4xLS43NDguMTUtMS4yNTcuMTVoLTMuMDYxdi04aDIuNzIyYy41NjUgMCAuOTc4LjAyMiAxLjIzOS4wNjUuMjYzLjA0My41MjQuMTM4Ljc4MS4yODUuMjY3LjE1NC40NjUuMzYxLjU5NC42MjMuMTMyLjI1OC4xOTguNTUzLjE5OC44ODYgMCAuMzg3LS4wOS43My0uMjY5IDEuMDI3YTEuODMgMS44MyAwIDAgMS0uNzU4LjY4N3YuMDQzYy40NTguMTA0LjgyLjMxOSAxLjA4OC42NDUuMjcuMzI2LjQwNS43NTYuNDA1IDEuMjlabS0yLjMxNy0zLjI4OGEuOTYxLjk2MSAwIDAgMC0uMDktLjM5Ny41NTguNTU4IDAgMCAwLS4zMDYtLjI5NiAxLjMwNSAxLjMwNSAwIDAgMC0uNDk0LS4wOTFjLS4xOTUtLjAwNy0uNDctLjAxLS44MjUtLjAxaC0uMTd2MS42OTJoLjI4M2MuMjg2IDAgLjUzLS4wMDYuNzMtLjAxNy4yMDEtLjAxLjM2LS4wNDYuNDc2LS4xMDcuMTYzLS4wODIuMjctLjE4OC4zMi0uMzE3LjA1LS4xMzIuMDc2LS4yODUuMDc2LS40NTdabS40NDIgMy4yNTZjMC0uMjU0LS4wNDQtLjQ1LS4xMzItLjU4NS0uMDg0LS4xNC0uMjMtLjI0NC0uNDM4LS4zMTJhMi4wMzQgMi4wMzQgMCAwIDAtLjU4NC0uMDc1IDUzLjY0NCA1My42NDQgMCAwIDAtLjc3Ny0uMDA2aC0uMzk1djEuOTk0aC4xMzJjLjUwOCAwIC44NzItLjAwMiAxLjA5Mi0uMDA2LjIyLS4wMDMuNDIyLS4wNS42MDgtLjE0LjE4OC0uMDg5LjMxNy0uMjA3LjM4Ni0uMzU0LjA3Mi0uMTUuMTA4LS4zMjIuMTA4LS41MTZaIiBmaWxsPSIjRTFFMUUxIi8+PHBhdGggZD0ibTI1LjM4MyAyNS4wNTEgMTAuOTEgNS4yNTMtNS42NTggNS42NTctNS4yNTItMTAuOTFaIiBmaWxsPSIjNzY3RThCIi8+PHBhdGggZD0iTTQxLjA3IDQwLjIyNmEuMzg0LjM4NCAwIDAgMS0uNTEyLjUxM2wtOS45Mi00Ljc3NiA1LjY1Ni01LjY1NyA0Ljc3NyA5LjkyWiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik0yMy44MTEgNjEuMzNhLjY1LjY1IDAgMCAwLS4zNTUuODQ5bDIuMjIgNS40MTJhLjY1LjY1IDAgMSAwIDEuMjAzLS40OTNsLTEuOTczLTQuODExIDQuODExLTEuOTczYS42NS42NSAwIDAgMC0uNDkzLTEuMjAzbC01LjQxMyAyLjIyWm0tLjAwNCAxLjIwMmMyLjU3NSAxLjA3NyA2LjEyNyAxLjY1NSA5Ljg0NCAxLjY1OCAzLjcyMy4wMDMgNy42Ny0uNTcgMTEuMDQxLTEuODQzbC0uNDU5LTEuMjE2Yy0zLjE5MyAxLjIwNS02Ljk3OCAxLjc2Mi0xMC41OCAxLjc1OS0zLjYxLS4wMDMtNi45NzctLjU2Ny05LjM0NC0xLjU1N2wtLjUwMiAxLjE5OVoiIGZpbGw9IiNFQ0M0NEYiLz48cGF0aCBkPSJNNjEuOTI0IDQzLjk0YTI5LjY0NCAyOS42NDQgMCAwIDAtLjE5NC0yMC40MDQiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNNDMuOTMyIDYuMDc0YTI5LjY0NCAyOS42NDQgMCAwIDAtMjAuNDA1LjE5NE02LjA2OSAyNC4wNjNhMjkuNjQ0IDI5LjY0NCAwIDAgMCAuMTkzIDIwLjQwNSIgc3Ryb2tlPSIjRTFFMUUxIiBzdHJva2Utd2lkdGg9IjEuMyIvPjxwYXRoIGQ9Ik01NS4zMDcgNTQuOTQ5YTIuNSAyLjUgMCAxIDAtMy41MzQtMy41MzYgMi41IDIuNSAwIDAgMCAzLjUzNCAzLjUzNlpNNDkuNjUgNDkuMjkybC43MDguNzA3TTU2LjcyMiA1Ni4zNjNsLjcwNy43MDdNNDguMDM4IDUzLjE4aDEuMDA0TTU4LjAzNiA1My4xOGgxLjAwNU00OS42NSA1Ny4wN2wuNzA4LS43MDdNNTYuNzIyIDQ5Ljk5OWwuNzA3LS43MDdNNTMuNTQgNTguNjgydi0xLjAwNE01My41NCA0OC42ODNWNDcuNjgiIHN0cm9rZT0iI0VDQzQ0RiIgc3Ryb2tlLXdpZHRoPSIxLjMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDY4djY4SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+Cg==); } .flat-d-about__compass._15-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkiIGhlaWdodD0iNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMjMuNjggMTAuNjMzYy0uNTE2IDAtLjk5My0uMDg0LTEuNDMxLS4yNTNhMy4wMiAzLjAyIDAgMCAxLTEuMTI0LS43NTUgMy40NjMgMy40NjMgMCAwIDEtLjczMi0xLjI1MWMtLjE3LS41LS4yNTYtMS4wNzgtLjI1Ni0xLjczMyAwLS42MS4wODItMS4xNjMuMjQ3LTEuNjYuMTY1LS40OTYuNDA0LS45MjIuNzE4LTEuMjc3YTMuMDMxIDMuMDMxIDAgMCAxIDEuMTE5LS43OTFjLjQ0OC0uMTg2LjkzNi0uMjggMS40NjQtLjI4LjI5MiAwIC41NTUuMDIuNzg4LjA1Ny4yMzYuMDM1LjQ1NC4wODEuNjUyLjE0LjIwOS4wNjYuMzk3LjE0LjU2NC4yMjIuMTcxLjA4LjMyLjE1NC40NDguMjIzdjEuODY3aC0uMjA1YTguMzc1IDguMzc1IDAgMCAwLS4zMzEtLjI5NSA0LjE2IDQuMTYgMCAwIDAtLjQ0OC0uMzM2IDIuOTcyIDIuOTcyIDAgMCAwLS41NTQtLjI4IDEuOTM2IDEuOTM2IDAgMCAwLTEuMzU3LjAyIDEuNzAyIDEuNzAyIDAgMCAwLS42My40MzYgMi4yMTMgMi4yMTMgMCAwIDAtLjQ0Ny43OGMtLjExMi4zMjQtLjE2OC43MTgtLjE2OCAxLjE4IDAgLjQ4Mi4wNi44ODUuMTgyIDEuMjEuMTI0LjMyNC4yOC41NzkuNDY2Ljc2NS4xOS4xOS40MDEuMzI2LjYzNC40MDguMjMzLjA4LjQ2My4xMi42OS4xMi4yMTggMCAuNDMyLS4wMzcuNjQ0LS4xMWEyLjM4IDIuMzggMCAwIDAgLjU5Mi0uMjk0Yy4xNTItLjEuMjkzLS4yMDcuNDI0LS4zMi4xMy0uMTE0LjIzOC0uMjEzLjMyMi0uMjk1aC4xODZ2MS44NGMtLjE3NC4wODctLjM0LjE2OC0uNDk5LjI0NGEzLjg2MSAzLjg2MSAwIDAgMS0uNDk5LjE5NmMtLjIyNi4wNzMtLjQ0LjEyOC0uNjM4LjE2NmE0LjYxMiA0LjYxMiAwIDAgMS0uODIuMDU2Wk0xMC40MzkgNDguMDM5YzAgLjM2OS0uMDcyLjcwNi0uMjE1IDEuMDEzLS4xNC4zMDctLjM0OS41NjQtLjYyOC43Ny0uMjkyLjIxOC0uNjQuMzgzLTEuMDQzLjQ5Ny0uNDAzLjExLS44OTUuMTY2LTEuNDc2LjE2Ni0uNTExIDAtLjk4OC0uMDQ3LTEuNDI5LS4xNGE2LjY5MSA2LjY5MSAwIDAgMS0xLjIxLS4zNjJ2LTEuNzM3aC4xNzJjLjA4OS4wNTUuMjIyLjEzNC40LjIzNy4xODEuMS4zNjIuMTg3LjU0My4yNTkuMjI4LjA5My40NC4xNjcuNjMzLjIyMi4xOTcuMDUyLjQyNC4wNzguNjgxLjA3OC4yNTEgMCAuNDgtLjAyMy42ODYtLjA2Ny4yMDYtLjA0NS4zOC0uMTE0LjUxOS0uMjA3LjE1NS0uMS4yNzEtLjIxNi4zNDgtLjM0N2ExLjA0IDEuMDQgMCAwIDAgLjExNC0uNTE3YzAtLjItLjAyOS0uMzYyLS4wODYtLjQ4NmEuNjk5LjY5OSAwIDAgMC0uMjU3LS4zMDUgMS4xODYgMS4xODYgMCAwIDAtLjQ0My0uMTUgNC4wMjIgNC4wMjIgMCAwIDAtLjYxOS0uMDQxSDUuODI0di0xLjM3NmgxLjI1N2MuMjM5IDAgLjQ0My0uMDE5LjYxNS0uMDU3YS45ODUuOTg1IDAgMCAwIC4zOS0uMTcuNjM0LjYzNCAwIDAgMCAuMi0uMjc1Yy4wMzgtLjEuMDU3LS4yMjUuMDU3LS4zNzdhLjU4OC41ODggMCAwIDAtLjM1Ny0uNTY0Yy0uMjM1LS4xMTctLjU1Ny0uMTc1LS45NjYtLjE3NS0uMjQ1IDAtLjQ3Mi4wMjUtLjY4MS4wNzctLjIxLjA1Mi0uNDEuMTEyLS42LjE4MWEzLjk4IDMuOTggMCAwIDAtLjQ5Ni4yMjJjLS4xMjMuMDY2LS4yNTQuMTMzLS4zOS4yMDJoLS4xNzZ2LTEuNjE4YTguMDEgOC4wMSAwIDAgMSAxLjE4NS0uMzQ3Yy40Ny0uMTA3Ljk2LS4xNiAxLjQ2Ny0uMTYuOTcxIDAgMS43LjE2NSAyLjE4Ni40OTYuNDg5LjMyOC43MzMuNzg1LjczMyAxLjM3IDAgLjQzOC0uMTMyLjgxNi0uMzk1IDEuMTMzYTEuODggMS44OCAwIDAgMS0xLjAxNC42MzZ2LjA3OGMuMTcxLjAzLjM1LjA4Ni41MzguMTY1LjE5LjA3Ni4zNjMuMTg1LjUxOS4zMjYuMTU5LjE0NS4yODkuMzI0LjM5LjUzOC4xMDIuMjEuMTUzLjQ4LjE1My44MTJaTTY1LjY5MSAyNC4wNjVjMCAuMzg3LS4wNjkuNzMzLS4yMDcgMS4wMzdhMi4wNjcgMi4wNjcgMCAwIDEtLjU2Ljc1OGMtLjI3Ny4yMzYtLjU4MS40MDUtLjkxNC41MDUtLjMzLjEtLjc0OS4xNS0xLjI1OC4xNWgtMy4wNnYtOGgyLjcyMWMuNTY1IDAgLjk3OC4wMjIgMS4yMzkuMDY1LjI2NC4wNDMuNTI0LjEzOC43ODIuMjg1LjI2Ny4xNTQuNDY0LjM2MS41OTMuNjIzLjEzMi4yNTguMTk4LjU1My4xOTguODg2IDAgLjM4Ny0uMDkuNzMtLjI2OCAxLjAyN2ExLjgzIDEuODMgMCAwIDEtLjc1OS42ODd2LjA0M2MuNDU5LjEwNC44MjEuMzE5IDEuMDg4LjY0NS4yNy4zMjYuNDA1Ljc1Ni40MDUgMS4yOVptLTIuMzE3LTMuMjg4YS45NjMuOTYzIDAgMCAwLS4wOS0uMzk3LjU1OS41NTkgMCAwIDAtLjMwNi0uMjk2IDEuMzA0IDEuMzA0IDAgMCAwLS40OTQtLjA5MWMtLjE5NS0uMDA3LS40Ny0uMDEtLjgyNC0uMDFoLS4xN3YxLjY5MmguMjgzYy4yODUgMCAuNTI5LS4wMDYuNzMtLjAxNy4yLS4wMS4zNi0uMDQ2LjQ3NS0uMTA3LjE2NC0uMDgyLjI3LS4xODguMzItLjMxNy4wNS0uMTMzLjA3Ni0uMjg1LjA3Ni0uNDU3Wm0uNDQzIDMuMjU2YzAtLjI1NC0uMDQ0LS40NS0uMTMyLS41ODUtLjA4NS0uMTQtLjIzLS4yNDQtLjQzOC0uMzEyYTIuMDMgMi4wMyAwIDAgMC0uNTg0LS4wNzUgNTUuMTI4IDU1LjEyOCAwIDAgMC0uNzc3LS4wMDZoLS4zOTZ2MS45OTRoLjEzMmMuNTA5IDAgLjg3My0uMDAyIDEuMDkzLS4wMDYuMjItLjAwMy40MjItLjA1LjYwNy0uMTQuMTg5LS4wODkuMzE3LS4yMDcuMzg2LS4zNTQuMDczLS4xNS4xMDktLjMyMi4xMDktLjUxNloiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtMjkuOTY0IDIyLjQzNSA4LjA3IDkuMDI4LTcuMzkyIDMuMDYxLS42NzgtMTIuMDlaIiBmaWxsPSIjNzY3RThCIi8+PHBhdGggZD0iTTM4LjY1IDQyLjQ1OGEuMzg0LjM4NCAwIDAgMS0uNjcuMjc4bC03LjMzNi04LjIxIDcuMzktMy4wNjEuNjE3IDEwLjk5M1oiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJNMTQuNTk0IDU1LjM1MmEuNjUuNjUgMCAwIDAtLjYxNy42ODJsLjI5OCA1Ljg0M2EuNjUuNjUgMCAwIDAgMS4yOTgtLjA2NmwtLjI2NC01LjE5NCA1LjE5My0uMjY0YS42NS42NSAwIDEgMC0uMDY2LTEuMjk4bC01Ljg0Mi4yOTdabS0uNDAzIDEuMTMyYTMwLjI5MyAzMC4yOTMgMCAwIDAgMTkuMzQgNy43OTdsLjA0Mi0xLjNhMjguOTk0IDI4Ljk5NCAwIDAgMS0xOC41MS03LjQ2MmwtLjg3Mi45NjVaIiBmaWxsPSIjRUNDNDRGIi8+PHBhdGggZD0iTTU2LjQ5NSA1My44N2EyOS42NDQgMjkuNjQ0IDAgMCAwIDcuNjMtMTguOTI2IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTU0LjM2NCAxMkEyOS42NDQgMjkuNjQ0IDAgMCAwIDM1LjQ0IDQuMzcyTTEyLjQ5OSAxNC4xM2EyOS42NDQgMjkuNjQ0IDAgMCAwLTcuNjMgMTguOTI2IiBzdHJva2U9IiNFMUUxRTEiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTQ2Ljk4IDYwLjk2NmEyLjUgMi41IDAgMSAwLTMuNTM1LTMuNTM2IDIuNSAyLjUgMCAwIDAgMy41MzUgMy41MzZaTTQxLjMyNCA1NS4zMDlsLjcwNy43MDdNNDguMzk1IDYyLjM4bC43MDcuNzA3TTM5LjcxIDU5LjE5OGgxLjAwNU00OS43MSA1OS4xOThoMS4wMDNNNDEuMzI0IDYzLjA4N2wuNzA3LS43MDdNNDguMzk1IDU2LjAxNmwuNzA3LS43MDdNNDUuMjEyIDY0Ljd2LTEuMDA1TTQ1LjIxMiA1NC43di0xLjAwNCIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC41KSIgZD0iTTAgMGg2OHY2OEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==); } .flat-d-about__compass._16-degree { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjggNjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMzQuNTEyIDguMzU2Yy0uNTE2IDAtLjk5My0uMDg0LTEuNDMxLS4yNTNhMy4wMTkgMy4wMTkgMCAwIDEtMS4xMjQtLjc1NSAzLjQ2MyAzLjQ2MyAwIDAgMS0uNzMyLTEuMjUxYy0uMTctLjUtLjI1Ni0xLjA3OC0uMjU2LTEuNzMzIDAtLjYxLjA4Mi0xLjE2My4yNDctMS42Ni4xNjUtLjQ5Ni40MDQtLjkyMi43MTgtMS4yNzdhMy4wMzEgMy4wMzEgMCAwIDEgMS4xMTktLjc5MWMuNDQ3LS4xODYuOTM1LS4yOCAxLjQ2NC0uMjguMjkyIDAgLjU1NC4wMi43ODcuMDU3LjIzNy4wMzUuNDU0LjA4MS42NTMuMTQuMjA4LjA2NS4zOTYuMTQuNTY0LjIyMi4xNzEuMDguMzIuMTU0LjQ0OC4yMjN2MS44NjdoLS4yMDVhOC4zNjcgOC4zNjcgMCAwIDAtLjMzMS0uMjk1IDQuMTYgNC4xNiAwIDAgMC0uNDQ4LS4zMzYgMi45NzIgMi45NzIgMCAwIDAtLjU1NS0uMjggMS45MzYgMS45MzYgMCAwIDAtMS4zNTcuMDIgMS43MDIgMS43MDIgMCAwIDAtLjYyOS40MzUgMi4yMTMgMi4yMTMgMCAwIDAtLjQ0Ny43ODFjLS4xMTIuMzI0LS4xNjguNzE3LS4xNjggMS4xOCAwIC40ODIuMDYuODg1LjE4MiAxLjIxLjEyNC4zMjQuMjguNTc5LjQ2Ni43NjUuMTkuMTkuNC4zMjYuNjM0LjQwOC4yMzMuMDguNDYzLjEyLjY5LjEyLjIxNyAwIC40MzItLjAzNy42NDMtLjExLjIxNS0uMDcyLjQxMi0uMTcuNTkyLS4yOTQuMTUzLS4xLjI5NC0uMjA3LjQyNS0uMzIuMTMtLjExNC4yMzctLjIxMy4zMjEtLjI5NWguMTg3djEuODRjLS4xNzQuMDg3LS4zNC4xNjgtLjUuMjQ0YTMuODQ5IDMuODQ5IDAgMCAxLS40OTguMTk2Yy0uMjI3LjA3Mi0uNDQuMTI4LS42MzkuMTY2YTQuNjEgNC42MSAwIDAgMS0uODIuMDU2Wk03LjM1NSAzNi42NDVjMCAuMzY5LS4wNzEuNzA2LS4yMTQgMS4wMTMtLjE0LjMwNy0uMzQ5LjU2NC0uNjI4Ljc3LS4yOTIuMjE4LS42NC4zODQtMS4wNDMuNDk3LS40MDMuMTEtLjg5NS4xNjYtMS40NzYuMTY2LS41MTIgMC0uOTg4LS4wNDctMS40MjktLjE0YTYuNyA2LjcgMCAwIDEtMS4yMS0uMzYydi0xLjczN2guMTcyYy4wODkuMDU1LjIyMi4xMzQuNC4yMzhhNi4xOTYgNi4xOTYgMCAwIDAgMS4xNzYuNDhjLjE5Ny4wNTIuNDI0LjA3OC42ODEuMDc4LjI1IDAgLjQ4LS4wMjIuNjg2LS4wNjcuMjA2LS4wNDUuMzgtLjExNC41MTktLjIwNy4xNTUtLjEuMjcxLS4yMTYuMzQ3LS4zNDdhMS4wNCAxLjA0IDAgMCAwIC4xMTUtLjUxN2MwLS4yLS4wMjktLjM2Mi0uMDg2LS40ODZhLjcuNyAwIDAgMC0uMjU3LS4zMDUgMS4xODYgMS4xODYgMCAwIDAtLjQ0My0uMTUgNC4wMzYgNC4wMzYgMCAwIDAtLjYyLS4wNDFIMi43NDJ2LTEuMzc2aDEuMjU3Yy4yMzggMCAuNDQzLS4wMTkuNjE1LS4wNTdhLjk4NS45ODUgMCAwIDAgLjM5LS4xNy42MzUuNjM1IDAgMCAwIC4yLS4yNzRjLjAzOC0uMS4wNTctLjIyNi4wNTctLjM3OGEuNTg4LjU4OCAwIDAgMC0uMzU3LS41NjRjLS4yMzUtLjExNy0uNTU3LS4xNzUtLjk2Ny0uMTc1LS4yNDQgMC0uNDcxLjAyNS0uNjguMDc3LS4yMS4wNTItLjQxLjExMi0uNi4xODEtLjIwNy4wOC0uMzcyLjE1NC0uNDk2LjIyMmEyMy42NyAyMy42NyAwIDAgMS0uMzkuMjAyaC0uMTc2di0xLjYxOGE3Ljk5NyA3Ljk5NyAwIDAgMSAxLjE4NS0uMzQ3Yy40Ny0uMTA3Ljk1OS0uMTYgMS40NjctLjE2Ljk3MSAwIDEuNy4xNjUgMi4xODYuNDk2LjQ4OS4zMjguNzMzLjc4NC43MzMgMS4zNyAwIC40MzgtLjEzMi44MTYtLjM5NSAxLjEzM2ExLjg4IDEuODggMCAwIDEtMS4wMTUuNjM2di4wNzhjLjE3Mi4wMy4zNTEuMDg2LjUzOS4xNjUuMTkuMDc2LjM2My4xODUuNTE5LjMyNi4xNTguMTQ1LjI4OC4zMjQuMzkuNTM4LjEwMi4yMS4xNTIuNDguMTUyLjgxMlpNNjcuNDEgMzYuNzg1YzAgLjM4Ny0uMDY5LjczMy0uMjA3IDEuMDM3YTIuMDY3IDIuMDY3IDAgMCAxLS41Ni43NThjLS4yNzcuMjM2LS41ODEuNDA1LS45MTQuNTA1LS4zMy4xLS43NDkuMTUtMS4yNTguMTVoLTMuMDZ2LThoMi43MjFjLjU2NSAwIC45NzguMDIyIDEuMjM5LjA2NS4yNjQuMDQzLjUyNC4xMzguNzgyLjI4NC4yNjcuMTU1LjQ2NC4zNjIuNTkzLjYyNC4xMzIuMjU4LjE5OC41NTMuMTk4Ljg4NiAwIC4zODctLjA5LjczLS4yNjkgMS4wMjZhMS44MyAxLjgzIDAgMCAxLS43NTguNjg4di4wNDNjLjQ1OS4xMDQuODIxLjMxOSAxLjA4OC42NDUuMjcuMzI2LjQwNS43NTYuNDA1IDEuMjlabS0yLjMxNy0zLjI4OGEuOTYyLjk2MiAwIDAgMC0uMDktLjM5Ny41NTguNTU4IDAgMCAwLS4zMDYtLjI5NiAxLjMwMiAxLjMwMiAwIDAgMC0uNDk0LS4wOTFjLS4xOTUtLjAwNy0uNDctLjAxLS44MjQtLjAxaC0uMTd2MS42OTFoLjI4M2MuMjg2IDAgLjUyOS0uMDA1LjczLS4wMTYuMi0uMDEuMzYtLjA0Ni40NzUtLjEwNy4xNjQtLjA4My4yNy0uMTg4LjMyLS4zMTcuMDUtLjEzMy4wNzYtLjI4NS4wNzYtLjQ1N1ptLjQ0MyAzLjI1NmMwLS4yNTQtLjA0NC0uNDUtLjEzMi0uNTg2LS4wODUtLjE0LS4yMy0uMjQzLS40MzgtLjMxMWEyLjAyOCAyLjAyOCAwIDAgMC0uNTg0LS4wNzUgNTMuNjE4IDUzLjYxOCAwIDAgMC0uNzc3LS4wMDZoLS4zOTZ2MS45OTRoLjEzMmMuNTA5IDAgLjg3My0uMDAyIDEuMDkzLS4wMDYuMjItLjAwMy40MjItLjA1LjYwNy0uMTQuMTg5LS4wODkuMzE3LS4yMDcuMzg2LS4zNTQuMDczLS4xNS4xMDktLjMyMi4xMDktLjUxNloiIGZpbGw9IiNFMUUxRTEiLz48cGF0aCBkPSJtMzQuMjM0IDIxLjU4IDQgMTEuNDI4aC04bDQtMTEuNDI5WiIgZmlsbD0iIzc2N0U4QiIvPjxwYXRoIGQ9Ik0zNC41OTcgNDMuNDAyYS4zODQuMzg0IDAgMCAxLS43MjUgMEwzMC4yMzUgMzMuMDFoOGwtMy42MzggMTAuMzkyWiIgZmlsbD0iI0UxRTFFMSIvPjxwYXRoIGQ9Ik03LjQzNyA0Ni4xMDhhLjY1LjY1IDAgMCAwLS44My4zOTVsLTEuOTYyIDUuNTExYS42NS42NSAwIDAgMCAxLjIyNS40MzZsMS43NDMtNC44OTkgNC45IDEuNzQzYS42NS42NSAwIDEgMCAuNDM1LTEuMjI0bC01LjUxMS0xLjk2MlpNNi42MzIgNDdhMzAuMjk0IDMwLjI5NCAwIDAgMCAxNC44ODQgMTQuNjA1bC41MzYtMS4xODVBMjguOTk0IDI4Ljk5NCAwIDAgMSA3LjgwNiA0Ni40NDJMNi42MzIgNDdaIiBmaWxsPSIjRUNDNDRGIi8+PHBhdGggZD0iTTQ2LjcxNiA2MC43NzRhMjkuNjQ0IDI5LjY0NCAwIDAgMCAxNC4yOTItMTQuNTY1IiBzdHJva2U9IiNFQ0M0NEYiIHN0cm9rZS13aWR0aD0iMS4zIi8+PHBhdGggZD0iTTYwLjc3IDIxLjI3N0EyOS42NDMgMjkuNjQzIDAgMCAwIDQ2LjIwMyA2Ljk4NU0yMS4yNzYgNy4yMjNBMjkuNjQ0IDI5LjY0NCAwIDAgMCA2Ljk4NCAyMS43ODgiIHN0cm9rZT0iI0UxRTFFMSIgc3Ryb2tlLXdpZHRoPSIxLjMiLz48cGF0aCBkPSJNMzQuMjU0IDYzLjg4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Wk0zNC4yNTQgNTUuODh2MU0zNC4yNTQgNjUuODh2MU0zMC4zNjMgNTcuNDg5bC43MS43MU0zNy40MzQgNjQuNTZsLjcxLjcxTTI4Ljc1NCA2MS4zOGgxTTM4Ljc1NCA2MS4zOGgxTTMwLjM2MyA2NS4yN2wuNzEtLjcxTTM3LjQzNCA1OC4xOTlsLjcxLS43MSIgc3Ryb2tlPSIjRUNDNDRGIiBzdHJva2Utd2lkdGg9IjEuMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNjh2NjhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K); } .flat-d-about__minimap { display: none; width: 82px; margin-bottom: 52px; background-position: center; background-repeat: no-repeat; background-size: contain; margin-top: 15px; } .flat-d-about__minimap > svg { height: 100%; width: 100%; } .flat-d-about__minimap > svg g { overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .flat-d-about__minimap > svg g.hover { opacity: 0; pointer-events: none; } .flat-d-about__minimap > svg g.hover.active { opacity: .4; cursor: pointer; pointer-events: all; } .flat-d-about__minimap > svg g.hover.active:hover { opacity: 1; } .flat-d-about__minimap > svg g.hover.current { opacity: 1; pointer-events: none; } .flat-d-about__minimap > svg g.default { opacity: 1; pointer-events: none; } .flat-d-about__minimap > svg g.default.hide { opacity: 0; } .flat-d-about__minimap > svg g#default .hide { opacity: 0; } .flat-d-about__minimap > svg g#hover .active { opacity: .4; cursor: pointer; pointer-events: all; } .flat-d-about__minimap > svg g#hover .active:hover { opacity: 1; } .flat-d-about__minimap > svg g#hover .current { opacity: 1; pointer-events: none; } .flat-d-about__minimap > svg g#hover .hide { opacity: 0; pointer-events: none; } @media only screen and (max-width: 750px) { .flat-d-about__minimap { display: block; height: 95px; margin-bottom: 30px; } } .flat-d-about__nav { margin-top: 20px; } @media only screen and (max-width: 750px) { .flat-d-about__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; margin-top: 0; padding: 0; border-top: 1px solid #d9d9d9; overflow: scroll; } } .flat-d-about__nav-item { text-decoration: underline; -webkit-transition: color .3s ease; transition: color .3s ease; margin-bottom: 38px; font-size: 14px; line-height: 16px; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-d-about__nav-item { position: relative; margin-right: 22px; padding: 20px 0; text-decoration: none; font-size: 16px; color: #3b4658; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0; } .flat-d-about__nav-item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } } .flat-d-about__nav-item:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .flat-d-about__nav-item:last-child { margin-right: 0; } } .flat-d-about__nav-item.active { color: #000; text-decoration: none; } @media only screen and (max-width: 750px) { .flat-d-about__nav-item.active { color: #3b4658; } .flat-d-about__nav-item.active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } } .flat-d-about__nav-item:hover { color: #000; text-decoration: none; } @media only screen and (max-width: 750px) { .flat-d-about__nav-item:hover { color: #3b4658; } } .flat-d-about__aside { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; width: 37.3%; min-height: 600px; border-left: 1px solid #e1e1e1; } @media only screen and (max-width: 750px) { .flat-d-about__aside { -ms-flex-negative: 0; flex-shrink: 0; width: calc(100% + 40px); height: auto; min-height: unset; margin-left: -20px; padding: 20px; padding-bottom: 0; border-left: 0; background-color: white; } } .flat-d-about__info { padding: 40px 0 0 60px; margin-bottom: 16px; } .flat-d-about__info.resale { padding: 0; } @media only screen and (max-width: 750px) { .flat-d-about__info { padding: 0; } } .flat-d-about__info-special-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 20px; } .flat-d-about__info-special-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(50% - 15px); margin-right: 30px; margin-bottom: 10px; color: #3b4658; } .flat-d-about__info-special-item:nth-child(2n) { margin-right: 0; } .flat-d-about__info-special-item:before { content: ""; display: inline-block; width: 20px; height: 1px; margin-right: 8px; background: #ef3b24; } .flat-d-about__info-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 20px); margin: 0 -20px 0 -20px; } @media only screen and (max-width: 750px) { .flat-d-about__info-row { width: calc(100% + 40px); } } .flat-d-about__info-row._align-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .flat-d-about__info-row._jcend { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flat-d-about__info-row._tranche { width: 100%; margin-bottom: 28px; margin-left: 0; margin-right: 0; } .flat-d-about__info-row.tags._red { padding-left: 20px; } @media only screen and (max-width: 750px) { .flat-d-about__info-row.tags._red { padding: 0; } } @media only screen and (max-width: 750px) { .flat-d-about__info-row.tags._desktop { display: none; } } .flat-d-about__info-row.tags._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-d-about__info-row.tags._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 16px; } } .flat-d-about__info-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 50%; padding: 0 20px; } .flat-d-about__info-block:last-child { margin-right: 0; } .flat-d-about__info-block.fav { -ms-flex-item-align: end; align-self: flex-end; width: 150px; } @media only screen and (max-width: 750px) { .flat-d-about__info-block.fav { width: auto; } } .flat-d-about__info-block._black-friday { padding-top: 5px; -ms-flex-item-align: center; align-self: center; } .flat-d-about__info-block._mb21 { margin-bottom: 21px; } .flat-d-about__info-block._offer { margin-top: -16px; } .flat-d-about__info-block._offer._pb9 .flat-d-about__info-item { padding-bottom: 9px; } @media only screen and (max-width: 750px) { .flat-d-about__info-block._offer._pb9 .flat-d-about__info-item { padding-bottom: 7px; } } .flat-d-about__info-block._pr0 { padding-right: 0; } @media only screen and (max-width: 750px) { .flat-d-about__info-block._pr0 { padding-right: 20px; } } .flat-d-about__info-block._big { width: auto; } .flat-d-about__info-block._w100 { width: 100%; } .flat-d-about__info-block._mr-36 { margin-right: 36px; width: calc(50% - 36px); } .flat-d-about__info-block._fg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flat-d-about__info-block._jcend { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flat-d-about__info-block._selfend { -ms-flex-item-align: end; align-self: flex-end; } @media only screen and (max-width: 750px) { .flat-d-about__info-block._big-mob { width: calc(50% + 20px); margin-left: -20px; } } .flat-d-about__info-block._pb12 { padding-bottom: 12px; } @media only screen and (max-width: 750px) { .flat-d-about__info-block._pb12 { padding-bottom: 8px; } } .flat-d-about__info-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 50%; padding-bottom: 20px; } .flat-d-about__info-item._black-friday { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .flat-d-about__info-item.ai-fs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flat-d-about__info-item:last-child { margin-right: 0; } .flat-d-about__info-item._row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flat-d-about__info-item._no-pb { padding-bottom: 0; } @media only screen and (max-width: 750px) { .flat-d-about__info-item._big-mob { width: 100%; } } .flat-d-about__info-item._w-auto { width: auto; } .flat-d-about__info-item._big { width: 100%; } .flat-d-about__info-item.small { width: 33%; } .flat-d-about__info-item.price { height: auto; } .flat-d-about__info-item._pt-20 { padding-top: 20px; } @media only screen and (max-width: 750px) { .flat-d-about__info-item._pt-20 { padding-top: 12px; } } .flat-d-about__info-item._pb-20 { padding-bottom: 20px; } @media only screen and (max-width: 750px) { .flat-d-about__info-item._pb-20 { padding-bottom: 12px; } } .flat-d-about__info-item._hint-area { padding-top: 8px; margin-top: -8px; } .flat-d-about__info-item._hint-area:hover .flat-d-about__info-increase-text:before { opacity: 0; } .flat-d-about__info-item._hint-area._active .flat-d-about__info-increase-text:before { opacity: 0; } .flat-d-about__info-item .help { -ms-flex-negative: 0; flex-shrink: 0; position: relative; margin: 2px 0 0 10px; height: 20px; width: 20px; border-radius: 50%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNjUiIHN0cm9rZT0iIzNCNDY1OCIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KPHBhdGggZD0iTTYuMzY3IDcuMkg1LjU0OFY2LjU3OUM1LjU0OCA2LjMwOSA1LjYwNSA2LjA5IDUuNzE5IDUuOTIyQzUuODM5IDUuNzU0IDYuMDE2IDUuNTk1IDYuMjUgNS40NDVDNi4yNjIgNS40MzkgNi4yOTUgNS40MTggNi4zNDkgNS4zODJDNi40MDMgNS4zNDYgNi40MzYgNS4zMjUgNi40NDggNS4zMTlDNi40NiA1LjMwNyA2LjQ4NyA1LjI4NiA2LjUyOSA1LjI1NkM2LjU3NyA1LjIyNiA2LjYwNyA1LjIwNSA2LjYxOSA1LjE5M0M2LjYzMSA1LjE3NSA2LjY1MiA1LjE1MSA2LjY4MiA1LjEyMUM2LjcxOCA1LjA5MSA2Ljc0MiA1LjA2NyA2Ljc1NCA1LjA0OUM2Ljc2NiA1LjAyNSA2Ljc4MSA0Ljk5NSA2Ljc5OSA0Ljk1OUM2LjgyMyA0LjkyMyA2LjgzOCA0Ljg5IDYuODQ0IDQuODZDNi44NSA0LjgyNCA2Ljg1NiA0Ljc4OCA2Ljg2MiA0Ljc1MkM2Ljg2OCA0LjcxIDYuODcxIDQuNjY1IDYuODcxIDQuNjE3QzYuODcxIDQuMzE3IDYuNzg3IDQuMDk4IDYuNjE5IDMuOTZDNi40NTcgMy44MjIgNi4yNSAzLjc1MyA1Ljk5OCAzLjc1M0M1Ljc0NiAzLjc1MyA1LjUzIDMuODQgNS4zNSA0LjAxNEM1LjE3NiA0LjE4OCA1LjA4OSA0LjQ3IDUuMDg5IDQuODZINC4yN0M0LjI3IDQuNTEyIDQuMzIxIDQuMjE1IDQuNDIzIDMuOTY5QzQuNTI1IDMuNzE3IDQuNjYzIDMuNTI1IDQuODM3IDMuMzkzQzUuMDE3IDMuMjYxIDUuMiAzLjE2NSA1LjM4NiAzLjEwNUM1LjU3OCAzLjA0NSA1Ljc4MiAzLjAxNSA1Ljk5OCAzLjAxNUM2LjUyIDMuMDE1IDYuOTQzIDMuMTUgNy4yNjcgMy40MkM3LjU5MSAzLjY4NCA3Ljc1MyA0LjA1NiA3Ljc1MyA0LjUzNkM3Ljc1MyA1LjAzNCA3LjUwNyA1LjQ1NCA3LjAxNSA1Ljc5NkM2Ljg0NyA1LjkxIDYuNzI3IDUuOTk3IDYuNjU1IDYuMDU3QzYuNTg5IDYuMTExIDYuNTIzIDYuMTk4IDYuNDU3IDYuMzE4QzYuMzk3IDYuNDM4IDYuMzY3IDYuNTgyIDYuMzY3IDYuNzVWNy4yWk01LjYwMiA4LjkwMUM1LjUgOC43OTkgNS40NDkgOC42NzMgNS40NDkgOC41MjNDNS40NDkgOC4zNzMgNS41IDguMjQ3IDUuNjAyIDguMTQ1QzUuNzA0IDguMDQzIDUuODMgNy45OTIgNS45OCA3Ljk5MkM2LjEzIDcuOTkyIDYuMjUzIDguMDQzIDYuMzQ5IDguMTQ1QzYuNDUxIDguMjQ3IDYuNTAyIDguMzczIDYuNTAyIDguNTIzQzYuNTAyIDguNjczIDYuNDUxIDguNzk5IDYuMzQ5IDguOTAxQzYuMjUzIDguOTk3IDYuMTMgOS4wNDUgNS45OCA5LjA0NUM1LjgzIDkuMDQ1IDUuNzA0IDguOTk3IDUuNjAyIDguOTAxWiIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-d-about__info-item .help { margin: 2px 0 0 5px; } } .flat-d-about__info-item .help:hover .tooltip { visibility: visible; opacity: 1; } .flat-d-about__info-item .tooltip { position: relative; } .flat-d-about__info-title { color: #727576; margin-bottom: 4px; line-height: 1.2; } .flat-d-about__info-title.blue { color: #14191a; font-size: 16px; font-weight: normal; opacity: 1; } .flat-d-about__info-title.mb-12 { margin-bottom: 12px; } .flat-d-about__info-title.mb-10 { margin-bottom: 10px; } .flat-d-about__info-title.small-font { font-size: 12px; } .flat-d-about__info-title--link { text-decoration: underline; } .flat-d-about__info-val { font-size: 16px; } @media only screen and (max-width: 750px) { .flat-d-about__info-val { font-size: 14px; } } .flat-d-about__info-val._black-friday { color: #ef3b24; } .flat-d-about__info-val.price-label { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-bottom: 6px; margin-top: -6px; margin-left: auto; } .flat-d-about__info-val.price-label._no-hint { cursor: default; } .flat-d-about__info-val.price-label._pointer { cursor: pointer; } .flat-d-about__info-val.price-desc { font-size: 12px; line-height: 14px; white-space: nowrap; color: rgba(59, 70, 88, 0.6); } .flat-d-about__info-val.price-desc > span { color: #ef3b24; } .flat-d-about__info-val.price-offline { margin-bottom: 9px; font-size: 12px; line-height: 14px; white-space: nowrap; } .flat-d-about__info-val._cross { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .flat-d-about__info-val._cross:after { content: ""; position: absolute; top: 50%; left: 0; height: 1px; width: 100%; background-color: #14191a; } .flat-d-about__info-val.--link { position: relative; -ms-flex-item-align: start; align-self: flex-start; cursor: pointer; text-decoration: underline; text-decoration-skip-ink: none; } .flat-d-about__info-val.price { font-size: 24px; line-height: 28px; font-weight: 500; text-align: end; white-space: nowrap; } .flat-d-about__info-val.price._pt4 { padding-top: 4px; } .flat-d-about__info-val.price._pointer { cursor: pointer; } .flat-d-about__info-val.price > span { font-size: 16px; } .flat-d-about__info-val.price .flat-d-about__price-from { margin-right: 3px; } .flat-d-about__info-val.square { font-size: 24px; line-height: 29px; font-weight: 500; } .flat-d-about__info-val.square span { font-size: 16px; } .flat-d-about__info-val.hot { color: #ef3b24; } .flat-d-about__info-val._resale { margin-top: 4px; display: inline-block; } @media only screen and (max-width: 750px) { .flat-d-about__info-val._resale { margin-top: 0; } } .flat-d-about__info-val._last { margin-top: -8px; } .flat-d-about__info-val._offer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 5px; margin-top: -5px; font-size: 12px; line-height: 14px; font-weight: 400; color: #ef3b24; cursor: pointer; } .flat-d-about__info-val._offer:hover .flat-d-about__offer-tooltip-wrap { opacity: 1; -webkit-transform: translate(0%, calc(-100% + 5px)); transform: translate(0%, calc(-100% + 5px)); } .flat-d-about__info-val._offer:hover .flat-d-about__offer-tooltip-wrap._withLink { pointer-events: all; } .flat-d-about__info-val._offer._complex-offer { padding-top: 5px; margin-top: 0; margin-left: auto; white-space: nowrap; } @media only screen and (max-width: 750px) { .flat-d-about__info-val._offer._desk { display: none; } } .flat-d-about__info-val._offer._mob { display: none; } @media only screen and (max-width: 750px) { .flat-d-about__info-val._offer._mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .flat-d-about__info-link { text-decoration: underline; cursor: pointer; } .flat-d-about__info-link:hover { text-decoration: none; } .flat-d-about__info-increase { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 8px 4px; margin-left: auto; border-radius: 28px; background-color: #f26250; font-size: 12px; line-height: 17px; color: white; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .flat-d-about__info-increase._no-hint { cursor: auto; } .flat-d-about__info-increase._no-hint .flat-d-about__info-increase-text:before { opacity: 0; } .flat-d-about__info-increase > span { -ms-flex-negative: 0; flex-shrink: 0; } .flat-d-about__info-increase._with-hint { cursor: pointer; } @media only screen and (max-width: 750px) { .flat-d-about__info-increase._with-hint { display: none; } } .flat-d-about__info-increase._with-hint:hover { background-color: #f26250; } .flat-d-about__info-increase._with-hint:hover .flat-d-about__info-increase-hint { opacity: 1; -webkit-transform: translate(0%, calc(-100% - 17px)); transform: translate(0%, calc(-100% - 17px)); } .flat-d-about__info-increase._with-hint:hover .flat-d-about__info-increase-text:before { opacity: 0; } .flat-d-about__info-increase._with-hint._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-d-about__info-increase._with-hint._mobile { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .flat-d-about__info-increase-text { position: relative; } .flat-d-about__info-increase-text:before { content: ""; position: absolute; top: 90%; left: 0; width: 100%; height: 1px; background-size: 8px 1px; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, transparent)); background-image: linear-gradient(to right, white 50%, transparent 50%); opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .flat-d-about__info-increase-hint { position: absolute; top: 0; right: 0; z-index: 3; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 24px; margin-bottom: 20px; border-radius: 4px; background-color: white; -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); -webkit-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); font-size: 14px; line-height: 20px; color: #14191a; opacity: 0; -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); -webkit-transition: .3s; transition: .3s; pointer-events: none; } .flat-d-about__info-increase-hint:before { content: ""; position: absolute; display: block; right: 26px; bottom: -6px; border-top: 7px solid white; border-right: 8px solid transparent; border-left: 8px solid transparent; } .flat-d-about__info-increase-hint._active { opacity: 1; -webkit-transform: translate(0%, calc(-100% - 17px)); transform: translate(0%, calc(-100% - 17px)); pointer-events: all; } .flat-d-about__info-nowrap { white-space: nowrap; } .flat-d-about__info-checked { margin: -40px 0 35px; } .flat-d-about__info-checked.resale { margin: 0 0 20px; } .flat-d-about__mortgage { margin-bottom: 10px; } .flat-d-about__how-title { line-height: 20px; } .flat-d-about__how-btn { width: 200px; height: 33px; margin-left: auto; } @media only screen and (max-width: 750px) { .flat-d-about__how-btn { width: 164px; height: 36px; } } .flat-d-about__divider { width: 100%; height: 1px; background-color: #e1e1e1; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .flat-d-about__divider { width: 100%; } } .flat-d-about__fav-line { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; height: 1px; margin-right: 16px; background-color: #e1e1e1; } .flat-d-about__fav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; font-size: 14px; line-height: 15px; cursor: pointer; } .flat-d-about__fav:hover .flat-d-about__fav-icn { background-color: #3b4658; } .flat-d-about__fav:hover .flat-d-about__fav-icn svg { fill: white; } .flat-d-about__fav:hover .flat-d-about__fav-tooltip { opacity: 1; pointer-events: all; } .flat-d-about__fav-text { line-height: 22px; white-space: nowrap; } .flat-d-about__fav-icn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; background-color: white; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .flat-d-about__fav-icn svg { width: 24px; height: 24px; fill: #14191a; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .flat-d-about__fav._active .flat-d-about__fav-icn { background-color: #3b4658; } .flat-d-about__fav._active .flat-d-about__fav-icn svg { fill: white; } .flat-d-about__fav-tooltip { position: absolute; bottom: 100%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; pointer-events: none; z-index: 2; } @media only screen and (max-width: 750px) { .flat-d-about__fav-tooltip { bottom: auto; left: auto; right: 0; top: 100%; -webkit-transform: none; transform: none; -webkit-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s; } } .flat-d-about__fav-tooltip-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 16px; margin-bottom: 12px; font-size: 12px; line-height: 14px; text-align: center; border-radius: 4px; color: #f2f2f2; background-color: rgba(20, 25, 26, 0.9); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); white-space: nowrap; } @media only screen and (max-width: 750px) { .flat-d-about__fav-tooltip-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; margin-bottom: 0; margin-top: 8px; font-size: 14px; line-height: 20px; border-radius: 6px; } } .flat-d-about__fav-tooltip-inner:before { content: ""; position: absolute; left: 50%; top: 100%; display: block; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid rgba(20, 25, 26, 0.9); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 750px) { .flat-d-about__fav-tooltip-inner:before { display: none; } } .flat-d-about__fav-tooltip-button { height: 28px; min-width: 141px; margin-top: 20px; font-size: 12px; line-height: 20px; font-weight: 500; } .flat-d-about__owner { height: 21px; color: rgba(59, 70, 88, 0.6); margin-top: 30px; } .flat-d-about__options { padding-left: 64px; bottom: 200px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 16px; } @media only screen and (max-width: 750px) { .flat-d-about__options { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 12px; padding: 0; margin-bottom: 0; } } .flat-d-about__options-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-left: auto; } @media only screen and (max-width: 750px) { .flat-d-about__options-list { width: 100%; } .flat-d-about__options-list > * { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .flat-d-about__options-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 32px; border: 1px solid #b1b5bc; border-radius: 4px; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .flat-d-about__options-item svg { width: 20px; height: 20px; fill: none; stroke: #14191a; -webkit-transition: stroke .3s ease, fill .3s ease; transition: stroke .3s ease, fill .3s ease; } .flat-d-about__options-item._heart svg { fill: #14191a; stroke: none; } @media only screen and (max-width: 750px) { .flat-d-about__options-item._heart .flat-d-about__options-item-hint, .flat-d-about__options-item._heart._hovered .flat-d-about__options-item-hint, .flat-d-about__options-item._heart:hover .flat-d-about__options-item-hint { -webkit-transform: translate(0, calc(-100% - 10px)); transform: translate(0, calc(-100% - 10px)); left: 0; } } @media only screen and (max-width: 750px) { .flat-d-about__options-item._heart .flat-d-about__options-item-hint:after, .flat-d-about__options-item._heart._hovered .flat-d-about__options-item-hint:after, .flat-d-about__options-item._heart:hover .flat-d-about__options-item-hint:after { left: 30px; } } @media only screen and (max-width: 750px) { .flat-d-about__options-item._share._desk { display: none; } } .flat-d-about__options-item._share._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-d-about__options-item._share._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .flat-d-about__options-item._active { border-color: #ef3b24; } .flat-d-about__options-item._active svg { stroke: #ef3b24; } .flat-d-about__options-item._active._heart svg { fill: #ef3b24; stroke: none; } .flat-d-about__options-item._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-d-about__options-item._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (hover), (min-width: 0 \0) { .flat-d-about__options-item:hover { border-color: #f26250; background-color: #f26250; } .flat-d-about__options-item:hover svg { stroke: white; } .flat-d-about__options-item:hover._heart svg { fill: white; stroke: none; } .flat-d-about__options-item:hover .flat-d-about__options-item-hint { -webkit-transform: translate(-50%, calc(-100% - 10px)); transform: translate(-50%, calc(-100% - 10px)); opacity: 1; visibility: visible; } } .flat-d-about__options-item-hint { position: absolute; top: 0; left: 50%; z-index: 1; padding: 12px 24px; border-radius: 4px; background-color: white; white-space: nowrap; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); -webkit-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, visibility .3s ease; transition: opacity .3s ease, transform .3s ease, visibility .3s ease, -webkit-transform .3s ease; } .flat-d-about__options-item-hint:before { content: ""; position: absolute; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 45px; height: 30px; } @media only screen and (max-width: 750px) { .flat-d-about__options-item-hint:before { width: 50px; } } .flat-d-about__options-item-hint:after { content: ""; position: absolute; display: block; left: 50%; bottom: -6px; border-top: 7px solid white; border-right: 8px solid transparent; border-left: 8px solid transparent; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .flat-d-about__options-num { color: #8a8c8d; } .flat-d-about__options-num._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-d-about__options-num._mobile { display: block; margin-bottom: 28px; } } @media only screen and (max-width: 750px) { .flat-d-about__options-num { display: none; } } @media only screen and (max-width: 360px) { .flat-d-about__options-num { font-size: 12px; } } .flat-d-about__reserved { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 12px; margin-bottom: 18px; font-size: 12px; line-height: 13px; border: 1px solid #f47666; color: #ef3b24; cursor: pointer; border-radius: 100px; } @media only screen and (max-width: 750px) { .flat-d-about__reserved { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 14px; font-size: 14px; line-height: 16px; -webkit-tap-highlight-color: transparent; } } .flat-d-about__reserved_without-effect { pointer-events: none; } .flat-d-about__reserved:hover .flat-d-about__reserved-tool { opacity: 1; -webkit-transform: translateX(-70%); transform: translateX(-70%); -webkit-tap-highlight-color: transparent; } @media only screen and (max-width: 750px) { .flat-d-about__reserved:hover .flat-d-about__reserved-tool { -webkit-transform: translateX(0); transform: translateX(0); } } .flat-d-about__reserved-icn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 12px; width: 12px; margin-right: 8px; fill: #ef3b24; } @media only screen and (max-width: 750px) { .flat-d-about__reserved-icn { -ms-flex-negative: 0; flex-shrink: 0; } } .flat-d-about__reserved-tool { position: absolute; bottom: calc(100% + 16px); left: 50%; z-index: 3; width: 360px; padding: 24px; background-color: white; color: #434748; font-size: 14px; line-height: 23px; font-weight: 300; -webkit-transform: translate(-70%, 20px); transform: translate(-70%, 20px); -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; pointer-events: none; } @media only screen and (max-width: 750px) { .flat-d-about__reserved-tool { left: auto; right: 0; width: 280px; -webkit-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-tap-highlight-color: transparent; } } .flat-d-about__reserved-tool-title { font-size: 14px; color: #14191a; line-height: 23px; font-weight: normal; margin-bottom: 8px; } .flat-d-about__reserved-tool-angle { position: absolute; top: 100%; right: 14%; height: 14px; width: 14px; background-color: white; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } @media only screen and (max-width: 750px) { .flat-d-about__reserved-tool-angle { left: auto; right: 56px; } } .flat-d-about__purchase { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; cursor: pointer; } .flat-d-about__purchase:after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #e1e1e1; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } @media (hover), (min-width: 0 \0) { .flat-d-about__purchase:hover .flat-d-about__purchase-text { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } } .flat-d-about__purchase-label { position: relative; z-index: 1; padding-right: 4px; background-color: white; font-size: 16px; line-height: 20px; color: #3b4658; } .flat-d-about__purchase-val { position: relative; z-index: 1; background-color: white; line-height: 20px; color: #767e8b; } .flat-d-about__purchase-val svg { width: 10px; height: 13px; margin-bottom: -2px; margin-left: 6px; stroke: #14191a; } .flat-d-about__purchase-val .rate { color: #ef3b24; } .flat-d-about__purchase-val .price { color: #3b4658; } .flat-d-about__purchase-text { display: inline-block; padding-left: 4px; background-color: white; color: #3b4658; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .flat-d-about__share { position: relative; } .flat-d-about__share-button { position: relative; padding: 0; cursor: pointer; opacity: 1; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; border: none; outline: none; background-color: transparent; pointer-events: all; } @media only screen and (max-width: 750px) { .flat-d-about__share-button { font-size: 14px; font-weight: 400; } } @media only screen and (max-width: 750px) and (hover), only screen and (max-width: 750px) and (min-width: 0 \0) { .flat-d-about__share-button:hover { opacity: 0; } } @media only screen and (max-width: 750px) and (hover), only screen and (max-width: 750px) and (min-width: 0 \0) { .flat-d-about__share-button:hover + .flat-d-about__share-links { opacity: 1; visibility: visible; } .flat-d-about__share-button:hover + .flat-d-about__share-links a { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (max-width: 360px) { .flat-d-about__share-button { font-size: 12px; } } @media (hover), (min-width: 0 \0) { .flat-d-about__share-button:after { background-color: transparent; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } } .flat-d-about__share-button:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: .06rem; background-color: #3b4658; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .flat-d-about__share-button._hidden { opacity: 0; pointer-events: none; } .flat-d-about__share-links { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 50%; left: 0; background-color: white; opacity: 1; visibility: visible; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: opacity .3s ease .2s, visibility .3s; transition: opacity .3s ease .2s, visibility .3s; z-index: 2; } .flat-d-about__share-links > a { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-right: 10px; } .flat-d-about__share-links > a:nth-child(1) { -webkit-transition: opacity .2s ease, background-color .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, background-color .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, opacity .2s ease, background-color .2s ease; transition: transform .2s ease, opacity .2s ease, background-color .2s ease, -webkit-transform .2s ease; } .flat-d-about__share-links > a:nth-child(2) { -webkit-transition: opacity .2s ease .1s, background-color .2s ease, -webkit-transform .2s ease .1s; transition: opacity .2s ease .1s, background-color .2s ease, -webkit-transform .2s ease .1s; transition: transform .2s ease .1s, opacity .2s ease .1s, background-color .2s ease; transition: transform .2s ease .1s, opacity .2s ease .1s, background-color .2s ease, -webkit-transform .2s ease .1s; } .flat-d-about__share-links > a:nth-child(3) { -webkit-transition: opacity .2s ease .2s, background-color .2s ease, -webkit-transform .2s ease .2s; transition: opacity .2s ease .2s, background-color .2s ease, -webkit-transform .2s ease .2s; transition: transform .2s ease .2s, opacity .2s ease .2s, background-color .2s ease; transition: transform .2s ease .2s, opacity .2s ease .2s, background-color .2s ease, -webkit-transform .2s ease .2s; } .flat-d-about__share-links > a:nth-child(4) { -webkit-transition: opacity .2s ease .3s, background-color .2s ease, -webkit-transform .2s ease .3s; transition: opacity .2s ease .3s, background-color .2s ease, -webkit-transform .2s ease .3s; transition: transform .2s ease .3s, opacity .2s ease .3s, background-color .2s ease; transition: transform .2s ease .3s, opacity .2s ease .3s, background-color .2s ease, -webkit-transform .2s ease .3s; } .flat-d-about__share-links > a:nth-child(5) { -webkit-transition: opacity .2s ease .4s, background-color .2s ease, -webkit-transform .2s ease .4s; transition: opacity .2s ease .4s, background-color .2s ease, -webkit-transform .2s ease .4s; transition: transform .2s ease .4s, opacity .2s ease .4s, background-color .2s ease; transition: transform .2s ease .4s, opacity .2s ease .4s, background-color .2s ease, -webkit-transform .2s ease .4s; } .flat-d-about__share-links > a:nth-child(6) { -webkit-transition: opacity .2s ease .5s, background-color .2s ease, -webkit-transform .2s ease .5s; transition: opacity .2s ease .5s, background-color .2s ease, -webkit-transform .2s ease .5s; transition: transform .2s ease .5s, opacity .2s ease .5s, background-color .2s ease; transition: transform .2s ease .5s, opacity .2s ease .5s, background-color .2s ease, -webkit-transform .2s ease .5s; } .flat-d-about__share-links > a:last-child { margin-right: 0; } .flat-d-about__share-links._hidden { opacity: 0; visibility: hidden; } .flat-d-about__share-links._hidden a { opacity: 0; -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } .flat-d-about__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; margin-left: 64px; margin-bottom: 31px; } @media only screen and (max-width: 750px) { .flat-d-about__buttons { margin-top: 20px; margin-bottom: 16px; margin-left: 0; } } .flat-d-about__button { width: calc(50% - 8px); height: 48px; } .flat-d-about__button:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flat-d-about__button-mobile { display: none; } @media only screen and (max-width: 750px) { .flat-d-about__button-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 60px; } } .flat-d-about__button_disabled { pointer-events: none; } .flat-d-about__button_disabled.button-r { background-color: #f9b1a7; } .flat-d-about__comment { width: 360px; height: 80px; overflow: auto; } @media only screen and (max-width: 750px) { .flat-d-about__comment { width: 100%; } } .flat-d-about__offer-tooltip { position: relative; width: 16px; height: 16px; margin-left: 5px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNjUiIHN0cm9rZT0iI0VGM0IyNCIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KPHBhdGggZD0iTTYuMzY3IDcuMkg1LjU0OFY2LjU3OUM1LjU0OCA2LjMwOSA1LjYwNSA2LjA5IDUuNzE5IDUuOTIyQzUuODM5IDUuNzU0IDYuMDE2IDUuNTk1IDYuMjUgNS40NDVDNi4yNjIgNS40MzkgNi4yOTUgNS40MTggNi4zNDkgNS4zODJDNi40MDMgNS4zNDYgNi40MzYgNS4zMjUgNi40NDggNS4zMTlDNi40NiA1LjMwNyA2LjQ4NyA1LjI4NiA2LjUyOSA1LjI1NkM2LjU3NyA1LjIyNiA2LjYwNyA1LjIwNSA2LjYxOSA1LjE5M0M2LjYzMSA1LjE3NSA2LjY1MiA1LjE1MSA2LjY4MiA1LjEyMUM2LjcxOCA1LjA5MSA2Ljc0MiA1LjA2NyA2Ljc1NCA1LjA0OUM2Ljc2NiA1LjAyNSA2Ljc4MSA0Ljk5NSA2Ljc5OSA0Ljk1OUM2LjgyMyA0LjkyMyA2LjgzOCA0Ljg5IDYuODQ0IDQuODZDNi44NSA0LjgyNCA2Ljg1NiA0Ljc4OCA2Ljg2MiA0Ljc1MkM2Ljg2OCA0LjcxIDYuODcxIDQuNjY1IDYuODcxIDQuNjE3QzYuODcxIDQuMzE3IDYuNzg3IDQuMDk4IDYuNjE5IDMuOTZDNi40NTcgMy44MjIgNi4yNSAzLjc1MyA1Ljk5OCAzLjc1M0M1Ljc0NiAzLjc1MyA1LjUzIDMuODQgNS4zNSA0LjAxNEM1LjE3NiA0LjE4OCA1LjA4OSA0LjQ3IDUuMDg5IDQuODZINC4yN0M0LjI3IDQuNTEyIDQuMzIxIDQuMjE1IDQuNDIzIDMuOTY5QzQuNTI1IDMuNzE3IDQuNjYzIDMuNTI1IDQuODM3IDMuMzkzQzUuMDE3IDMuMjYxIDUuMiAzLjE2NSA1LjM4NiAzLjEwNUM1LjU3OCAzLjA0NSA1Ljc4MiAzLjAxNSA1Ljk5OCAzLjAxNUM2LjUyIDMuMDE1IDYuOTQzIDMuMTUgNy4yNjcgMy40MkM3LjU5MSAzLjY4NCA3Ljc1MyA0LjA1NiA3Ljc1MyA0LjUzNkM3Ljc1MyA1LjAzNCA3LjUwNyA1LjQ1NCA3LjAxNSA1Ljc5NkM2Ljg0NyA1LjkxIDYuNzI3IDUuOTk3IDYuNjU1IDYuMDU3QzYuNTg5IDYuMTExIDYuNTIzIDYuMTk4IDYuNDU3IDYuMzE4QzYuMzk3IDYuNDM4IDYuMzY3IDYuNTgyIDYuMzY3IDYuNzVWNy4yWk01LjYwMiA4LjkwMUM1LjUgOC43OTkgNS40NDkgOC42NzMgNS40NDkgOC41MjNDNS40NDkgOC4zNzMgNS41IDguMjQ3IDUuNjAyIDguMTQ1QzUuNzA0IDguMDQzIDUuODMgNy45OTIgNS45OCA3Ljk5MkM2LjEzIDcuOTkyIDYuMjUzIDguMDQzIDYuMzQ5IDguMTQ1QzYuNDUxIDguMjQ3IDYuNTAyIDguMzczIDYuNTAyIDguNTIzQzYuNTAyIDguNjczIDYuNDUxIDguNzk5IDYuMzQ5IDguOTAxQzYuMjUzIDguOTk3IDYuMTMgOS4wNDUgNS45OCA5LjA0NUM1LjgzIDkuMDQ1IDUuNzA0IDguOTk3IDUuNjAyIDguOTAxWiIgZmlsbD0iI0VGM0IyNCIvPgo8L3N2Zz4K) no-repeat center/contain; font-size: 14px; line-height: 20px; color: #14191a; } .flat-d-about__offer-tooltip-wrap { position: absolute; top: 0; right: -26px; z-index: 3; width: 283px; padding-bottom: 20px; opacity: 0; -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); -webkit-transition: .3s; transition: .3s; pointer-events: none; } .flat-d-about__offer-tooltip-wrap._wide { width: auto; } .flat-d-about__offer-tooltip-wrap._wide .flat-d-about__offer-item { white-space: nowrap; } .flat-d-about__offer-tooltip-block { position: relative; padding: 24px; background-color: white; -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); -webkit-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); cursor: default; } .flat-d-about__offer-tooltip-block:before { content: ""; position: absolute; display: block; right: 22px; bottom: -10px; border-top: 11px solid white; border-right: 12px solid transparent; border-left: 12px solid transparent; } .flat-d-about__pins { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; cursor: pointer; } .flat-d-about__pins._hidden { opacity: 0; } .flat-d-about__pin { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; cursor: pointer; } .flat-d-about__pin:hover .flat-d-about__pin-icon { -webkit-transform: scale(1.1); transform: scale(1.1); } .flat-d-about__pin:hover .flat-d-about__pin-icon:before { -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9); transform: translate3d(-50%, -50%, 0) scale(0.9); } .flat-d-about__pin:hover .flat-d-about__pin-body { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } .flat-d-about__pin:hover .flat-d-about__pin-body._bottom { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .flat-d-about__pin._active .flat-d-about__pin-icon { opacity: 1; } .flat-d-about__pin-icon { position: relative; width: var(--pin-size); height: var(--pin-size); border: 1px solid #ef3b24; border-radius: 50%; background: white; opacity: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity .3s ease, width .1s ease-out, height .1s ease-out, -webkit-transform .3s ease-out; transition: opacity .3s ease, width .1s ease-out, height .1s ease-out, -webkit-transform .3s ease-out; transition: opacity .3s ease, transform .3s ease-out, width .1s ease-out, height .1s ease-out; transition: opacity .3s ease, transform .3s ease-out, width .1s ease-out, height .1s ease-out, -webkit-transform .3s ease-out; } .flat-d-about__pin-icon:before { content: ""; position: absolute; top: 50%; left: 50%; width: 40%; height: 40%; background-color: #ef3b24; border-radius: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); -webkit-transition: width .1s ease-out, height .1s ease-out, -webkit-transform .3s ease-out; transition: width .1s ease-out, height .1s ease-out, -webkit-transform .3s ease-out; transition: transform .3s ease-out, width .1s ease-out, height .1s ease-out; transition: transform .3s ease-out, width .1s ease-out, height .1s ease-out, -webkit-transform .3s ease-out; } .flat-d-about__pin-body { position: absolute; z-index: 3; bottom: 30px; padding: 24px; max-width: 372px; width: -webkit-max-content; width: -moz-max-content; width: max-content; background-color: white; border-radius: 4px; font-size: 14px; line-height: 20px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); -webkit-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } @media only screen and (max-width: 750px) { .flat-d-about__pin-body { display: none; } } .flat-d-about__pin-body:before { content: ""; position: absolute; display: block; left: calc(50% - 8px); bottom: -7px; border-top: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; } .flat-d-about__pin-body._right:before { left: 2px; } .flat-d-about__pin-body._left:before { left: auto; right: 0; } .flat-d-about__pin-body._bottom { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .flat-d-about__pin-body._bottom:before { bottom: calc(100% - 2px); border-top: none; border-bottom: 8px solid #fff; } .flat-d-about__pin-title { margin-bottom: 12px; font-weight: 500; } .flat-d-about__sun-toggle { position: absolute; top: 32px; left: 0; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; height: auto; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-d-about__sun-toggle { top: 336px; left: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (hover), (min-width: 0 \0) { .flat-d-about__sun-toggle:hover .flat-d-about__sun-toggle-switch { background-color: #8a8c8d; } } .flat-d-about__sun-toggle._hidden { opacity: 0; pointer-events: none; } .flat-d-about__sun-toggle._active .flat-d-about__sun-toggle-switch { background-color: #3b4658; } .flat-d-about__sun-toggle._active .flat-d-about__sun-toggle-switch:after { -webkit-transform: translate3d(18px, -50%, 0); transform: translate3d(18px, -50%, 0); } @media only screen and (max-width: 750px) { .flat-d-about__sun-toggle._active .flat-d-about__sun-toggle-switch:after { -webkit-transform: translate3d(23px, -50%, 0); transform: translate3d(23px, -50%, 0); } } @media (hover), (min-width: 0 \0) { .flat-d-about__sun-toggle._active:hover .flat-d-about__sun-toggle-switch { background-color: #626b79; } } .flat-d-about__sun-toggle-icn { width: 36px; height: 36px; fill: #ffc046; stroke: #ffc046; -webkit-transition: fill .3s ease, stroke .3s ease; transition: fill .3s ease, stroke .3s ease; } @media only screen and (max-width: 750px) { .flat-d-about__sun-toggle-icn { width: 44px; height: 44px; } } .flat-d-about__sun-toggle-switch { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 36px; height: 20px; margin-left: 16px; border-radius: 12.5px; background-color: #b9babb; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } @media only screen and (max-width: 750px) { .flat-d-about__sun-toggle-switch { width: 48px; height: 28px; margin-top: 12px; margin-left: 0; border-radius: 33px; } } .flat-d-about__sun-toggle-switch:after { content: ""; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; background-color: white; border-radius: 50%; -webkit-transform: translate3d(2px, -50%, 0); transform: translate3d(2px, -50%, 0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .flat-d-about__sun-toggle-switch:after { width: 22px; height: 22px; -webkit-transform: translate3d(3px, -50%, 0); transform: translate3d(3px, -50%, 0); } } .flat-d-about__sun-times { position: absolute; top: 679px; left: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 74px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; pointer-events: none; } @media only screen and (max-width: 750px) { .flat-d-about__sun-times { top: 340px; right: 12px; left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 97px; background-color: white; } } .flat-d-about__sun-times:after { content: ""; position: absolute; top: 32px; left: 0; z-index: -1; width: 100%; height: calc(100% - 32px); background-color: white; } @media only screen and (max-width: 750px) { .flat-d-about__sun-times:after { display: none; } } .flat-d-about__sun-times._active { opacity: 1; pointer-events: all; } .flat-d-about__sun-times._hidden { opacity: 0; pointer-events: none; } .flat-d-about__sun-times._big { height: 88px; } @media only screen and (max-width: 750px) { .flat-d-about__sun-times._big { height: 94px; } } .flat-d-about__sun-times-body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 240px; margin: 0 -4px; } @media only screen and (max-width: 750px) { .flat-d-about__sun-times-body { width: 204px; margin-bottom: 9px; } } .flat-d-about__sun-times-body:after { content: ""; position: absolute; top: 12px; left: 0; width: 100%; height: 1px; background-color: #d4d4d4; } .flat-d-about__sun-times-item { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 4px; background-color: white; cursor: pointer; } @media (hover), (min-width: 0 \0) { .flat-d-about__sun-times-item:hover .flat-d-about__sun-times-item-icn { border-color: #767e8b; } .flat-d-about__sun-times-item:hover .flat-d-about__sun-times-item-icn:before { opacity: 1; background-color: #d8dade; } } .flat-d-about__sun-times-item._active .flat-d-about__sun-times-item-icn { border-color: #ffc046; } .flat-d-about__sun-times-item._active .flat-d-about__sun-times-item-icn:before { opacity: 1; } .flat-d-about__sun-times-item._active .flat-d-about__sun-times-item-text { color: #14191a; } @media (hover), (min-width: 0 \0) { .flat-d-about__sun-times-item._active:hover .flat-d-about__sun-times-item-icn:before { background-color: #ffc046; } } .flat-d-about__sun-times-item-icn { position: relative; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #3b4658; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; } .flat-d-about__sun-times-item-icn:before { content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; border-radius: 50%; background-color: #ffc046; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 0; } .flat-d-about__sun-times-item-text { margin-top: 6px; line-height: 26px; color: #8a8c8d; -webkit-transition: color .3s ease; transition: color .3s ease; } .flat-d-about__sun-circle { position: absolute; top: 40px; left: 28px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .flat-d-about__sun-circle { top: 26px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } .flat-d-about__sun-circle._active { z-index: 1; opacity: 1; } .flat-d-about__sun-circle._hidden { opacity: 0; pointer-events: none; } .flat-d-about__sun-circle-el { position: absolute; z-index: 1; width: 100%; height: 100%; -webkit-transition: -webkit-transform .8s ease; transition: -webkit-transform .8s ease; transition: transform .8s ease; transition: transform .8s ease, -webkit-transform .8s ease; } .flat-d-about__sun-circle-item { position: absolute; top: 0; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 72px; height: 32px; border: 2px solid rgba(255, 192, 70, 0.7); border-radius: 41px; background: white; font-size: 12px; -webkit-transform: translate3d(-50%, -38%, 0); transform: translate3d(-50%, -38%, 0); } @media only screen and (max-width: 750px) { .flat-d-about__sun-circle-item { width: 53px; height: 21px; font-size: 10px; } } .flat-d-about__sun-circle-icon { position: absolute; top: 0; left: 50%; width: 46px; height: 46px; -webkit-transform: translate3d(-50%, -42%, 0) rotate(180deg); transform: translate3d(-50%, -42%, 0) rotate(180deg); } @media only screen and (max-width: 750px) { .flat-d-about__sun-circle-icon { width: 32px; height: 32px; -webkit-transform: translate3d(-50%, -44%, 0) rotate(180deg); transform: translate3d(-50%, -44%, 0) rotate(180deg); } } .flat-d-about__sun-circle-icon:before, .flat-d-about__sun-circle-icon:after { content: ""; position: absolute; bottom: 50%; left: 50%; z-index: -1; width: 1px; height: 100px; border-left: 1px dashed rgba(255, 192, 70, 0.6); -webkit-transform-origin: bottom left; transform-origin: bottom left; } @media only screen and (max-width: 750px) { .flat-d-about__sun-circle-icon:before, .flat-d-about__sun-circle-icon:after { height: 42px; } } .flat-d-about__sun-circle-icon:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .flat-d-about__sun-circle-icon:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .flat-d-about__sun-circle-icon svg { width: 100%; height: 100%; fill: #ffc046; stroke: #ffc046; } .flat-d-about__sun-circle-line { width: 655px; height: 655px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjI0IiBoZWlnaHQ9IjYyNCIgdmlld0JveD0iMCAwIDYyNCA2MjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTk5LjMzNCAxOTZDNTk5Ljg0NiAxOTcuMjY0IDYwMC4zNDkgMTk4LjUzMSA2MDAuODQ1IDE5OS44MDJMNTk4Ljk4MSAyMDAuNTI4QzU5OC40ODkgMTk5LjI2NiA1OTcuOTg5IDE5OC4wMDYgNTk3LjQ4IDE5Ni43NUw1OTkuMzM0IDE5NlpNMjMuMzE0OCAxOTkuMzlDMjMuNjg5NSAxOTguNDI5IDI0LjA2ODUgMTk3LjQ3IDI0LjQ1MTkgMTk2LjUxNEwyNi4zMDgyIDE5Ny4yNThDMjUuOTI3MyAxOTguMjA4IDI1LjU1MDcgMTk5LjE2IDI1LjE3ODUgMjAwLjExNkwyMy4zMTQ4IDE5OS4zOVpNMTkuMDUyOCAyMTEuMDAyQzE5LjcyNjMgMjA5LjA0OSAyMC40MTc2IDIwNy4xMDcgMjEuMTI2NSAyMDUuMTc1TDIzLjAwNDEgMjA1Ljg2NEMyMi4yOTk4IDIwNy43ODMgMjEuNjEyOCAyMDkuNzEzIDIwLjk0MzYgMjExLjY1NEwxOS4wNTI4IDIxMS4wMDJaTTYwMy43MTcgMjA3LjQ2NkM2MDQuNjQxIDIxMC4wMzIgNjA1LjUzMSAyMTIuNjExIDYwNi4zODcgMjE1LjIwMkw2MDQuNDg4IDIxNS44MjlDNjAzLjYzNyAyMTMuMjU0IDYwMi43NTMgMjEwLjY5MiA2MDEuODM1IDIwOC4xNDNMNjAzLjcxNyAyMDcuNDY2Wk0xNi4xNTc5IDIxOS44MTZDMTYuNDY1NSAyMTguODMxIDE2Ljc3NzYgMjE3Ljg0OSAxNy4wOTQxIDIxNi44NjlMMTguOTk3MyAyMTcuNDgzQzE4LjY4MjggMjE4LjQ1NyAxOC4zNzI3IDIxOS40MzMgMTguMDY3MSAyMjAuNDEyQzE3LjY2NDQgMjIxLjcwMSAxNy4yNzA2IDIyMi45OTIgMTYuODg1NyAyMjQuMjgzTDE0Ljk2OTEgMjIzLjcxMkMxNS4zNTY0IDIyMi40MTIgMTUuNzUyNyAyMjEuMTE0IDE2LjE1NzkgMjE5LjgxNkwxNi4xNTc5IDIxOS44MTZaTTYwOC44NTEgMjIzLjAwNkM2MDkuNjM4IDIyNS42MTYgNjEwLjM5MSAyMjguMjM4IDYxMS4xMSAyMzAuODcyTDYwOS4xOCAyMzEuMzk4QzYwOC40NjYgMjI4Ljc4MiA2MDcuNzE4IDIyNi4xNzYgNjA2LjkzNyAyMjMuNTgyTDYwOC44NTEgMjIzLjAwNlpNMTAuNzM3IDIzOS4zN0MxMS4zNzMgMjM2Ljc0OSAxMi4wNDQ2IDIzNC4xMyAxMi43NTIxIDIzMS41MTNMMTQuNjgyOCAyMzIuMDM0QzEzLjk3OTggMjM0LjYzNSAxMy4zMTI1IDIzNy4yMzcgMTIuNjgwNiAyMzkuODQxTDEwLjczNyAyMzkuMzdaTTYxMy4xNiAyMzguNzk1QzYxMy44MDcgMjQxLjQ0MyA2MTQuNDIxIDI0NC4xMDEgNjE0Ljk5OSAyNDYuNzY5TDYxMy4wNDQgMjQ3LjE5M0M2MTIuNDcgMjQ0LjU0MiA2MTEuODYgMjQxLjkwMSA2MTEuMjE3IDIzOS4yN0w2MTMuMTYgMjM4Ljc5NVpNNy4zMjI4NCAyNTUuMjI3QzcuODIxNzQgMjUyLjU3NiA4LjM1NjQgMjQ5LjkyNCA4LjkyNzE0IDI0Ny4yNzRMMTAuODgyMyAyNDcuNjk1QzEwLjMxNTMgMjUwLjMyOCA5Ljc4NDA0IDI1Mi45NjIgOS4yODgzNiAyNTUuNTk3TDcuMzIyODQgMjU1LjIyN1pNNjE2LjYyNyAyNTQuNzg5QzYxNy4xMzQgMjU3LjQ2NyA2MTcuNjA2IDI2MC4xNTQgNjE4LjA0MiAyNjIuODVMNjE2LjA2OCAyNjMuMTY5QzYxNS42MzQgMjYwLjQ5MSA2MTUuMTY1IDI1Ny44MjEgNjE0LjY2MiAyNTUuMTYxTDYxNi42MjcgMjU0Ljc4OVpNNC43NDE5NCAyNzEuMjQxQzUuMTAxMzkgMjY4LjU2NiA1LjQ5NjY4IDI2NS44ODkgNS45MjgxNCAyNjMuMjEzTDcuOTAyNjYgMjYzLjUzMUM3LjQ3Mzk5IDI2Ni4xOSA3LjA4MTI1IDI2OC44NDkgNi43MjQxMyAyNzEuNTA3TDQuNzQxOTQgMjcxLjI0MVpNNjE5LjI0MyAyNzAuOTQ2QzYxOS42MDcgMjczLjY0NiA2MTkuOTM1IDI3Ni4zNTQgNjIwLjIyOCAyNzkuMDY5TDYxOC4yMzkgMjc5LjI4NEM2MTcuOTQ5IDI3Ni41ODYgNjE3LjYyMiAyNzMuODk2IDYxNy4yNjEgMjcxLjIxMkw2MTkuMjQzIDI3MC45NDZaTTMuMDA1NzMgMjg3LjM2OUMzLjIyNCAyODQuNjc3IDMuNDc4MTIgMjgxLjk4MyAzLjc2ODQgMjc5LjI4N0w1Ljc1NjkgMjc5LjUwMUM1LjQ2ODUxIDI4Mi4xNzkgNS4yMTYwNCAyODQuODU2IDQuOTk5MTggMjg3LjUzTDMuMDA1NzMgMjg3LjM2OVpNNjIwLjk5NyAyODcuMjE2QzYyMS4yMTcgMjg5LjkzMiA2MjEuNDAxIDI5Mi42NTQgNjIxLjU0OSAyOTUuMzgyTDYxOS41NTIgMjk1LjQ5QzYxOS40MDUgMjkyLjc4IDYxOS4yMjIgMjkwLjA3NiA2MTkuMDAzIDI4Ny4zNzhMNjIwLjk5NyAyODcuMjE2Wk0yLjEyMTY2IDMwMy41NjVDMi4xOTc3IDMwMC44NjQgMi4zMDk0OCAyOTguMTYgMi40NTczMyAyOTUuNDUzTDQuNDU0MzQgMjk1LjU2MkM0LjMwNzQ1IDI5OC4yNTEgNC4xOTY0IDMwMC45MzggNC4xMjA4NiAzMDMuNjIxTDIuMTIxNjYgMzAzLjU2NVpNNjIxLjg4MyAzMDMuNTU5QzYyMS45NTggMzA2LjI4MiA2MjEuOTk3IDMwOS4wMSA2MjIgMzExLjc0Mkw2MjAgMzExLjc0NEM2MTkuOTk4IDMwOS4wMyA2MTkuOTU5IDMwNi4zMiA2MTkuODg0IDMwMy42MTVMNjIxLjg4MyAzMDMuNTU5Wk0yLjA5MzM5IDMxOS43ODVDMi4wMjY3NSAzMTcuMDgzIDEuOTk1NjcgMzE0LjM3NiAyLjAwMDQ4IDMxMS42NjVMNC4wMDA0NyAzMTEuNjY5QzMuOTk1NjggMzE0LjM2MiA0LjAyNjU2IDMxNy4wNTEgNC4wOTI3NyAzMTkuNzM2TDIuMDkzMzkgMzE5Ljc4NVpNNjIxLjg5OSAzMTkuOTI0QzYyMS44MjkgMzIyLjY0NyA2MjEuNzIyIDMyNS4zNzMgNjIxLjU3OSAzMjguMTAyTDYxOS41ODIgMzI3Ljk5N0M2MTkuNzI0IDMyNS4yODYgNjE5LjgzIDMyMi41NzggNjE5Ljg5OSAzMTkuODczTDYyMS44OTkgMzE5LjkyNFpNMi45MjEwMSAzMzUuOTg0QzIuNzExOTUgMzMzLjI5IDIuNTM4MTYgMzMwLjU4OSAyLjM5OTk2IDMyNy44ODNMNC4zOTczNSAzMjcuNzgxQzQuNTM0NjQgMzMwLjQ2OSA0LjcwNzMgMzMzLjE1MyA0LjkxNTAxIDMzNS44M0wyLjkyMTAxIDMzNS45ODRaTTYyMS4wNDIgMzM2LjI2OUM2MjAuODI4IDMzOC45ODMgNjIwLjU3NiAzNDEuNyA2MjAuMjg5IDM0NC40MTlMNjE4LjMgMzQ0LjIwOEM2MTguNTg2IDM0MS41MDcgNjE4LjgzNSAzMzguODA4IDYxOS4wNDkgMzM2LjExMUw2MjEuMDQyIDMzNi4yNjlaTTQuNjAxMzMgMzUyLjExN0M0LjI1MDcgMzQ5LjQzOCAzLjkzNDk4IDM0Ni43NTEgMy42NTQ0OCAzNDQuMDU4TDUuNjQzNzIgMzQzLjg1MUM1LjkyMjM5IDM0Ni41MjcgNi4yMzYwNyAzNDkuMTk2IDYuNTg0NDIgMzUxLjg1OEw0LjYwMTMzIDM1Mi4xMTdaTTYxOS4zMTkgMzUyLjU0M0M2MTguOTYgMzU1LjI0MSA2MTguNTY1IDM1Ny45NCA2MTguMTM0IDM2MC42NEw2MTYuMTU5IDM2MC4zMjRDNjE2LjU4OCAzNTcuNjQyIDYxNi45OCAzNTQuOTYxIDYxNy4zMzYgMzUyLjI4TDYxOS4zMTkgMzUyLjU0M1pNNy4xMjgxOSAzNjguMTM5QzYuNjM3MjggMzY1LjQ4MiA2LjE4MDg0IDM2Mi44MTcgNS43NTkyIDM2MC4xNDNMNy43MzQ3OSAzNTkuODMyQzguMTUzNjkgMzYyLjQ4OCA4LjYwNzE4IDM2NS4xMzYgOS4wOTQ5MSAzNjcuNzc2TDcuMTI4MTkgMzY4LjEzOVpNNjE2LjczNSAzNjguNzAzQzYxNi4yMzQgMzcxLjM3OSA2MTUuNjk3IDM3NC4wNTQgNjE1LjEyNCAzNzYuNzI4TDYxMy4xNjggMzc2LjMwOUM2MTMuNzM4IDM3My42NTIgNjE0LjI3MiAzNzAuOTk0IDYxNC43NjkgMzY4LjMzNkw2MTYuNzM1IDM2OC43MDNaTTEwLjQ5MjggMzg0LjAwNkM5Ljg2MzI1IDM4MS4zNzkgOS4yNjc3MiAzNzguNzQyIDguNzA2NSAzNzYuMDk1TDEwLjY2MyAzNzUuNjhDMTEuMjIwNiAzNzguMzEgMTEuODEyMyAzODAuOTMgMTIuNDM3OCAzODMuNTRMMTAuNDkyOCAzODQuMDA2Wk02MTMuMzAyIDM4NC43MDdDNjEyLjY2MiAzODcuMzUxIDYxMS45ODYgMzg5Ljk5MyA2MTEuMjczIDM5Mi42MzNMNjA5LjM0MiAzOTIuMTEyQzYxMC4wNSAzODkuNDg5IDYxMC43MjIgMzg2Ljg2NCA2MTEuMzU4IDM4NC4yMzdMNjEzLjMwMiAzODQuNzA3Wk0xNC42ODM5IDM5OS42NzZDMTMuOTE3OCAzOTcuMDg1IDEzLjE4NTEgMzk0LjQ4MyAxMi40ODYzIDM5MS44N0wxNC40MTg0IDM5MS4zNTNDMTUuMTEyNyAzOTMuOTQ5IDE1Ljg0MDcgMzk2LjUzNSAxNi42MDE5IDM5OS4xMDlMMTQuNjgzOSAzOTkuNjc2Wk02MDkuMDM4IDQwMC41MDRDNjA4LjY0OCA0MDEuODExIDYwOC4yNSA0MDMuMTE2IDYwNy44NDIgNDA0LjQyMkM2MDcuNDM3IDQwNS43MTkgNjA3LjAyNCA0MDcuMDEzIDYwNi42MDMgNDA4LjMwMUw2MDQuNzAyIDQwNy42ODFDNjA1LjEyIDQwNi40MDEgNjA1LjUzIDQwNS4xMTYgNjA1LjkzMyA0MDMuODI2QzYwNi4zMzggNDAyLjUyOSA2MDYuNzM0IDQwMS4yMzEgNjA3LjEyMSAzOTkuOTMzTDYwOS4wMzggNDAwLjUwNFpNMTkuNjg4NCA0MTUuMTA1QzE4Ljc4OCA0MTIuNTU3IDE3LjkyMDQgNDA5Ljk5NyAxNy4wODYxIDQwNy40MjVMMTguOTg4NiA0MDYuODA4QzE5LjgxNzYgNDA5LjM2NCAyMC42Nzk1IDQxMS45MDggMjEuNTc0MiA0MTQuNDM5TDE5LjY4ODQgNDE1LjEwNVpNNjAzLjk4OCA0MTUuOTc4QzYwMy4wOCA0MTguNTMzIDYwMi4xNDIgNDIxLjA2OSA2MDEuMTc0IDQyMy41ODZMNTk5LjMwNyA0MjIuODY4QzYwMC4yNjkgNDIwLjM2OCA2MDEuMjAxIDQxNy44NDggNjAyLjEwMyA0MTUuMzA5TDYwMy45ODggNDE1Ljk3OFpNMjUuNDkxNSA0MzAuMjU0QzI0LjQ1OTIgNDI3Ljc1NiAyMy40NTkyIDQyNS4yNDQgMjIuNDkxOSA0MjIuNzE5TDI0LjM1OTYgNDIyLjAwNEMyNS4zMjA3IDQyNC41MTMgMjYuMzE0MyA0MjcuMDA5IDI3LjM0IDQyOS40OUwyNS40OTE1IDQzMC4yNTRaTTU5OC4xNjUgNDMxLjExNkM1OTcuMTI2IDQzMy42MiA1OTYuMDU3IDQzNi4xMDUgNTk0Ljk1OSA0MzguNTY5TDU5My4xMzIgNDM3Ljc1NkM1OTQuMjIzIDQzNS4zMDcgNTk1LjI4NSA0MzIuODM4IDU5Ni4zMTcgNDMwLjM1TDU5OC4xNjUgNDMxLjExNlpNMzIuMDc1NyA0NDUuMDc5QzMwLjkxNDUgNDQyLjYzOCAyOS43ODQ5IDQ0MC4xODEgMjguNjg3NCA0MzcuNzFMMzAuNTE1MyA0MzYuODk5QzMxLjYwNTggNDM5LjM1NCAzMi43MjgxIDQ0MS43OTUgMzMuODgxOSA0NDQuMjIxTDMyLjA3NTcgNDQ1LjA3OVpNNTkxLjU2MSA0NDUuOTNDNTkwLjM5MyA0NDguMzc3IDU4OS4xOTUgNDUwLjgwMyA1ODcuOTY5IDQ1My4yMDhMNTg2LjE4NyA0NTIuMjk5QzU4Ny40MDYgNDQ5LjkxIDU4OC41OTYgNDQ3LjUgNTg5Ljc1NyA0NDUuMDY5TDU5MS41NjEgNDQ1LjkzWk0zOS40MjI0IDQ1OS41NDJDMzguMTM1NSA0NTcuMTY0IDM2Ljg3OTYgNDU0Ljc3IDM1LjY1NSA0NTIuMzU5TDM3LjQzODMgNDUxLjQ1NEMzOC42NTUgNDUzLjg0OSAzOS45MDI5IDQ1Ni4yMjggNDEuMTgxNSA0NTguNTkxTDM5LjQyMjQgNDU5LjU0MlpNNTg0LjE5MSA0NjAuMzc5QzU4Mi44OTYgNDYyLjc2MSA1ODEuNTcyIDQ2NS4xMjEgNTgwLjIxOSA0NjcuNDU5TDU3OC40ODggNDY2LjQ1OEM1NzkuODMxIDQ2NC4xMzYgNTgxLjE0NyA0NjEuNzkxIDU4Mi40MzQgNDU5LjQyNEw1ODQuMTkxIDQ2MC4zNzlaTTQ3LjUxMTYgNDczLjYwM0M0Ni4xMDI2IDQ3MS4yOTUgNDQuNzIzOCA0NjguOTY5IDQzLjM3NTcgNDY2LjYyNkw0NS4xMDk0IDQ2NS42MjlDNDYuNDQ4OSA0NjcuOTU3IDQ3LjgxODggNDcwLjI2OSA0OS4yMTg4IDQ3Mi41NjJMNDcuNTExNiA0NzMuNjAzWk01NzYuMDcgNDc0LjQyQzU3NC42NTEgNDc2LjczIDU3My4yMDQgNDc5LjAxOCA1NzEuNzMgNDgxLjI4M0w1NzAuMDU0IDQ4MC4xOTJDNTcxLjUxOSA0NzcuOTQyIDU3Mi45NTYgNDc1LjY2OSA1NzQuMzY2IDQ3My4zNzRMNTc2LjA3IDQ3NC40MlpNNTYuMzIyIDQ4Ny4yMjRDNTQuNzk0NSA0ODQuOTkzIDUzLjI5NjcgNDgyLjc0MiA1MS44Mjg3IDQ4MC40NzJMNTMuNTA4MiA0NzkuMzg3QzU0Ljk2NjcgNDgxLjY0MSA1Ni40NTUgNDgzLjg3OCA1Ny45NzI2IDQ4Ni4wOTVMNTYuMzIyIDQ4Ny4yMjRaTTU2Ny4yMiA0ODguMDEzQzU2NS42ODIgNDkwLjI0NiA1NjQuMTE2IDQ5Mi40NTUgNTYyLjUyMyA0OTQuNjM5TDU2MC45MDcgNDkzLjQ2MkM1NjIuNDg5IDQ5MS4yOTEgNTY0LjA0NSA0ODkuMDk3IDU2NS41NzQgNDg2Ljg3OUw1NjcuMjIgNDg4LjAxM1pNNjUuODMwNCA1MDAuMzY4QzY0LjE4ODYgNDk4LjIxOSA2Mi41NzU3IDQ5Ni4wNDkgNjAuOTkxOCA0OTMuODZMNjIuNjEyNSA0OTIuNjg5QzY0LjE4NjEgNDk0Ljg2NCA2NS43ODg3IDQ5Ny4wMTkgNjcuNDE5OSA0OTkuMTU1TDY1LjgzMDQgNTAwLjM2OFpNNTU3LjY2MyA1MDEuMTI1QzU1Ni4wMSA1MDMuMjcyIDU1NC4zMyA1MDUuMzk0IDU1Mi42MjUgNTA3LjQ5Mkw1NTEuMDczIDUwNi4yMzFDNTUyLjc2NyA1MDQuMTQ3IDU1NC40MzYgNTAyLjAzOCA1NTYuMDc4IDQ5OS45MDVMNTU3LjY2MyA1MDEuMTI1Wk03Ni4wMTIzIDUxMi45OThDNzQuMjYwMSA1MTAuOTM3IDcyLjUzNTkgNTA4Ljg1NSA3MC44NCA1MDYuNzUxTDcyLjM5NzMgNTA1LjQ5N0M3NC4wODIzIDUwNy41ODcgNzUuNzk1MyA1MDkuNjU2IDc3LjUzNjIgNTExLjcwM0w3Ni4wMTIzIDUxMi45OThaTTU0Ny40MjcgNTEzLjcxNUM1NDUuNjY0IDUxNS43NyA1NDMuODc2IDUxNy44IDU0Mi4wNjMgNTE5LjgwNUw1NDAuNTc5IDUxOC40NjRDNTQyLjM4IDUxNi40NzMgNTQ0LjE1NyA1MTQuNDU2IDU0NS45MDkgNTEyLjQxM0w1NDcuNDI3IDUxMy43MTVaTTg2Ljg0MTQgNTI1LjA3OUM4NC45ODMxIDUyMy4xMTIgODMuMTUyIDUyMS4xMjIgODEuMzQ4NCA1MTkuMTFMODIuODM3OSA1MTcuNzc2Qzg0LjYyOTkgNTE5Ljc3NSA4Ni40NDkyIDUyMS43NTIgODguMjk1NCA1MjMuNzA2TDg2Ljg0MTQgNTI1LjA3OVpNNTM2LjU0MyA1MjUuNzQ3QzUzNC42NzUgNTI3LjcwNyA1MzIuNzgzIDUyOS42MzkgNTMwLjg2NyA1MzEuNTQ1TDUyOS40NTYgNTMwLjEyOEM1MzEuMzYgNTI4LjIzNSA1MzMuMjM5IDUyNi4zMTQgNTM1LjA5NSA1MjQuMzY4TDUzNi41NDMgNTI1Ljc0N1pNOTguMjg5NyA1MzYuNTc1Qzk2LjMyOTkgNTM0LjcwOCA5NC4zOTY1IDUzMi44MTcgOTIuNDg5NyA1MzAuOTAyTDkzLjkwNzIgNTI5LjQ5MUM5NS44MDE2IDUzMS4zOTQgOTcuNzIyNSA1MzMuMjczIDk5LjY2OTYgNTM1LjEyOEw5OC4yODk3IDUzNi41NzVaTTUyNS4wNDIgNTM3LjE5MUM1MjMuMDc0IDUzOS4wNDkgNTIxLjA4NCA1NDAuODc5IDUxOS4wNzEgNTQyLjY4Mkw1MTcuNzM2IDU0MS4xOTNDNTE5LjczNiA1MzkuNDAyIDUyMS43MTQgNTM3LjU4MyA1MjMuNjY5IDUzNS43MzhMNTI1LjA0MiA1MzcuMTkxWk0xMTAuMzI3IDU0Ny40NTZDMTA4LjI3MSA1NDUuNjkzIDEwNi4yNCA1NDMuOTA1IDEwNC4yMzUgNTQyLjA5M0wxMDUuNTc2IDU0MC42MUMxMDcuNTY4IDU0Mi40MTEgMTA5LjU4NiA1NDQuMTg3IDExMS42MjkgNTQ1LjkzOEwxMTAuMzI3IDU0Ny40NTZaTTUxMi45NTcgNTQ4LjAxNkM1MTAuODk1IDU0OS43NjggNTA4LjgxMiA1NTEuNDkxIDUwNi43MDcgNTUzLjE4N0w1MDUuNDUyIDU1MS42M0M1MDcuNTQzIDU0OS45NDYgNTA5LjYxMyA1NDguMjMzIDUxMS42NjEgNTQ2LjQ5M0w1MTIuOTU3IDU0OC4wMTZaTTEyMi45MjIgNTU3LjY4OEMxMjAuNzc0IDU1Ni4wMzUgMTE4LjY1MSA1NTQuMzU2IDExNi41NTIgNTUyLjY1MUwxMTcuODE0IDU1MS4wOTlDMTE5Ljg5OCA1NTIuNzkzIDEyMi4wMDggNTU0LjQ2MSAxMjQuMTQyIDU1Ni4xMDNMMTIyLjkyMiA1NTcuNjg4Wk01MDAuMzIyIDU1OC4xOTRDNDk4LjE3MiA1NTkuODM1IDQ5Ni4wMDIgNTYxLjQ0OCA0OTMuODExIDU2My4wMzFMNDkyLjYzOSA1NjEuNDExQzQ5NC44MTUgNTU5LjgzOCA0OTYuOTcyIDU1OC4yMzYgNDk5LjEwOCA1NTYuNjA1TDUwMC4zMjIgNTU4LjE5NFpNMTM2LjAzOCA1NjcuMjQxQzEzMy44MDUgNTY1LjcwMyAxMzEuNTk1IDU2NC4xMzggMTI5LjQxIDU2Mi41NDZMMTMwLjU4OCA1NjAuOTNDMTMyLjc1OSA1NjIuNTEyIDEzNC45NTQgNTY0LjA2NyAxMzcuMTczIDU2NS41OTVMMTM2LjAzOCA1NjcuMjQxWk00ODcuMTczIDU2Ny42OTlDNDg0Ljk0IDU2OS4yMjYgNDgyLjY4OSA1NzAuNzIzIDQ4MC40MTggNTcyLjE5MUw0NzkuMzMyIDU3MC41MTJDNDgxLjU4OCA1NjkuMDU0IDQ4My44MjUgNTY3LjU2NiA0ODYuMDQ0IDU2Ni4wNDlMNDg3LjE3MyA1NjcuNjk5Wk0xNDkuNjM3IDU3Ni4wODhDMTQ3LjMyNiA1NzQuNjY5IDE0NS4wMzcgNTczLjIyMyAxNDIuNzcxIDU3MS43NDlMMTQzLjg2MiA1NzAuMDczQzE0Ni4xMTMgNTcxLjUzOCAxNDguMzg3IDU3Mi45NzUgMTUwLjY4MyA1NzQuMzg0TDE0OS42MzcgNTc2LjA4OFpNNDczLjU0NyA1NzYuNTA2QzQ3MS4yMzggNTc3LjkxNSA0NjguOTExIDU3OS4yOTMgNDY2LjU2NiA1ODAuNjRMNDY1LjU2OSA1NzguOTA3QzQ2Ny44OTkgNTc3LjU2OCA0NzAuMjExIDU3Ni4xOTkgNDcyLjUwNSA1NzQuNzk5TDQ3My41NDcgNTc2LjUwNlpNMTYzLjY4NCA1ODQuMjA1QzE2MS4zMDEgNTgyLjkxIDE1OC45MzkgNTgxLjU4NyAxNTYuNiA1ODAuMjM1TDE1Ny42MDEgNTc4LjUwNEMxNTkuOTI1IDU3OS44NDcgMTYyLjI3MSA1ODEuMTYyIDE2NC42MzkgNTgyLjQ0OUwxNjMuNjg0IDU4NC4yMDVaTTQ1OS40OCA1ODQuNTkyQzQ1Ny4xMDEgNTg1Ljg3OSA0NTQuNzA2IDU4Ny4xMzQgNDUyLjI5NCA1ODguMzU4TDQ1MS4zODkgNTg2LjU3NUM0NTMuNzg1IDU4NS4zNTkgNDU2LjE2NSA1ODQuMTEyIDQ1OC41MjkgNTgyLjgzNEw0NTkuNDggNTg0LjU5MlpNMTc4LjEzOCA1OTEuNTczQzE3NS42OSA1OTAuNDA1IDE3My4yNjMgNTg5LjIwOCAxNzAuODU3IDU4Ny45ODFMMTcxLjc2NiA1ODYuMkMxNzQuMTU2IDU4Ny40MTkgMTc2LjU2NyA1ODguNjA4IDE3OC45OTkgNTg5Ljc2OUwxNzguMTM4IDU5MS41NzNaTTQ0NS4wMTIgNTkxLjkzNkM0NDIuNTcgNTkzLjA5NyA0NDAuMTEyIDU5NC4yMjYgNDM3LjY0IDU5NS4zMjNMNDM2LjgyOCA1OTMuNDk2QzQzOS4yODUgNTkyLjQwNiA0NDEuNzI3IDU5MS4yODQgNDQ0LjE1MyA1OTAuMTNMNDQ1LjAxMiA1OTEuOTM2Wk0xOTIuOTU4IDU5OC4xNzRDMTkwLjQ1MiA1OTcuMTM1IDE4Ny45NjcgNTk2LjA2NyAxODUuNTAxIDU5NC45NjlMMTg2LjMxNSA1OTMuMTQzQzE4OC43NjUgNTk0LjIzNCAxOTEuMjM0IDU5NS4yOTUgMTkzLjcyNCA1OTYuMzI3TDE5Mi45NTggNTk4LjE3NFpNNDMwLjE4MSA1OTguNTE4QzQyNy42ODIgNTk5LjU0OSA0MjUuMTY5IDYwMC41NDkgNDIyLjY0MyA2MDEuNTE2TDQyMS45MjcgNTk5LjY0OUM0MjQuNDM3IDU5OC42ODggNDI2LjkzNCA1OTcuNjk1IDQyOS40MTcgNTk2LjY3TDQzMC4xODEgNTk4LjUxOFpNMjA4LjEwMSA2MDMuOTk0QzIwNS41NDUgNjAzLjA4NyAyMDMuMDA4IDYwMi4xNSAyMDAuNDkgNjAxLjE4MkwyMDEuMjA4IDU5OS4zMTZDMjAzLjcxIDYwMC4yNzcgMjA2LjIzMSA2MDEuMjA5IDIwOC43NyA2MDIuMTFMMjA4LjEwMSA2MDMuOTk0Wk00MTUuMDI2IDYwNC4zMThDNDEyLjQ3NyA2MDUuMjE5IDQwOS45MTYgNjA2LjA4NiA0MDcuMzQzIDYwNi45Mkw0MDYuNzI2IDYwNS4wMThDNDA5LjI4MyA2MDQuMTg5IDQxMS44MjcgNjAzLjMyOCA0MTQuMzYgNjAyLjQzM0w0MTUuMDI2IDYwNC4zMThaTTIxOS42NjIgNjA3Ljg0OEMyMTguMzY0IDYwNy40NDMgMjE3LjA3IDYwNy4wMyAyMTUuNzgxIDYwNi42MDlMMjE2LjQwMSA2MDQuNzA5QzIxNy42ODIgNjA1LjEyNyAyMTguOTY4IDYwNS41MzcgMjIwLjI1OCA2MDUuOTM5QzIyMS41NDggNjA2LjM0MiAyMjIuODM5IDYwNi43MzUgMjI0LjEzMSA2MDcuMTJMMjIzLjU1OSA2MDkuMDM2QzIyMi4yNiA2MDguNjQ5IDIyMC45NjEgNjA4LjI1MyAyMTkuNjYyIDYwNy44NDhaTTM5OS41OTEgNjA5LjMyMUMzOTYuOTk5IDYxMC4wODcgMzk0LjM5NiA2MTAuODE5IDM5MS43ODIgNjExLjUxOEwzOTEuMjY1IDYwOS41ODZDMzkzLjg2MiA2MDguODkyIDM5Ni40NDkgNjA4LjE2NSAzOTkuMDI0IDYwNy40MDRMMzk5LjU5MSA2MDkuMzIxWk0yMzkuMjI0IDYxMy4yNjdDMjM2LjYwMiA2MTIuNjMxIDIzMy45ODIgNjExLjk1OSAyMzEuMzY0IDYxMS4yNTJMMjMxLjg4NSA2MDkuMzIyQzIzNC40ODcgNjEwLjAyNSAyMzcuMDkgNjEwLjY5MiAyMzkuNjk1IDYxMS4zMjRMMjM5LjIyNCA2MTMuMjY3Wk0zODMuOTE1IDYxMy41MUMzODEuMjg3IDYxNC4xNCAzNzguNjQ5IDYxNC43MzUgMzc2LjAwMSA2MTUuMjk2TDM3NS41ODYgNjEzLjM0QzM3OC4yMTcgNjEyLjc4MyAzODAuODM4IDYxMi4xOTEgMzgzLjQ0OSA2MTEuNTY2TDM4My45MTUgNjEzLjUxWk0yNTUuMDg3IDYxNi42NzlDMjUyLjQzNCA2MTYuMTgxIDI0OS43ODIgNjE1LjY0NiAyNDcuMTMxIDYxNS4wNzZMMjQ3LjU1MiA2MTMuMTIxQzI1MC4xODYgNjEzLjY4OCAyNTIuODIxIDYxNC4yMTkgMjU1LjQ1NyA2MTQuNzE1TDI1NS4wODcgNjE2LjY3OVpNMzY4LjA0MiA2MTYuODc0QzM2NS4zODQgNjE3LjM2NCAzNjIuNzE4IDYxNy44MjEgMzYwLjA0MyA2MTguMjQyTDM1OS43MzIgNjE2LjI2N0MzNjIuMzg5IDYxNS44NDkgMzY1LjAzOCA2MTUuMzk1IDM2Ny42NzkgNjE0LjkwOEwzNjguMDQyIDYxNi44NzRaTTI3MS4xMDcgNjE5LjI1OUMyNjguNDMxIDYxOC45IDI2NS43NTMgNjE4LjUwNSAyNjMuMDc2IDYxOC4wNzNMMjYzLjM5NCA2MTYuMUMyNjYuMDU0IDYxNi41MjggMjY4LjcxNCA2MTYuOTIxIDI3MS4zNzMgNjE3LjI3OEwyNzEuMTA3IDYxOS4yNTlaTTM1Mi4wMTQgNjE5LjRDMzQ5LjMzNCA2MTkuNzUgMzQ2LjY0NiA2MjAuMDY2IDM0My45NTIgNjIwLjM0NkwzNDMuNzQ0IDYxOC4zNThDMzQ2LjQyMSA2MTguMDc5IDM0OS4wOTIgNjE3Ljc2NiAzNTEuNzU1IDYxNy40MTdMMzUyLjAxNCA2MTkuNFpNMjg3LjI0MSA2MjAuOTk1QzI4NC41NDggNjIwLjc3NyAyODEuODUzIDYyMC41MjIgMjc5LjE1NiA2MjAuMjMyTDI3OS4zNyA2MTguMjQ1QzI4Mi4wNDkgNjE4LjUzMyAyODQuNzI3IDYxOC43ODUgMjg3LjQwMiA2MTkuMDAyTDI4Ny4yNDEgNjIwLjk5NVpNMzM1Ljg3NSA2MjEuMDc5QzMzMy4xNzkgNjIxLjI4OCAzMzAuNDc4IDYyMS40NjIgMzI3Ljc3MSA2MjEuNkwzMjcuNjY5IDYxOS42MDRDMzMwLjM1OCA2MTkuNDY2IDMzMy4wNDIgNjE5LjI5NCAzMzUuNzIgNjE5LjA4NkwzMzUuODc1IDYyMS4wNzlaTTMwMy40NDMgNjIxLjg3OEMzMDAuNzQxIDYyMS44MDIgMjk4LjAzNiA2MjEuNjkxIDI5NS4zMjggNjIxLjU0M0wyOTUuNDM3IDYxOS41NDdDMjk4LjEyNyA2MTkuNjkzIDMwMC44MTUgNjE5LjgwNCAzMDMuNSA2MTkuODhMMzAzLjQ0MyA2MjEuODc4Wk0zMTkuNjcgNjIxLjkwN0MzMTYuOTY3IDYyMS45NzMgMzE0LjI1OSA2MjIuMDA0IDMxMS41NDcgNjIyTDMxMS41NSA2MjBDMzE0LjI0NCA2MjAuMDA1IDMxNi45MzUgNjE5Ljk3NCAzMTkuNjIxIDYxOS45MDhMMzE5LjY3IDYyMS45MDdaIiBmaWxsPSIjRkZDMDQ2Ii8+Cjwvc3ZnPgo=) no-repeat center/contain; opacity: .7; } @media only screen and (max-width: 750px) { .flat-d-about__sun-circle-line { width: 300px; height: 300px; } } .flat-d-about__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px 4px; padding: 8px 0; } @media only screen and (max-width: 750px) { .flat-d-about__tags { overflow-x: auto; } } .flat-d-about__tags::-webkit-scrollbar { display: none; } .flat-d-about__viewing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 16px 20px; margin-bottom: 16px; background-color: #f9f9f9; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-d-about__viewing { margin-bottom: 4px; } } .flat-d-about__viewing:hover .flat-d-about__viewing-link { color: #f26250; } .flat-d-about__viewing-text { max-width: 180px; color: #767e8b; } .flat-d-about__viewing-text span { color: #f26250; } .flat-d-about__viewing-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: -4px; color: #ef3b24; } .flat-d-about__viewing-link svg { width: 20px; height: 20px; margin-left: 4px; } .flat-d-about__info-val-black-friday { font-size: 16px; text-decoration: line-through; } .flat-d-about__info-val-black-friday._pointer { cursor: pointer; } .flat-d-about__tranche { width: 100%; background-color: #fff; -webkit-box-shadow: 0 16px 12px -12px rgba(20, 25, 26, 0.06), 0 4px 24px rgba(20, 25, 26, 0.04); box-shadow: 0 16px 12px -12px rgba(20, 25, 26, 0.06), 0 4px 24px rgba(20, 25, 26, 0.04); border-radius: 6px; } .flat-d-about__tranche:hover .flat-d-about__tranche-right { -webkit-transform: translateX(4px); transform: translateX(4px); } .flat-d-about__tranche-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 12px 16px 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-d-about__tranche-wrapper { padding-left: 16px; } } .flat-d-about__tranche-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; } @media only screen and (max-width: 750px) { .flat-d-about__tranche-left { margin-right: 5px; } } .flat-d-about__tranche-right { width: 24px; height: 24px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .flat-d-about__tranche-right { width: 18px; height: 20px; } } .flat-d-about__tranche-right svg { width: 24px; height: 24px; fill: #ef3b24; } @media only screen and (max-width: 750px) { .flat-d-about__tranche-right svg { width: 20px; height: 20px; } } .flat-d-about__tranche-percent { width: 24px; height: 24px; margin-right: 12px; } .flat-d-about__tranche-percent svg { height: 24px; width: 24px; fill: #ef3b24; } .flat-d-about__tranche-title { margin-bottom: 2px; font-size: 14px; font-weight: 500; line-height: 20px; color: #ef3b24; } .flat-d-about__tranche-subtitle { font-size: 12px; line-height: 20px; color: #434748; } .flat-d-about .tranche__modal { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .flat-d-about .tranche .modal__content { max-width: 600px; width: 100%; padding: 32px; border-radius: 4px; } @media only screen and (max-width: 750px) { .flat-d-about .tranche .modal__content { max-width: none; padding: 60px 20px 0; border-radius: 0; } } .flat-d-about .tranche__modal-wrapper { max-width: 700px; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__modal-wrapper { max-width: none; } } .flat-d-about .tranche__title { margin-bottom: 20px; font-size: 24px; line-height: 29px; font-weight: 500; font-family: "Grtsk-Exa", "Verdana", sans-serif; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__title { font-size: 21px; font-weight: 600; line-height: 28px; font-family: "Grtsk-Tera", "Verdana", sans-serif; } } .flat-d-about .tranche__subtitle { max-width: 500px; margin-bottom: 40px; font-size: 14px; line-height: 20px; color: #2c3031; } .flat-d-about .tranche__subtitle p:first-child { margin-bottom: 10px; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__subtitle { margin-bottom: 32px; } } .flat-d-about .tranche__table { width: 100%; margin-bottom: 12px; border-radius: 4px; border-collapse: collapse; -webkit-box-shadow: 0 0 0 1px #e1e1e1; box-shadow: 0 0 0 1px #e1e1e1; font-size: 12px; line-height: 20px; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__table { display: none; } } .flat-d-about .tranche__table th { font-weight: 500; } .flat-d-about .tranche__table td, .flat-d-about .tranche__table th { padding: 8px 16px; text-align: left; } .flat-d-about .tranche__table td:first-child { width: 236px; } .flat-d-about .tranche__table tbody { color: #434748; } .flat-d-about .tranche__table tbody tr { border-top: 1px solid #e1e1e1; } .flat-d-about .tranche__mobile-table { display: none; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__mobile-table { display: block; margin-bottom: 12px; border-radius: 4px; border: 1px solid #e1e1e1; } } .flat-d-about .tranche__mobile-table-row { padding: 20px 20px 24px; font-size: 14px; line-height: 20px; } .flat-d-about .tranche__mobile-table-row:not(:last-child) { border-bottom: 1px solid #e1e1e1; } .flat-d-about .tranche__mobile-table-top { margin-bottom: 12px; font-weight: 500; } .flat-d-about .tranche__mobile-table-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; color: #727576; } .flat-d-about .tranche__mobile-table-bottom span:first-child { margin-right: 30px; } .flat-d-about .tranche__caption { margin-bottom: 32px; font-size: 12px; line-height: 18px; color: #434748; } .flat-d-about .tranche__mortgage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 20px; margin-bottom: 40px; border-radius: 4px; border: 1px solid #e1e1e1; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__mortgage { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 16px; } } .flat-d-about .tranche__mortgage sup { top: 0; font-size: 100%; } .flat-d-about .tranche__mortgage-title { max-width: 237px; font-size: 14px; line-height: 20px; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__mortgage-title { margin-bottom: 24px; } } .flat-d-about .tranche__mortgage-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .flat-d-about .tranche__mortgage-item { width: 102px; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__mortgage-item { width: 120px; } } .flat-d-about .tranche__mortgage-item:first-child { margin-right: 12px; } .flat-d-about .tranche__mortgage-item-title { font-size: 12px; line-height: 20px; color: #727576; } .flat-d-about .tranche__mortgage-item-value { font-size: 14px; line-height: 20px; } .flat-d-about .tranche__mortgage-caption { font-size: 12px; line-height: 20px; color: #434748; } .flat-d-about .tranche__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .flat-d-about .tranche__more-btn { padding: 16px 32px; margin-right: 24px; border-radius: 4px; color: #fff; font-size: 14px; line-height: 20px; background-color: #ef3b24; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__more-btn { display: none; margin-right: 0; width: 100%; } } .flat-d-about .tranche__more-btn._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__more-btn._mobile { display: block; } } .flat-d-about .tranche__more-btn:hover { background-color: #f26250; } .flat-d-about .tranche__bottom-text { color: #434748; font-size: 12px; line-height: 18px; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__bottom-text { margin-bottom: 32px; } } .flat-d-about .tranche__sticky-container { display: none; } @media only screen and (max-width: 750px) { .flat-d-about .tranche__sticky-container { display: block; position: sticky; bottom: 0; padding-bottom: 32px; background-color: #fff; } } .flat-d-about-map { height: 100%; width: 100%; pointer-events: all; } .flat-d-about-map.leaflet-container .leaflet-control-attribution { visibility: hidden; pointer-events: none; } .flat-d-about-map svg g { stroke: #bcbec0; } .flat-d-about-map svg g polygon, .flat-d-about-map svg g polyline, .flat-d-about-map svg g path, .flat-d-about-map svg g .roof, .flat-d-about-map svg g .st2 { -webkit-transition: fill .3s ease; transition: fill .3s ease; /*stylelint-disable*/ pointer-events: all !important; /*stylelint-enable*/ } .flat-d-about-map svg g .roof, .flat-d-about-map svg g .st2 { fill: #d1d2d4; } .flat-d-about-map svg g .front, .flat-d-about-map svg g .st1 { fill: #a7a9ac; } .flat-d-about-map svg g .side, .flat-d-about-map svg g .st3 { fill: #bcbdc0; } .flat-d-about-map svg g.avaible { cursor: pointer; } .flat-d-about-map svg g.avaible .roof, .flat-d-about-map svg g.avaible .st2 { fill: #fff; } .flat-d-about-map svg g.avaible polygon, .flat-d-about-map svg g.avaible polyline, .flat-d-about-map svg g.avaible path { fill: #fff; } .flat-d-about-map svg g.avaible polygon.front, .flat-d-about-map svg g.avaible polygon.st1, .flat-d-about-map svg g.avaible polyline.front, .flat-d-about-map svg g.avaible polyline.st1, .flat-d-about-map svg g.avaible path.front, .flat-d-about-map svg g.avaible path.st1 { fill: #dcddde; } .flat-d-about-map svg g.avaible polygon.side, .flat-d-about-map svg g.avaible polygon.st3, .flat-d-about-map svg g.avaible polyline.side, .flat-d-about-map svg g.avaible polyline.st3, .flat-d-about-map svg g.avaible path.side, .flat-d-about-map svg g.avaible path.st3 { fill: #f1f2f2; } .flat-d-about-map svg g.avaible:hover .roof, .flat-d-about-map svg g.avaible:hover .st2 { fill: #b0d361; } .flat-d-about-map svg g.avaible:hover polygon, .flat-d-about-map svg g.avaible:hover polyline, .flat-d-about-map svg g.avaible:hover path { fill: #b0d361; } .flat-d-about-map svg g.avaible:hover polygon.front, .flat-d-about-map svg g.avaible:hover polygon.st1, .flat-d-about-map svg g.avaible:hover polyline.front, .flat-d-about-map svg g.avaible:hover polyline.st1, .flat-d-about-map svg g.avaible:hover path.front, .flat-d-about-map svg g.avaible:hover path.st1 { fill: #84b144; } .flat-d-about-map svg g.avaible:hover polygon.side, .flat-d-about-map svg g.avaible:hover polygon.st3, .flat-d-about-map svg g.avaible:hover polyline.side, .flat-d-about-map svg g.avaible:hover polyline.st3, .flat-d-about-map svg g.avaible:hover path.side, .flat-d-about-map svg g.avaible:hover path.st3 { fill: #70982b; } .flat-d-about-map svg g.similar .roof, .flat-d-about-map svg g.similar .st2 { fill: #e5eed1; } .flat-d-about-map svg g.similar polygon, .flat-d-about-map svg g.similar polyline, .flat-d-about-map svg g.similar path { fill: #e5eed1; } .flat-d-about-map svg g.similar polygon.front, .flat-d-about-map svg g.similar polygon.st1, .flat-d-about-map svg g.similar polyline.front, .flat-d-about-map svg g.similar polyline.st1, .flat-d-about-map svg g.similar path.front, .flat-d-about-map svg g.similar path.st1 { fill: #c5cfb6; } .flat-d-about-map svg g.similar polygon.side, .flat-d-about-map svg g.similar polygon.st3, .flat-d-about-map svg g.similar polyline.side, .flat-d-about-map svg g.similar polyline.st3, .flat-d-about-map svg g.similar path.side, .flat-d-about-map svg g.similar path.st3 { fill: #d8e2c7; } .flat-d-about-map svg g.current .roof, .flat-d-about-map svg g.current .st2 { fill: #b0d361; } .flat-d-about-map svg g.current polygon, .flat-d-about-map svg g.current polyline, .flat-d-about-map svg g.current path { fill: #b0d361; } .flat-d-about-map svg g.current polygon.front, .flat-d-about-map svg g.current polygon.st1, .flat-d-about-map svg g.current polyline.front, .flat-d-about-map svg g.current polyline.st1, .flat-d-about-map svg g.current path.front, .flat-d-about-map svg g.current path.st1 { fill: #84b144; } .flat-d-about-map svg g.current polygon.side, .flat-d-about-map svg g.current polygon.st3, .flat-d-about-map svg g.current polyline.side, .flat-d-about-map svg g.current polyline.st3, .flat-d-about-map svg g.current path.side, .flat-d-about-map svg g.current path.st3 { fill: #70982b; } .flat-d-about-map svg g#street_l path { stroke-width: 0; } .flat-d-tooltip { position: absolute; top: 0; right: 0; z-index: 100; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 358px; padding-bottom: 10px; font-weight: 400; text-align: start; opacity: 0; -webkit-transform: translate(0%, calc(-100% + 10px)); transform: translate(0%, calc(-100% + 10px)); -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; pointer-events: none; cursor: default; } @media only screen and (max-width: 750px) { .flat-d-tooltip { display: none; } } .flat-d-tooltip._active { opacity: 1; -webkit-transform: translate(0%, calc(-100% + 2px)); transform: translate(0%, calc(-100% + 2px)); pointer-events: all; } .flat-d-tooltip._active._left { -webkit-transform: translate(-40px, -19px); transform: translate(-40px, -19px); } .flat-d-tooltip._left { right: 39%; max-width: calc(358px + 40px); padding-bottom: 0; -webkit-transform: translate(-10px, -30px); transform: translate(-10px, -30px); } .flat-d-tooltip._left .flat-d-tooltip__body:before { top: 26px; bottom: auto; right: -10px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .flat-d-tooltip__body { position: relative; padding: 24px; border-radius: 4px; background-color: white; -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); -webkit-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); font-size: 16px; line-height: 20px; color: #14191a; } .flat-d-tooltip__body:before { content: ""; position: absolute; display: block; right: 26px; bottom: -6px; border-top: 7px solid white; border-right: 8px solid transparent; border-left: 8px solid transparent; } .flat-d-tooltip__price { font-size: 24px; line-height: 28px; font-weight: 500; color: #f26250; } .flat-d-tooltip__price > span { font-size: 16px; line-height: 16px; } .flat-d-tooltip__price-from { margin-right: 4px; } .flat-d-tooltip__price-sale { font-size: 16px; line-height: 20px; text-align: left; color: #14191a; } .flat-d-tooltip__price-sale.package { font-size: 14px; line-height: 20px; text-align: right; margin-top: 4px; color: #626b79; } .flat-d-tooltip__complex { min-width: 310px; } .flat-d-tooltip__title { margin-bottom: 28px; font-size: 18px; line-height: 20px; color: #ef3b24; font-weight: 500; white-space: initial; } .flat-d-tooltip__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .flat-d-tooltip__item:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #e1e1e1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .flat-d-tooltip__item:last-child { margin-bottom: 0; } .flat-d-tooltip__item.final { margin-bottom: 0; } .flat-d-tooltip__separator { display: block; width: 100%; height: 1px; background-color: #e1e1e1; margin: 20px 0; } .flat-d-tooltip__text { margin-top: 12px; font-size: 14px; white-space: initial; } .flat-d-tooltip__label { position: relative; z-index: 1; padding-right: 8px; background-color: white; color: #3b4658; } .flat-d-tooltip__value { position: relative; z-index: 1; padding-left: 8px; background-color: white; font-size: 14px; color: #3b4658; } .flat-d-tooltip__link { position: relative; z-index: 1; padding-left: 8px; background-color: white; font-size: 14px; color: #f26250; cursor: pointer; } .flat-d-tooltip__link:after { content: ""; position: absolute; top: 101%; left: 8px; width: calc(100% - 8px); height: 1px; background-color: #f26250; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .flat-d-tooltip__link:hover:after { opacity: 0; } .flat-d-tooltip__mortgage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 310px; padding: 16px; margin-top: 32px; background-color: #f9f9f9; } .flat-d-tooltip__mortgage-icn { -ms-flex-negative: 0; flex-shrink: 0; width: 32px; height: 32px; margin-bottom: 16px; border-radius: 50%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA1NCA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjYzMTcgMTQuOTQ5MkM0My41NjYyIDE2LjE1NjIgNDQuMzQ0OSAxNy40ODAxIDQ1LjAwNjggMTguODgxOEwyNy4wMTg0IDMyLjE1ODlMMTkuNDY0OCAyNy40MDg3VjIxLjcyNDFMMjYuOTc5NSAyNi40MzUzTDQyLjYzMTcgMTQuOTQ5MloiIGZpbGw9IiMyMUEwMzgiLz4KPHBhdGggZD0iTTExLjc5MzggMjcuMDE2MkMxMS43OTM4IDI2Ljc0MzcgMTEuNzkzOCAyNi41MTAxIDExLjgzMjcgMjYuMjM3NUw3LjI3NzIyIDI2LjAwMzlDNy4yNzcyMiAyNi4zMTU0IDcuMjM4MjggMjYuNjY1OCA3LjIzODI4IDI2Ljk3NzNDNy4yMzgyOCAzMi40MjgzIDkuNDU3NjMgMzcuMzczMiAxMy4wMzk3IDQwLjk1NTNMMTYuMjcxNCAzNy43MjM2QzEzLjUwNyAzNC45OTgxIDExLjc5MzggMzEuMjIxMyAxMS43OTM4IDI3LjAxNjJaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjczN18xMjU0NCkiLz4KPHBhdGggZD0iTTI2Ljk3ODEgMTEuODMyOUMyNy4yNTA3IDExLjgzMjkgMjcuNDg0MyAxMS44MzI5IDI3Ljc1NjkgMTEuODcxOEwyNy45OTA1IDcuMzE2MjhDMjcuNjc5IDcuMzE2MjggMjcuMzI4NiA3LjI3NzM0IDI3LjAxNzEgNy4yNzczNEMyMS41NjYgNy4yNzczNCAxNi42MjEyIDkuNDk2NjkgMTMuMDM5MSAxMy4wNzg4TDE2LjI3MDcgMTYuMzEwNUMxOC45OTYzIDEzLjU0NiAyMi44MTIgMTEuODMyOSAyNi45NzgxIDExLjgzMjlaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMjczN18xMjU0NCkiLz4KPHBhdGggZD0iTTI2Ljk3NzIgNDIuMjA0MkMyNi43MDQ2IDQyLjIwNDIgMjYuNDcxIDQyLjIwNDIgMjYuMTk4NSA0Mi4xNjUzTDI1Ljk2NDggNDYuNzIwOEMyNi4yNzYzIDQ2LjcyMDggMjYuNjI2OCA0Ni43NTk3IDI2LjkzODIgNDYuNzU5N0MzMi4zODkzIDQ2Ljc1OTcgMzcuMzM0MSA0NC41NDA0IDQwLjkxNjIgNDAuOTU4MkwzNy42ODQ2IDM3LjcyNjZDMzQuOTU5IDQwLjUyOTkgMzEuMTgyMyA0Mi4yMDQyIDI2Ljk3NzIgNDIuMjA0MloiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8cGF0aCBkPSJNMzUuNTQ2NCAxNC40ODA0TDM5LjQwMSAxMS42MzhDMzYuMDEzNiA4LjkxMjUzIDMxLjY5MTcgNy4yMzgyOCAyNi45ODA1IDcuMjM4MjhWMTEuNzkzOEMzMC4xNzMyIDExLjgzMjcgMzMuMTMyNCAxMi44MDYxIDM1LjU0NjQgMTQuNDgwNFoiIGZpbGw9InVybCgjcGFpbnQzX2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8cGF0aCBkPSJNNDYuNzU3OSAyNy4wMTk3QzQ2Ljc1NzkgMjUuODEyNyA0Ni42NDExIDI0LjY0NDYgNDYuNDQ2NCAyMy40NzY2TDQyLjIwMjQgMjYuNjMwNEM0Mi4yMDI0IDI2Ljc0NzIgNDIuMjAyNCAyNi45MDI5IDQyLjIwMjQgMjcuMDE5N0M0Mi4yMDI0IDMxLjQ5NzQgNDAuMjU1NiAzNS41MDc4IDM3LjE3OTcgMzguMjcyMkw0MC4yNTU2IDQxLjY1OTdDNDQuMjI3MSAzOC4wNzc2IDQ2Ljc1NzkgMzIuODIxMiA0Ni43NTc5IDI3LjAxOTdaIiBmaWxsPSIjMjFBMDM4Ii8+CjxwYXRoIGQ9Ik0yNi45Nzk4IDQyLjIwMjRDMjIuNTAyMSA0Mi4yMDI0IDE4LjQ5MTcgNDAuMjU1NiAxNS43MjczIDM3LjE3OTdMMTIuMzM5OCA0MC4yNTU2QzE1Ljk2MDkgNDQuMjY2IDIxLjE3ODMgNDYuNzU3OSAyNi45Nzk4IDQ2Ljc1NzlWNDIuMjAyNFoiIGZpbGw9InVybCgjcGFpbnQ0X2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8cGF0aCBkPSJNMTYuODE2NSAxNS43NjYzTDEzLjc0MDYgMTIuMzc4OUM5LjczMDE4IDE2IDcuMjM4MjggMjEuMjE3NCA3LjIzODI4IDI3LjAxODhIMTEuNzkzOEMxMS43OTM4IDIyLjU4MDEgMTMuNzQwNiAxOC41MzA4IDE2LjgxNjUgMTUuNzY2M1oiIGZpbGw9InVybCgjcGFpbnQ1X2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzI3MzdfMTI1NDQiIHgxPSIxMi41Njg1IiB5MT0iNDAuNDAxMSIgeDI9IjcuOTA1ODEiIHkyPSIyNi45NjYzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xNDQ0IiBzdG9wLWNvbG9yPSIjRjJFOTEzIi8+CjxzdG9wIG9mZnNldD0iMC4zMDM3IiBzdG9wLWNvbG9yPSIjRTdFNTE4Ii8+CjxzdG9wIG9mZnNldD0iMC41ODIzIiBzdG9wLWNvbG9yPSIjQ0FEQjI2Ii8+CjxzdG9wIG9mZnNldD0iMC44OTEiIHN0b3AtY29sb3I9IiNBM0NEMzkiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzI3MzdfMTI1NDQiIHgxPSIxNC4zMzc2IiB5MT0iMTIuNTUwNiIgeDI9IjI2LjE1NjYiIHkyPSI4LjA2MTA1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wNTkyIiBzdG9wLWNvbG9yPSIjMEZBOEUwIi8+CjxzdG9wIG9mZnNldD0iMC41Mzg1IiBzdG9wLWNvbG9yPSIjMDA5OUY5Ii8+CjxzdG9wIG9mZnNldD0iMC45MjM0IiBzdG9wLWNvbG9yPSIjMDI5MUVCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8yNzM3XzEyNTQ0IiB4MT0iMjUuNjk3NCIgeTE9IjQyLjg3MzciIHgyPSIzOS43ODAzIiB5Mj0iMzkuNzAxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xMjI2IiBzdG9wLWNvbG9yPSIjQTNDRDM5Ii8+CjxzdG9wIG9mZnNldD0iMC4yODQ2IiBzdG9wLWNvbG9yPSIjODZDMzM5Ii8+CjxzdG9wIG9mZnNldD0iMC44NjkzIiBzdG9wLWNvbG9yPSIjMjFBMDM4Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhcl8yNzM3XzEyNTQ0IiB4MT0iMjYuMDQ0NSIgeTE9IjEwLjE1MyIgeDI9IjM3Ljc1NzYiIHkyPSIxMy43NTU0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wNTY2IiBzdG9wLWNvbG9yPSIjMDI5MUVCIi8+CjxzdG9wIG9mZnNldD0iMC43OSIgc3RvcC1jb2xvcj0iIzBDOEFDQiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NF9saW5lYXJfMjczN18xMjU0NCIgeDE9IjEzLjQ5ODEiIHkxPSI0MC45OTU2IiB4Mj0iMjYuMDc3MiIgeTI9IjQ1LjY4MDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjEzMjQiIHN0b3AtY29sb3I9IiNGMkU5MTMiLz4KPHN0b3Agb2Zmc2V0PSIwLjI5NzciIHN0b3AtY29sb3I9IiNFQkU3MTYiLz4KPHN0b3Agb2Zmc2V0PSIwLjUzMDYiIHN0b3AtY29sb3I9IiNEOUUwMUYiLz4KPHN0b3Agb2Zmc2V0PSIwLjgwMjMiIHN0b3AtY29sb3I9IiNCQkQ2MkQiLz4KPHN0b3Agb2Zmc2V0PSIwLjk4MjkiIHN0b3AtY29sb3I9IiNBM0NEMzkiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDVfbGluZWFyXzI3MzdfMTI1NDQiIHgxPSIxMC43MDQ2IiB5MT0iMjcuNTY5MSIgeDI9IjE1Ljc0NjMiIHkyPSIxNC40OTU4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wNjk4IiBzdG9wLWNvbG9yPSIjQTNDRDM5Ii8+CjxzdG9wIG9mZnNldD0iMC4yNTk5IiBzdG9wLWNvbG9yPSIjODFDNTVGIi8+CjxzdG9wIG9mZnNldD0iMC45MjE2IiBzdG9wLWNvbG9yPSIjMEZBOEUwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat center/39px; background-color: #f9f9f9; } .flat-d-tooltip__mortgage-title { margin-bottom: 8px; font-size: 16px; line-height: 20px; color: #434748; } .flat-d-tooltip__mortgage-link { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 14px; line-height: 20px; color: #f26250; cursor: pointer; } .flat-d-tooltip__mortgage-link:before { content: ""; position: absolute; top: 90%; left: 0; width: 100%; height: 1px; background-size: 8px 1px; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #f26250), color-stop(50%, transparent)); background-image: linear-gradient(to right, #f26250 50%, transparent 50%); -webkit-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 1; } .flat-d-tooltip__mortgage-link:hover:before { opacity: 0; } .section-3d-detail { padding-top: 72px; padding-bottom: 92px; border-bottom: 1px solid #e1e1e1; } @media only screen and (max-width: 750px) { .section-3d-detail { padding-top: 24px; padding-bottom: 24px; } } .section-3d-detail__title { margin-bottom: 20px; } @media only screen and (max-width: 750px) { .section-3d-detail__title { margin-bottom: 14px; } } @media only screen and (max-width: 750px) { .section-3d-detail__slider { padding-bottom: 40px; } } .section-3d-detail__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 600px; padding: 0 30px; -webkit-tap-highlight-color: transparent; cursor: pointer; } .section-3d-detail__slide:hover .section-3d-detail__slider-zoom { opacity: 1; } @media only screen and (max-width: 750px) { .section-3d-detail__slide { width: 336px; padding: 0; } } .section-3d-detail__slider-zoom { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6px 20px; font-size: 15px; font-family: Grtsk-Exa, sans-serif; font-weight: 300; color: #3b4658; border: 1px solid #3b4658; background: #fff; z-index: 2; opacity: 0; pointer-events: none; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } @media only screen and (max-width: 750px) { .section-3d-detail__slider-zoom { display: none; } } .section-3d-detail__slider-zoom:before { content: ""; width: 16px; height: 16px; margin-right: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTE0MzkgOS40OTI5N0w3LjQ4MzQ4IDcuMDYyMDZDOC4xMzU1NiA2LjMxMjM4IDguNTMwMzYgNS4zMzQyNSA4LjUzMDM2IDQuMjY1MThDOC41MzAzNiAxLjkxMTkgNi42MTYyNCAwIDQuMjY1MTggMEMxLjkxMTkgMCAwIDEuOTE0MTIgMCA0LjI2NTE4QzAgNi42MTYyNCAxLjkxNDEyIDguNTMwMzYgNC4yNjUxOCA4LjUzMDM2QzUuMzM0MjUgOC41MzAzNiA2LjMxMjM4IDguMTM1NTYgNy4wNjIwNiA3LjQ4MzQ4TDkuNDkyOTcgOS45MTQzOEM5LjU1MDY0IDkuOTcyMDUgOS42MjgyNyAxMC4wMDMxIDkuNzAzNjggMTAuMDAzMUM5Ljc3OTA5IDEwLjAwMzEgOS44NTY3MiA5Ljk3NDI3IDkuOTE0MzkgOS45MTQzOEMxMC4wMjk3IDkuNzk5MDUgMTAuMDI5NyA5LjYwODMgOS45MTQzOSA5LjQ5Mjk3Wk0wLjU5NjYzOCA0LjI2NTE4QzAuNTk2NjM4IDIuMjQyMzggMi4yNDIzOCAwLjU5ODg1NSA0LjI2Mjk2IDAuNTk4ODU1QzYuMjg1NzcgMC41OTg4NTUgNy45MjkyOSAyLjI0NDYgNy45MjkyOSA0LjI2NTE4QzcuOTI5MjkgNi4yODU3NiA2LjI4NTc3IDcuOTMzNzMgNC4yNjI5NiA3LjkzMzczQzIuMjQyMzggNy45MzM3MyAwLjU5NjYzOCA2LjI4Nzk4IDAuNTk2NjM4IDQuMjY1MThaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); background-position: center; background-repeat: no-repeat; background-size: contain; } .section-3d-detail__image { width: 500px; height: 420px; background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; } @media only screen and (max-width: 750px) { .section-3d-detail__image { width: 336px; height: 282px; } } .section-3d-detail__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 16px; background-color: #f9f9f9; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #14191a; } @media only screen and (max-width: 750px) { .section-3d-detail__name { background: #fff; color: rgba(59, 70, 88, 0.6); } } @media only screen and (max-width: 750px) { .section-3d-detail__pagination .swiper-pagination { position: absolute; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .section-3d-detail__arrows._disabled { opacity: 0; visibility: hidden; } @media only screen and (max-width: 750px) { .section-3d-detail__arrows { display: none; } } .flat-d-promo { background-color: #e7e7e7; } @media only screen and (max-width: 750px) { .flat-d-promo { background-color: #f2f2f2; } } .flat-d-promo__wrap { height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -20px; } @media only screen and (max-width: 750px) { .flat-d-promo__wrap { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 26px 0 42px; } } .flat-d-promo__item { font-size: 16px; text-decoration: underline; /* stylelint-disable */ text-decoration-skip-ink: none; /* stylelint-enable */ color: #000; padding: 0 20px; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-d-promo__item { margin-right: 0; margin-bottom: 43px; width: 100%; } .flat-d-promo__item:last-child { margin-bottom: 0; } } .flat-d-promo__other { -ms-flex-negative: 0; flex-shrink: 0; } .flat-d-promo__other-title { font-size: 16px; color: rgba(0, 0, 0, 0.3); } .flat-d-promo__other-link { text-decoration: underline; } .flat-d-project { padding: 85px 0; } @media only screen and (max-width: 750px) { .flat-d-project { padding: 0; background-color: white; } } .flat-d-project__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } @media only screen and (max-width: 750px) { .flat-d-project__wrap { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } } .flat-d-project__wrap .slick-arrow-prev { left: -30px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCAxNyA0NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPlZlY3RvciAyNzwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDM2OSAtMjQxMSkiPgo8ZyBpZD0iVmVjdG9yIDI3Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3MCAyNDEyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gMCAyMkwgLTAuNDEzMTE0IDIxLjcxODNMIC0wLjYwOTY5OCAyMi4wMDY3TCAtMC40MDY4NjcgMjIuMjkwNkwgMCAyMlpNIDE0LjU4NjkgLTAuMjgxNjY4TCAtMC40MTMxMTQgMjEuNzE4M0wgMC40MTMxMTQgMjIuMjgxN0wgMTUuNDEzMSAwLjI4MTY2OEwgMTQuNTg2OSAtMC4yODE2NjhaTSAtMC40MDY4NjcgMjIuMjkwNkwgMTQuNTkzMSA0My4yOTA2TCAxNS40MDY5IDQyLjcwOTRMIDAuNDA2ODY3IDIxLjcwOTRMIC0wLjQwNjg2NyAyMi4yOTA2WiIvPgo8L2RlZnM+Cjwvc3ZnPgo=); } @media only screen and (max-width: 750px) { .flat-d-project__wrap .slick-arrow-prev { left: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjkgNjIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2U6ICM1NjVmNmM7DQogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7DQogICAgICAgIHN0cm9rZS1vcGFjaXR5OiAwLjU7DQogICAgICAgIHN0cm9rZS13aWR0aDogMXB4Ow0KICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIHN0eWxlPSJmaWxsOiAjZmZmOyI+DQogICAgPHBhdGggZD0iTTI1LjA4Nyw1NS45ODkgTDIyLjc0MCw1OC4wNDEgTDMuNzYyLDMxLjAxNSBMMjIuNzIxLDMuOTY3IEwyNS4yMjgsNS44ODIgTDcuNjE4LDMxLjAyNyBMMjUuMDg3LDU1Ljk4OSBaIiBpZD0icGF0aC0xIiBzdHlsZT0ic3Ryb2tlOiBpbmhlcml0OyBmaWx0ZXI6IG5vbmU7IGZpbGw6IGluaGVyaXQiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQogIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIgc3R5bGU9InN0cm9rZTogIzU2NWY2YzsgZmlsdGVyOiBub25lOyBmaWxsOiBub25lIi8+DQo8L3N2Zz4NCg==); } } .flat-d-project__wrap .slick-arrow-next { right: -30px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCAxNyA0NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPlZlY3RvciAyNzwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgdXNpbmcgRmlnbWE8L2Rlc2M+CjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDM2OSAtMjQxMSkiPgo8ZyBpZD0iVmVjdG9yIDI3Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3MCAyNDEyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gMCAyMkwgLTAuNDEzMTE0IDIxLjcxODNMIC0wLjYwOTY5OCAyMi4wMDY3TCAtMC40MDY4NjcgMjIuMjkwNkwgMCAyMlpNIDE0LjU4NjkgLTAuMjgxNjY4TCAtMC40MTMxMTQgMjEuNzE4M0wgMC40MTMxMTQgMjIuMjgxN0wgMTUuNDEzMSAwLjI4MTY2OEwgMTQuNTg2OSAtMC4yODE2NjhaTSAtMC40MDY4NjcgMjIuMjkwNkwgMTQuNTkzMSA0My4yOTA2TCAxNS40MDY5IDQyLjcwOTRMIDAuNDA2ODY3IDIxLjcwOTRMIC0wLjQwNjg2NyAyMi4yOTA2WiIvPgo8L2RlZnM+Cjwvc3ZnPgo=); } @media screen and (max-device-width: 1024px) { .flat-d-project__wrap .slick-arrow-next { right: 25px; } } @media only screen and (max-width: 750px) { .flat-d-project__wrap .slick-arrow-next { right: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjkgNjIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2U6ICM1NjVmNmM7DQogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7DQogICAgICAgIHN0cm9rZS1vcGFjaXR5OiAwLjU7DQogICAgICAgIHN0cm9rZS13aWR0aDogMXB4Ow0KICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIHN0eWxlPSJmaWxsOiAjZmZmOyI+DQogICAgPHBhdGggZD0iTTI1LjA4Nyw1NS45ODkgTDIyLjc0MCw1OC4wNDEgTDMuNzYyLDMxLjAxNSBMMjIuNzIxLDMuOTY3IEwyNS4yMjgsNS44ODIgTDcuNjE4LDMxLjAyNyBMMjUuMDg3LDU1Ljk4OSBaIiBpZD0icGF0aC0xIiBzdHlsZT0ic3Ryb2tlOiBpbmhlcml0OyBmaWx0ZXI6IG5vbmU7IGZpbGw6IGluaGVyaXQiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQogIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIgc3R5bGU9InN0cm9rZTogIzU2NWY2YzsgZmlsdGVyOiBub25lOyBmaWxsOiBub25lIi8+DQo8L3N2Zz4NCg==); } } .flat-d-project__images { width: 540px; height: 425px; margin-right: 50px; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } @media only screen and (max-width: 750px) { .flat-d-project__images { position: relative; width: 100%; height: 260px; margin-right: 0; } } .flat-d-project__images-slider { height: 100%; } .flat-d-project__images-slider .slick-arrow-next { right: 25px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjkgNjIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2U6ICM1NjVmNmM7DQogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7DQogICAgICAgIHN0cm9rZS1vcGFjaXR5OiAwLjU7DQogICAgICAgIHN0cm9rZS13aWR0aDogMXB4Ow0KICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIHN0eWxlPSJmaWxsOiAjZmZmOyI+DQogICAgPHBhdGggZD0iTTI1LjA4Nyw1NS45ODkgTDIyLjc0MCw1OC4wNDEgTDMuNzYyLDMxLjAxNSBMMjIuNzIxLDMuOTY3IEwyNS4yMjgsNS44ODIgTDcuNjE4LDMxLjAyNyBMMjUuMDg3LDU1Ljk4OSBaIiBpZD0icGF0aC0xIiBzdHlsZT0ic3Ryb2tlOiBpbmhlcml0OyBmaWx0ZXI6IG5vbmU7IGZpbGw6IGluaGVyaXQiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQogIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIgc3R5bGU9InN0cm9rZTogIzU2NWY2YzsgZmlsdGVyOiBub25lOyBmaWxsOiBub25lIi8+DQo8L3N2Zz4NCg==); } .flat-d-project__images-slider .slick-arrow-prev { left: 25px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjkgNjIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2U6ICM1NjVmNmM7DQogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7DQogICAgICAgIHN0cm9rZS1vcGFjaXR5OiAwLjU7DQogICAgICAgIHN0cm9rZS13aWR0aDogMXB4Ow0KICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIHN0eWxlPSJmaWxsOiAjZmZmOyI+DQogICAgPHBhdGggZD0iTTI1LjA4Nyw1NS45ODkgTDIyLjc0MCw1OC4wNDEgTDMuNzYyLDMxLjAxNSBMMjIuNzIxLDMuOTY3IEwyNS4yMjgsNS44ODIgTDcuNjE4LDMxLjAyNyBMMjUuMDg3LDU1Ljk4OSBaIiBpZD0icGF0aC0xIiBzdHlsZT0ic3Ryb2tlOiBpbmhlcml0OyBmaWx0ZXI6IG5vbmU7IGZpbGw6IGluaGVyaXQiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQogIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIgc3R5bGU9InN0cm9rZTogIzU2NWY2YzsgZmlsdGVyOiBub25lOyBmaWxsOiBub25lIi8+DQo8L3N2Zz4NCg==); } .flat-d-project__images-slider .slick-dots { bottom: 20px; } .flat-d-project__images-slider-img { width: 100%; height: 100%; -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); background-size: cover; background-repeat: no-repeat; background-position: center center; } .slick-active > .flat-d-project__images-slider-img { -webkit-transform: scale(1); transform: scale(1); } .flat-d-project__slider { width: 100%; height: 100%; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .flat-d-project__slider-item { height: 425px; } @media only screen and (max-width: 750px) { .flat-d-project__slider-item { height: 260px; } } .flat-d-project__slider-img { height: 100%; width: 100%; background-size: cover; background-position: center; -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); } .slick-active .flat-d-project__slider-img { -webkit-transform: scale(1); transform: scale(1); } .flat-d-project__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 610px; margin-top: 20px; } @media screen and (max-device-width: 1024px) { .flat-d-project__content { width: 550px; } } @media only screen and (max-width: 750px) { .flat-d-project__content { width: 100%; margin-top: 0; } } .flat-d-project__content:after { content: ''; position: absolute; top: 36px; left: 0; display: block; width: 100%; max-width: 600px; height: 1px; background-color: #d9d9d9; z-index: 3; } @media only screen and (max-width: 750px) { .flat-d-project__content:after { display: none; } } .flat-d-project__tabs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 600px; /*stylelint-disable*/ scrollbar-width: none; /* Firefox */ /*stylelint-enable*/ -ms-overflow-style: none; /* IE 10+ */ overflow-x: scroll; overflow-y: hidden; } .flat-d-project__tabs::-webkit-scrollbar { display: none; /* Chrome Safari */ } @media only screen and (max-width: 750px) { .flat-d-project__tabs { display: none; } } .flat-d-project__tabs-mobile { display: none; } @media only screen and (max-width: 750px) { .flat-d-project__tabs-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; padding-bottom: 20px; overflow: scroll; } } .flat-d-project__tabs-mobile > div { -ms-flex-negative: 0; flex-shrink: 0; } .flat-d-project__tabs-mobile > div:last-child { margin-right: 20px; } @media only screen and (max-width: 750px) { .flat-d-project__tabs-mobile:after { content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; } } @media only screen and (max-width: 750px) { .flat-d-project__tabs-mobile:before { content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; } } .flat-d-project__tabs-overlay { position: absolute; right: 0; top: 0; display: block; width: 270px; height: 38px; background: linear-gradient(270.07deg, #fff 16.43%, rgba(255, 255, 255, 0) 99.99%); pointer-events: none; z-index: 2; } @media only screen and (max-width: 750px) { .flat-d-project__tabs-overlay { display: none; } } .flat-d-project__tabs-item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; line-height: 18px; margin-right: 32px; padding-bottom: 18px; cursor: pointer; } .flat-d-project__tabs-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .flat-d-project__tabs-item:last-child { margin-right: 0; } .flat-d-project__tabs-item.active:after { -webkit-transform: scaleX(1); transform: scaleX(1); } @media only screen and (max-width: 750px) { .flat-d-project__tabs-item { padding-top: 38px; } } .flat-d-project__tabs:after { content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; } @media only screen and (max-width: 750px) { .flat-d-project__tabs:after { display: none; } } .flat-d-project__text { width: 100%; margin-top: 26px; overflow: hidden; font-size: 15px; line-height: 28px; } @media only screen and (max-width: 750px) { .flat-d-project__text { padding: 0 20px; margin-top: 36px; } } .flat-d-project__text-slide { color: #000; font-weight: 300; height: 100%; max-height: 270px; overflow: auto; } @media only screen and (max-width: 750px) { .flat-d-project__text-slide { height: auto; } } .flat-d-project__text-slide p { font-size: 15px; line-height: 33px; } .flat-d-project__button { height: 50px; width: 285px; margin-top: auto; font-size: 16px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .flat-d-project__button { width: auto; margin: 36px 20px; } } .flat-d-mortgage { padding: 55px 0 43px; background-color: #f9f9f9; } .flat-d-mortgage._pt0 { padding-top: 0; } .flat-d-mortgage.resale { padding: 80px 0; margin-top: 56px; } @media only screen and (max-width: 750px) { .flat-d-mortgage.resale { padding: 52px 0 44px; margin-top: 40px; } } .flat-d-mortgage .mortgage-calc__checkbox-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; padding-right: 30px; } @media only screen and (max-width: 750px) { .flat-d-mortgage .mortgage-calc__checkbox-list { padding-right: 0; } } .flat-d-mortgage .mortgage-calc__checkbox-container { width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 0 10px; } @media only screen and (max-width: 750px) { .flat-d-mortgage .mortgage-calc__checkbox-container { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media only screen and (max-width: 750px) { .flat-d-mortgage .mortgage-calc__checkbox-container:last-child { margin-bottom: 19px; } } .flat-d-mortgage .mortgage-calc__checkbox-tooltip { z-index: 1; } .flat-d-mortgage-list__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-top: 20px; } @media only screen and (max-width: 750px) { .flat-d-mortgage-list__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .flat-d-mortgage__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .flat-d-mortgage__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } } .flat-d-mortgage__title { margin-bottom: 34px; } .flat-d-mortgage__calc { position: relative; width: calc(50% + 10px); z-index: 2; } @media only screen and (max-width: 750px) { .flat-d-mortgage__calc { width: 100%; } } .flat-d-mortgage__list { position: relative; width: calc(50% - 10px); -webkit-transition: opacity .3s ease; transition: opacity .3s ease; opacity: 1; } @media only screen and (max-width: 750px) { .flat-d-mortgage__list { width: 100%; } } .flat-d-mortgage__list.loading { opacity: 0; } .flat-d-mortgage__list.loading .mortgage-card { -webkit-transform: translateY(10px); transform: translateY(10px); } .flat-d-mortgage__list-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 7px; } @media only screen and (max-width: 750px) { .flat-d-mortgage__list-wrap { margin-bottom: 0; } } .flat-d-mortgage__list-wrap .mortgage-card { margin-bottom: 15px; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; min-height: 152px; padding: 20px 25px; } .flat-d-mortgage__list-button { height: 50px; width: 285px; } @media only screen and (max-width: 750px) { .flat-d-mortgage__list-button { width: calc(100%); margin-bottom: 20px; } } .flat-d-mortgage__showall { width: 285px; height: 180px; padding: 30px; } @media only screen and (max-width: 750px) { .flat-d-mortgage__showall { width: 100%; } } .flat-d-mortgage__showall-title { font-size: 18px; text-align: center; color: rgba(57, 70, 90, 0.3); font-weight: 300; } .flat-d-mortgage__showall-title.--dark { color: #3b4658; } .flat-d-mortgage__showall-title.ta-c { text-align: center; width: 100%; } .flat-d-mortgage__showall-link { display: block; margin-top: 28px; text-decoration: underline; text-align: center; width: 285px; } .flat-d-mortgage__showall-link.mt-0 { margin-top: 0; } .flat-d-mortgage__showall-link.ta-c { text-align: center; width: 100%; } @media only screen and (max-width: 750px) { .flat-d-mortgage__showall-link.ta-c { margin-bottom: 30px; } } .flat-d-similar { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f9f9f9; position: relative; overflow: hidden; padding-bottom: 30px; } @media only screen and (max-width: 750px) { .flat-d-similar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 44px 0 32px; } } .flat-d-similar__container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; padding-left: 0; margin-left: calc((100vw - 1200px) / 2); min-width: auto; } @media only screen and (max-width: 750px) { .flat-d-similar__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 20px; margin-left: 0; } } .flat-d-similar__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 240px; margin-right: 64px; padding: 72px 0 80px; } @media only screen and (max-width: 750px) { .flat-d-similar__left { width: 100%; margin-right: 0; margin-bottom: 24px; padding: 0; } } .flat-d-similar__slider { padding: 72px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 750px) { .flat-d-similar__slider { padding: 0; overflow-x: scroll; -webkit-overflow-scrolling: touch; } .flat-d-similar__slider::-webkit-scrollbar { width: 0; } } .flat-d-similar__controls { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: auto; } @media only screen and (max-width: 750px) { .flat-d-similar__controls { display: none; } } .flat-d-similar__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; background-color: #3b4658; outline: none; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; } @media only screen and (min-width: 751px) { .flat-d-similar__arrow:hover { background-color: #282e38; } } .flat-d-similar__arrow > svg { width: 12px; height: 12px; fill: white; -webkit-transition: all .2s ease; transition: all .2s ease; } .flat-d-similar__arrow.swiper-button-disabled { cursor: default; } .flat-d-similar__arrow.swiper-button-disabled:hover { background-color: #3b4658; } .flat-d-similar__arrow.swiper-button-disabled > svg { opacity: .24; } .flat-d-similar__arrow._next { border-left: 1px solid #535c6c; } .flat-d-similar__arrow._next > svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .flat-d-similar__title { margin-bottom: 12px; } @media only screen and (max-width: 750px) { .flat-d-similar__title { margin-bottom: 4px; } } .flat-d-similar__subtitle { line-height: 20px; color: #3b4658; opacity: .6; } .flat-d-similar__text { margin-top: 46px; margin-bottom: 25px; font-weight: 300; line-height: 20px; } @media only screen and (max-width: 750px) { .flat-d-similar__text { display: none; } } .flat-d-similar__list { width: calc((100vw - 1200px) / 2 + 894px); } @media only screen and (max-width: 750px) { .flat-d-similar__list { position: relative; left: auto; top: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100vw; margin-left: -20px; } .flat-d-similar__list .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .flat-d-similar__list .slick-slide { -webkit-box-flex: 0; -ms-flex: 0 1 66vw; flex: 0 1 66vw; width: 66vw; height: auto; margin-right: 20px; outline: none; float: none; } .flat-d-similar__list .slick-dots { position: relative; bottom: 0; left: -20px; margin-top: 25px; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .flat-d-similar__list .slick-dots li { width: 10px; height: 10px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border-radius: 10px; border: 1px solid #3b4658; } .flat-d-similar__list .slick-dots li:after { display: none; } .flat-d-similar__list .slick-dots li.slick-active { background-color: #3b4658; } .flat-d-similar__list .slick-dots li > button { opacity: 0; } } .flat-d-similar-card { /*stylelint-disable*/ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; /*stylelint-enable*/ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 285px; padding: 30px 20px 0; background-color: white; -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease; will-change: transform, box-shadow; overflow: hidden; cursor: pointer; } .flat-d-similar-card:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 750px) { .flat-d-similar-card:hover { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: none; box-shadow: none; } } @media only screen and (max-width: 750px) { .flat-d-similar-card { width: 66vw; height: auto; padding: 16px 16px 0; margin-right: 20px; } } @media only screen and (max-width: 750px) { .flat-d-similar-card:first-child { margin-left: 20px; } } .flat-d-similar-card__plan { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 160px; margin-bottom: 30px; } @media only screen and (max-width: 750px) { .flat-d-similar-card__plan { height: 183px; margin-bottom: 20px; } } .flat-d-similar-card__plan > img { height: 100%; max-width: 100%; } .flat-d-similar-card__price { position: relative; margin-top: auto; padding: 16px 0; font-size: 12px; line-height: 14px; color: rgba(59, 70, 88, 0.6); } .flat-d-similar-card__price:before { position: absolute; content: ''; left: -20px; top: 0; width: 120%; height: 1px; background-color: #eaeaea; } .flat-d-similar-card__price > span { color: #3b4658; } .flat-d-similar-card__area { margin-bottom: 20px; font-size: 12px; line-height: 14px; color: rgba(59, 70, 88, 0.6); } .flat-d-similar-card__area > span { font-size: 24px; line-height: 24px; color: #3b4658; } .flat-d-similar-card__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; } .flat-d-similar-card__tags._popular { padding: 0 20px; margin-top: 16px; margin-bottom: 0; font-size: 11px; } .flat-d-similar-card__tags._popular .flat-d-similar-card__tag { margin: 0 5px 5px 0; padding: 5px 8px; font-size: 12px; } .flat-d-similar-card__tag { margin: 0 4px 4px 0; font-size: 12px; line-height: 14px; padding: 5px 8px 7px; border: 1px solid #e1e1e1; border-radius: 33px; color: #3b4658; } @media only screen and (max-width: 750px) { .flat-d-similar-card__tag { font-size: 11px; line-height: 12px; } } .flat-card { display: block; padding: 20px; width: calc((100% - 60px) / 4); background-color: #fff; -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease; will-change: transform, box-shadow; } .flat-card:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 750px) { .flat-card:hover { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: none; box-shadow: none; } } .flat-card__plan { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 245px; font-size: 0; color: rgba(57, 70, 90, 0.3); } .flat-card__plan > svg { height: 100%; width: 100%; } .flat-card__info { margin-top: 5px; } .flat-card-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 0; } .flat-card-row._pdb0 { padding-bottom: 0; } .flat-card-row:first-child { border-bottom: 1px solid #f9f9f9; } .flat-card-row__item._floor { max-width: 18%; } .flat-card-row__item._house { -ms-flex-negative: 0; flex-shrink: 0; } .flat-card-row__item.small { width: 50px; } .flat-card-row__item.big { width: 100%; margin-bottom: 10px; } .flat-card-row__item-title { font-size: 12px; color: #929292; } .flat-card-row__item-val.price { font-size: 16px; } .flat-card-row__item-val.hot { color: #7aa15d; } .flat-plan-card { display: block; padding: 35px 20px 25px; text-align: center; background-color: #fff; width: 180px; height: 238px; -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease; will-change: transform, box-shadow; } @media only screen and (max-width: 750px) { .flat-plan-card { margin-bottom: 0; outline: none; } } .flat-plan-card:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 750px) { .flat-plan-card:hover { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); } } .flat-plan-card__image { width: 100%; height: 65px; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(57, 70, 90, 0.3); font-size: 0; } .flat-plan-card__info { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flat-plan-card__info-title { font-size: 16px; margin-right: 13px; color: #c0c0c0; } .flat-plan-card__info-val { font-size: 16px; color: #000; } .flat-plan-card__price { font-size: 20px; } @media only screen and (max-width: 750px) { .flat-plan-card__price { color: #7aa15d; } } .flat-plan-card__price.hot { color: #7aa15d; } .flat-d-decoration { padding: 15px 100px; cursor: default; } @media only screen and (max-width: 750px) { .flat-d-decoration { padding: 0; } } .flat-d-decoration .container { position: relative; } .flat-d-decoration.form__container._fullscreen { overflow-y: auto; } @media only screen and (max-width: 750px) { .flat-d-decoration.form__container._fullscreen { height: calc(var(--vh, 1vh) * 100); } } .flat-d-decoration.form__container._fullscreen .form__close { position: absolute; top: 20px; right: 20px; } @media only screen and (max-width: 750px) { .flat-d-decoration.form__container._fullscreen .form__close { top: 16px; right: 16px; } } .flat-d-decoration__head { margin-bottom: 48px; } @media only screen and (max-width: 750px) { .flat-d-decoration__head { margin: 40px 0 32px; } } .flat-d-decoration__title { margin-bottom: 12px; font-size: 40px; line-height: 140%; } @media only screen and (max-width: 750px) { .flat-d-decoration__title { margin-bottom: 4px; font-size: 26px; line-height: 130%; } } .flat-d-decoration__subtitle { font-size: 18px; line-height: 164%; font-weight: 300; opacity: .6; } @media only screen and (max-width: 750px) { .flat-d-decoration__subtitle { font-size: 16px; line-height: 164%; } } .flat-d-decoration__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .flat-d-decoration__sliders { -webkit-box-flex: 1; -ms-flex: 1 1 788px; flex: 1 1 788px; } @media only screen and (max-width: 750px) { .flat-d-decoration__sliders { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } } .flat-d-decoration__slider { width: 788px; } @media only screen and (max-width: 750px) { .flat-d-decoration__slider { width: 100vw; margin-left: -20px; } } .flat-d-decoration__slider.swiper-container-thumbs .flat-d-decoration__slide { border: 1px solid transparent; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: .6; } .flat-d-decoration__slider.swiper-container-thumbs .flat-d-decoration__slide:hover { opacity: 1; } .flat-d-decoration__slider._top { height: 490px; } @media only screen and (max-width: 750px) { .flat-d-decoration__slider._top { height: 200px; } } .flat-d-decoration__slider._top .swiper-slide-active { cursor: -webkit-zoom-in; cursor: zoom-in; } .flat-d-decoration__slider._bottom { height: 84px; margin-top: 2px; } .flat-d-decoration__slider.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 16px; } .flat-d-decoration__slide { background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; cursor: pointer; } .flat-d-decoration__slide._image-loaded { opacity: 1; } .flat-d-decoration__pagination { display: none; } .flat-d-decoration__pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; } .flat-d-decoration__pagination .swiper-pagination-bullet .swiper-pagination-bullet-active { background: #fff; } @media only screen and (max-width: 750px) { .flat-d-decoration__pagination { display: block; } } .flat-d-decoration__next, .flat-d-decoration__prev { -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (min-width: 751px) { .flat-d-decoration__next, .flat-d-decoration__prev { width: 40px; } } .flat-d-decoration__next.swiper-button-disabled, .flat-d-decoration__prev.swiper-button-disabled { pointer-events: none; } @media only screen and (max-width: 750px) { .flat-d-decoration__next, .flat-d-decoration__prev { display: none; } } .flat-d-decoration__next { right: 16px; } .flat-d-decoration__next:not(.swiper-button-disabled):hover { background-position-x: 5px; } .flat-d-decoration__prev { left: 16px; } .flat-d-decoration__prev:not(.swiper-button-disabled):hover { background-position-x: 5px; } .flat-d-decoration__descr { position: relative; width: auto; margin-left: 53px; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (max-width: 750px) { .flat-d-decoration__descr { margin-left: 0; opacity: 1; } } .flat-d-decoration__descr._visible { opacity: 1; } .flat-d-decoration__decors { height: 490px; overflow: hidden; } @media only screen and (max-width: 750px) { .flat-d-decoration__decors { height: 100%; padding-bottom: 82px; } } .flat-d-decoration__decors .mCSB_scrollTools .mCSB_draggerContainer { left: 10px; } .flat-d-decoration__decor { margin-bottom: 28px; } @media only screen and (max-width: 750px) { .flat-d-decoration__decor { margin-bottom: 24px; } } .flat-d-decoration__decor-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; font-size: 20px; line-height: 148%; color: #202e35; } @media only screen and (max-width: 750px) { .flat-d-decoration__decor-title { margin-bottom: 8px; font-size: 16px; } } .flat-d-decoration__decor-text { margin-bottom: 28px; font-size: 16px; line-height: 140%; font-weight: 300; } @media only screen and (max-width: 750px) { .flat-d-decoration__decor-text { line-height: 164%; } } .flat-d-decoration__decor-text p { position: relative; padding-left: 20px; margin-bottom: 12px; } @media only screen and (max-width: 750px) { .flat-d-decoration__decor-text p { margin-bottom: 8px; } } .flat-d-decoration__decor-text p:before { content: ""; position: absolute; left: 0; top: 13px; width: 8px; height: 1px; background: #3b4658; } .flat-d-decoration__btn { position: relative; z-index: 1; width: 100%; height: 60px; margin-top: 26px; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .flat-d-decoration__btn { position: fixed; bottom: 0; left: 0; margin-top: 0; } } .flat-d-decoration__btn-overlay { position: absolute; bottom: 0; left: 0; width: 400px; height: 116px; background: linear-gradient(179.24deg, rgba(255, 255, 255, 0.01) -4.88%, rgba(255, 255, 255, 0.92) 17.16%, #fff 37%); pointer-events: none; } @media only screen and (max-width: 750px) { .flat-d-decoration__btn-overlay { position: fixed; width: 100vw; height: 155px; background: -webkit-gradient(linear, left top, left bottom, color-stop(22.58%, rgba(255, 255, 255, 0)), color-stop(54.84%, #fff)); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 22.58%, #fff 54.84%); } } .flat-d-parking-pantry { padding-top: 80px; padding-bottom: 80px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .flat-d-parking-pantry { padding-top: 50px; padding-bottom: 50px; } } .flat-d-parking-pantry._pb0 { padding-bottom: 25px; } @media only screen and (max-width: 750px) { .flat-d-parking-pantry._pb0 { padding-bottom: 0; } } .flat-d-parking-pantry__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .flat-d-parking-pantry__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .flat-d-parking-pantry__item { position: relative; width: 590px; height: 400px; background-color: #d4d4d4; color: white; cursor: pointer; overflow: hidden; } @media only screen and (max-width: 750px) { .flat-d-parking-pantry__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: auto; margin-bottom: 26px; } .flat-d-parking-pantry__item:last-child { margin-bottom: 0; } } .flat-d-parking-pantry__item:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(59, 70, 88, 0); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-transition: background .5s ease; transition: background .5s ease; } @media only screen and (max-width: 750px) { .flat-d-parking-pantry__item:after { background: rgba(59, 70, 88, 0.5); } } .flat-d-parking-pantry__item:hover:after { background: rgba(59, 70, 88, 0.5); } .flat-d-parking-pantry__img { position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .flat-d-parking-pantry__container { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 2; width: 100%; padding: 0 40px 35px; } @media only screen and (max-width: 750px) { .flat-d-parking-pantry__container { position: relative; bottom: auto; left: auto; padding: 40px; } } .flat-d-parking-pantry__title { margin-bottom: 35px; font-weight: normal; font-size: 32px; line-height: 32px; } @media only screen and (max-width: 750px) { .flat-d-parking-pantry__title { margin-bottom: 16px; font-size: 24px; line-height: 32px; } } .flat-d-parking-pantry__text { margin-bottom: 18px; font-weight: normal; font-size: 16px; line-height: 28px; } .flat-d-parking-pantry__link { position: relative; font-weight: normal; font-size: 14px; line-height: 24px; } .flat-d-parking-pantry__link:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: white; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .booking-form-contacts { position: relative; margin-top: 24px; margin-bottom: 10px; } @media only screen and (max-width: 750px) { .booking-form-contacts { margin-bottom: 40px; } } @media only screen and (max-width: 750px) { .booking-form-contacts .booking-form__close-link { margin-bottom: 10px; } } .booking-form-contacts__text { margin-bottom: 32px; font-size: 16px; line-height: 142.48%; } .booking-form-contacts__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .booking-form-contacts__row:last-child { margin-bottom: 0; } .booking-form-contacts__label { margin-bottom: 12px; font-weight: normal; font-size: 20px; line-height: 22px; } @media only screen and (max-width: 750px) { .booking-form-contacts__label { margin-bottom: 16px; } } .booking-form-contacts .form-success__text { width: 100%; } .booking-form-contacts__personal { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 36px; margin-bottom: 16px; } @media only screen and (max-width: 750px) { .booking-form-contacts__personal { margin-bottom: 24px; margin-top: 40px; } } .booking-form-info { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .booking-form-info { margin-bottom: 32px; } } .booking-form-info__undertitle { font-size: 16px; line-height: 142.48%; padding-bottom: 32px; } @media only screen and (max-width: 750px) { .booking-form-info__undertitle { padding-bottom: 16px; } } .booking-form-info__scrolling-inner { padding-right: 12px; } @media only screen and (max-width: 750px) { .booking-form-info__scrolling-inner { padding-right: 0; } } .booking-form-info__scrolling .ps__rail-y { width: 4px; opacity: 1; } .booking-form-info__scrolling .ps__thumb-y { right: 0; } .booking-form-info__item { margin-bottom: 24px; } @media only screen and (max-width: 750px) { .booking-form-info__item { padding: 16px; background-color: #f9f9f9; margin-bottom: 16px; } .booking-form-info__item:last-child { margin-bottom: 0; } } .booking-form-info__item:last-child { margin-bottom: 0; } .booking-form-info__item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .booking-form-info__item-num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 25px; height: 25px; margin-right: 12px; font-size: 12px; line-height: 124%; border: 1px solid #3b4658; border-radius: 50%; } .booking-form-info__item-name { font-size: 16px; line-height: 124%; } .booking-form-info__item-text { font-weight: 300; font-size: 16px; line-height: 120.56%; } @media only screen and (max-width: 750px) { .booking-form-info__item-text { font-size: 14px; line-height: 164%; } } .booking-form-questions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 510px; } @media only screen and (max-width: 750px) { .booking-form-questions { margin-top: 0; margin-bottom: 32px; height: auto; } } .booking-form-questions__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 155px; padding: 0 60px; margin-bottom: 20px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .booking-form-questions__item { margin-bottom: 40px; padding: 0 50px; } } .booking-form-questions__question { width: 100%; margin-bottom: 40px; font-weight: 300; font-size: 20px; line-height: 142.48%; text-align: center; } .booking-form-questions__radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 56px; cursor: pointer; } .booking-form-questions__radio-btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 22px; height: 22px; background-color: white; border: 1px solid #dedede; border-radius: 50%; } .booking-form-questions__radio-btn:before { content: ''; display: block; width: 12px; height: 12px; background-color: #3b4658; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, transform .2s ease; transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease; } .booking-form-questions__radio-btn._active:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .booking-form-questions__radio:last-child { margin-right: 0; } .booking-form-questions__radio input { display: none; } .booking-form-questions__radio-group { display: -webkit-box; display: -ms-flexbox; display: flex; } .booking-form-questions__radio-label { font-weight: 300; font-size: 16px; line-height: 18px; margin-left: 16px; cursor: pointer; } .booking-form { width: auto; } @media only screen and (max-width: 750px) { .booking-form { width: 100%; } } .booking-form__title { margin-bottom: 40px; font-size: 36px; line-height: 120.56%; } @media only screen and (max-width: 750px) { .booking-form__title { max-width: 80%; margin-bottom: 20px; font-size: 24px; line-height: 124%; } } .booking-form__error { position: absolute; bottom: calc(100% + 7px); left: 0; width: 100%; text-align: center; color: #f00; opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-transition: all .2s ease; transition: all .2s ease; } @media only screen and (max-width: 750px) { .booking-form__error { bottom: calc(100% + 5px); } } .booking-form__error._active { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .booking-form__wrapper { position: fixed; left: 0; top: 0; display: block; width: 100%; z-index: 11; pointer-events: none; } @media only screen and (max-width: 750px) { .booking-form__wrapper { z-index: 101; } } .booking-form__wrapper._active { pointer-events: all; } .booking-form__wrapper._active .booking-form__inner-wrap { opacity: 1; -webkit-transition: 0s; transition: 0s; } .booking-form__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 680px; } @media only screen and (max-width: 750px) { .booking-form__inner { min-height: unset; padding-top: 16px; } } .booking-form__inner-wrap { width: 100%; height: 100vh; padding-top: 56px; padding-bottom: 40px; background-color: white; opacity: 0; -webkit-transition: .2s; transition: .2s; } @media only screen and (max-width: 750px) { .booking-form__inner-wrap { padding-top: 32px; padding-bottom: 20px; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } } .booking-form__close { top: -35px; right: -140px; padding: 20px; background-size: 21px; } @media only screen and (max-width: 750px) { .booking-form__close { top: -28px; right: 4px; } } .booking-form__close-link { height: 50px; margin-top: 13px; padding-top: 15px; border: 1px solid #3b4658; font-size: 18px; line-height: 20px; text-align: center; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .booking-form__close-link { margin-top: 15px; margin-bottom: 120px; } } .booking-form__close-link:hover { background-color: #3b4658; color: #fff; } .booking-form__container { position: relative; width: 590px; margin: 0 auto; } @media only screen and (max-width: 750px) { .booking-form__container { position: relative; height: calc(100% - 32px); width: 100%; padding: 0 20px; } } .booking-form__text { margin-top: 27px; margin-bottom: 32px; font-size: 16px; line-height: 142.48%; } @media only screen and (max-width: 750px) { .booking-form__text { margin-top: 16px; margin-bottom: 16px; } .booking-form__text._mb70-mob { margin-bottom: 70px; } } .booking-form__text p { display: block; margin-bottom: 32px; font-size: 20px; line-height: 120%; } @media only screen and (max-width: 750px) { .booking-form__text p { margin-bottom: 20px; } } .booking-form__btn-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; } .booking-form__btn { width: 100%; font-size: 18px; height: 50px; } .booking-form__btn._half { width: calc(50% - 10px); } .booking-form__btn._half:first-child { margin-right: 20px; } .booking-form__btn._bordered { background-color: transparent; border: 1px solid #3b4658; color: #3b4658; } .booking-form__btn._disable { background: #f4f4f4; color: #3b4658; pointer-events: none; } .booking-form__btn._disable:hover { background: #f4f4f4; color: #3b4658; } .booking-form__personal { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; } .flat-d-offer-popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .flat-d-offer-popup.active .flat-d-offer-popup__wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: all; } .flat-d-offer-popup.active._center .flat-d-offer-popup__wrap { -webkit-animation: formAppearing .2s ease-in; animation: formAppearing .2s ease-in; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .flat-d-offer-popup._center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flat-d-offer-popup._center .flat-d-offer-popup__wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0s ease; transition: -webkit-transform 0s ease; transition: transform 0s ease; transition: transform 0s ease, -webkit-transform 0s ease; opacity: 0; -webkit-animation: formDisappearing .2s ease-in; animation: formDisappearing .2s ease-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .flat-d-offer-popup._price .flat-d-offer-popup__wrap { padding: 72px 20px 36px; } .flat-d-offer-popup__wrap { position: relative; padding: 80px 40px 52px; background-color: white; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; pointer-events: none; } @media only screen and (max-width: 750px) { .flat-d-offer-popup__wrap { width: 100%; } } @media only screen and (max-width: 750px) { .flat-d-offer-popup__wrap .form__close { top: 24px; right: 24px; } } .flat-d-offer-popup__body { font-size: 16px; line-height: 24px; } .flat-d-offer-popup__price { font-size: 24px; line-height: 28px; font-weight: 500; color: #f26250; } .flat-d-offer-popup__price > span { font-size: 16px; line-height: 16px; } .flat-d-offer-popup__price-from { margin-right: 4px; } .flat-d-offer-popup__price-sale { font-size: 16px; line-height: 20px; text-align: left; color: #14191a; } .flat-d-offer-popup__price-sale.package { font-size: 14px; line-height: 20px; text-align: right; margin-top: 4px; color: #626b79; } .flat-d-offer-popup__title { margin-bottom: 28px; color: #ef3b24; font-size: 18px; line-height: 20px; font-weight: 500; } .flat-d-offer-popup__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .flat-d-offer-popup__item:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #e1e1e1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .flat-d-offer-popup__item:last-child { margin-bottom: 0; } .flat-d-offer-popup__item.final { margin-bottom: 0; } .flat-d-offer-popup__separator { display: block; width: 100%; height: 1px; background-color: #e1e1e1; margin: 20px 0; } .flat-d-offer-popup__text { margin: 12px 0; } .flat-d-offer-popup__label { position: relative; z-index: 1; padding-right: 8px; background-color: white; color: #3b4658; } .flat-d-offer-popup__value { position: relative; z-index: 1; padding-left: 8px; background-color: white; color: #3b4658; } .flat-d-offer-popup__link { position: relative; z-index: 1; padding-left: 8px; background-color: white; color: #f26250; } .flat-d-offer-popup__link:after { content: ""; position: absolute; top: 101%; left: 8px; width: calc(100% - 8px); height: 1px; background-color: #f26250; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .flat-d-offer-popup__mortgage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 16px; margin-top: 40px; background-color: #f9f9f9; } .flat-d-offer-popup__mortgage-icn { width: 32px; height: 32px; margin-bottom: 12px; border-radius: 50%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA1NCA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjYzMTcgMTQuOTQ5MkM0My41NjYyIDE2LjE1NjIgNDQuMzQ0OSAxNy40ODAxIDQ1LjAwNjggMTguODgxOEwyNy4wMTg0IDMyLjE1ODlMMTkuNDY0OCAyNy40MDg3VjIxLjcyNDFMMjYuOTc5NSAyNi40MzUzTDQyLjYzMTcgMTQuOTQ5MloiIGZpbGw9IiMyMUEwMzgiLz4KPHBhdGggZD0iTTExLjc5MzggMjcuMDE2MkMxMS43OTM4IDI2Ljc0MzcgMTEuNzkzOCAyNi41MTAxIDExLjgzMjcgMjYuMjM3NUw3LjI3NzIyIDI2LjAwMzlDNy4yNzcyMiAyNi4zMTU0IDcuMjM4MjggMjYuNjY1OCA3LjIzODI4IDI2Ljk3NzNDNy4yMzgyOCAzMi40MjgzIDkuNDU3NjMgMzcuMzczMiAxMy4wMzk3IDQwLjk1NTNMMTYuMjcxNCAzNy43MjM2QzEzLjUwNyAzNC45OTgxIDExLjc5MzggMzEuMjIxMyAxMS43OTM4IDI3LjAxNjJaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjczN18xMjU0NCkiLz4KPHBhdGggZD0iTTI2Ljk3ODEgMTEuODMyOUMyNy4yNTA3IDExLjgzMjkgMjcuNDg0MyAxMS44MzI5IDI3Ljc1NjkgMTEuODcxOEwyNy45OTA1IDcuMzE2MjhDMjcuNjc5IDcuMzE2MjggMjcuMzI4NiA3LjI3NzM0IDI3LjAxNzEgNy4yNzczNEMyMS41NjYgNy4yNzczNCAxNi42MjEyIDkuNDk2NjkgMTMuMDM5MSAxMy4wNzg4TDE2LjI3MDcgMTYuMzEwNUMxOC45OTYzIDEzLjU0NiAyMi44MTIgMTEuODMyOSAyNi45NzgxIDExLjgzMjlaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMjczN18xMjU0NCkiLz4KPHBhdGggZD0iTTI2Ljk3NzIgNDIuMjA0MkMyNi43MDQ2IDQyLjIwNDIgMjYuNDcxIDQyLjIwNDIgMjYuMTk4NSA0Mi4xNjUzTDI1Ljk2NDggNDYuNzIwOEMyNi4yNzYzIDQ2LjcyMDggMjYuNjI2OCA0Ni43NTk3IDI2LjkzODIgNDYuNzU5N0MzMi4zODkzIDQ2Ljc1OTcgMzcuMzM0MSA0NC41NDA0IDQwLjkxNjIgNDAuOTU4MkwzNy42ODQ2IDM3LjcyNjZDMzQuOTU5IDQwLjUyOTkgMzEuMTgyMyA0Mi4yMDQyIDI2Ljk3NzIgNDIuMjA0MloiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8cGF0aCBkPSJNMzUuNTQ2NCAxNC40ODA0TDM5LjQwMSAxMS42MzhDMzYuMDEzNiA4LjkxMjUzIDMxLjY5MTcgNy4yMzgyOCAyNi45ODA1IDcuMjM4MjhWMTEuNzkzOEMzMC4xNzMyIDExLjgzMjcgMzMuMTMyNCAxMi44MDYxIDM1LjU0NjQgMTQuNDgwNFoiIGZpbGw9InVybCgjcGFpbnQzX2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8cGF0aCBkPSJNNDYuNzU3OSAyNy4wMTk3QzQ2Ljc1NzkgMjUuODEyNyA0Ni42NDExIDI0LjY0NDYgNDYuNDQ2NCAyMy40NzY2TDQyLjIwMjQgMjYuNjMwNEM0Mi4yMDI0IDI2Ljc0NzIgNDIuMjAyNCAyNi45MDI5IDQyLjIwMjQgMjcuMDE5N0M0Mi4yMDI0IDMxLjQ5NzQgNDAuMjU1NiAzNS41MDc4IDM3LjE3OTcgMzguMjcyMkw0MC4yNTU2IDQxLjY1OTdDNDQuMjI3MSAzOC4wNzc2IDQ2Ljc1NzkgMzIuODIxMiA0Ni43NTc5IDI3LjAxOTdaIiBmaWxsPSIjMjFBMDM4Ii8+CjxwYXRoIGQ9Ik0yNi45Nzk4IDQyLjIwMjRDMjIuNTAyMSA0Mi4yMDI0IDE4LjQ5MTcgNDAuMjU1NiAxNS43MjczIDM3LjE3OTdMMTIuMzM5OCA0MC4yNTU2QzE1Ljk2MDkgNDQuMjY2IDIxLjE3ODMgNDYuNzU3OSAyNi45Nzk4IDQ2Ljc1NzlWNDIuMjAyNFoiIGZpbGw9InVybCgjcGFpbnQ0X2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8cGF0aCBkPSJNMTYuODE2NSAxNS43NjYzTDEzLjc0MDYgMTIuMzc4OUM5LjczMDE4IDE2IDcuMjM4MjggMjEuMjE3NCA3LjIzODI4IDI3LjAxODhIMTEuNzkzOEMxMS43OTM4IDIyLjU4MDEgMTMuNzQwNiAxOC41MzA4IDE2LjgxNjUgMTUuNzY2M1oiIGZpbGw9InVybCgjcGFpbnQ1X2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzI3MzdfMTI1NDQiIHgxPSIxMi41Njg1IiB5MT0iNDAuNDAxMSIgeDI9IjcuOTA1ODEiIHkyPSIyNi45NjYzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xNDQ0IiBzdG9wLWNvbG9yPSIjRjJFOTEzIi8+CjxzdG9wIG9mZnNldD0iMC4zMDM3IiBzdG9wLWNvbG9yPSIjRTdFNTE4Ii8+CjxzdG9wIG9mZnNldD0iMC41ODIzIiBzdG9wLWNvbG9yPSIjQ0FEQjI2Ii8+CjxzdG9wIG9mZnNldD0iMC44OTEiIHN0b3AtY29sb3I9IiNBM0NEMzkiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzI3MzdfMTI1NDQiIHgxPSIxNC4zMzc2IiB5MT0iMTIuNTUwNiIgeDI9IjI2LjE1NjYiIHkyPSI4LjA2MTA1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wNTkyIiBzdG9wLWNvbG9yPSIjMEZBOEUwIi8+CjxzdG9wIG9mZnNldD0iMC41Mzg1IiBzdG9wLWNvbG9yPSIjMDA5OUY5Ii8+CjxzdG9wIG9mZnNldD0iMC45MjM0IiBzdG9wLWNvbG9yPSIjMDI5MUVCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8yNzM3XzEyNTQ0IiB4MT0iMjUuNjk3NCIgeTE9IjQyLjg3MzciIHgyPSIzOS43ODAzIiB5Mj0iMzkuNzAxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xMjI2IiBzdG9wLWNvbG9yPSIjQTNDRDM5Ii8+CjxzdG9wIG9mZnNldD0iMC4yODQ2IiBzdG9wLWNvbG9yPSIjODZDMzM5Ii8+CjxzdG9wIG9mZnNldD0iMC44NjkzIiBzdG9wLWNvbG9yPSIjMjFBMDM4Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhcl8yNzM3XzEyNTQ0IiB4MT0iMjYuMDQ0NSIgeTE9IjEwLjE1MyIgeDI9IjM3Ljc1NzYiIHkyPSIxMy43NTU0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wNTY2IiBzdG9wLWNvbG9yPSIjMDI5MUVCIi8+CjxzdG9wIG9mZnNldD0iMC43OSIgc3RvcC1jb2xvcj0iIzBDOEFDQiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NF9saW5lYXJfMjczN18xMjU0NCIgeDE9IjEzLjQ5ODEiIHkxPSI0MC45OTU2IiB4Mj0iMjYuMDc3MiIgeTI9IjQ1LjY4MDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjEzMjQiIHN0b3AtY29sb3I9IiNGMkU5MTMiLz4KPHN0b3Agb2Zmc2V0PSIwLjI5NzciIHN0b3AtY29sb3I9IiNFQkU3MTYiLz4KPHN0b3Agb2Zmc2V0PSIwLjUzMDYiIHN0b3AtY29sb3I9IiNEOUUwMUYiLz4KPHN0b3Agb2Zmc2V0PSIwLjgwMjMiIHN0b3AtY29sb3I9IiNCQkQ2MkQiLz4KPHN0b3Agb2Zmc2V0PSIwLjk4MjkiIHN0b3AtY29sb3I9IiNBM0NEMzkiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDVfbGluZWFyXzI3MzdfMTI1NDQiIHgxPSIxMC43MDQ2IiB5MT0iMjcuNTY5MSIgeDI9IjE1Ljc0NjMiIHkyPSIxNC40OTU4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wNjk4IiBzdG9wLWNvbG9yPSIjQTNDRDM5Ii8+CjxzdG9wIG9mZnNldD0iMC4yNTk5IiBzdG9wLWNvbG9yPSIjODFDNTVGIi8+CjxzdG9wIG9mZnNldD0iMC45MjE2IiBzdG9wLWNvbG9yPSIjMEZBOEUwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat center/39px; background-color: #f9f9f9; -ms-flex-negative: 0; flex-shrink: 0; } .flat-d-offer-popup__mortgage-title { margin-bottom: 8px; font-size: 16px; line-height: 20px; color: #434748; } .flat-d-offer-popup__mortgage-link { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 14px; line-height: 20px; color: #f26250; } .flat-d-offer-popup__mortgage-link:before, .flat-d-offer-popup__mortgage-link:after { content: ""; position: absolute; top: 90%; left: 0; width: 100%; height: 1px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; background-size: 8px 1px; } .flat-d-offer-popup__mortgage-link:before { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #f26250), color-stop(50%, transparent)); background-image: linear-gradient(to right, #f26250 50%, transparent 50%); opacity: 1; } .flat-d-offer-popup__mortgage-link:after { background-color: #f26250; opacity: 0; } .flat-d-offer-popup__mortgage-link:hover:before { opacity: 0; } .flat-d-offer-popup__mortgage-link:hover:after { opacity: 1; } .flat-d-obmen-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .flat-d-obmen-form { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-x: hidden; overflow-y: auto; } } .flat-d-obmen-form__wrap { position: relative; max-width: 1034px; padding: 56px 64px; background-color: white; } @media only screen and (max-width: 750px) { .flat-d-obmen-form__wrap { width: 100%; min-height: 100%; padding: 68px 20px; } } .flat-d-obmen-form__wrap .form__close { top: 36px; right: 36px; } @media only screen and (max-width: 750px) { .flat-d-obmen-form__wrap .form__close { top: 24px; right: 24px; } } .flat-d-obmen-form__body { font-size: 16px; line-height: 24px; } .flat-d-obmen-form__body p:not(:last-child) { margin-bottom: 20px; } .flat-d-obmen-form__title { font-size: 24px; line-height: 32px; } @media only screen and (max-width: 750px) { .flat-d-obmen-form__title { max-width: 240px; font-size: 21px; line-height: 28px; } } .flat-d-obmen-form__text { max-width: 700px; margin-top: 44px; font-size: 18px; line-height: 28px; color: #3b4658; } @media only screen and (max-width: 750px) { .flat-d-obmen-form__text { max-width: initial; margin-top: 20px; font-size: 16px; line-height: 24px; } } .flat-d-obmen-form__text strong { font-weight: 500; } .flat-d-obmen-form__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 28px; } @media only screen and (max-width: 750px) { .flat-d-obmen-form__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } } .flat-d-obmen-form__item { width: calc(50% - 6px); padding: 32px 34px 32px 32px; margin-bottom: 12px; background-color: #f9f9f9; font-size: 16px; line-height: 140%; } @media only screen and (max-width: 750px) { .flat-d-obmen-form__item { width: 100%; padding: 24px; } } .flat-d-obmen-form__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } @media only screen and (max-width: 750px) { .flat-d-obmen-form__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .flat-d-obmen-form__button { padding: 16px 32px; background: #ef3b24; line-height: 19px; } @media only screen and (max-width: 750px) { .flat-d-obmen-form__button { width: 100%; height: 56px; } } @media (hover), (min-width: 0 \0) { .flat-d-obmen-form__button:hover { background: #f14f3a; } } .flat-d-obmen-form__button._white { background-color: #fff; border: 1px solid #ef3b24; color: #ef3b24; } @media (hover), (min-width: 0 \0) { .flat-d-obmen-form__button._white:hover { background: #ef3b24; color: #fff; } } .flat-d-obmen-form__link { position: relative; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 40px 0; line-height: 19px; color: #5b5e5f; } @media only screen and (max-width: 750px) { .flat-d-obmen-form__link { font-size: 14px; line-height: 17px; } } .flat-d-obmen-form__link:after { content: ""; position: absolute; top: 93%; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .flat-d-obmen-form__link:hover:after { opacity: 0; } .flat-d-installment-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow-x: hidden; overflow-y: auto; } .flat-d-installment-form__container { height: -webkit-max-content; height: -moz-max-content; height: max-content; margin: 58px 0; } @media only screen and (max-width: 750px) { .flat-d-installment-form__container { margin: 0; } } .flat-d-installment-form__wrap { position: relative; max-width: 1034px; padding: 56px 64px; background-color: white; } @media only screen and (max-width: 750px) { .flat-d-installment-form__wrap { width: 100%; padding: 68px 20px; } } .flat-d-installment-form__wrap._half { max-width: 900px; } .flat-d-installment-form__wrap._half .flat-d-installment-form__term-item { width: calc((100% - 24px) / 2); } @media only screen and (max-width: 750px) { .flat-d-installment-form__wrap._half .flat-d-installment-form__term-item { width: 100%; } } .flat-d-installment-form__wrap .form__close { top: 36px; right: 36px; } @media only screen and (max-width: 750px) { .flat-d-installment-form__wrap .form__close { top: 24px; right: 24px; } } .flat-d-installment-form__body { font-size: 16px; line-height: 24px; } .flat-d-installment-form__body p:not(:last-child) { margin-bottom: 20px; } .flat-d-installment-form__title { font-size: 24px; line-height: 32px; } @media only screen and (max-width: 750px) { .flat-d-installment-form__title { max-width: 240px; font-size: 21px; line-height: 28px; } } .flat-d-installment-form__text { max-width: 700px; margin-top: 44px; font-size: 18px; line-height: 28px; color: #3b4658; } @media only screen and (max-width: 750px) { .flat-d-installment-form__text { max-width: initial; margin-top: 20px; font-size: 16px; line-height: 24px; } } .flat-d-installment-form__text strong { font-weight: 500; } .flat-d-installment-form__term-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 28px; } @media only screen and (max-width: 750px) { .flat-d-installment-form__term-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } } .flat-d-installment-form__term-item { width: calc((100% - 24px) / 3); padding: 28px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .flat-d-installment-form__term-item { width: 100%; padding: 24px; margin-top: 12px; } } .flat-d-installment-form__term-item:first-child { padding: 28px 42px 28px 28px; } @media only screen and (max-width: 750px) { .flat-d-installment-form__term-item:first-child { margin-top: 0; } } .flat-d-installment-form__term-item:first-child .flat-d-installment-form__term-text._first { padding-right: 48px; } .flat-d-installment-form__term-percent { font-size: 20px; line-height: 36px; font-weight: 500; color: #3b4658; } .flat-d-installment-form__term-title { max-width: 170px; margin: 12px 0; font-size: 14px; line-height: 20px; color: #626b79; } .flat-d-installment-form__term-title._h40 { min-height: 40px; margin: 0 0 44px; } @media only screen and (max-width: 750px) { .flat-d-installment-form__term-title._h40 { min-height: auto; } } .flat-d-installment-form__term-text { font-size: 14px; line-height: 22px; color: #3b4658; } .flat-d-installment-form__button { width: 294px; height: 60px; margin: 36px auto 0; } @media only screen and (max-width: 750px) { .flat-d-installment-form__button { width: 100%; height: 56px; margin: 24px 0 0; } } .flat-d-installment-form__link { position: relative; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 16px auto 0; line-height: 19px; color: #3b4658; } @media only screen and (max-width: 750px) { .flat-d-installment-form__link { margin: 20px auto 0; font-size: 14px; line-height: 17px; } } .flat-d-installment-form__link:after { content: ""; position: absolute; top: 93%; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .flat-d-installment-form__link:hover:after { opacity: 0; } .flat-d-mortgage-popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .flat-d-mortgage-popup._small .flat-d-mortgage-popup__container { margin: 0; } .flat-d-mortgage-popup._small .flat-d-mortgage-popup__wrap { max-width: 544px; } .flat-d-mortgage-popup._scroll { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-x: hidden; overflow-y: auto; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup._scroll { overflow-x: hidden; overflow-y: auto; } } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup._bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup._bottom.active .flat-d-mortgage-popup__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: all; } } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup._bottom .flat-d-mortgage-popup__container { width: 100%; height: auto; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; pointer-events: none; } } .flat-d-mortgage-popup._single .flat-d-mortgage-popup__wrap { max-width: 508px; padding: 76px 32px 32px; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup._single .flat-d-mortgage-popup__wrap { padding: 68px 20px 40px; } } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup._single .flat-d-mortgage-popup__title { font-size: 18px; line-height: 28px; } } .flat-d-mortgage-popup._single .flat-d-mortgage-popup__text { margin: 12px 0 32px; color: #626b79; } .flat-d-mortgage-popup__container { height: -webkit-max-content; height: -moz-max-content; height: max-content; margin: 58px 0; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__container { height: 100%; margin: 0; } } .flat-d-mortgage-popup__wrap { position: relative; max-width: 631px; padding: 56px; background-color: white; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__wrap { width: 100%; min-height: 100%; padding: 68px 20px; } } .flat-d-mortgage-popup__wrap .form__close { top: 36px; right: 36px; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__wrap .form__close { top: 24px; right: 24px; } } .flat-d-mortgage-popup__title { max-width: 70%; font-size: 24px; line-height: 32px; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__title { max-width: initial; font-size: 21px; line-height: 28px; } } .flat-d-mortgage-popup__text { margin: 40px 0; font-size: 16px; line-height: 26px; color: #3b4658; } .flat-d-mortgage-popup__text ul { margin-top: 25px; } .flat-d-mortgage-popup__text p:not(:first-child) { margin-top: 25px; } .flat-d-mortgage-popup__text span { color: #767e8b; } .flat-d-mortgage-popup__bank { padding: 36px 36px 40px; margin-top: 44px; margin-bottom: 32px; background-color: #f9f9f9; } .flat-d-mortgage-popup__bank-top { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 56px; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__bank-top { margin-bottom: 40px; } } .flat-d-mortgage-popup__bank-icon { width: 76px; height: 76px; margin-right: 20px; border-radius: 50%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA1NCA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjYzMTcgMTQuOTQ5MkM0My41NjYyIDE2LjE1NjIgNDQuMzQ0OSAxNy40ODAxIDQ1LjAwNjggMTguODgxOEwyNy4wMTg0IDMyLjE1ODlMMTkuNDY0OCAyNy40MDg3VjIxLjcyNDFMMjYuOTc5NSAyNi40MzUzTDQyLjYzMTcgMTQuOTQ5MloiIGZpbGw9IiMyMUEwMzgiLz4KPHBhdGggZD0iTTExLjc5MzggMjcuMDE2MkMxMS43OTM4IDI2Ljc0MzcgMTEuNzkzOCAyNi41MTAxIDExLjgzMjcgMjYuMjM3NUw3LjI3NzIyIDI2LjAwMzlDNy4yNzcyMiAyNi4zMTU0IDcuMjM4MjggMjYuNjY1OCA3LjIzODI4IDI2Ljk3NzNDNy4yMzgyOCAzMi40MjgzIDkuNDU3NjMgMzcuMzczMiAxMy4wMzk3IDQwLjk1NTNMMTYuMjcxNCAzNy43MjM2QzEzLjUwNyAzNC45OTgxIDExLjc5MzggMzEuMjIxMyAxMS43OTM4IDI3LjAxNjJaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjczN18xMjU0NCkiLz4KPHBhdGggZD0iTTI2Ljk3ODEgMTEuODMyOUMyNy4yNTA3IDExLjgzMjkgMjcuNDg0MyAxMS44MzI5IDI3Ljc1NjkgMTEuODcxOEwyNy45OTA1IDcuMzE2MjhDMjcuNjc5IDcuMzE2MjggMjcuMzI4NiA3LjI3NzM0IDI3LjAxNzEgNy4yNzczNEMyMS41NjYgNy4yNzczNCAxNi42MjEyIDkuNDk2NjkgMTMuMDM5MSAxMy4wNzg4TDE2LjI3MDcgMTYuMzEwNUMxOC45OTYzIDEzLjU0NiAyMi44MTIgMTEuODMyOSAyNi45NzgxIDExLjgzMjlaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMjczN18xMjU0NCkiLz4KPHBhdGggZD0iTTI2Ljk3NzIgNDIuMjA0MkMyNi43MDQ2IDQyLjIwNDIgMjYuNDcxIDQyLjIwNDIgMjYuMTk4NSA0Mi4xNjUzTDI1Ljk2NDggNDYuNzIwOEMyNi4yNzYzIDQ2LjcyMDggMjYuNjI2OCA0Ni43NTk3IDI2LjkzODIgNDYuNzU5N0MzMi4zODkzIDQ2Ljc1OTcgMzcuMzM0MSA0NC41NDA0IDQwLjkxNjIgNDAuOTU4MkwzNy42ODQ2IDM3LjcyNjZDMzQuOTU5IDQwLjUyOTkgMzEuMTgyMyA0Mi4yMDQyIDI2Ljk3NzIgNDIuMjA0MloiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8cGF0aCBkPSJNMzUuNTQ2NCAxNC40ODA0TDM5LjQwMSAxMS42MzhDMzYuMDEzNiA4LjkxMjUzIDMxLjY5MTcgNy4yMzgyOCAyNi45ODA1IDcuMjM4MjhWMTEuNzkzOEMzMC4xNzMyIDExLjgzMjcgMzMuMTMyNCAxMi44MDYxIDM1LjU0NjQgMTQuNDgwNFoiIGZpbGw9InVybCgjcGFpbnQzX2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8cGF0aCBkPSJNNDYuNzU3OSAyNy4wMTk3QzQ2Ljc1NzkgMjUuODEyNyA0Ni42NDExIDI0LjY0NDYgNDYuNDQ2NCAyMy40NzY2TDQyLjIwMjQgMjYuNjMwNEM0Mi4yMDI0IDI2Ljc0NzIgNDIuMjAyNCAyNi45MDI5IDQyLjIwMjQgMjcuMDE5N0M0Mi4yMDI0IDMxLjQ5NzQgNDAuMjU1NiAzNS41MDc4IDM3LjE3OTcgMzguMjcyMkw0MC4yNTU2IDQxLjY1OTdDNDQuMjI3MSAzOC4wNzc2IDQ2Ljc1NzkgMzIuODIxMiA0Ni43NTc5IDI3LjAxOTdaIiBmaWxsPSIjMjFBMDM4Ii8+CjxwYXRoIGQ9Ik0yNi45Nzk4IDQyLjIwMjRDMjIuNTAyMSA0Mi4yMDI0IDE4LjQ5MTcgNDAuMjU1NiAxNS43MjczIDM3LjE3OTdMMTIuMzM5OCA0MC4yNTU2QzE1Ljk2MDkgNDQuMjY2IDIxLjE3ODMgNDYuNzU3OSAyNi45Nzk4IDQ2Ljc1NzlWNDIuMjAyNFoiIGZpbGw9InVybCgjcGFpbnQ0X2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8cGF0aCBkPSJNMTYuODE2NSAxNS43NjYzTDEzLjc0MDYgMTIuMzc4OUM5LjczMDE4IDE2IDcuMjM4MjggMjEuMjE3NCA3LjIzODI4IDI3LjAxODhIMTEuNzkzOEMxMS43OTM4IDIyLjU4MDEgMTMuNzQwNiAxOC41MzA4IDE2LjgxNjUgMTUuNzY2M1oiIGZpbGw9InVybCgjcGFpbnQ1X2xpbmVhcl8yNzM3XzEyNTQ0KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzI3MzdfMTI1NDQiIHgxPSIxMi41Njg1IiB5MT0iNDAuNDAxMSIgeDI9IjcuOTA1ODEiIHkyPSIyNi45NjYzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xNDQ0IiBzdG9wLWNvbG9yPSIjRjJFOTEzIi8+CjxzdG9wIG9mZnNldD0iMC4zMDM3IiBzdG9wLWNvbG9yPSIjRTdFNTE4Ii8+CjxzdG9wIG9mZnNldD0iMC41ODIzIiBzdG9wLWNvbG9yPSIjQ0FEQjI2Ii8+CjxzdG9wIG9mZnNldD0iMC44OTEiIHN0b3AtY29sb3I9IiNBM0NEMzkiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzI3MzdfMTI1NDQiIHgxPSIxNC4zMzc2IiB5MT0iMTIuNTUwNiIgeDI9IjI2LjE1NjYiIHkyPSI4LjA2MTA1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wNTkyIiBzdG9wLWNvbG9yPSIjMEZBOEUwIi8+CjxzdG9wIG9mZnNldD0iMC41Mzg1IiBzdG9wLWNvbG9yPSIjMDA5OUY5Ii8+CjxzdG9wIG9mZnNldD0iMC45MjM0IiBzdG9wLWNvbG9yPSIjMDI5MUVCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8yNzM3XzEyNTQ0IiB4MT0iMjUuNjk3NCIgeTE9IjQyLjg3MzciIHgyPSIzOS43ODAzIiB5Mj0iMzkuNzAxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xMjI2IiBzdG9wLWNvbG9yPSIjQTNDRDM5Ii8+CjxzdG9wIG9mZnNldD0iMC4yODQ2IiBzdG9wLWNvbG9yPSIjODZDMzM5Ii8+CjxzdG9wIG9mZnNldD0iMC44NjkzIiBzdG9wLWNvbG9yPSIjMjFBMDM4Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhcl8yNzM3XzEyNTQ0IiB4MT0iMjYuMDQ0NSIgeTE9IjEwLjE1MyIgeDI9IjM3Ljc1NzYiIHkyPSIxMy43NTU0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wNTY2IiBzdG9wLWNvbG9yPSIjMDI5MUVCIi8+CjxzdG9wIG9mZnNldD0iMC43OSIgc3RvcC1jb2xvcj0iIzBDOEFDQiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NF9saW5lYXJfMjczN18xMjU0NCIgeDE9IjEzLjQ5ODEiIHkxPSI0MC45OTU2IiB4Mj0iMjYuMDc3MiIgeTI9IjQ1LjY4MDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjEzMjQiIHN0b3AtY29sb3I9IiNGMkU5MTMiLz4KPHN0b3Agb2Zmc2V0PSIwLjI5NzciIHN0b3AtY29sb3I9IiNFQkU3MTYiLz4KPHN0b3Agb2Zmc2V0PSIwLjUzMDYiIHN0b3AtY29sb3I9IiNEOUUwMUYiLz4KPHN0b3Agb2Zmc2V0PSIwLjgwMjMiIHN0b3AtY29sb3I9IiNCQkQ2MkQiLz4KPHN0b3Agb2Zmc2V0PSIwLjk4MjkiIHN0b3AtY29sb3I9IiNBM0NEMzkiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDVfbGluZWFyXzI3MzdfMTI1NDQiIHgxPSIxMC43MDQ2IiB5MT0iMjcuNTY5MSIgeDI9IjE1Ljc0NjMiIHkyPSIxNC40OTU4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wNjk4IiBzdG9wLWNvbG9yPSIjQTNDRDM5Ii8+CjxzdG9wIG9mZnNldD0iMC4yNTk5IiBzdG9wLWNvbG9yPSIjODFDNTVGIi8+CjxzdG9wIG9mZnNldD0iMC45MjE2IiBzdG9wLWNvbG9yPSIjMEZBOEUwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat center/52px; background-color: white; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__bank-icon { width: 56px; height: 56px; margin-right: 12px; background-size: 38.5px; } } .flat-d-mortgage-popup__bank-text { font-size: 16px; line-height: 24px; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__bank-text { line-height: 22px; } } .flat-d-mortgage-popup__bank-text span { font-size: 14px; line-height: 26px; opacity: .6; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__bank-gos { display: none; } } .flat-d-mortgage-popup__bank-gos._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__bank-gos._mobile { display: block; } } .flat-d-mortgage-popup__bank-rates .flat-d-mortgage-popup__bank-item-left { font-weight: 500; } .flat-d-mortgage-popup__bank-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__bank-item { font-size: 14px; } } .flat-d-mortgage-popup__bank-item:after { content: ""; position: absolute; top: 72%; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #c5c8cd; } .flat-d-mortgage-popup__bank-item:not(:last-child) { margin-bottom: 16px; } .flat-d-mortgage-popup__bank-item-rigth, .flat-d-mortgage-popup__bank-item-left { position: relative; z-index: 1; background-color: #f9f9f9; } .flat-d-mortgage-popup__bank-item-left { padding-right: 8px; } .flat-d-mortgage-popup__bank-item-rigth { padding-left: 8px; } .flat-d-mortgage-popup__bank-info { padding-top: 28px; margin-top: 28px; border-top: 1px solid #d8dade; } .flat-d-mortgage-popup__payment { margin-bottom: 16px; font-size: 16px; line-height: 28px; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__payment { margin-bottom: 24px; line-height: 24px; } } .flat-d-mortgage-popup__payment._w75 { max-width: 75%; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__payment._w75 { max-width: none; } } .flat-d-mortgage-popup__limit { font-size: 16px; line-height: 28px; color: #767e8b; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__limit { line-height: 24px; } } .flat-d-mortgage-popup__btn { width: 100%; height: 58px; margin-top: 32px; } @media only screen and (max-width: 750px) { .flat-d-mortgage-popup__btn { width: 100%; height: 56px; margin-top: 28px; } } .flat-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: calc(100vh - (110px - 50px)); padding-top: 64px; } @media only screen and (max-width: 750px) { .flat-detail { padding-top: 0; background-color: white; } } .flat-detail__init-wrapper { min-height: calc(100vh - 60px); } .flat-detail .comp-d-genplan__title { padding-top: 72px; } @media only screen and (max-width: 750px) { .flat-detail .comp-d-genplan__title { padding-top: 40px; } } .flat-detail__breadcrumbs { padding-top: 32px; margin-bottom: 32px; } @media only screen and (max-width: 750px) { .flat-detail__breadcrumbs { display: none; } } .flat-detail__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 32px; } @media only screen and (max-width: 750px) { .flat-detail__head { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 24px 0 20px; margin: 0; } } .flat-detail__title { width: 841px; font-size: 20px; line-height: 160%; font-family: 'Grtsk-Tera', 'Verdana', sans-serif; font-weight: 600; } @media only screen and (max-width: 750px) { .flat-detail__title { width: 100%; font-size: 14px; line-height: 148%; } } .flat-detail__back { position: relative; top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #727576; -webkit-transition: color .2s ease; transition: color .2s ease; } @media only screen and (max-width: 750px) { .flat-detail__back { top: 0; margin-bottom: 20px; } } .flat-detail__back:before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 8px; margin-left: 5px; border-left: 1px solid #14191a; border-bottom: 1px solid #14191a; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; } .flat-detail__back:hover { color: #a1a3a3; } .flat-detail__back:hover:before { -webkit-transform: translateX(-5px) rotate(45deg); transform: translateX(-5px) rotate(45deg); } .flat-detail__furnish { padding: 76px 0; border-bottom: 1px solid #e1e1e1; } @media only screen and (max-width: 750px) { .flat-detail__furnish { padding: 40px 0; } } .flat-detail__description { padding: 72px 0; border-bottom: 1px solid #e1e1e1; } @media only screen and (max-width: 750px) { .flat-detail__description { padding: 24px 0; } } .flat-detail__description-body { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 72px 129px 72px 72px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .flat-detail__description-body { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 32px; } } .flat-detail__description-quotes { -ms-flex-negative: 0; flex-shrink: 0; width: 64px; height: 64px; margin-right: 40px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA1NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4xIiBkPSJNMCA0NlYyNy43NjIxQzAgMTkuNjU2NCAxLjc3NTI1IDEzLjQ0MiA1LjMyNTc1IDkuMTE4OTRDOC44NzYyNCA0Ljc5NTg5IDE0LjYxMTcgMS43NTYyNCAyMi41MzIgMEwyNC45OSA3LjA5MjUxQzE1Ljg0MDcgMTAuMzM0OCAxMS4yNjYgMTUuNjcxMSAxMS4yNjYgMjMuMTAxM1YyNC43MjI1SDE4Ljg0NDlWNDZIMFpNMzEuMDEgNDZWMjcuNzYyMUMzMS4wMSAxOS42NTY0IDMyLjc4NTIgMTMuNDQyIDM2LjMzNTcgOS4xMTg5NEMzOS44ODYyIDQuNzk1ODkgNDUuNjIxNiAxLjc1NjI0IDUzLjU0MiAwTDU2IDcuMDkyNTFDNDYuODUwNiAxMC4zMzQ4IDQyLjI3NiAxNS42NzExIDQyLjI3NiAyMy4xMDEzVjI0LjcyMjVINDkuNjUwMVY0NkgzMS4wMVoiIGZpbGw9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); background-size: contain; background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 750px) { .flat-detail__description-quotes { -ms-flex-item-align: end; align-self: flex-end; width: 56px; height: 56px; margin-top: 20px; margin-right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } } .flat-detail__description-text { font-size: 20px; line-height: 32px; color: #000; } @media only screen and (max-width: 750px) { .flat-detail__description-text { font-size: 14px; line-height: 20px; } } .flat-detail__description-text p:not(:last-child) { margin-bottom: 10px; } .hardcoded-mortgage-popup { position: absolute; top: 50%; left: 50%; width: 524px; height: 578px; padding: 40px; background-color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 750px) { .hardcoded-mortgage-popup { top: unset; bottom: 0; width: 100%; height: 494px; padding: 24px 20px; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } } .hardcoded-mortgage-popup__close { position: absolute; right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; background: rgba(236, 237, 239, 0.5); border-radius: 50%; cursor: pointer; } @media only screen and (max-width: 750px) { .hardcoded-mortgage-popup__close { top: 20px; right: 20px; } } .hardcoded-mortgage-popup__title { margin-top: 18px; margin-bottom: 28px; font-family: Grtsk-Exa, sans-serif; color: #3b4658; font-weight: 500; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .hardcoded-mortgage-popup__title { margin-top: 28px; font-size: 24px; } } .hardcoded-mortgage-popup__details { padding: 36px; background: #f9f9f9; } @media only screen and (max-width: 750px) { .hardcoded-mortgage-popup__details { padding: 20px 16px; } } .hardcoded-mortgage-popup__details-title { margin-bottom: 32px; font-weight: 500; color: #3b4658; font-size: 14px; line-height: 24px; } .hardcoded-mortgage-popup__details-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 16px; margin-top: 1.6rem; border-bottom: 1px dashed #d7dade; } .hardcoded-mortgage-popup__details-item._desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .hardcoded-mortgage-popup__details-item._desktop { display: none; } } .hardcoded-mortgage-popup__details-item._mobile { display: none; } @media only screen and (max-width: 750px) { .hardcoded-mortgage-popup__details-item._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .hardcoded-mortgage-popup__details-item-left { position: absolute; left: 0; padding-right: 8px; background: #f9f9f9; color: #3b4658; font-weight: 400; font-size: 14px; line-height: 20px; } .hardcoded-mortgage-popup__details-item-right { position: absolute; right: 0; padding-left: 8px; background: #f9f9f9; color: #3b4658; font-weight: 500; font-size: 14px; line-height: 20px; } @media only screen and (max-width: 750px) { .hardcoded-mortgage-popup__details-item-right { font-weight: 400; } } .hardcoded-mortgage-popup__text { margin-top: 20px; color: #767e8b; font-weight: 400; font-size: 14px; line-height: 20px; } .hardcoded-mortgage-popup__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 220px; height: 52px; margin-top: 32px; } @media only screen and (max-width: 750px) { .hardcoded-mortgage-popup__button { width: 100%; height: 56px; } } @media only screen and (max-width: 750px) { .how-to-buy .mb-15-mobile { margin-bottom: 15px; } } @media only screen and (max-width: 750px) { .how-to-buy .landing-intro { height: 275px; padding-bottom: 160px; } } .how-to-buy .landing__section-header { line-height: 140%; font-size: 32px; } @media only screen and (max-width: 750px) { .how-to-buy .landing__section-header { font-size: 24px; } } @media only screen and (max-width: 750px) { .how-to-buy .landing__section-header.desktop { display: none; } } .how-to-buy .landing__section-header.mobile { display: none; } @media only screen and (max-width: 750px) { .how-to-buy .landing__section-header.mobile { display: block; } } .how-to-buy .button { width: 300px; height: 60px; } .how-to-buy .button.full { width: 100%; } @media only screen and (max-width: 750px) { .how-to-buy .button { width: 100%; } } .how-to-buy p { font-size: 16px; line-height: 174%; font-weight: 300; } .how-to-buy__card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; height: 100%; padding: 32px 55px 32px 36px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-transition: background-color .3s; transition: background-color .3s; } .how-to-buy__card svg { top: 50%; right: 30px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 180px; fill: #000; stroke: #000; pointer-events: none; } @media only screen and (max-width: 750px) { .how-to-buy__card svg { width: 140px; } } .how-to-buy__card#house svg { width: 200px; right: 20px; } @media only screen and (max-width: 750px) { .how-to-buy__card#house svg { width: 140px; } } .how-to-buy__card#zero-percent svg { width: 305px; } @media only screen and (max-width: 750px) { .how-to-buy__card#zero-percent svg { width: 203px; } } .how-to-buy__card.hover { cursor: pointer; } .how-to-buy__card.hover:hover { background-color: #3b4658; color: #fff; } .how-to-buy__card.hover:hover a { color: #fff; } .how-to-buy__card.hover:hover svg { fill: #fff; stroke: #fff; } .how-to-buy__card p { width: 100%; max-width: 554px; } .how-to-buy__card a { margin-top: 35px; width: 100%; -ms-flex-item-align: end; align-self: flex-end; font-size: 18px; line-height: 140%; text-decoration: underline; } @media only screen and (max-width: 750px) { .how-to-buy__card { padding: 25px 20px; } .how-to-buy__card:hover { background-color: inherit; color: inherit; } .how-to-buy__card:hover a { color: inherit; } .how-to-buy__card a { font-size: inherit; margin-top: 15px; } } .how-to-buy__card-header { font-size: 24px; line-height: 140%; margin-bottom: 15px; } @media only screen and (max-width: 750px) { .how-to-buy__card-header { font-size: 20px; } } .how-to-buy-intro { margin-bottom: 80px; } .how-to-buy-intro .landing-intro { background-image: url(/static/images/intro.jpg); } @media only screen and (max-width: 750px) { .how-to-buy-intro .landing-intro { background-image: url(/static/images/intro-mobile.jpg); } } @media only screen and (max-width: 750px) { .how-to-buy-intro { margin-bottom: 50px; } } .how-to-buy-intro p { font-size: 18px; font-weight: 400; } .how-to-buy-intro__menu { position: relative; height: 75px; margin-bottom: 60px; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .how-to-buy-intro__menu { height: 65px; margin-bottom: 35px; } } .how-to-buy-intro__menu.--fixed { position: fixed; top: var(--header-dynamic-height); width: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); z-index: 9; -webkit-transition: top 0.3s ease; transition: top 0.3s ease; } .how-to-buy-intro__menu .container { height: 100%; } .how-to-buy-intro__menu-list { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media only screen and (max-width: 750px) { .how-to-buy-intro__menu-list { overflow-x: scroll; } } .how-to-buy-intro__menu-item { height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 48px; font-size: 16px; line-height: 26px; cursor: pointer; white-space: nowrap; -webkit-transition: color .3s; transition: color .3s; } @media only screen and (max-width: 750px) { .how-to-buy-intro__menu-item { margin-right: 30px; } } .how-to-buy-intro__menu-item:after { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 2px; background-color: #14191a; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .how-to-buy-intro__menu-item:hover { color: #576c70; } .how-to-buy-intro__menu-item:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .how-to-buy-intro__menu-item:last-child { padding-right: 40px; } } .how-to-buy-intro__menu-item.active { color: #a9adb4; } .how-to-buy-intro__menu-item.active:after { opacity: 1; } .how-to-buy-intro__menu-overlay { position: absolute; top: 0; right: 0; width: 58px; height: 65px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .how-to-buy-intro__menu-overlay { opacity: 1; } } .how-to-buy-intro__menu-overlay:after { content: ""; position: absolute; width: 56px; height: 100%; top: 0; right: 0; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } .how-to-buy-mortgage { margin-bottom: 80px; } @media only screen and (max-width: 750px) { .how-to-buy-mortgage { margin-bottom: 50px; } } .how-to-buy-mortgage .landing__section-header { margin-bottom: 15px; } @media only screen and (max-width: 750px) { .how-to-buy-mortgage .landing__section-header { margin-bottom: 25px; } } .how-to-buy-mortgage__image { width: 100%; height: 390px; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 750px) { .how-to-buy-mortgage__image { width: 100vw; height: 210px; margin-left: -20px; margin-bottom: 25px; } } .how-to-buy-mortgage__content { margin-bottom: 60px; } .how-to-buy-mortgage__content p { margin-bottom: 45px; padding-right: 47px; } @media only screen and (max-width: 750px) { .how-to-buy-mortgage__content p { margin-bottom: 15px; padding-right: 0; } } @media only screen and (max-width: 750px) { .how-to-buy-mortgage__content { margin-bottom: 35px; } .how-to-buy-mortgage__content .col-1-2:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .how-to-buy-mortgage__content .col-1-2:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .how-to-buy-installment { margin-bottom: 70px; } @media only screen and (max-width: 750px) { .how-to-buy-installment { margin-bottom: 70px; } } .how-to-buy-installment .landing__section-header { margin-bottom: 35px; } @media only screen and (max-width: 750px) { .how-to-buy-installment .landing__section-header { margin-bottom: 25px; } } .how-to-buy-installment__image { width: 100%; height: 360px; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .how-to-buy-installment__image { width: 100vw; height: 210px; margin-left: -20px; margin-bottom: 25px; } } .how-to-buy-installment__content { height: 100%; padding-left: 56px; padding-right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .how-to-buy-installment__content p { margin-bottom: 45px; } @media only screen and (max-width: 750px) { .how-to-buy-installment__content { padding-left: 0; padding-right: 0; } } .how-to-buy-installment__content-container { margin-bottom: 60px; } .how-to-buy-installment__card-container { margin-bottom: 70px; } @media only screen and (max-width: 750px) { .how-to-buy-installment__card-container { margin-bottom: 50px; } } @media only screen and (max-width: 750px) { .how-to-buy-info { padding: 0 20px; } } .how-to-buy-info__content { position: relative; width: 100%; max-width: 780px; max-height: 100%; padding: 80px 66px 66px; background-color: #fff; } @media only screen and (max-width: 750px) { .how-to-buy-info__content { padding: 48px 20px 36px; overflow-y: scroll; } } .how-to-buy-info__link { display: block; margin-top: 25px; width: 100%; -ms-flex-item-align: end; align-self: flex-end; font-size: 18px; line-height: 140%; text-decoration: underline; } .how-to-buy-info__close { position: absolute; top: 30px; right: 30px; width: 13px; height: 13px; cursor: pointer; } .how-to-buy-info__close svg { width: 100%; height: 100%; pointer-events: none; } @media only screen and (max-width: 750px) { .how-to-buy-info__close { top: 20px; right: 20px; } } .how-to-buy-info h2 { font-size: 32px; line-height: 140%; margin-bottom: 25px; } @media only screen and (max-width: 750px) { .how-to-buy-info h2 { font-size: 24px; } } .how-to-buy-info p { font-size: 16px; line-height: 174%; font-weight: 300; } .f-c-card { position: relative; height: 465px; margin-bottom: 20px; overflow: hidden; cursor: pointer; } @media only screen and (max-width: 750px) { .f-c-card { height: calc((100vw - 40px) / 1.1); } } .f-c-card:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.31)), to(rgba(0, 0, 0, 0.31))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.31), rgba(0, 0, 0, 0.31)); z-index: 2; opacity: 1; cursor: pointer; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .f-c-card:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(60, 69, 87, 0.5)), to(rgba(60, 69, 87, 0.5))); background: linear-gradient(0deg, rgba(60, 69, 87, 0.5), rgba(60, 69, 87, 0.5)); opacity: 0; z-index: 3; cursor: pointer; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .f-c-card:hover:before { opacity: 0; } .f-c-card:hover:after { opacity: 1; } .f-c-card._grow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .f-c-card._small { width: calc((100% - 40px) / 3); } @media only screen and (max-width: 750px) { .f-c-card._small { width: 100%; } } .f-c-card._half { width: calc(((100% - 40px) / 3 * 2) + 20px); } @media only screen and (max-width: 750px) { .f-c-card._half { width: 100%; } } .f-c-card__img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .f-c-card__img._image-loaded { opacity: 1; } .f-c-card__title { position: absolute; bottom: 46px; left: 50px; font-size: 24px; line-height: 120%; color: white; z-index: 4; } @media only screen and (max-width: 750px) { .f-c-card__title { bottom: 32px; left: 38px; } } .f-c-card__text { font-size: 16px; color: white; } .f-c-card__container { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 2; width: 100%; padding: 0 50px 48px; } .f-c-detail { background-color: white; } .f-c-detail__title { margin-bottom: 24px; font-size: 34px; line-height: 120%; } @media only screen and (max-width: 750px) { .f-c-detail__title { margin-top: 22px; margin-bottom: 26px; font-size: 26px; line-height: 30px; } } .f-c-detail__title:first-letter { text-transform: uppercase; } .f-c-detail__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 52px; } @media only screen and (max-width: 750px) { .f-c-detail__head { margin-bottom: 30px; } } .f-c-detail__head-left { width: 550px; } .f-c-detail__text { font-weight: 300; font-size: 16px; line-height: 160%; } .f-c-detail__text > p { margin-bottom: 36px; } .f-c-detail__text > p:last-child { margin-bottom: 0; } .f-c-detail__info { width: 590px; padding: 84px 104px; background-color: #f9f9f9; font-size: 20px; line-height: 160%; } @media only screen and (max-width: 750px) { .f-c-detail__info { width: 100%; padding: 40px 36px; margin-bottom: 20px; } } .f-c-detail__info._desk { display: block; } @media only screen and (max-width: 750px) { .f-c-detail__info._desk { display: none; } } .f-c-detail__info._mob { display: none; } @media only screen and (max-width: 750px) { .f-c-detail__info._mob { display: block; } } .f-c-detail__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 52px; } @media only screen and (max-width: 750px) { .f-c-detail__gallery { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 42px; } } .f-c-detail__gallery-left, .f-c-detail__gallery-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 590px; } @media only screen and (max-width: 750px) { .f-c-detail__gallery-left, .f-c-detail__gallery-right { width: 100%; } } .f-c-detail .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: calc(50% + 20px); } .f-c-detail__slider { width: 100%; height: 332px; } @media only screen and (max-width: 750px) { .f-c-detail__slider { height: calc((100vw - 40px) / 1.3); margin-bottom: 20px; } } .f-c-detail__slider .swiper-pagination { display: none; position: relative; bottom: 34px; height: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .f-c-detail__slider .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } .f-c-detail__slider .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; background-color: white; opacity: .6; } .f-c-detail__slider .swiper-pagination-bullet-active { background: white; opacity: 1; } .f-c-detail__slide { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: -webkit-zoom-in; cursor: zoom-in; } @media only screen and (max-width: 750px) { .f-c-detail .swiper-button-next, .f-c-detail .swiper-button-prev { display: none; } } .f-c-detail__image { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: -webkit-zoom-in; cursor: zoom-in; } .f-c-detail__image._left { height: 684px; } @media only screen and (max-width: 750px) { .f-c-detail__image._left { height: calc(100vw - 40px); margin-bottom: 20px; } } .f-c-detail__image._top, .f-c-detail__image._bot { height: 332px; } @media only screen and (max-width: 750px) { .f-c-detail__image._top, .f-c-detail__image._bot { height: calc(100vw - 40px); margin-bottom: 12px; } } .f-c-detail__video { width: 100%; height: 332px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .f-c-detail__video { height: calc((100vw - 40px) / 1.7); } } .f-c-detail__video._desk { display: block; } @media only screen and (max-width: 750px) { .f-c-detail__video._desk { display: none; } } .f-c-detail__video._mob { display: none; } @media only screen and (max-width: 750px) { .f-c-detail__video._mob { display: block; } } @media only screen and (max-width: 750px) { .f-c-detail__filter { position: static; height: auto; width: 100vw; padding: 0 20px 38px; margin: 0 -20px; background-color: white; } } .f-c-detail__filter-title { margin-bottom: 40px; font-size: 34px; line-height: 37px; } @media only screen and (max-width: 750px) { .f-c-detail__filter-title { margin-bottom: 30px; font-size: 26px; line-height: 30px; } } .f-c-detail__filter-title:first-letter { text-transform: uppercase; } .f-c-detail__filter-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 250px; height: 60px; margin-top: 28px; } @media only screen and (max-width: 750px) { .f-c-detail__filter-btn { display: none; } } .feature-catalog__breadcrumbs { padding-top: 30px; margin-bottom: 48px; } @media only screen and (max-width: 750px) { .feature-catalog__breadcrumbs { padding-top: 20px; margin-bottom: 23px; } } @media only screen and (max-width: 750px) { .feature-catalog__breadcrumbs .breadcrumbs { display: none; } } .feature-catalog__breadcrumbs-link { display: none; font-size: 16px; line-height: 160%; font-weight: 300; opacity: .4; } @media only screen and (max-width: 750px) { .feature-catalog__breadcrumbs-link { display: inline-block; } } .feature-catalog__title { margin-bottom: 40px; font-size: 34px; line-height: 37px; } @media only screen and (max-width: 750px) { .feature-catalog__title { margin-top: 32px; margin-bottom: 30px; font-size: 26px; line-height: 30px; } } .feature-catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 80px; } @media only screen and (max-width: 750px) { .feature-catalog__list { margin-bottom: 45px; } } .mortgage-calc__item { position: relative; margin-bottom: 35px; } .mortgage-calc__item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .mortgage-calc__item-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .mortgage-calc__input-wrapper { position: relative; } @media only screen and (max-width: 750px) { .mortgage-calc__input-wrapper { width: 100%; } } .mortgage-calc__input-wrapper .mortgage-input__extra { right: 55px; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .mortgage-calc__input-wrapper .mortgage-input__extra { right: 20px; height: calc(100% - 36px); } } .mortgage-calc__label { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 18px; font-weight: 300; margin-bottom: 20px; } .mortgage-calc__input { margin-right: 35px; width: 203px; -ms-flex-negative: 0; flex-shrink: 0; max-height: 47px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 750px) { .mortgage-calc__input { width: 100%; margin-right: 0; margin-bottom: 36px; } } .mortgage-calc__last { margin-bottom: 42px; } .mortgage-calc__slider { margin-top: 8px; } @media only screen and (max-width: 750px) { .mortgage-calc__slider { width: 100%; } } .mortgage-calc__range { width: 270px; } @media only screen and (max-width: 750px) { .mortgage-calc__range { width: 100%; } } .mortgage-calc__values { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; } .mortgage-calc__values-item input { width: 100%; border: none; border-radius: 0; background-color: transparent; font-size: 14px; line-height: 15px; outline: none; } .mortgage-calc__values-item:last-child input { text-align: end; } .mortgage-calc__values-delimiter { -webkit-box-flex: 0; -ms-flex: 0 0 1px; flex: 0 0 1px; width: 1px; height: 14px; margin: 0 auto; background-color: #ecedef; } .mortgage-calc__checkbox-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 19px; opacity: 1; -webkit-transition: all .4s linear; transition: all .4s linear; } .mortgage-calc__checkbox-container.--disable { pointer-events: none; opacity: .5; } .mortgage-calc__checkbox-container.--hide { display: none; opacity: 0; } .mortgage-calc__checkbox-container.--hide-admin { display: none; } .mortgage-calc__checkbox-container:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .mortgage-calc__checkbox-container:last-child { margin-bottom: 32px; } } .mortgage-calc__checkbox { margin-right: 15px; } .mortgage-calc__checkbox-title { font-size: 16px; font-weight: 300; margin-right: 11px; cursor: pointer; } .mortgage-calc__checkbox-help { position: relative; height: 20px; width: 20px; min-height: 20px; min-width: 20px; border-radius: 50%; background-color: #d4d4d4; cursor: pointer; } .mortgage-calc__checkbox-help:after { content: '?'; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; font-weight: bold; color: #3b4658; } .mortgage-calc__checkbox-help:hover .mortgage-calc__checkbox-tooltip { opacity: 1; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } @media only screen and (max-width: 750px) { .mortgage-calc__checkbox-help:hover .mortgage-calc__checkbox-tooltip { -webkit-transform: scale(1); transform: scale(1); } } .mortgage-calc__checkbox-tooltip { position: absolute; top: 50%; left: calc(100% + 15px); -webkit-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); padding: 5px 10px; background-color: #d4d4d4; width: 290px; font-size: 11px; border-left: 4px solid #3b4658; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; opacity: 0; pointer-events: none; } @media only screen and (max-width: 750px) { .mortgage-calc__checkbox-tooltip { top: auto; left: auto; right: 0; bottom: calc(100% + 15px); width: 190px; border-bottom: 4px solid #3b4658; border-left: none; -webkit-transform: scale(0.9); transform: scale(0.9); } } .mortgage-calc__checkbox-tooltip:before { content: ''; position: absolute; top: 50%; right: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #3b4658; } @media only screen and (max-width: 750px) { .mortgage-calc__checkbox-tooltip:before { top: 99%; right: 5px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } } .mortgage-card { width: 285px; min-height: 180px; padding: 30px; background-color: #fff; -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease; will-change: transform, box-shadow; cursor: pointer; } @media only screen and (max-width: 750px) { .mortgage-card { width: 100%; } } .mortgage-card:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 750px) { .mortgage-card:hover { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: none; box-shadow: none; } } .mortgage-card__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; margin-bottom: 5px; background-position: left; background-size: contain; background-repeat: no-repeat; } .mortgage-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mortgage-card__title { color: #a8a19a; margin-bottom: 0; } .mortgage-card__val { font-size: 16px; font-weight: 300; line-height: 26px; } .mortgage-card__val.best { color: #7aa15d; } .mortgage-card__text-promo { font-size: 12px; margin-bottom: -10px; } .resale-flat-filter { padding: 24px 0 0; } @media only screen and (max-width: 750px) { .resale-flat-filter { padding: 0; overflow: hidden; } } .resale-flat-filter__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 100%; } .resale-flat-filter__title { padding: 32px 0; } @media only screen and (max-width: 750px) { .resale-flat-filter__title { padding: 24px 0; } } .resale-flat-filter__text { max-width: 812px; margin-bottom: 32px; font-weight: 300; font-size: 16px; line-height: 175%; } @media only screen and (max-width: 750px) { .resale-flat-filter__text { max-width: 100%; margin-bottom: 16px; height: 66px; font-size: 14px; overflow: hidden; -webkit-transition: height .4s ease; transition: height .4s ease; } } .resale-flat-filter__text-open { display: none; margin-bottom: 32px; font-size: 16px; line-height: 128.6%; } .resale-flat-filter__text-open._opened svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .resale-flat-filter__text-open > svg { stroke: #3b4658; width: 14px; margin-left: 12px; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } @media only screen and (max-width: 750px) { .resale-flat-filter__text-open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .resale-flat-filter__map { position: relative; width: 100%; height: 65vh; } @media only screen and (max-width: 750px) { .resale-flat-filter__map { height: 605px; } } .resale-flat-filter__controls { position: absolute; left: 100px; top: 100px; z-index: 2; } @media only screen and (max-width: 750px) { .resale-flat-filter__controls { left: 20px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .resale-flat-filter__marker:hover { z-index: 2; } .resale-flat-filter__marker > span { position: absolute; top: 4px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 11px; color: white; } .resale-flat-filter__facts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 36px; } @media only screen and (max-width: 750px) { .resale-flat-filter__facts { padding-bottom: 32px; margin-bottom: 40px; } } .resale-flat-filter__facts .slick-initialized .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .resale-flat-filter__facts .slick-dots { bottom: 0; } .resale-flat-filter__facts .slick-dots li { border-color: #3b4658; } .resale-flat-filter__facts .slick-dots li:after { background-color: #3b4658; } .resale-flat-filter__section { position: relative; display: none; margin-top: 40px; } @media only screen and (max-width: 750px) { .resale-flat-filter__section { margin-top: 32px; } } .resale-flat-filter__section._active { display: block; } .resale-flat-filter__fact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc((100% - 40px) / 3); height: 136px; padding-left: 80px; background-color: #f9f9f9; margin-right: 20px; margin-bottom: 20px; border-radius: 4px; } @media only screen and (max-width: 750px) { .resale-flat-filter__fact { width: 100%; padding: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; margin-bottom: 0; } } .resale-flat-filter__fact.slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .resale-flat-filter__fact:nth-child(3) { margin-right: 0; } .resale-flat-filter__fact:nth-child(6) { margin-right: 0; } .resale-flat-filter__fact-name { font-size: 20px; line-height: 128.6%; } .resale-flat-filter__fact-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 46px; height: 46px; background-size: contain; background-position: center; background-repeat: no-repeat; margin-right: 20px; } .resale-flat-filter__form { padding: 24px 0 0; } .resale-flat-filter__list { background: #f9f9f9; padding: 24px 0 56px; } .resale-flat-filter__list-inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .resale-flat-filter__list-item { width: 25%; padding: 20px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .resale-flat-filter__list-item { width: 100%; } } .resale-flat-filter .resale-flat-card { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; padding: 0 10px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .resale-flat-filter .resale-flat-card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-right: 0; } } .resale-flat-filter .resale-flat-card:nth-child(4n) { margin-right: 0; } .resale-flat-filter__more { font-size: 20px; height: 86px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; background-color: #fff; } .resale-flat-filter__toggle { display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; margin-right: auto; border: 1px solid #dedede; border-radius: 8px; } @media only screen and (max-width: 750px) { .resale-flat-filter__toggle { width: 100%; } } .resale-flat-filter__toggle-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 136px; padding: 19px 0; background-color: white; cursor: pointer; -webkit-transition: background-color .4s ease, color .4s ease; transition: background-color .4s ease, color .4s ease; } @media only screen and (max-width: 750px) { .resale-flat-filter__toggle-item { width: 50%; } } .resale-flat-filter__toggle-item > span { position: relative; z-index: 2; } .resale-flat-filter__toggle-item > svg { position: relative; fill: none; width: 16px; height: 16px; margin-right: 10px; z-index: 2; } .resale-flat-filter__toggle-item > svg._grid { fill: #3b4658; } .resale-flat-filter__toggle-item > svg._map { stroke: #3b4658; } .resale-flat-filter__toggle-item:before { content: ""; position: absolute; width: calc(100% + 1px); height: calc(100% + 2px); background-color: #292522; opacity: 0; z-index: 1; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .resale-flat-filter__toggle-item:first-child:before { left: -1px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .resale-flat-filter__toggle-item:last-child:before { right: -1px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .resale-flat-filter__toggle-item._active { color: white; background-color: #292522; -webkit-transition: background-color .4s ease, color .4s ease; transition: background-color .4s ease, color .4s ease; } .resale-flat-filter__toggle-item._active:before { opacity: 1; } .resale-flat-filter__toggle-item._active > svg._grid { fill: white; } .resale-flat-filter__toggle-item._active > svg._map { stroke: white; } .resale-flat-filter__toggle-item._left { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .resale-flat-filter__toggle-item._right { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .resale-flat-detail__breadcrumbs { padding-top: 32px; } @media only screen and (max-width: 750px) { .resale-flat-detail__breadcrumbs { display: none; } } .resale-flat-detail__title { margin-bottom: 48px; font-size: 32px; line-height: 130%; } @media only screen and (max-width: 750px) { .resale-flat-detail__title { margin-bottom: 20px; font-size: 24px; line-height: 26px; } .resale-flat-detail__title._mb32-mob { margin-bottom: 32px; } .resale-flat-detail__title._mob { display: block; } } .resale-flat-detail__title._desk { display: block; } @media only screen and (max-width: 750px) { .resale-flat-detail__title._desk { display: none; } } .resale-flat-detail__title._mob { display: none; } @media only screen and (max-width: 750px) { .resale-flat-detail__title._mob { display: block; } } .resale-flat-detail__head-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .resale-flat-detail__head-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 24px; } } .resale-flat-detail__head { max-width: 712px; margin: 24px 0 32px; font-size: 32px; line-height: 130%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .resale-flat-detail__head { max-width: 100%; margin: 0 0 24px; font-size: 26px; line-height: 131.52%; } } .resale-flat-detail__back { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-left: 20px; font-size: 16px; line-height: 18px; color: #a8a19a; -webkit-transition: color .2s ease; transition: color .2s ease; } @media only screen and (max-width: 750px) { .resale-flat-detail__back { display: inline-block; margin-bottom: 20px; margin-left: 0; } } .resale-flat-detail__back:before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 8px; margin-left: 5px; border-left: 1px solid #14191a; border-bottom: 1px solid #14191a; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; } .resale-flat-detail__back:hover { color: rgba(59, 70, 88, 0.8); } .resale-flat-detail__back:hover:before { -webkit-transform: translateX(-5px) rotate(45deg); transform: translateX(-5px) rotate(45deg); } .resale-flat-detail__middle { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 78px; } @media only screen and (max-width: 750px) { .resale-flat-detail__middle { margin-bottom: 48px; } } .resale-flat-detail__middle-left { width: 710px; margin-right: 130px; } @media only screen and (max-width: 750px) { .resale-flat-detail__middle-left { width: 100%; margin-right: 0; } } .resale-flat-detail__about { width: 100%; margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .resale-flat-detail__about { display: block; margin-bottom: 40px; } } .resale-flat-detail__left { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 676px; height: 612px; margin-right: 100px; } @media only screen and (max-width: 750px) { .resale-flat-detail__left { width: 100%; height: auto; margin-right: 0; margin-bottom: 40px; } } .resale-flat-detail__lawyer.resale { margin-bottom: 40px; font-size: 16px; line-height: 131.52%; } @media only screen and (max-width: 750px) { .resale-flat-detail__lawyer.resale { margin-bottom: 24px; font-size: 14px; } .resale-flat-detail__lawyer.resale > span { max-width: 230px; } } .resale-flat-detail__lawyer.resale > svg { width: 25px; height: 27px; margin-right: 16px; } .resale-flat-detail__slider { position: relative; -ms-flex-negative: 0; flex-shrink: 0; height: 450px; width: 100%; } @media only screen and (max-width: 750px) { .resale-flat-detail__slider { height: 322px; } } @media only screen and (max-width: 750px) { .resale-flat-detail__slider-wrapper { height: 288px; margin-bottom: 24px; } } .resale-flat-detail__slider .swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .resale-flat-detail__slider .swiper-pagination { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 10px; } } .resale-flat-detail__slider .swiper-pagination-bullet { background-color: #3b4658; } @media only screen and (max-width: 750px) { .resale-flat-detail__slider .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; background-color: rgba(59, 70, 88, 0.2); opacity: 1; } .resale-flat-detail__slider .swiper-pagination-bullet-active { background-color: #3b4658; } } .resale-flat-detail__thumbs { width: 100%; height: 84px; margin-top: 2px; } @media only screen and (max-width: 750px) { .resale-flat-detail__thumbs { display: none; } } .resale-flat-detail__thumbs .scroll-section__slider-thumb._youtube { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMyIiBoZWlnaHQ9Ijg0IiB2aWV3Qm94PSIwIDAgMTMyIDg0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc4MV83MjYwNSkiPgo8cmVjdCB3aWR0aD0iMTMyIiBoZWlnaHQ9Ijg0IiBmaWxsPSIjRTNFMEREIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz4KPHBhdGggZD0iTTQyIDBDNDIgNS44MzQ3NiAzOS41NzY4IDExLjQzMDUgMzUuMjYzNSAxNS41NTYzQzMwLjk1MDIgMTkuNjgyMSAyNS4xIDIyIDE5IDIyQzEyLjkgMjIgNy4wNDk5IDE5LjY4MjEgMi43MzY1NiAxNS41NTYzQy0xLjU3Njc4IDExLjQzMDUgLTQgNS44MzQ3NiAtNCAwSDMuODI5QzMuODI5IDMuODQ4NjUgNS40Mjc0IDcuNTM5NjggOC4yNzI1MSAxMC4yNjExQzExLjExNzYgMTIuOTgyNSAxNC45NzY0IDE0LjUxMTQgMTkgMTQuNTExNEMyMy4wMjM2IDE0LjUxMTQgMjYuODgyNCAxMi45ODI1IDI5LjcyNzUgMTAuMjYxMUMzMi41NzI3IDcuNTM5NjggMzQuMTcxIDMuODQ4NjUgMzQuMTcxIDBINDJaIiBmaWxsPSIjRTNFMEREIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8cGF0aCBkPSJNMTM0IDY5VjYxLjAxMzlIOTUuNzg0M1YyMkg4OFY2OUgxMzRaIiBmaWxsPSIjRTNFMEREIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8cGF0aCBkPSJNMTE5IDMxQzExNy42MTUgMzEgMTE2LjI2MiAzMS40MTA1IDExNS4xMTEgMzIuMTc5N0MxMTMuOTYgMzIuOTQ4OSAxMTMuMDYzIDM0LjA0MjEgMTEyLjUzMyAzNS4zMjEyQzExMi4wMDMgMzYuNjAwMyAxMTEuODY0IDM4LjAwNzggMTEyLjEzNSAzOS4zNjU3QzExMi40MDUgNDAuNzIzNSAxMTMuMDcxIDQxLjk3MDggMTE0LjA1IDQyLjk0OThDMTE1LjAyOSA0My45Mjg3IDExNi4yNzYgNDQuNTk1NCAxMTcuNjM0IDQ0Ljg2NTVDMTE4Ljk5MiA0NS4xMzU2IDEyMC40IDQ0Ljk5NyAxMjEuNjc5IDQ0LjQ2NzJDMTIyLjk1OCA0My45MzczIDEyNC4wNTEgNDMuMDQwMSAxMjQuODIgNDEuODg5QzEyNS41ODkgNDAuNzM3OCAxMjYgMzkuMzg0NSAxMjYgMzhDMTI2LjAwMSAzNy4wODA2IDEyNS44MiAzNi4xNzAxIDEyNS40NjggMzUuMzIwNUMxMjUuMTE3IDM0LjQ3MSAxMjQuNjAxIDMzLjY5OTEgMTIzLjk1MSAzMy4wNDg5QzEyMy4zMDEgMzIuMzk4OCAxMjIuNTI5IDMxLjg4MzIgMTIxLjY3OSAzMS41MzE3QzEyMC44MyAzMS4xODAxIDExOS45MTkgMzAuOTk5NCAxMTkgMzFaIiBmaWxsPSIjRTNFMEREIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8cGF0aCBkPSJNMTMzLjk3NyAtMC45OTc3NDlDMTMzLjk3MSAtNy4wOTU3IDEzMS41NDYgLTEyLjk0MjIgMTI3LjIzNSAtMTcuMjU0NUMxMjIuOTIzIC0yMS41NjY5IDExNy4wNzcgLTIzLjk5MjggMTEwLjk3OSAtMjRWLTE2LjE3NDhDMTE1LjAwMyAtMTYuMTc0OCAxMTguODYzIC0xNC41NzYzIDEyMS43MDggLTExLjczMDlDMTI0LjU1MyAtOC44ODU0OSAxMjYuMTUyIC01LjAyNjMgMTI2LjE1MiAtMS4wMDIzMUMxMjYuMTUyIDMuMDIxNjkgMTI0LjU1MyA2Ljg4MDg4IDEyMS43MDggOS43MjYyN0MxMTguODYzIDEyLjU3MTcgMTE1LjAwMyAxNC4xNzAyIDExMC45NzkgMTQuMTcwMkMxMDIuODk1IDE0LjE3MDIgOTUuODAyNSA3LjA3Nzg2IDk1LjgwMjUgLTEuMDAyMzFWLTIzLjk1OUg4OFYtMS4wMDIzMUM4OC4wNzc1IDUuMDAwMDQgOTAuNDgxNCAxMC43MzgxIDk0LjcwNTQgMTUuMDAzM0M5Ni44MTM0IDE3LjIwMzMgOTkuMzQyNiAxOC45NTY1IDEwMi4xNDIgMjAuMTU4NkMxMDQuOTQyIDIxLjM2MDYgMTA3Ljk1NSAyMS45ODY4IDExMS4wMDIgMjJDMTE3LjEgMjEuOTkyOCAxMjIuOTQ2IDE5LjU2NjkgMTI3LjI1OCAxNS4yNTQ1QzEzMS41NjkgMTAuOTQyMiAxMzMuOTk0IDUuMDk1NjQgMTM0IC0xLjAwMjMxIiBmaWxsPSIjRTNFMEREIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8cGF0aCBkPSJNLTQgNDVDLTMuNzk0NDQgNTEuNDQwMiAtMS4yODEyMyA1Ny41NDI1IDMuMDA5NjUgNjIuMDJDNy4zMDA1MyA2Ni40OTc0IDEzLjAzMzcgNjkgMTkgNjlDMjQuOTY2MyA2OSAzMC42OTk0IDY2LjQ5NzQgMzQuOTkwMyA2Mi4wMkMzOS4yODEyIDU3LjU0MjUgNDEuNzk0NCA1MS40NDAyIDQyIDQ1SDM0LjE3MDlDMzQuMTcwOSA0OS4zNDg0IDMyLjU3MTYgNTMuNTE4NiAyOS43MjQ4IDU2LjU5MzRDMjYuODc4IDU5LjY2ODEgMjMuMDE2OSA2MS4zOTU1IDE4Ljk5MDkgNjEuMzk1NUMxNC45NjQ5IDYxLjM5NTUgMTEuMTAzOCA1OS42NjgxIDguMjU3IDU2LjU5MzRDNS40MTAyIDUzLjUxODYgMy44MTA5IDQ5LjM0ODQgMy44MTA5IDQ1SC00WiIgZmlsbD0iI0UzRTBERCIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggZD0iTTY1Ljk4MSA2MC42MDA5VjY5QzU5LjYyMTggNjguOTg4NyA1My41MjY2IDY2LjQ1NiA0OS4wMzEzIDYxLjk1NzJDNDQuNTM2IDU3LjQ1ODQgNDIuMDA3NSA1MS4zNjA0IDQyIDQ1SDUwLjM5NzRDNTAuNDAyNCA0OS4xMzY5IDUyLjA0OCA1My4xMDI5IDU0Ljk3MzEgNTYuMDI3N0M1Ny44OTgyIDU4Ljk1MjUgNjEuODYzOSA2MC41OTcyIDY2IDYwLjYwMDkiIGZpbGw9IiNFM0UwREQiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjxwYXRoIGQ9Ik04OCA2MC42MDA5VjY5QzgyLjE2NyA2OC45OTM3IDc2LjU3NDYgNjYuNDYzMSA3Mi40NSA2MS45NjM2QzY4LjMyNTUgNTcuNDY0MSA2Ni4wMDU4IDUxLjM2MzMgNjYgNDVINzMuNjk5MUM3My43MDI2IDQ5LjEzNjUgNzUuMjEwNCA1My4xMDI1IDc3Ljg5MTYgNTYuMDI3NEM4MC41NzI4IDU4Ljk1MjMgODQuMjA4MiA2MC41OTcyIDg4IDYwLjYwMDlaIiBmaWxsPSIjRTNFMEREIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8cGF0aCBkPSJNNjYgMzYuOTQ3OVY0NUM1OS42MzcxIDQ0Ljk5MjggNTMuNTM3IDQyLjU2NzIgNDkuMDM3OCAzOC4yNTU0QzQ0LjUzODYgMzMuOTQzNyA0Mi4wMDc1IDI4LjA5NzggNDIgMjJINTAuMzk3NEM1MC40MDI0IDI1Ljk2MzcgNTIuMDQ4IDI5Ljc2MzcgNTQuOTczMSAzMi41NjYxQzU3Ljg5ODIgMzUuMzY4NSA2MS44NjM5IDM2Ljk0NDMgNjYgMzYuOTQ3OVoiIGZpbGw9IiNFM0UwREQiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjxwYXRoIGQ9Ik04OCAzNi45NDc5VjQ1QzgyLjE2NjYgNDQuOTkyOCA3Ni41NzQyIDQyLjU2NzEgNzIuNDQ5OCAzOC4yNTUyQzY4LjMyNTQgMzMuOTQzMyA2Ni4wMDU4IDI4LjA5NzMgNjYgMjJINzMuNjk5MUM3My43MDI2IDI1Ljk2MzMgNzUuMjEwNCAyOS43NjMzIDc3Ljg5MTYgMzIuNTY1OEM4MC41NzI4IDM1LjM2ODMgODQuMjA4MiAzNi45NDQzIDg4IDM2Ljk0NzlaIiBmaWxsPSIjRTNFMEREIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8cGF0aCBkPSJNNjYgMTEzQzU5LjYzNDggMTEzIDUzLjUzMDMgMTEwLjY4MiA0OS4wMjk0IDEwNi41NTZDNDQuNTI4NiAxMDIuNDMxIDQyIDk2LjgzNDggNDIgOTFDNDIgODUuMTY1MiA0NC41Mjg2IDc5LjU2OTUgNDkuMDI5NCA3NS40NDM3QzUzLjUzMDMgNzEuMzE3OSA1OS42MzQ4IDY5IDY2IDY5Vjc2LjQ4ODZDNjEuODAxNSA3Ni40ODg2IDU3Ljc3NDkgNzguMDE3NSA1NC44MDYxIDgwLjczODlDNTEuODM3MyA4My40NjAzIDUwLjE2OTQgODcuMTUxMyA1MC4xNjk0IDkxQzUwLjE2OTQgOTQuODQ4NyA1MS44MzczIDk4LjUzOTcgNTQuODA2MSAxMDEuMjYxQzU3Ljc3NDkgMTAzLjk4MiA2MS44MDE1IDEwNS41MTEgNjYgMTA1LjUxMVYxMTNaIiBmaWxsPSIjRTNFMEREIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8cGF0aCBkPSJNODggMTAzVjk1LjQzN0M5MS4yMTE0IDk1LjQzNyA5My44MTcyIDkyLjk5NjYgOTMuODE3MiA5MC4wMDIyQzkzLjgxNzIgODcuMDA3OCA5MS4yMTE0IDg0LjU2MyA4OCA4NC41NjNWNzdDOTUuMTcwMyA3NyAxMDEgODIuODM0OSAxMDEgOTAuMDAyMkMxMDEgOTcuMTY5NCA5NS4xNTM1IDEwMyA4OCAxMDNaIiBmaWxsPSIjRTNFMEREIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8cGF0aCBkPSJNMTAwLjAxNiA2OUgxMDYuNzAzQzEwNi43MDMgNzEuOTYwNSAxMDguODYyIDc0LjM2OTcgMTExLjUxNiA3NC4zNjk3QzExNC4xNjkgNzQuMzY5NyAxMTYuMzI4IDcxLjk2MDUgMTE2LjMyOCA2OUgxMjNDMTIzIDc1LjYxNDggMTE3Ljg0MSA4MSAxMTEuNSA4MUMxMDUuMTU5IDgxIDEwMCA3NS42MDMzIDEwMCA2OSIgZmlsbD0iI0UzRTBERCIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggZD0iTTY1LjAwNjkgMEg4OFY3LjcwMTk1SDY1LjAwNjlDNjEuMDQzNSA3LjcwNTQgNTcuMjQzNCA5LjIxMjggNTQuNDQwNSAxMS44OTMzQzUxLjYzNzUgMTQuNTczOSA1MC4wNjA2IDE4LjIwODYgNTAuMDU1OCAyMkg0MkM0Mi4wMDcyIDE2LjE2NzMgNDQuNDMyNSAxMC41NzU2IDQ4Ljc0MzggNi40NTEyOEM1My4wNTUyIDIuMzI2OTcgNTguOTAwNiAwLjAwNjkxMzQ2IDY0Ljk5NzcgMCIgZmlsbD0iI0UzRTBERCIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggZD0iTTM0LjE3MSA5MUMzNC4xNzEgODguMTI5OSAzMy4yODEyIDg1LjMyNDMgMzEuNjE0MiA4Mi45Mzc5QzI5Ljk0NzIgODAuNTUxNSAyNy41Nzc4IDc4LjY5MTUgMjQuODA1NyA3Ny41OTMyQzIyLjAzMzUgNzYuNDk0OSAxOC45ODMxIDc2LjIwNzUgMTYuMDQwMyA3Ni43Njc1QzEzLjA5NzQgNzcuMzI3NCAxMC4zOTQyIDc4LjcwOTUgOC4yNzI1IDgwLjczODlDNi4xNTA4IDgyLjc2ODQgNC43MDU5IDg1LjM1NDEgNC4xMjA1MyA4OC4xNjlDMy41MzUxNSA5MC45ODM5IDMuODM1NTYgOTMuOTAxNyA0Ljk4MzgyIDk2LjU1MzNDNi4xMzIwNyA5OS4yMDQ5IDguMDc2NTggMTAxLjQ3MSAxMC41NzE0IDEwMy4wNjZDMTMuMDY2MyAxMDQuNjYgMTUuOTk5NSAxMDUuNTExIDE5IDEwNS41MTFDMjMuMDIyMSAxMDUuNTA3IDI2Ljg3ODEgMTAzLjk3NiAyOS43MjIyIDEwMS4yNTZDMzIuNTY2MiA5OC41MzU2IDM0LjE2NjEgOTQuODQ3MiAzNC4xNzEgOTFaTS00IDkxQy00IDg2LjY0ODggLTIuNjUxMDYgODIuMzk1MyAtMC4xMjM3OSA3OC43Nzc0QzIuNDAzNDggNzUuMTU5NiA1Ljk5NTU3IDcyLjMzOTggMTAuMTk4MyA3MC42NzQ3QzE0LjQwMSA2OS4wMDk1IDE5LjAyNTUgNjguNTczOSAyMy40ODcxIDY5LjQyMjdDMjcuOTQ4NiA3MC4yNzE2IDMyLjA0NjggNzIuMzY2OSAzNS4yNjM1IDc1LjQ0MzdDMzguNDgwMSA3OC41MjA0IDQwLjY3MDYgODIuNDQwNCA0MS41NTgxIDg2LjcwOEM0Mi40NDU1IDkwLjk3NTYgNDEuOTkgOTUuMzk5MSA0MC4yNDkyIDk5LjQxOUMzOC41MDg0IDEwMy40MzkgMzUuNTYwNCAxMDYuODc1IDMxLjc3ODEgMTA5LjI5MkMyNy45OTU3IDExMS43MSAyMy41NDkgMTEzIDE5IDExM0MxMi45MDIyIDExMi45OTMgNy4wNTYyNyAxMTAuNjczIDIuNzQ0NSAxMDYuNTQ5Qy0xLjU2NzI3IDEwMi40MjQgLTMuOTkyNzcgOTYuODMyNiAtNCA5MVoiIGZpbGw9IiNFM0UwREQiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjxwYXRoIGQ9Ik04MS4wOTI2IDM0LjQwOThDODAuOTEzMyAzMy43NDE5IDgwLjU2MTcgMzMuMTMyOSA4MC4wNzMgMzIuNjQzNkM3OS41ODQ0IDMyLjE1NDQgNzguOTc1OCAzMS44MDIgNzguMzA4MiAzMS42MjE5Qzc1Ljg1MDggMzAuOTYwOSA2NiAzMC45NjA5IDY2IDMwLjk2MDlDNjYgMzAuOTYwOSA1Ni4xNDkyIDMwLjk2MDkgNTMuNjkxOCAzMS42MTg0QzUzLjAyMzkgMzEuNzk3OSA1Mi40MTUgMzIuMTUwMSA1MS45MjYzIDMyLjYzOTRDNTEuNDM3NSAzMy4xMjg4IDUxLjA4NjIgMzMuNzM4MSA1MC45MDc0IDM0LjQwNjJDNTAuMjUgMzYuODY3MiA1MC4yNSA0MiA1MC4yNSA0MkM1MC4yNSA0MiA1MC4yNSA0Ny4xMzI4IDUwLjkwNzQgNDkuNTkwMkM1MS4yNjk1IDUwLjk0NzMgNTIuMzM4MyA1Mi4wMTYgNTMuNjkxOCA1Mi4zNzgxQzU2LjE0OTIgNTMuMDM5MSA2NiA1My4wMzkxIDY2IDUzLjAzOTFDNjYgNTMuMDM5MSA3NS44NTA4IDUzLjAzOTEgNzguMzA4MiA1Mi4zNzgxQzc5LjY2NTIgNTIuMDE2IDgwLjczMDUgNTAuOTQ3MyA4MS4wOTI2IDQ5LjU5MDJDODEuNzUgNDcuMTMyOCA4MS43NSA0MiA4MS43NSA0MkM4MS43NSA0MiA4MS43NSAzNi44NjcyIDgxLjA5MjYgMzQuNDA5OFpNNjIuODcxMSA0Ni43MTA5VjM3LjI4OTFMNzEuMDI3MyA0MS45NjQ4TDYyLjg3MTEgNDYuNzEwOVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8cGF0aCBkPSJNNjIuODcxMSAzNy4yODkxVjQ2LjcxMDlMNzEuMDI3MyA0MS45NjQ4TDYyLjg3MTEgMzcuMjg5MVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxMzEiIGhlaWdodD0iODMiIHN0cm9rZT0iI0VDRURFRiIvPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNzgxXzcyNjA1Ij4KPHJlY3Qgd2lkdGg9IjEzMiIgaGVpZ2h0PSI4NCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); opacity: 1; } .resale-flat-detail__slide { cursor: -webkit-zoom-in; cursor: zoom-in; background-color: white; } .resale-flat-detail__slide.empty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; color: rgba(0, 0, 0, 0.5); cursor: auto; } .resale-flat-detail__slide > iframe { width: 100%; height: 100%; pointer-events: none; } .resale-flat-detail__controls { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media only screen and (max-width: 750px) { .resale-flat-detail__controls { display: none; } } .resale-flat-detail__arrow { position: absolute; width: 50px; height: 50px; top: 50%; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMTciIHk9IjQ1IiB2aWV3Qm94PSIwIDAgMTcgNDUiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgNDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojNTY1RjZDO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utb3BhY2l0eTowLjU7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGlkPSJwYXRoLTEiIGNsYXNzPSJzdDAiIGQ9Ik0xNiw0Mi40bC0xLjYsMS42TDEuMiwyMi40TDE0LjMsMC44bDEuNywxLjVMMy45LDIyLjRMMTYsNDIuNHoiLz4KPC9nPgo8Zz4KCTxwYXRoIGlkPSJwYXRoLTFfMV8iIGNsYXNzPSJzdDEiIGQ9Ik0xNiw0Mi40bC0xLjYsMS42TDEuMiwyMi40TDE0LjMsMC44bDEuNywxLjVMMy45LDIyLjRMMTYsNDIuNHoiLz4KPC9nPgo8L3N2Zz4K); background-position: center; background-size: 20px; background-repeat: no-repeat; outline: none; } .resale-flat-detail__arrow._prev { left: 18px; } .resale-flat-detail__arrow._next { right: 18px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .resale-flat-detail .slick-arrow-prev { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMTciIHk9IjQ1IiB2aWV3Qm94PSIwIDAgMTcgNDUiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgNDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojNTY1RjZDO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utb3BhY2l0eTowLjU7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGlkPSJwYXRoLTEiIGNsYXNzPSJzdDAiIGQ9Ik0xNiw0Mi40bC0xLjYsMS42TDEuMiwyMi40TDE0LjMsMC44bDEuNywxLjVMMy45LDIyLjRMMTYsNDIuNHoiLz4KPC9nPgo8Zz4KCTxwYXRoIGlkPSJwYXRoLTFfMV8iIGNsYXNzPSJzdDEiIGQ9Ik0xNiw0Mi40bC0xLjYsMS42TDEuMiwyMi40TDE0LjMsMC44bDEuNywxLjVMMy45LDIyLjRMMTYsNDIuNHoiLz4KPC9nPgo8L3N2Zz4K); } .resale-flat-detail .slick-arrow-next { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMTciIHk9IjQ1IiB2aWV3Qm94PSIwIDAgMTcgNDUiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTcgNDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojNTY1RjZDO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utb3BhY2l0eTowLjU7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGlkPSJwYXRoLTEiIGNsYXNzPSJzdDAiIGQ9Ik0xNiw0Mi40bC0xLjYsMS42TDEuMiwyMi40TDE0LjMsMC44bDEuNywxLjVMMy45LDIyLjRMMTYsNDIuNHoiLz4KPC9nPgo8Zz4KCTxwYXRoIGlkPSJwYXRoLTFfMV8iIGNsYXNzPSJzdDEiIGQ9Ik0xNiw0Mi40bC0xLjYsMS42TDEuMiwyMi40TDE0LjMsMC44bDEuNywxLjVMMy45LDIyLjRMMTYsNDIuNHoiLz4KPC9nPgo8L3N2Zz4K); } .resale-flat-detail__slide-image { height: 100%; width: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .resale-flat-detail__slide-image._loaded { opacity: 1; } .resale-flat-detail__text-title { font-size: 16px; line-height: 28px; font-weight: 500; } .resale-flat-detail__text { font-size: 16px; line-height: 28px; } .resale-flat-detail__info { position: relative; width: 100%; } @media only screen and (max-width: 750px) { .resale-flat-detail__info { width: auto; } } .resale-flat-detail__map { position: relative; } .resale-flat-detail__map-tags { margin-top: 40px; } .resale-flat-detail__map-container { position: relative; width: 100%; height: 486px; z-index: 1; } @media only screen and (max-width: 750px) { .resale-flat-detail__map-container { height: 300px; } } .resale-flat-detail__map-container.leaflet-container .leaflet-control-attribution { visibility: hidden; pointer-events: none; } .resale-flat-detail__map-controls { position: absolute; left: 100px; top: 100px; z-index: 2; } @media only screen and (max-width: 750px) { .resale-flat-detail__map-controls { display: none; } } .resale-flat-detail__button { width: 100%; height: 72px; } @media only screen and (max-width: 750px) { .resale-flat-detail__button { width: 100%; height: 60px; } } .resale-flat-detail__button-mobile { display: none; } @media only screen and (max-width: 750px) { .resale-flat-detail__button-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 60px; } } .resale-flat-detail__comment { width: 360px; overflow: auto; height: 110px; } @media only screen and (max-width: 750px) { .resale-flat-detail__comment { width: 100%; max-height: none; } } .resale-f-d-gallery { height: 612px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .resale-f-d-gallery { height: auto; } } .resale-f-d-gallery__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; height: 44px; margin-right: auto; border: 1px solid #dedede; } @media only screen and (max-width: 750px) { .resale-f-d-gallery__tabs { width: 100%; margin-top: 24px; } } .resale-f-d-gallery__tab { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 136px; padding: 19px 0; background-color: white; cursor: pointer; -webkit-transition: background-color .4s ease, color .4s ease; transition: background-color .4s ease, color .4s ease; } @media only screen and (max-width: 750px) { .resale-f-d-gallery__tab { width: 50%; } } .resale-f-d-gallery__tab > span { position: relative; z-index: 2; } .resale-f-d-gallery__tab > svg { position: relative; fill: none; width: 16px; height: 16px; margin-right: 10px; stroke: #3b4658; z-index: 2; } .resale-f-d-gallery__tab:before { content: ""; position: absolute; width: calc(100% + 1px); height: calc(100% + 2px); background-color: #3b4658; opacity: 0; z-index: 1; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .resale-f-d-gallery__tab:first-child:before { left: -1px; } .resale-f-d-gallery__tab:last-child:before { right: -1px; } .resale-f-d-gallery__tab._active { color: white; background-color: #3b4658; -webkit-transition: background-color .4s ease, color .4s ease; transition: background-color .4s ease, color .4s ease; } .resale-f-d-gallery__tab._active:before { opacity: 1; } .resale-f-d-gallery__tab._active > svg { stroke: white; } @media (hover), (min-width: 0 \0) { .resale-f-d-gallery__tab:hover { color: white; background-color: #3b4658; -webkit-transition: background-color .4s ease, color .4s ease; transition: background-color .4s ease, color .4s ease; } .resale-f-d-gallery__tab:hover:before { opacity: 1; } .resale-f-d-gallery__tab:hover > svg { stroke: white; } } .resale-f-d-gallery__section { width: 100%; } .resale-f-d-gallery__plan { max-width: 100%; max-height: 536px; cursor: -webkit-zoom-in; cursor: zoom-in; } .resale-f-d-gallery__pagination { display: none; } @media only screen and (max-width: 750px) { .resale-f-d-gallery__pagination { display: block; } } .resale-f-d-tags { margin-bottom: 60px; } @media only screen and (max-width: 750px) { .resale-f-d-tags { margin-bottom: 40px; } } .resale-f-d-tags__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .resale-f-d-tags__item { position: relative; width: 224px; padding: 20px; margin-right: 20px; margin-bottom: 20px; font-size: 14px; line-height: 130%; background-color: #f6f6f6; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition: color 0.4s ease, background-color 0.4s ease; transition: color 0.4s ease, background-color 0.4s ease; } @media only screen and (max-width: 750px) { .resale-f-d-tags__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 0 60px 0 16px; width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px; } .resale-f-d-tags__item:nth-child(2n) { margin-right: 0; } .resale-f-d-tags__item:nth-child(2n) .resale-f-d-tags__tooltip { left: -125px; } .resale-f-d-tags__item:nth-child(2n) .resale-f-d-tags__tooltip-inner:before { left: calc((100vw + 380px) / 4); } } .resale-f-d-tags__item:nth-child(5n) { margin-right: 0; } .resale-f-d-tags__item:hover { color: white; background-color: #3b4658; } .resale-f-d-tags__item:hover .resale-f-d-tags__tooltip { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; -webkit-transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: opacity 0.2s ease, transform 0.4s ease; transition: opacity 0.2s ease, transform 0.4s ease, -webkit-transform 0.4s ease; } .resale-f-d-tags__item:hover .resale-f-d-tags__icon > svg { stroke: white; } .resale-f-d-tags__tooltip { position: absolute; left: -73px; bottom: 80px; width: 370px; opacity: 0; pointer-events: none; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease; z-index: 98; } @media only screen and (max-width: 750px) { .resale-f-d-tags__tooltip { left: 0; width: 260px; } } .resale-f-d-tags__tooltip-inner { position: relative; padding: 30px 35px; font-size: 14px; line-height: 160%; color: #3b4658; background: white; -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 750px) { .resale-f-d-tags__tooltip-inner { padding: 16px 20px; } } .resale-f-d-tags__tooltip-inner:before { content: ""; position: absolute; display: block; left: calc(50% - 10px); bottom: -10px; border-top: 11px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; } @media only screen and (max-width: 750px) { .resale-f-d-tags__tooltip-inner:before { left: calc((100vw - 45px) / 4); } } .resale-f-d-tags__icon { position: absolute; right: 20px; bottom: 0; width: 44px; height: 44px; z-index: 2; } @media only screen and (max-width: 750px) { .resale-f-d-tags__icon { width: 40px; height: 40px; right: 12px; } } .resale-f-d-tags__icon > svg { width: 100%; height: 100%; fill: none; opacity: .2; stroke: #3b4658; } .resale-flat-desc { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .resale-flat-desc { margin-bottom: 16px; } } .resale-flat-desc__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .resale-flat-desc__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .resale-flat-desc__tabs { display: none; width: 100%; margin-bottom: 24px; border-bottom: 1px solid #d9d9d9; /*stylelint-disable*/ scrollbar-width: none; /* Firefox */ /*stylelint-enable*/ -ms-overflow-style: none; /* IE 10+ */ overflow-x: scroll; } .resale-flat-desc__tabs::-webkit-scrollbar { display: none; /* Chrome Safari */ } @media only screen and (max-width: 750px) { .resale-flat-desc__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } } .resale-flat-desc__tab { position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding-bottom: 12px; margin-right: 40px; font-size: 16px; line-height: 18px; } .resale-flat-desc__tab.active:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #3b4658; } .resale-flat-desc__left { -ms-flex-negative: 0; flex-shrink: 0; width: 692px; margin-right: 120px; font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .resale-flat-desc__left { position: absolute; left: 0; top: 0; visibility: hidden; width: 100%; margin-right: 0; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .resale-flat-desc__left.active { position: relative; opacity: 1; visibility: visible; } } .resale-flat-desc__left p { margin-bottom: 8px; } .resale-flat-desc__left p:last-child { margin-bottom: 0; } .resale-flat-desc__right { width: 386px; padding: 50px 40px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .resale-flat-desc__right { position: absolute; left: 0; top: 0; width: 100%; padding: 0; background-color: transparent; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .resale-flat-desc__right.active { position: relative; opacity: 1; visibility: visible; } } .resale-flat-desc__subtitle { margin-bottom: 24px; font-size: 24px; line-height: 26px; } @media only screen and (max-width: 750px) { .resale-flat-desc__subtitle { margin-bottom: 16px; font-size: 20px; line-height: 22px; } } .resale-flat-desc__text { margin-bottom: 32px; } @media only screen and (max-width: 750px) { .resale-flat-desc__text { margin-bottom: 16px; } } .resale-flat-desc__text p { margin-bottom: 8px; font-size: 16px; line-height: 26px; } .resale-flat-desc__text p:last-child { margin-bottom: 0; } .resale-flat-desc__h3 { margin-bottom: 24px; font-size: 16px; line-height: 18px; } @media only screen and (max-width: 750px) { .resale-flat-desc__h3 { margin-bottom: 16px; } } .resale-flat-desc__section { margin-bottom: 36px; } @media only screen and (max-width: 750px) { .resale-flat-desc__section { margin-bottom: 24px; } } .resale-flat-desc__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 14px; } .resale-flat-desc__label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 100%; margin-right: 4px; font-size: 14px; color: #a8a19a; line-height: 120%; } .resale-flat-desc__label span { -ms-flex-negative: 0; flex-shrink: 0; } .resale-flat-desc__label:after { content: ""; display: block; width: 100%; height: 100%; margin-left: 4px; border-bottom: 1px dashed #14191a; opacity: .3; } .resale-flat-desc__value { -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; line-height: 120%; } .resale-flat-about__hr { width: 100%; height: 1px; background-color: #e1e1e1; margin: 26px 0 40px; } @media only screen and (max-width: 750px) { .resale-flat-about__hr { display: none; } } .resale-flat-about__price-square { margin-top: 10px; margin-bottom: 24px; font-size: 14px; line-height: 15px; white-space: nowrap; color: #a8a19a; } @media only screen and (max-width: 750px) { .resale-flat-about__price-square { margin-top: 0; } } .resale-flat-about__links { margin-bottom: 16px; margin-top: auto; } @media only screen and (max-width: 750px) { .resale-flat-about__links { margin-bottom: 20px; } } .resale-flat-about__links a { margin-right: 40px; } @media only screen and (max-width: 750px) { .resale-flat-about__links a { margin-top: 10px; } } .resale-flat-about__links a:last-child { margin-right: 0; } .resale-intro { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 110px; padding: 0 41px 0 52px; background-color: #f2f2f2; } .resale-intro:hover .resale-intro__number:after { background-color: rgba(59, 70, 88, 0); } @media only screen and (max-width: 750px) { .resale-intro:hover .resale-intro__number:after { background-color: #3b4658; } } @media only screen and (max-width: 750px) { .resale-intro { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; padding: 20px 40px; } } .resale-intro:before { content: ""; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background-color: #ef3b24; } .resale-intro__text { -ms-flex-negative: 0; flex-shrink: 0; font-size: 18px; } @media only screen and (max-width: 750px) { .resale-intro__text { margin-bottom: 20px; } } .resale-intro__number { position: relative; } .resale-intro__number:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .resale-flat-popup { position: fixed; top: 20px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 996px; height: 100%; max-height: 600px; background-color: white; opacity: 0; -webkit-transform: translate(-50%, 150%); transform: translate(-50%, 150%); -webkit-transition: opacity .6s ease, -webkit-transform .6s ease; transition: opacity .6s ease, -webkit-transform .6s ease; transition: opacity .6s ease, transform .6s ease; transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease; z-index: 52; } @media screen and (max-width: 1279px) { .resale-flat-popup { max-height: 580px; } } @media only screen and (max-width: 750px) { .resale-flat-popup { top: 0; z-index: 100; width: 100vw; height: 100vh; max-height: none; } } .resale-flat-popup._active { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; -webkit-transition: opacity .6s ease, -webkit-transform .6s ease; transition: opacity .6s ease, -webkit-transform .6s ease; transition: opacity .6s ease, transform .6s ease; transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease; } .resale-flat-popup__overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; -webkit-transition: opacity .6s ease; transition: opacity .6s ease; z-index: 51; } @media only screen and (max-width: 750px) { .resale-flat-popup__overlay { height: 100%; } } .resale-flat-popup__overlay._active { opacity: 1; visibility: visible; -webkit-transition: opacity .6s ease; transition: opacity .6s ease; } .resale-flat-popup__head { position: relative; padding: 24px 40px; } @media only screen and (max-width: 750px) { .resale-flat-popup__head { padding: 55px 20px 32px; background-color: #f9f9f9; } } .resale-flat-popup__address { max-width: calc(100% - 41px); margin-bottom: 6px; font-size: 18px; line-height: 125.6%; } .resale-flat-popup__amount { font-size: 14px; line-height: 15px; color: #959595; } .resale-flat-popup__close { top: 24px; right: 24px; } .resale-flat-popup__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 32px 30px 0; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .resale-flat-popup__body { padding: 0 20px 0; } } .resale-flat-popup__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 465px; padding-top: 10px; padding-bottom: 20px; overflow: hidden; } @media only screen and (max-width: 750px) { .resale-flat-popup__list { height: calc(100vh - 160px); overflow: auto; } } .resale-flat-popup__list .mCSB_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .resale-flat-popup__list .mCustomScrollBox { width: 100%; } .resale-flat-popup__list .resale-flat-card { -webkit-box-flex: 0; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; } @media only screen and (max-width: 750px) { .resale-flat-popup__list .resale-flat-card { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-height: 460px; } } .flatpage { padding-bottom: 54px; background-color: #fff; } .flatpage__intro { height: 200px; background: url(/static/images/project-pattern.jpg) no-repeat center/cover; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .flatpage__intro { height: auto; } } .flatpage__intro._big { height: 440px; } @media only screen and (max-width: 750px) { .flatpage__intro._big { height: 240px; } } .flatpage__intro-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 30px; padding-bottom: 30px; height: 100%; } @media only screen and (max-width: 750px) { .flatpage__intro-wrap { padding-top: 24px; padding-bottom: 20px; } } .flatpage__intro-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flatpage__intro-title { font-size: 34px; color: #fff; } @media only screen and (max-width: 750px) { .flatpage__intro-title { font-size: 26px; } } .flatpage__text { margin-top: 54px; font-size: 16px; width: 67%; } @media only screen and (max-width: 750px) { .flatpage__text { margin-top: 15px; width: 100%; } } .flatpage__text a { text-decoration: underline; } .flatpage__text a:hover { text-decoration: none; } .flatpage__text p { margin-bottom: 20px; } .flatpage__text p:last-child { margin-bottom: 0; } .flatpage__text ul, .flatpage__text ol { padding: 0 0 0 40px; } .flatpage__text ul > li { list-style: disc; } .flatpage__text ol > li { list-style: decimal; } .avto { padding-bottom: 54px; } .avto__text { margin-top: 54px; font-size: 16px; width: 800px; } @media only screen and (max-width: 750px) { .avto__text { margin-top: 15px; width: 100%; } } .avto__text p { margin-bottom: 20px; } .avto__text p:last-child { margin-bottom: 0; } .avto__text ul, .avto__text ol { padding: 0 0 0 40px; } .avto__text ul > li { list-style: disc; } .avto__text ol > li { list-style: decimal; } .avto__form { margin-top: 54px; } .avto__form-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .avto__form .selectric-items li.selected { display: none; } .avto__form .selectric-items li.default { display: none; } .avto__form .selectric-above .selectric-items { top: 0; bottom: auto; } .avto__form select { opacity: 0; } .avto__form .form__item { width: calc(50% - 40px); padding: 0; -webkit-transform: none; transform: none; } @media only screen and (max-width: 750px) { .avto__form .form__item { width: 100%; } } .avto__form .form__item.personal { margin-top: 54px; } @media only screen and (max-width: 750px) { .avto__form .form__item.personal { margin-top: 20px; } } .avto__form .form__submit-item { width: calc(50% - 40px); } @media only screen and (max-width: 750px) { .avto__form .form__submit-item { width: 100%; } } .avto__form .form__title { margin-bottom: 30px; } .avto__form .form__label { text-align: left; } .avto__form .form-success { position: fixed; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity .2s ease, -webkit-transform 0s .2s; transition: opacity .2s ease, -webkit-transform 0s .2s; transition: opacity .2s ease, transform 0s .2s; transition: opacity .2s ease, transform 0s .2s, -webkit-transform 0s .2s; } .avto__form .form-success.active { -webkit-transition: opacity .2s ease, -webkit-transform 0s; transition: opacity .2s ease, -webkit-transform 0s; transition: opacity .2s ease, transform 0s; transition: opacity .2s ease, transform 0s, -webkit-transform 0s; } .avto__form .form-success__text { padding: 40px; background-color: #fff; } @media only screen and (max-width: 750px) { .avto__form .form-success__text { width: 100%; } } .shg-longread-image-block { max-width: 1920px; height: 706px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .shg-longread-image-block { position: relative; padding-top: 215px; height: auto; background-position: top; background-size: auto 249px; } } .shg-longread-image-block.--first { background-image: url(/static/images/shg-longread-image-block-1.jpg); } @media only screen and (max-width: 750px) { .shg-longread-image-block.--first { background-image: none; } } @media only screen and (max-width: 750px) { .shg-longread-image-block.--first .shg-longread-image-block__text { margin-bottom: 55px; } } .shg-longread-image-block.--first:before { background-image: url(/static/images/shg-longread-image-block-1.jpg); } .shg-longread-image-block.--second { background-image: url(/static/images/shg-longread-image-block-2.jpg); } @media only screen and (max-width: 750px) { .shg-longread-image-block.--second { background-image: none; } } @media only screen and (max-width: 750px) { .shg-longread-image-block.--second .shg-longread-image-block__text { margin-bottom: 35px; } } .shg-longread-image-block.--second:before { background-image: url(/static/images/shg-longread-image-block-2.jpg); } @media only screen and (max-width: 750px) { .shg-longread-image-block:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 249px; background-repeat: no-repeat; background-position: center; background-size: cover; } } .shg-longread-image-block__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 750px) { .shg-longread-image-block__container { position: relative; z-index: 1; } } .shg-longread-image-block__info { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 373px; height: 706px; padding: 130px 41px 34px; background-color: #f7f7f7; } @media only screen and (max-width: 750px) { .shg-longread-image-block__info { padding: 25px 20px 35px; height: auto; width: 100%; } } .shg-longread-image-block__text { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .shg-longread-image-block__text { line-height: 24px; } } .shg-longread-image-block__link { -ms-flex-negative: 0; flex-shrink: 0; font-weight: 300; line-height: 16px; color: #878787; border-bottom: 1px solid #878787; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .shg-longread-image-block__link:hover { border-color: transparent; } @media only screen and (max-width: 750px) { .shg-longread-image-block__link:hover { border-color: #878787; } } .shg-longread-image-block__label { -ms-flex-negative: 0; flex-shrink: 0; font-weight: 300; font-size: 14px; line-height: 16px; color: #878787; } .shg-longread-location { position: relative; min-width: 1240px; max-width: 1920px; height: 1147px; margin: 0 auto; /* stylelint-disable */ /* stylelint-enable */ } @media only screen and (max-width: 750px) { .shg-longread-location { min-width: 0; width: 100%; margin-bottom: 70px; } } @media only screen and (max-width: 750px) { .shg-longread-location__title { margin-bottom: 555px !important; } } .shg-longread-location__info { width: 320px; padding-top: 140px; } @media only screen and (max-width: 750px) { .shg-longread-location__info { width: 100%; padding-top: 50px; } } .shg-longread-location__time-list { padding: 20px 0 40px; } @media only screen and (max-width: 750px) { .shg-longread-location__time-list { padding-left: 20px; } } .shg-longread-location__time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 25px; } .shg-longread-location__time:last-child { margin-bottom: 0; } .shg-longread-location__time-number { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 15px; font-size: 72px; line-height: 53px; } .shg-longread-location__time-desc { -ms-flex-negative: 0; flex-shrink: 0; line-height: 18px; } .shg-longread-location__map-container { position: absolute; top: 0; right: 0; width: 64%; min-width: 832px; max-width: 1158px; height: 100%; background-image: url(/static/images/shg-longread-infra-map.jpg); background-repeat: no-repeat; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .shg-longread-location__map-container { min-width: 0; top: 105px; width: 100%; height: 500px; background-position: center; background-size: cover; } } .shg-longread-image { width: 1200px; margin: 0 auto; } @media only screen and (max-width: 750px) { .shg-longread-image { width: 100%; } } .shg-longread-image__container { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .shg-longread-image__container { margin-bottom: 0; } } .shg-longread-image__container:last-child { margin-bottom: 0; } .shg-longread-image__item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1200px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .shg-longread-image__item-container { display: block; width: 100%; } } .shg-longread-image__item { -ms-flex-negative: 0; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; } .shg-longread-image__label { font-weight: 300; font-size: 14px; line-height: 14px; color: #878787; } @media only screen and (max-width: 750px) { .shg-longread-image__label { text-align: right; } } .shg-longread-mountains__image { width: 1200px; height: 630px; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .shg-longread-mountains__image { position: relative; left: -20px; width: 100vw; height: 200px; } } .shg-longread-mountains__image.--forest { background-image: url(/static/images/shg-longread-forest.jpg); } .shg-longread-mountains__image.--view { background-image: url(/static/images/shg-longread-view.jpg); } .shg-longread-plan__image { min-width: 1240px; max-width: 1920px; height: 842px; margin: 0 auto; background-image: url(/static/images/shg_new_genplan.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } @media only screen and (max-width: 750px) { .shg-longread-plan__image { padding-top: 50px; min-width: 0; height: 321px; background-size: cover; } } @media only screen and (max-width: 750px) { .shg-longread-space .shg-longread-image__container:first-child { margin-bottom: 40px; } } @media only screen and (max-width: 750px) { .shg-longread-space .shg-longread-image__label { text-align: left; } } .shg-longread-space__first-image-container { height: 833px; } @media only screen and (max-width: 750px) { .shg-longread-space__first-image-container { height: 360px; margin-bottom: 45px; } } .shg-longread-space__second-image-container { height: 631px; } @media only screen and (max-width: 750px) { .shg-longread-space__second-image-container { height: 360px; margin-bottom: 40px; } } .shg-longread-space__first-image { width: 792px; height: 100%; margin-right: 37px; background-image: url(/static/images/shg-longread-space-1.jpg); } @media only screen and (max-width: 750px) { .shg-longread-space__first-image { width: 100%; margin: 0; } } .shg-longread-space__second-image { width: 371px; height: 398px; background-image: url(/static/images/shg-longread-space-2.jpg); } @media only screen and (max-width: 750px) { .shg-longread-space__second-image { width: 100%; height: 100%; } } .shg-longread-space__third-image { width: 371px; height: 397px; background-image: url(/static/images/shg-longread-space-3.jpg); } @media only screen and (max-width: 750px) { .shg-longread-space__third-image { width: 100%; height: 100%; } } .shg-longread-space__fourth-image { width: 367px; height: 100%; margin-right: 42px; background-image: url(/static/images/shg-longread-space-4.jpg); } @media only screen and (max-width: 750px) { .shg-longread-space__fourth-image { width: 100%; margin: 0; } } .shg-longread-space__fifth-image { width: 788px; height: 100%; background-image: url(/static/images/shg-longread-space-5.jpg); } @media only screen and (max-width: 750px) { .shg-longread-space__fifth-image { width: 100%; } } .shg-longread-quotation { width: 1030px; margin: 0 auto; padding-top: 110px; } @media only screen and (max-width: 750px) { .shg-longread-quotation { width: 100%; padding: 0 20px; padding-top: 50px; } } .shg-longread-quotation__text { position: relative; margin: 0; margin-bottom: 60px; padding: 42px 54px; font-size: 27px; line-height: 36px; text-indent: 35px; } @media only screen and (max-width: 750px) { .shg-longread-quotation__text { margin-bottom: 30px; font-size: 14px; line-height: 21px; padding: 24px 32px; text-indent: 0; } } .shg-longread-quotation__text:before, .shg-longread-quotation__text:after { content: ""; position: absolute; width: 54px; height: 42px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAqCAYAAAD4Uag9AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAAuNJREFUaIG92k+oFlUcxvHPnZu2EbkLWxRXXGSQlARSoAlqUFG0a5FRiYvW4irDUrhCd6Fg4KZlQi0CN6XQoqQWtzRrESHiVcj8A6a7NCNKuebiOPBymfd9zzlzTs/ynd95vr9nhnfmzDkzsf6FN4zRSjyHNViBu7iJc5jDr+MMeiqL/8AIw+fxPraMAZ/AbnyX1O549eI3HYXL8AmOR5jCRuHMzWAion6civAnpx9dO1i0Al/j5YyGtuBffJ8xtjh/8Io9iKN4pkdjH2Bd5tii/MFg+/BsD9PW70Dm2KL8ift3xdU4iyU9jVs9jvMJ9cX57RXbWdAUXk2sL85vMImtBU1hQ0JtFX6DJ/FQYePHEmqr8Bs8VdgUphJqq/AbTNcwTqitwm+wtILxQkJtFX6DOxWM/0qorcJvcLmC8YWE2ir8RphAltZ8Qm0VfoMr+Law8Q8JtVX47cxjb2HjbxLri/PbYCdxqJDpaVxKHFOcPzi734UvCxh/ljmuKH8w2G28hmM9TBfwaebYovzFSwN/CzPzWWHRJFWf42qPxorxu9Y8FrBHWBm6lmh8MKOZKvyuYK3mhNfsS5GmX+FUYiOj1Is/Khhcx1uRxjORdSnK5o8LRli3GzftOaLs1erNjwkGN0Yc+wfvRvrkKpkfE+xhPDHi+Kz0B3KKsvgxwd4xfCn8DPZHePRRFn9csKexY8ix29iuzvtUb/6oYFPC9GTY2XoPP0c2mKNe/GHBluILYSGzS0fxYWSDOerN7wo2gcPYPGTMPLbhv7gek1WE3xVsFsN2A6/jFdyK6zFLRfiLg70pbKJ16U9he+diZIM5KsYfDLYKH40wfRG/RDaYo6L8wWCzWN5R88d90x9jTTNVlN/eSh/B6x3Hr+AlaatOOSrOb6/YOmHXY1A/CbsmtUNV4bfBbi76/WNswu85phkqzm+DnRK+l7glPCPeFjaq/y8V57f/sTvCdxWT+K2PYaaK8+8BCMfCUYuq6f0AAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: 100% 100%; } @media only screen and (max-width: 750px) { .shg-longread-quotation__text:before, .shg-longread-quotation__text:after { width: 32px; height: 24px; } } .shg-longread-quotation__text:before { top: 0; left: 0; } .shg-longread-quotation__text:after { right: 0; bottom: 0; } .shg-longread-quotation__author { position: relative; } .shg-longread-quotation__author-image { width: 168px; height: 168px; background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; border-radius: 50%; } @media only screen and (max-width: 750px) { .shg-longread-quotation__author-image { width: 75px; height: 75px; } } .shg-longread-quotation__author-text { position: absolute; top: 80px; left: 126px; font-size: 18px; line-height: 20px; } @media only screen and (max-width: 750px) { .shg-longread-quotation__author-text { top: 24px; left: 66px; font-size: 12px; line-height: 14px; } } .shg-longread-quotation__author-string { display: block; } .shg-longread-quarter__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .shg-longread-quarter__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .shg-longread-quarter__text { -ms-flex-negative: 0; flex-shrink: 0; } .shg-longread-quarter__plan { -ms-flex-negative: 0; flex-shrink: 0; width: 349px; height: 403px; margin-top: 120px; background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .shg-longread-quarter__plan { width: 100%; max-width: 342px; margin: 0 auto; margin-bottom: 60px; height: 394px; background-size: contain; } } .shg-longread-quarter__image-block { margin-bottom: 38px; } @media only screen and (max-width: 750px) { .shg-longread-quarter__image-block { margin-bottom: 40px; } } .shg-longread-quarter__image-container { height: 1037px; } @media only screen and (max-width: 750px) { .shg-longread-quarter__image-container { height: 291px; margin-bottom: 45px; } } .shg-longread-quarter__first-image { width: 789px; height: 100%; margin-right: 37px; background-image: url(/static/images/shg-longread-quarter-1.jpg); } @media only screen and (max-width: 750px) { .shg-longread-quarter__first-image { width: 100%; margin-right: 0; } } .shg-longread-quarter__second-image { width: 371px; height: 492px; background-image: url(/static/images/shg-longread-quarter-2.jpg); } @media only screen and (max-width: 750px) { .shg-longread-quarter__second-image { width: 100%; height: 100%; } } .shg-longread-quarter__third-image { width: 371px; height: 507px; background-image: url(/static/images/shg-longread-quarter-3.jpg); } @media only screen and (max-width: 750px) { .shg-longread-quarter__third-image { width: 100%; height: 100%; } } @media only screen and (max-width: 750px) { .shg-longread-quarter .shg-longread-image__label { text-align: left; } } @media only screen and (max-width: 750px) { .shg-longread-quarter .shg-longread-image { padding: 0 20px; } } .shg-longread-layout { padding: 150px 0 110px; } @media only screen and (max-width: 750px) { .shg-longread-layout { padding: 33px 0 40px; } } .shg-longread-layout__title { margin-bottom: 40px; font-size: 24px; line-height: 34px; } @media only screen and (max-width: 750px) { .shg-longread-layout__title { margin-bottom: 15px; font-size: 26px; line-height: 35px; } } .shg-longread-layout__text { width: 670px; padding: 20px 0; } @media only screen and (max-width: 750px) { .shg-longread-layout__text { padding: 0; width: 100%; } } .shg-longread-layout__text p { margin-bottom: 30px; } @media only screen and (max-width: 750px) { .shg-longread-layout__text p { margin-bottom: 15px; } } .shg-longread-layout__text p:last-child { margin-bottom: 0; } .shg-longread-layout__text.--first { padding-top: 0; } .shg-longread-layout__text.--last { padding-bottom: 0; } .shg-longread-layout__image { background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; } .shg-longread-layout__image.--first { width: 947px; height: 1133px; background-image: url(/static/images/shg-longread-layout-1.png); } @media only screen and (max-width: 750px) { .shg-longread-layout__image.--first { width: 100%; height: 448px; background-size: contain; } } .shg-longread-layout__image.--second { width: 957px; height: 695px; background-image: url(/static/images/shg-longread-layout-2.png); } @media only screen and (max-width: 750px) { .shg-longread-layout__image.--second { width: 100%; height: 265px; background-size: contain; } } .shg-longread-tour { padding-bottom: 90px; } @media only screen and (max-width: 750px) { .shg-longread-tour { padding-bottom: 35px; } } .shg-longread-tour__title { margin-bottom: 40px; font-size: 24px; line-height: 34px; } @media only screen and (max-width: 750px) { .shg-longread-tour__title { margin-bottom: 20px; font-size: 26px; line-height: 35px; } } .shg-longread-tour__container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .shg-longread-tour__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .shg-longread-tour__input { -ms-flex-negative: 0; flex-shrink: 0; width: 300px; } @media only screen and (max-width: 750px) { .shg-longread-tour__input { margin-bottom: 10px; width: 100%; } } .shg-longread-tour__action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .shg-longread-tour__action { display: block; width: 100%; height: 48px; } } .shg-longread-tour__submit { -ms-flex-negative: 0; flex-shrink: 0; width: 145px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (max-width: 750px) { .shg-longread-tour__submit { width: 100%; height: 48px; } } .shg-longread-tour__submit.active { opacity: 0; } .shg-longread-tour__success { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20px; padding-top: 10px; font-size: 20px; color: transparent; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .shg-longread-tour__success.active { color: #3b4658; } @media only screen and (max-width: 750px) { .shg-longread-tour__success { margin: 0; position: absolute; pointer-events: none; top: 0; left: 0; font-size: 14px; width: 100%; text-align: center; } } .shg-longread-contact { position: relative; min-width: 1240px; height: 691px; background-color: #f7f7f7; } @media only screen and (max-width: 750px) { .shg-longread-contact { min-width: 0; width: 100%; height: auto; } } .shg-longread-contact__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 750px) { .shg-longread-contact__container { display: block; } } .shg-longread-contact__map { position: absolute; top: 0; left: 0; width: 65%; min-width: 831px; max-width: 1143px; height: 100%; } @media only screen and (max-width: 750px) { .shg-longread-contact__map { position: relative; left: -20px; width: 100vw; background-image: none; min-width: 0; height: 368px; margin-bottom: 30px; } } .shg-longread-contact__map-container { position: relative; width: 100%; height: 100%; z-index: 1; } .shg-longread-contact__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 100px 0; } @media only screen and (max-width: 750px) { .shg-longread-contact__info { padding: 0; } } .shg-longread-contact__info-item { -ms-flex-negative: 0; flex-shrink: 0; } .shg-longread-contact__info-item:first-child { margin-bottom: 80px; } @media only screen and (max-width: 750px) { .shg-longread-contact__info-item:first-child { margin-bottom: 35px; } } @media only screen and (max-width: 750px) { .shg-longread-contact__info-item { margin-bottom: 35px; } } .shg-longread-contact__text { margin-bottom: 30px; font-size: 16px; line-height: 24px; } @media only screen and (max-width: 750px) { .shg-longread-contact__text { margin-bottom: 20px; } } .shg-longread-contact__text.--title { font-size: 20px; line-height: 29px; } @media only screen and (max-width: 750px) { .shg-longread-contact__text.--title { font-size: 26px; line-height: 35px; } } .shg-longread-contact__text:last-child { margin-bottom: 0; } .shg-longread-contact__string { display: block; } .shg-longread-contact .comp-d-infra__map-controls { top: 50%; left: auto; right: 80px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 750px) { .shg-longread-contact .comp-d-infra__map-controls { left: 20px; right: auto; } } .shg-longread { font-size: 16px; line-height: 29px; } @media only screen and (max-width: 750px) { .shg-longread { background-color: white; line-height: 24px; } } .shg-longread__header { max-width: 1920px; height: 679px; margin: 0 auto; padding-top: 550px; background-image: url(/static/images/shg-longread-header.jpg); background-repeat: no-repeat; background-position: center; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .shg-longread__header { padding-top: 400px; height: 500px; background-size: auto 100%; } } .shg-longread__title { font-size: 34px; line-height: 34px; color: white; } @media only screen and (max-width: 750px) { .shg-longread__title { font-size: 26px; line-height: 35px; } } .shg-longread__text-container { width: 670px; padding: 120px 0 80px; } @media only screen and (max-width: 750px) { .shg-longread__text-container { width: 100%; padding: 33px 0; } } @media only screen and (max-width: 750px) { .shg-longread__text-container.--desktop { display: none; } } .shg-longread__text-container.--mobile { display: none; } @media only screen and (max-width: 750px) { .shg-longread__text-container.--mobile { display: block; } } .shg-longread__text-title { margin-bottom: 40px; font-size: 24px; line-height: 34px; } @media only screen and (max-width: 750px) { .shg-longread__text-title { margin-bottom: 30px; font-size: 26px; line-height: 35px; } } .shg-longread__text p { margin-bottom: 30px; } @media only screen and (max-width: 750px) { .shg-longread__text p { margin-bottom: 20px; } } .shg-longread__text p:last-child { margin-bottom: 0; } .shg-longread .slick-dots { bottom: -30px; } .shg-longread .slick-dots li { border-color: #3b4658; width: 14px; height: 14px; } .shg-longread .slick-dots li:after { background-color: #3b4658; } .shg-longread .slick-dots .slick-active:after { -webkit-transform: scale(0.6); transform: scale(0.6); } .yandex-survey { background: #f0f2f3; } .yandex-survey__body { height: 780px; } @media only screen and (max-width: 750px) { .yandex-survey__body { height: 545px; } } .yandex-survey__iframe { width: 100%; height: 100%; border: none; } .error-404 { min-height: calc(100vh - 457px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .error-404__title { text-align: center; } .error-502 { background-color: #f9f9f9; } .error-502 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100vh; text-align: center; } .error-502__img { width: 400px; height: 277px; margin-bottom: 56px; background-repeat: no-repeat; background-position: center; background-image: url(/static/images/502-error.svg); } @media only screen and (max-width: 750px) { .error-502__img { width: 280px; height: 192px; margin-bottom: 42px; } } .error-502__title { margin-bottom: 12px; font-size: 40px; line-height: 140%; } @media only screen and (max-width: 750px) { .error-502__title { margin-bottom: 16px; font-size: 24px; } } .error-502__subtitle { margin-bottom: 40px; font-size: 18px; line-height: 164%; } @media only screen and (max-width: 750px) { .error-502__subtitle { max-width: 265px; font-size: 16px; } } .error-502__button { width: 295px; height: 60px; } @media only screen and (max-width: 750px) { .error-502__button { width: 100%; max-width: 335px; } } .mortgage-header { width: 100%; height: 442px; margin: 0 auto; padding-top: 115px; color: white; background-image: url(/static/images/mortgage-header.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; /* stylelint-disable */ /* stylelint-enable */ } .mortgage-header.bank { background-image: url(/static/images/bank-header.jpg); } .mortgage-header.mortgage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-top: 0; padding-bottom: 70px; } @media only screen and (max-width: 750px) { .mortgage-header.mortgage { padding-bottom: 32px; } } .mortgage-header.escrow { position: relative; background-image: url(/static/images/escrow-header.jpg); } .mortgage-header.escrow:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%); } @media only screen and (max-width: 750px) { .mortgage-header { height: 276px; padding-top: 50px; background-size: cover; } } .mortgage-header__container.escrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; padding-bottom: 60px; } @media only screen and (max-width: 750px) { .mortgage-header__container.escrow { padding-bottom: 30px; } } .mortgage-header__title { margin-bottom: 15px; font-size: 34px; line-height: 49px; } @media only screen and (max-width: 750px) { .mortgage-header__title { font-size: 26px; line-height: 30px; } } .mortgage-header__title.escrow { z-index: 1; } @media only screen and (max-width: 750px) { .mortgage-header__title.escrow { width: 100%; } } .mortgage-header__text { width: 388px; font-size: 16px; line-height: 32px; } @media only screen and (max-width: 750px) { .mortgage-header__text { width: 100%; max-width: 335px; line-height: 22px; } } .mortgage-header__text.escrow { z-index: 1; } .mortgage-intro { padding: 72px 0; } @media only screen and (max-width: 750px) { .mortgage-intro { padding: 40px 0; } } .mortgage-intro__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mortgage-intro__info { max-width: 497px; font-size: 18px; line-height: 30px; } @media only screen and (max-width: 750px) { .mortgage-intro__info { font-weight: 300; font-size: 14px; line-height: 20px; } } .mortgage-intro__info-btn { width: 248px; height: 56px; margin-top: 24px; } @media only screen and (max-width: 750px) { .mortgage-intro__info-btn { width: 100%; } } .mortgage-intro__img { width: 525px; height: 280px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .mortgage-intro__img { display: none; } } .mortgage-intro-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding-top: 80px; background-color: white; } @media only screen and (max-width: 750px) { .mortgage-intro-form { padding-top: 48px; } } .mortgage-intro-form__outer { position: absolute; top: 0; left: 50%; max-width: 510px; padding-bottom: 80px; margin-top: 80px; -webkit-transform: translate(-50%); transform: translate(-50%); } @media only screen and (max-width: 750px) { .mortgage-intro-form__outer { top: 50%; width: 100%; max-height: 100%; padding-bottom: 0; margin-top: 0; background-color: white; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: auto; } } .mortgage-intro-form__outer .close-button { position: absolute; top: 34px; right: 30px; z-index: 101; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 110%; text-transform: uppercase; cursor: pointer; color: #000; } .mortgage-intro-form__outer .close-button span { width: 100%; height: 100%; min-width: 21px; min-height: 21px; margin-left: 12px; background: url("/images/icons/ic-cross.svg") center no-repeat; background-size: contain; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .mortgage-intro-form__outer .close-button span { min-width: 16px; min-height: 16px; } } @media only screen and (max-width: 750px) { .mortgage-intro-form__outer .close-button { top: 29px; right: 20px; font-size: 12px; } } .mortgage-intro-form__outer .close-button._out { right: -50px; } .mortgage-intro-form__outer .close-button:hover span { -webkit-transform: scale(0.8); transform: scale(0.8); } .mortgage-intro-form__outer .close-button:active span { -webkit-transform: scale(0.7); transform: scale(0.7); } .mortgage-intro-form__outer .close-button--small { font-size: 12px; line-height: 14px; } .mortgage-intro-form__outer .close-button--small span { min-width: 16px; min-height: 16px; } .mortgage-intro-form__outer .close-button--medium { font-size: 16px; line-height: 18px; } .mortgage-intro-form__outer .close-button--medium span { min-width: 32px; min-height: 32px; } .mortgage-intro-form__outer .close-button--circle { border-radius: 50%; } .mortgage-intro-form__outer .close-button--circle span { position: relative; margin-left: 0; background: none; } .mortgage-intro-form__outer .close-button--circle span:before, .mortgage-intro-form__outer .close-button--circle span:after { content: ""; position: absolute; top: 50%; right: 50%; width: 2px; height: 18px; border-radius: 4px; background-color: #3b4658; } .mortgage-intro-form__outer .close-button--circle span:before { -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg); transform: translate3d(50%, -50%, 0) rotate(-45deg); } .mortgage-intro-form__outer .close-button--circle span:after { -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg); transform: translate3d(50%, -50%, 0) rotate(45deg); } .mortgage-intro-form__outer .close-button--grey { background-color: rgba(236, 237, 239, 0.5); } .mortgage-intro-form__title { padding: 0 40px; font-size: 30px; line-height: 120%; } @media only screen and (max-width: 750px) { .mortgage-intro-form__title { padding: 0 20px; } } .mortgage-intro-form__subtitle { padding: 0 40px; margin-top: 20px; font-size: 16px; line-height: 120%; } @media only screen and (max-width: 750px) { .mortgage-intro-form__subtitle { padding: 0 20px; font-size: 14px; } } .mortgage-intro-form__container { margin-bottom: 40px; } @media only screen and (max-width: 1399px) { .mortgage-intro-form__container { margin-bottom: 32px; } } @media only screen and (max-width: 750px) { .mortgage-intro-form__container { margin-bottom: 28px; } } .mortgage-intro-form__inner { margin-top: 32px; padding: 0 40px; } @media only screen and (max-width: 750px) { .mortgage-intro-form__inner { max-height: none; padding: 0 20px; } } .mortgage-intro-form__input:not(:last-child) { margin-bottom: 28px; } .mortgage-intro-form__buttons .filter-tag__item { height: auto; padding: 0 0 0 18px; margin-right: 14px; margin-bottom: 10px; border: none; font-size: 16px; } .mortgage-intro-form__buttons .filter-tag__item:before { content: ""; position: absolute; top: 50%; left: 0; width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("/images/icons/round.svg"); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: background-image .3s ease; transition: background-image .3s ease; } .mortgage-intro-form__buttons .filter-tag__item:last-child { margin-bottom: 0; } .mortgage-intro-form__buttons .filter-tag__item.active { background-color: white; color: #14191a; } .mortgage-intro-form__buttons .filter-tag__item.active:before { background-image: url("/images/icons/round-full.svg"); } @media (hover), (min-width: 0 \0) { .mortgage-intro-form__buttons .filter-tag__item:hover { background-color: white; color: #14191a; border-color: white; } } .mortgage-intro-form__item { position: relative; margin-bottom: 28px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } @media only screen and (max-width: 750px) { .mortgage-intro-form__item { width: 100%; } } .mortgage-intro-form__item._buttons { margin-bottom: 18px; } .mortgage-intro-form__item._big { width: 100%; } .mortgage-intro-form__item._disabled { opacity: .6; pointer-events: none; } .mortgage-intro-form__item._group .multiselect__single { display: none; } .mortgage-intro-form__item._error .mortgage-intro-form__item-label { color: #ef3b24; } .mortgage-intro-form__item._error .multiselect { border: 1px solid #ef3b24; } .mortgage-intro-form__item .multiselect__placeholder { color: rgba(27, 29, 30, 0.44); } .mortgage-intro-form__item .filter-select._big { width: 100%; } .mortgage-intro-form__item .v-input.has-label { padding-top: 39px; } .mortgage-intro-form__item .filter-select { width: 100%; } .mortgage-intro-form__item-label { margin-bottom: 16px; font-size: 16px; font-weight: 300; } .mortgage-intro-form__item-error { position: absolute; margin-top: 2px; font-size: 11px; color: #ef3b24; } .mortgage-intro-form .filter-item { margin-right: 0; } .mortgage-intro-form .filter-slider-single { width: 100%; } .mortgage-intro-form__checkbox.v-checkbox { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 28px; font-weight: 300; font-size: 14px; line-height: 160%; } @media only screen and (max-width: 1399px) { .mortgage-intro-form__checkbox.v-checkbox { font-size: 11px; line-height: 153.44%; } } @media only screen and (max-width: 750px) { .mortgage-intro-form__checkbox.v-checkbox { margin-top: 32px; } } .mortgage-intro-form__checkbox.v-checkbox .v-checkbox__box { margin-top: 2px; } .mortgage-intro-form__submit { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 60px; margin-top: auto; } .mortgage-intro-form__result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; width: 510px; height: 380px; padding: 20px; text-align: center; background-color: white; z-index: 5; color: #3b4658; font-size: 26px; margin-top: -80px; } @media only screen and (max-width: 750px) { .mortgage-intro-form__result { height: 260px; margin-top: -48px; } } .mortgage-intro-form__loading { min-height: 700px; } @media only screen and (max-width: 750px) { .mortgage-intro-form__loading { min-height: 400px; } } .mortgage-facts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 70px; padding-bottom: 70px; } @media only screen and (max-width: 750px) { .mortgage-facts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 30px; padding-bottom: 30px; } } .mortgage-facts._border-bot { border-bottom: 1px solid #d9d9d9; } .mortgage-facts__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .mortgage-facts__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } } .mortgage-facts__item { margin-right: 78px; } @media only screen and (max-width: 750px) { .mortgage-facts__item { margin-right: 0; margin-bottom: 22px; } .mortgage-facts__item:last-child { margin-bottom: 32px; } } .mortgage-facts__value { font-size: 26px; line-height: 160%; } @media only screen and (max-width: 750px) { .mortgage-facts__value { font-size: 24px; } } .mortgage-facts__desc { font-weight: 300; font-size: 16px; line-height: 160%; } .mortgage-facts__btn { width: 285px; height: 60px; } @media only screen and (max-width: 750px) { .mortgage-facts__btn { width: 100%; } } .mortgage-tab-list { padding-top: 50px; } @media only screen and (max-width: 750px) { .mortgage-tab-list { width: 100%; min-width: 0; padding-top: 25px; padding-left: 0; padding-right: 0; overflow-x: scroll; } } .mortgage-tab-list._government { padding-top: 56px; } @media only screen and (max-width: 750px) { .mortgage-tab-list._government { padding-top: 24px; } } .mortgage-tab-list._government .mortgage-tab-list__container { padding-left: 0; padding-right: 0; } .mortgage-tab-list._government .mortgage-tab-list__item { margin-right: 50px; } @media only screen and (max-width: 750px) { .mortgage-tab-list._government .mortgage-tab-list__item { margin-right: 36px; } } .mortgage-tab-list__container { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; border-bottom: 1px solid #d9d9d9; } @media only screen and (max-width: 750px) { .mortgage-tab-list__container { min-width: 550px; padding-left: 20px; padding-right: 20px; } } .mortgage-tab-list__item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; margin-right: 55px; cursor: pointer; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .mortgage-tab-list__item:after { content: ""; position: absolute; bottom: -1px; left: 0; z-index: 1; width: 100%; height: 2px; background-color: transparent; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mortgage-tab-list__item:hover:after { background-color: #3b4658; } .mortgage-tab-list__item.--active { pointer-events: none; } .mortgage-tab-list__item.--active:after { background-color: #3b4658; } .mortgage-tab-list__item:last-child { margin-right: 0; } .mortgage-tab-list__link { display: block; height: 100%; font-size: 16px; line-height: 19px; outline: none; } .mortgage-summary.--extra { position: relative; } .mortgage-summary__label { margin-bottom: 10px; font-weight: 300; font-size: 16px; line-height: 19px; } .mortgage-summary__result { font-size: 22px; line-height: 26px; } .mortgage-summary__result.flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .mortgage-summary__light { font-weight: 300; font-size: 20px; color: rgba(59, 70, 88, 0.8); } .mortgage-summary__extra { position: absolute; left: 120%; bottom: 0; font-size: 12px; line-height: 21px; color: #969696; white-space: nowrap; } @media only screen and (max-width: 750px) { .mortgage-summary__extra { left: 150px; width: 50vw; max-width: 175px; white-space: normal; } } .mortgage-form._government .mortgage-form__row { margin-bottom: 26px; } @media only screen and (max-width: 750px) { .mortgage-form._government .mortgage-form__row { margin-bottom: 0; } } .mortgage-form._government .flat-l-filter__row._government { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .mortgage-form._government .flat-l-filter__row._government { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .mortgage-form .selectric { border: 1px solid #dedede; } .mortgage-form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .mortgage-form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 0; } } .mortgage-form__row:last-child { margin-bottom: 0; } .mortgage-form__item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 251px; margin-right: 25px; opacity: 1; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; visibility: visible; } @media only screen and (max-width: 750px) { .mortgage-form__item { margin-right: 0; margin-bottom: 30px; } } .mortgage-form__item.--short { width: 183px; } @media screen and (max-device-width: 1024px) { .mortgage-form__item.--short-tablet { padding-right: 20px; } } @media only screen and (max-width: 750px) { .mortgage-form__item.--short-tablet { padding-right: 0; } } .mortgage-form__item.--toggling { -webkit-transition: opacity .3s; transition: opacity .3s; margin-bottom: 0; opacity: 1; } @media only screen and (max-width: 750px) { .mortgage-form__item.--toggling { margin-bottom: 0; } } .mortgage-form__item.invisible { opacity: 0; } .mortgage-form__item.--hidden { opacity: 0; visibility: hidden; } .mortgage-form__item.--hidden:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; } @media only screen and (max-width: 750px) { .mortgage-form__item.--hidden { max-height: 0; margin-bottom: 0; } } .mortgage-form__item:last-child { margin-right: 0; } .mortgage-form__note { position: relative; margin-left: auto; font-weight: 300; font-size: 14px; line-height: 15px; border-bottom: 1px dashed #3b4658; cursor: pointer; } .mortgage-form__note:hover .mortgage-form__note-wrap { opacity: 1; pointer-events: all; } .mortgage-form__note._ml28 { margin-left: 28px; } @media only screen and (max-width: 750px) { .mortgage-form__note._ml28 { margin-left: auto; } } .mortgage-form__note-wrap { position: absolute; right: 0; top: 12px; padding-bottom: 20px; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transform: translateY(-100%); transform: translateY(-100%); cursor: auto; } .mortgage-form__note-text { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 230px; padding: 12px; white-space: normal; font-size: 12px; line-height: 20px; background-color: white; -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } .mortgage-form__note-text:after { content: ''; position: absolute; bottom: 0; right: 28px; width: 14px; height: 14px; background-color: white; -webkit-transform: rotate(45deg) translateY(50%); transform: rotate(45deg) translateY(50%); } .mortgage-form__note-text a { display: block; line-height: 20px; } .mortgage-form__btn { width: 100%; height: 60px; } .mortgage-input { position: relative; padding-bottom: 7px; } .mortgage-input__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-bottom: 20px; font-weight: 300; font-size: 16px; line-height: 19px; white-space: nowrap; } @media screen and (max-device-width: 1024px) { .mortgage-input__label { white-space: normal; } } @media only screen and (max-width: 750px) { .mortgage-input._government { width: 100%; } } .mortgage-input__item { width: 100%; height: 47px; padding: 0 20px; border: 1px solid #dedede; font-size: 14px; line-height: 16px; color: black; outline: none; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } .mortgage-input__item.monoselect { width: 100%; border: none; padding: 0; } .mortgage-input__item._disabled { color: #dedede; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; pointer-events: none; } .mortgage-input__slider { position: absolute; bottom: 7px; left: 0; z-index: 1; width: 100%; height: 1px; background-color: transparent; border: none; border-radius: 0; } .mortgage-input__tip { position: absolute; bottom: 7.5px; left: 275px; z-index: 1; font-size: 14px; line-height: 25px; color: #969696; width: 429px; } @media only screen and (max-width: 750px) { .mortgage-input__tip { left: 0; bottom: -90px; width: calc(100vw - 40px); max-width: 321px; } } .mortgage-input__link { position: absolute; bottom: -35px; left: 0; z-index: 1; font-weight: 300; font-size: 16px; line-height: 19px; white-space: nowrap; border-bottom: 1px dotted #3b4658; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media only screen and (max-width: 750px) { .mortgage-input__link { bottom: -45px; left: 0; } } .mortgage-input__link:hover { border-color: transparent; } @media only screen and (max-width: 750px) { .mortgage-input__link:hover { border-color: #3b4658; } } .mortgage-input__extra { position: absolute; right: 10px; bottom: 23px; font-size: 14px; line-height: 14px; color: rgba(0, 0, 0, 0.4); } .mortgage-input__extra-light { font-weight: 300; font-size: 12px; color: rgba(0, 0, 0, 0.2); } .mortgage-checkbox { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .mortgage-checkbox.--disabled { cursor: default; } .mortgage-checkbox.--disabled .mortgage-checkbox__container { pointer-events: none; opacity: .5; } .mortgage-checkbox.--hide { display: none; } .mortgage-checkbox__wrapper { position: relative; margin-bottom: 35px; } .mortgage-checkbox__wrapper:last-child { margin-bottom: 0; } .mortgage-checkbox__wrapper .mortgage-input { padding-top: 20px; padding-right: 7px; } .mortgage-checkbox__wrapper .mortgage-input__slider { width: unset; right: 7px; } .mortgage-checkbox__wrapper .mortgage-input__label { padding-bottom: 17px; } .mortgage-checkbox__wrapper._hidden { display: none; } .mortgage-checkbox__slider-wrapper { display: block; } .mortgage-checkbox__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .mortgage-checkbox__input-container { -ms-flex-negative: 0; flex-shrink: 0; } .mortgage-checkbox__input { position: absolute; top: 0; left: 0; visibility: hidden; } .mortgage-checkbox__input:checked + .mortgage-checkbox__custom-input:after { opacity: 1; } .mortgage-checkbox__custom-input { position: relative; display: block; width: 20px; height: 20px; background-color: #dedede; border-radius: 50%; cursor: pointer; } .mortgage-checkbox__custom-input:after { content: ""; position: absolute; top: 5px; left: 4px; width: 12px; height: 9px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDIuNUwzIDUuNUw4LjUgMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 100% 100%; opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .mortgage-checkbox__label { padding-left: 11px; font-weight: 300; font-size: 16px; line-height: 19px; cursor: pointer; white-space: nowrap; } @media only screen and (max-width: 750px) { .mortgage-checkbox__label { white-space: unset; } } .mortgage-checkbox__help { position: relative; margin-left: 11px; height: 20px; width: 20px; min-height: 20px; min-width: 20px; border-radius: 50%; background-color: #d4d4d4; cursor: pointer; } .mortgage-checkbox__help:hover .mortgage-checkbox__tooltip { opacity: 1; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } @media only screen and (max-width: 750px) { .mortgage-checkbox__help:hover .mortgage-checkbox__tooltip { -webkit-transform: scale(1); transform: scale(1); } } .mortgage-checkbox__help:after { content: "?"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; font-weight: 700; color: #3b4658; } .mortgage-checkbox__tooltip { position: absolute; top: 50%; left: calc(100% + 15px); z-index: 1; -webkit-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); padding: 5px 10px; background-color: #d4d4d4; width: 290px; font-size: 11px; border-left: 4px solid #3b4658; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; opacity: 0; pointer-events: none; } @media only screen and (max-width: 750px) { .mortgage-checkbox__tooltip { top: auto; left: auto; right: 0; bottom: calc(100% + 15px); width: 190px; border-bottom: 4px solid #3b4658; border-left: none; -webkit-transform: scale(0.9); transform: scale(0.9); } } .mortgage-checkbox__tooltip:before { content: ""; position: absolute; top: 50%; right: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #3b4658; } @media only screen and (max-width: 750px) { .mortgage-checkbox__tooltip:before { top: 99%; right: 5px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } } .mortgage-bank-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 305px; padding: 25px; background-color: #f6f6f6; margin-bottom: 15px; } @media only screen and (max-width: 750px) { .mortgage-bank-list { position: relative; width: 300px; margin: 0 auto; padding: 20px 0; background-color: transparent; } } @media (max-width: 360px) { .mortgage-bank-list { width: 280px; } } .mortgage-bank-list__item { -ms-flex-negative: 0; flex-shrink: 0; width: 95px; height: 30px; margin-top: 30px; background-repeat: no-repeat; background-position: left center; background-size: contain; } @media only screen and (max-width: 750px) { .mortgage-bank-list__item:nth-child(odd) { margin-right: 20px; } } .mortgage-bank-list__item:nth-child(-n + 2) { margin-top: 0; } .mortgage-bank { position: absolute; right: 0; bottom: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 305px; height: 160px; margin-top: 230px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .mortgage-bank { position: relative; left: -20px; bottom: 0; width: 100vw; height: 107px; margin-top: 0; background-color: white; } } .mortgage-bank__icon { -ms-flex-negative: 0; flex-shrink: 0; width: calc(100% - 80px); height: 50px; margin-right: 14px; background-repeat: no-repeat; background-position: center; background-size: contain; } .mortgage-bank__text { -ms-flex-negative: 0; flex-shrink: 0; font-weight: 300; font-size: 14px; line-height: 21px; margin-top: 10px; } @media only screen and (max-width: 750px) { .mortgage-bank__text { width: auto; } } .mortgage-bank__text-promo { margin: 5px 0 0; font-weight: bold; } .mortgage-bank__number { font-size: 20px; } .mortgage-bank-mini { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 305px; background-color: #f9f9f9; padding: 20px 20px 20px 35px; } @media only screen and (max-width: 750px) { .mortgage-bank-mini { position: relative; left: -20px; bottom: 0; width: 100vw; height: 107px; margin-top: 0; background-color: white; } } .mortgage-bank-mini__icon { -ms-flex-negative: 0; flex-shrink: 0; width: calc(100% - 80px); height: 50px; margin-right: 14px; background-repeat: no-repeat; background-position: left; background-size: contain; max-height: 25px; } .mortgage-bank-mini__text { -ms-flex-negative: 0; flex-shrink: 0; font-weight: 300; font-size: 13px; line-height: 21px; margin-top: 8px; } @media only screen and (max-width: 750px) { .mortgage-bank-mini__text { width: auto; } } .mortgage-bank-mini__text-promo { margin: 5px 0 0; font-weight: bold; } .mortgage-bank-mini__number { font-size: 13px; font-weight: 400; } .mortgage-bank-mini__percent { font-family: Arial, sans-Serif; font-size: 12px; font-weight: 400; } .mortgage-table { position: relative; } @media only screen and (max-width: 750px) { .mortgage-table { left: -20px; width: 100vw; overflow-x: scroll; background-color: #fff; } } .mortgage-table__container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 791px; } .mortgage-table__container:before { content: ""; position: absolute; top: 60px; left: 0; width: 100%; height: 1px; background-color: #dedede; } .mortgage-table__container:after { content: ""; position: absolute; top: 127px; left: 0; width: 100%; height: 48px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .mortgage-table__container:after { background-color: white; } } .mortgage-table__section { position: relative; z-index: 1; -ms-flex-negative: 0; flex-shrink: 0; width: 162px; height: 259px; margin-right: 35px; padding: 20px 0 0 20px; font-weight: 300; border: 1px solid transparent; cursor: pointer; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .mortgage-table__section:hover { border-color: #7aa15d; } .mortgage-table__section.--active { border-color: #7aa15d; pointer-events: none; } .mortgage-table__section.--title { font-weight: normal; cursor: default; } .mortgage-table__section.--title:hover { border-color: transparent; } .mortgage-table__row { margin-bottom: 42px; font-size: 14px; line-height: 14px; } .mortgage-table__row.--title { margin-bottom: 52px; font-size: 16px; line-height: 16px; } .mortgage-price { margin-bottom: 30px; } @media only screen and (max-width: 750px) { .mortgage-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } } .mortgage-price__summary { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 60px; } @media only screen and (max-width: 750px) { .mortgage-price__summary { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0; } } .mortgage-price__summary-item { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 120px; } @media only screen and (max-width: 750px) { .mortgage-price__summary-item { margin-right: 0; } } .mortgage-price__summary-item:last-child { margin-right: 0; } .mortgage-price__summary-item.--holidays .mortgage-price__summary-holidays { opacity: 1; } .mortgage-price__summary-item.--price { position: relative; width: 200px; margin-right: 70px; } @media only screen and (max-width: 750px) { .mortgage-price__summary-item.--price { margin-right: 25px; margin-bottom: 25px; } } .mortgage-price__summary-item.--price .mortgage-summary__extra { display: none; left: 0; bottom: -25px; } @media only screen and (max-width: 750px) { .mortgage-price__summary-item.--price .mortgage-summary__extra { position: static; } } .mortgage-price__summary-item.--rate { width: 120px; margin-right: 100px; } @media only screen and (max-width: 750px) { .mortgage-price__summary-item.--rate { width: 105px; margin-right: 0; margin-bottom: 25px; } } @media only screen and (max-width: 750px) { .mortgage-price__summary-item.--payment { width: 100%; margin-bottom: 25px; } } .mortgage-price__summary-holidays { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (max-width: 750px) { .mortgage-price__form { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .mortgage-price__row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .mortgage-price__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mortgage-price__row:last-child { margin-bottom: 35px; } } .mortgage-checkbox__wrapper { width: 330px; } .mortgage-payment { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .mortgage-payment { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .mortgage-payment__input { margin-bottom: 100px; } } .mortgage-payment._government { margin-bottom: 64px; } @media only screen and (max-width: 750px) { .mortgage-payment._government { margin-bottom: 36px; } } .mortgage-refinancing { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .mortgage-refinancing { margin-bottom: 25px; } } .mortgage-refinancing__text { margin-bottom: 40px; font-size: 16px; line-height: 32px; padding-right: 30px; font-family: Grtsk-Exa, sans-serif; font-weight: 300; } @media only screen and (max-width: 750px) { .mortgage-refinancing__text { margin-bottom: 25px; padding-right: 0; } } .mortgage-refinancing__row { margin-bottom: 70px; } @media only screen and (max-width: 750px) { .mortgage-refinancing__row { margin-bottom: 50px; } } .mortgage-video { padding-top: 20px; margin-bottom: 50px; } @media only screen and (max-width: 750px) { .mortgage-video { padding-top: 0; } } .mortgage-video__title { font-size: 34px; line-height: 40px; } @media only screen and (max-width: 750px) { .mortgage-video__title { font-size: 25px; line-height: 30px; } } .mortgage-video__item { margin-top: 35px; width: 640px; height: 355px; } @media only screen and (max-width: 750px) { .mortgage-video__item { margin-top: 30px; width: 100%; height: calc((100vw - 40px) / 1.8); } } .mortgage-helper__title { margin-bottom: 25px; font-size: 34px; line-height: 40px; } @media only screen and (max-width: 750px) { .mortgage-helper__title { margin-bottom: 20px; font-size: 25px; line-height: 30px; } } .mortgage-helper__text { margin-bottom: 50px; font-size: 16px; line-height: 32px; } @media only screen and (max-width: 750px) { .mortgage-helper__text { margin-bottom: 25px; } } .mortgage-helper__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mortgage-helper__item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 360px; padding: 135px 35px 35px; background-color: #f6f6f6; } @media only screen and (max-width: 750px) { .mortgage-helper__item { width: 100%; margin-bottom: 20px; } } .mortgage-helper__item:before { content: ""; position: absolute; top: 35px; left: 50%; width: 65px; height: 65px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-repeat: no-repeat; background-size: 100% 100%; } .mortgage-helper__item.--percent:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MDAgNTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzE0MzU1O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUwLDQ5OS45Yy0xMzgsMC0yNTAtMTEyLTI1MC0yNTBzMTEyLTI1MCwyNTAtMjUwczI1MCwxMTIsMjUwLDI1MFMzODcuNSw0OTkuOSwyNTAsNDk5Ljl6IE0yNTAsMjcuOA0KCWMtMTIyLjYsMC0yMjIuNiwxMDAtMjIyLjYsMjIyLjZTMTI3LjQsNDczLDI1MCw0NzNzMjIyLjYtMTAwLDIyMi42LTIyMi42UzM3Mi42LDI3LjgsMjUwLDI3Ljh6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzIxLjYsMzc2LjhjLTM0LjEsMC02MS41LTI3LjQtNjEuNS02MS41czI3LjQtNjEuNSw2MS41LTYxLjVzNjEuNSwyNy40LDYxLjUsNjEuNVMzNTUuOCwzNzYuOCwzMjEuNiwzNzYuOHoNCgkgTTMyMS42LDI3NC40Yy0yMi42LDAtNDAuOSwxOC4zLTQwLjksNDAuOXMxOC4zLDQwLjksNDAuOSw0MC45YzIyLjYsMCw0MC45LTE4LjMsNDAuOS00MC45UzM0NC4yLDI3NC40LDMyMS42LDI3NC40eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3Ny45LDI2MC41Yy0zNC4xLDAtNjEuNS0yNy40LTYxLjUtNjEuNXMyNy45LTYxLjUsNjEuNS02MS41czYxLjUsMjcuNCw2MS41LDYxLjVTMjEyLDI2MC41LDE3Ny45LDI2MC41eg0KCSBNMTc3LjksMTU3LjZjLTIyLjYsMC00MC45LDE4LjMtNDAuOSw0MC45czE4LjMsNDAuOSw0MC45LDQwLjlzNDAuOS0xOC4zLDQwLjktNDAuOVMyMDAuNSwxNTcuNiwxNzcuOSwxNTcuNnoiLz4NCjxyZWN0IHg9IjEzNi41IiB5PSIyNDAiIHRyYW5zZm9ybT0ibWF0cml4KDAuNDIzMSAtMC45MDYxIDAuOTA2MSAwLjQyMzEgLTgyLjcxMTIgMzcwLjY3MDYpIiBjbGFzcz0ic3QwIiB3aWR0aD0iMjI2LjQiIGhlaWdodD0iMjAuNyIvPg0KPC9zdmc+DQo=); } .mortgage-helper__item.--document:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MjcuNSA1MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyNy41IDUwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzMxNDM1NTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2NSw1OC43QzMyMy43LDE5LjksMjk3LjIsMCwyODYuMywwSDM5LjhDMTgsMCwwLDE4LDAsMzkuOHY0MjAuNEMwLDQ4MiwxOCw1MDAsMzkuOCw1MDBoMzQ3LjkNCgljMjEuOCwwLDM5LjgtMTgsMzkuOC0zOS44VjEzNC4xQzQyNy41LDEzMC4zLDQyNy41LDExOCwzNjUsNTguN3ogTTM5MSwxMTYuMWgtODAuMWMtMy44LDAtNy4xLTEuNC0xMC00LjNjLTIuOC0yLjgtNC4zLTYuMi00LjMtMTANCglWMjkuNEMzMjAuOSw0Ni40LDM2Ny4zLDg5LjYsMzkxLDExNi4xeiBNMzg3LjcsNDc4LjdIMzkuOGMtMTAsMC0xOC04LjEtMTgtMThWNDAuM2MwLTEwLDguMS0xOCwxOC0xOGgyMzUuNnY4MC4xDQoJYzAsOS41LDMuOCwxOC41LDEwLjQsMjUuMWM2LjYsNi42LDE1LjYsMTAuNCwyNS4xLDEwLjRoOTQuOHYzMjIuM0M0MDUuNyw0NzAuMSwzOTcuNyw0NzguNywzODcuNyw0NzguN3oiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTkuOSwxNzAuNmMtMzEuOCwwLTU3LjgtMjYuMS01Ny44LTU3LjhTODguMiw1NSwxMTkuOSw1NXM1Ny44LDI2LjEsNTcuOCw1Ny44UzE1MS43LDE3MC42LDExOS45LDE3MC42eg0KCSBNMTE5LjksNjkuMmMtMjQuMiwwLTQzLjYsMTkuNC00My42LDQzLjZzMTkuNCw0My42LDQzLjYsNDMuNnM0My42LTE5LjQsNDMuNi00My42UzE0My42LDY5LjIsMTE5LjksNjkuMnoiLz4NCjxyZWN0IHg9IjY5LjIiIHk9IjE5OS41IiBjbGFzcz0ic3QwIiB3aWR0aD0iMjk3LjIiIGhlaWdodD0iMTQuNyIvPg0KPHJlY3QgeD0iNjkuMiIgeT0iMjQzLjEiIGNsYXNzPSJzdDAiIHdpZHRoPSIyOTcuMiIgaGVpZ2h0PSIxNC43Ii8+DQo8cmVjdCB4PSI2OS4yIiB5PSIyNzkuMSIgY2xhc3M9InN0MCIgd2lkdGg9IjI5Ny4yIiBoZWlnaHQ9IjE0LjciLz4NCjxyZWN0IHg9IjY5LjIiIHk9IjMyMi43IiBjbGFzcz0ic3QwIiB3aWR0aD0iMjk3LjIiIGhlaWdodD0iMTQuNyIvPg0KPHJlY3QgeD0iNjkuMiIgeT0iMzY2LjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIyOTcuMiIgaGVpZ2h0PSIxNC43Ii8+DQo8cmVjdCB4PSI2OS4yIiB5PSI0MDkuNSIgY2xhc3M9InN0MCIgd2lkdGg9IjI5Ny4yIiBoZWlnaHQ9IjE0LjciLz4NCjwvc3ZnPg0K); } .mortgage-helper__item.--price:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MDAuMyA1MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwMC4zIDUwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzMxNDM1NTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI3Ny40LDQ5OC45QzExOCw1MTUuNy0xNS40LDM4Mi40LDEuNCwyMjNDMTQsMTA2LjksMTA2LjksMTMuNSwyMjMsMS40QzM4Mi40LTE1LjQsNTE1LjcsMTE4LDQ5OC45LDI3Ny40DQoJQzQ4Ni45LDM5My40LDM5My40LDQ4Ni40LDI3Ny40LDQ5OC45eiBNMjc0LjUsMjguNEMxMzIuNCwxMy41LDEzLjUsMTMyLjQsMjguOSwyNzRDNDAsMzc3LjUsMTIyLjgsNDYwLjQsMjI2LjMsNDcxLjQNCgljMTQyLjEsMTQuOSwyNjEtMTA0LDI0NS42LTI0NS42QzQ2MC44LDEyMi4zLDM3OCwzOS41LDI3NC41LDI4LjR6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQ3LDM3MS44aC01OC44di0zMy4ySDE3MFYyODdoMTguM3YtNy4ySDE3MHYtNTJoMTguM1YxMzFoNjMuNmMyNy45LDAsNDUuNywxLDU0LjQsMy40DQoJYzE0LDMuOSwyNiwxMS42LDM1LjIsMjQuMWwwLDBjOS42LDEyLDE0LDI3LjksMTQsNDcuMmMwLDE0LjQtMi45LDI3LTguMiwzNy4xYy01LjMsMTAuMS0xMi41LDE4LjMtMjAuNywyNC4xDQoJYy04LjIsNS44LTE2LjksOS42LTI1LjUsMTEuNmMtMTEuMSwyLjQtMjYuNSwzLjQtNDcuMiwzLjRIMjQ3djQuOGg1NC45djUxLjVIMjQ3VjM3MS44eiBNMjAyLjcsMzU2LjhoMjkuNHYtMzMuMkgyODd2LTIyLjJoLTU0LjkNCgl2LTM0LjJoMjEuMmMxOS4zLDAsMzQuMi0xLDQ0LjMtMi45YzYuNy0xLjQsMTMuNS00LjMsMjAuMi05LjFjNi43LTQuMywxMi0xMS4xLDE2LjQtMTguOGM0LjMtOC4yLDYuMy0xOC4zLDYuMy0zMC4zDQoJYzAtMTUuOS0zLjktMjguNC0xMS4xLTM4bDAsMGMtNy43LTkuNi0xNi40LTE1LjktMjcuNC0xOC44Yy01LjMtMS40LTE4LjMtMi45LTUwLjYtMi45aC00OC42djk2LjhoLTE4LjN2MjIuMmgxOC4zdjM2LjZoLTE4LjN2MjIuMg0KCWgxOC4zVjM1Ni44eiBNMjYzLjQsMjQ0LjZoLTMxLjN2LTc2LjZIMjYxYzExLjYsMCwxMy41LDAsMTYuNCwxYzAuNSwwLDEsMC41LDEuOSwwLjVjOC43LDEuNCwxNS45LDUuOCwyMS43LDEyDQoJYzUuOCw2LjcsOC43LDE0LjksOC43LDI0LjZjMCw3LjctMS45LDE0LjktNi4zLDIxLjJsMCwwYy00LjMsNi4zLTEwLjEsMTAuNi0xNy4zLDEzLjVjLTEsMC41LTEuNCwxLTIuNCwxDQoJQzI3OS44LDI0NC4xLDI3Ni45LDI0NC42LDI2My40LDI0NC42eiBNMjQ3LDIzMC4yaDE2LjljMTEuNiwwLDEyLjUtMC41LDEzLjUtMWMxLTAuNSwxLjktMSwzLjktMS45YzQuMy0xLjksNy43LTQuMywxMC42LTguMmwwLDANCgljMi40LTMuOSwzLjktNy43LDMuOS0xM2MwLTYuMy0xLjQtMTEuMS01LjMtMTQuOWMtMy40LTMuOS04LjItNi4zLTEzLjUtNy4yYy0xLjktMC41LTIuOS0wLjUtMy45LTFjLTEtMC41LTEuNC0wLjUtMTItMC41aC0xNA0KCVYyMzAuMnoiLz4NCjwvc3ZnPg0K); } .mortgage-helper__item:last-child { margin-bottom: 0; } .mortgage-helper__item-text { font-size: 18px; } .mortgage-helper__callback { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 60px; } @media only screen and (max-width: 750px) { .mortgage-helper__callback { padding-top: 30px; } } .mortgage-helper__callback-text { width: 630px; font-size: 16px; } @media only screen and (max-width: 750px) { .mortgage-helper__callback-text { width: 100%; margin-bottom: 15px; } } .mortgage-helper__button { width: 300px; height: 44px; } @media only screen and (max-width: 750px) { .mortgage-helper__button { width: 100%; height: 50px; } } .mortgage-reviews { position: relative; padding: 60px 100px 0; } @media only screen and (max-width: 750px) { .mortgage-reviews { padding: 30px 0 50px; } } .mortgage-reviews__item { position: relative; padding: 30px 30px 50px 90px; width: 100%; background-color: #f6f6f6; } @media only screen and (max-width: 750px) { .mortgage-reviews__item { padding: 30px 30px 30px 40px; } } .mortgage-reviews__item:before { content: "«"; position: absolute; top: -10px; left: 30px; font-family: tahoma, sans-serif; font-size: 77px; color: #a1a1a4; } @media only screen and (max-width: 750px) { .mortgage-reviews__item:before { left: 10px; font-size: 30px; top: 16px; } } .mortgage-reviews__text { margin-bottom: 20px; font-size: 16px; line-height: 26px; } .mortgage-reviews__author { color: rgba(59, 70, 88, 0.7); } .mortgage-reviews__arrow { position: absolute; top: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 60px; background-repeat: no-repeat; background-size: auto 100%; background-position: 50%; cursor: pointer; } @media only screen and (max-width: 750px) { .mortgage-reviews__arrow { display: none; opacity: 0; pointer-events: none; } } .mortgage-reviews__arrow.--left { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjU1LjEycHgiIGhlaWdodD0iMTQxLjczcHgiIHZpZXdCb3g9IjAgMCAyNTUuMTIgMTQxLjczIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNTUuMTIgMTQxLjczIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSLQodC70L7QuV8xXzFfIj4NCgk8Zz4NCgkJPHBvbHlnb24gZmlsbD0iI0JDQkRCRiIgcG9pbnRzPSIxNTEuNDA0LDE0MS43MyAxMDEuNzk5LDcwLjg2NSAxNTEuNDA0LDAgMTUzLjMyMSwxLjM0MSAxMDQuNjU1LDcwLjg2NSAxNTMuMzIxLDE0MC4zODkgCQkiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0i0YFf0YDQsNC30LzQtdGA0LDQvNC4Ij4NCgk8ZyBpZD0i0YDQsNC30LzQtdGA0YsiPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSLQodC70L7QuV8yIj4NCjwvZz4NCjxnIGlkPSLQodC70L7QuV8zIj4NCjwvZz4NCjwvc3ZnPg0K); left: 0; } .mortgage-reviews__arrow.--right { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjU1LjEycHgiIGhlaWdodD0iMTQxLjczcHgiIHZpZXdCb3g9IjAgMCAyNTUuMTIgMTQxLjczIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNTUuMTIgMTQxLjczIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSLQodC70L7QuV8xXzFfIj4NCgk8Zz4NCgkJPHBvbHlnb24gZmlsbD0iI0JDQkRCRiIgcG9pbnRzPSIxMDMuNzE2LDE0MS43MyAxMDEuNzk5LDE0MC4zODkgMTUwLjQ2NSw3MC44NjUgMTAxLjc5OSwxLjM0MSAxMDMuNzE2LDAgMTUzLjMyMSw3MC44NjUgCQkiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0i0YFf0YDQsNC30LzQtdGA0LDQvNC4Ij4NCgk8ZyBpZD0i0YDQsNC30LzQtdGA0YsiPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSLQodC70L7QuV8yIj4NCjwvZz4NCjxnIGlkPSLQodC70L7QuV8zIj4NCjwvZz4NCjwvc3ZnPg0K); right: 0; } .mortgage-reviews .slick-dots { bottom: 20px; } .mortgage-reviews .slick-dots li { background-color: transparent; border: 1px solid #3b4658; } .mortgage-reviews .slick-dots li:after { background-color: #3b4658; } .mortgage-reviews .slick-dots .slick-active { border: 1px solid #3b4658; } .mortgage-reviews .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .mortgage-reviews .slick-track .slick-slide { height: auto; } .mortgage-callback { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 60px; } @media only screen and (max-width: 750px) { .mortgage-callback { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 30px; } } .mortgage-callback.--top { padding-top: 60px; } @media only screen and (max-width: 750px) { .mortgage-callback.--top { padding-top: 0; } } .mortgage-callback__text { width: 630px; font-size: 16px; } @media only screen and (max-width: 750px) { .mortgage-callback__text { width: 100%; margin-bottom: 15px; } } .mortgage-callback__button { width: 300px; height: 44px; } @media only screen and (max-width: 750px) { .mortgage-callback__button { width: 100%; height: 50px; } } .mortgage-escrow { padding-top: 40px; width: 65%; } @media only screen and (max-width: 750px) { .mortgage-escrow { width: 100%; } } .mortgage-escrow__title { display: block; padding-bottom: 15px; font-size: 20px; font-weight: normal; } .mortgage-escrow__image { width: 100%; height: 400px; margin-bottom: 15px; background-image: url(/static/images/escrow.png); background-repeat: no-repeat; background-position: left; background-size: contain; } @media only screen and (max-width: 750px) { .mortgage-escrow__image { height: 250px; } } .mortgage-escrow__image.second { background-image: url(/static/images/escrow2.png); margin-bottom: 0; } .mortgage-escrow__list { font-size: 16px; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .mortgage-escrow__list { margin-bottom: 30px; padding-left: 0; } } .mortgage-escrow__text { font-size: 16px; } .mortgage-escrow__text p { margin-bottom: 20px; } .mortgage-escrow__button { margin: 25px 0 10px; height: 50px; width: 285px; } .mortgage-vtb { padding: 40px 20px 0; } @media only screen and (max-width: 750px) { .mortgage-vtb { padding: 20px 0; } } .mortgage-vtb-text__wrapper { width: 70%; } @media only screen and (max-width: 750px) { .mortgage-vtb-text__wrapper { width: 100%; padding: 0 16px; } } .mortgage-vtb-text__wrapper p { font-size: 16px; line-height: 22px; } .m-g-bank-mini { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 305px; background-color: #f9f9f9; padding: 30px; } @media only screen and (max-width: 750px) { .m-g-bank-mini { position: relative; width: 100%; padding: 28px 28px 35px 40px; } } .m-g-bank-mini__icon { -ms-flex-negative: 0; flex-shrink: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-position: left; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiMyRDQyOEUiLz4KPHBhdGggZD0iTTI4LjMzNTUgMjQuNTQ4NUgyNy41ODc1VjIyLjY3ODNIMjguMzM1NUMyOS4yNzA2IDIyLjY3ODMgMjkuNTA0NCAyMy4xNDU4IDI5LjUwNDQgMjMuNjEzNEMyOS41MDQ0IDI0LjA4MDkgMjkuMTc3MSAyNC41NDg1IDI4LjMzNTUgMjQuNTQ4NVpNMjcuNTQwNyAxOS45NjY1SDI4LjE0ODVDMjkuMTc3MSAxOS45NjY1IDI5LjIyMzkgMjAuNjIxMSAyOS4yMjM5IDIwLjgwODFDMjkuMjIzOSAyMS4wODg2IDI5LjA4MzYgMjEuNjQ5NyAyOC4xOTUzIDIxLjY0OTdIMjcuNTQwN1YxOS45NjY1Wk0yNi4yMzE2IDIzLjE5MjZWMjQuODI5QzI1LjkwNDMgMjQuNjQyIDI1LjUzMDIgMjQuNTAxNyAyNS4xNTYyIDI0LjMxNDdDMjQuNjg4NiAyNC4xMjc3IDI0LjIyMTEgMjMuODkzOSAyNC4yMjExIDIzLjM3OTZDMjQuMjIxMSAyMy4wOTkxIDI0LjQwODEgMjIuNjc4MyAyNS4yMDI5IDIyLjY3ODNIMjUuNzY0SDI2LjE4NDhIMjYuNjk5MUwyNi4yMzE2IDIzLjE5MjZaTTIxLjA0MTcgMjcuMzUzOEgyMC40MzM5VjI1LjE1NjNIMjEuMDQxN0MyMS44MzY2IDI1LjE1NjMgMjIuMTYzOCAyNS42MjM5IDIyLjE2MzggMjYuMTg0OUMyMi4xNjM4IDI2Ljc0NiAyMS44MzY2IDI3LjM1MzggMjEuMDQxNyAyNy4zNTM4Wk0yOS41NTEyIDIyLjExNzJDMzAuMDE4NyAyMS45MzAyIDMwLjYyNjUgMjEuNTU2MiAzMC42MjY1IDIwLjU3NDNDMzAuNjI2NSAxOS40NTIyIDI5LjY5MTQgMTguOTM3OSAyOC40MjkgMTguOTM3OUgyNi4yMzE2VjIxLjY0OTdIMjQuOTIyNEMyMy4xOTI1IDIxLjY0OTcgMjIuODE4NCAyMi44NjUzIDIyLjgxODQgMjMuNTE5OUMyMi44MTg0IDI0LjQ1NSAyMy4zNzk1IDI0Ljg3NTggMjQuMzYxMyAyNS4zOTAxQzI0Ljk2OTIgMjUuNzE3NCAyNS43MTcyIDI1LjkwNDQgMjUuNzE3MiAyNi41NTlDMjUuNzE3MiAyNi45MzMgMjUuMzkgMjcuMzUzOCAyNC42NDE5IDI3LjM1MzhIMjMuMjg2QzIzLjQ3MyAyNy4wMjY1IDIzLjU2NjUgMjYuNjA1NyAyMy41NjY1IDI2LjI3ODRDMjMuNTY2NSAyNS44NTc2IDIzLjQyNjIgMjQuMTI3NyAyMC45OTUgMjQuMTI3N0gxOS4wMzEyVjMwLjgxMzdIMjAuMzg3MlYyNy45MTQ5TDIwLjk0ODIgMjguNDI5MkgyNC41OTUxQzI2LjMyNTEgMjguNDI5MiAyNy4xMTk5IDI3LjU0MDggMjcuMTE5OSAyNi41MTIyQzI3LjExOTkgMjYuMTM4MiAyNy4wNzMxIDI1Ljg1NzYgMjYuOTMyOSAyNS41NzcxSDI4LjI4ODhDMzAuMzkyOCAyNS41NzcxIDMwLjkwNzEgMjQuNTAxNyAzMC45MDcxIDIzLjcwNjlDMzAuOTA3MSAyMi44NjUzIDMwLjM5MjggMjIuMjU3NSAyOS41NTEyIDIyLjExNzJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzYuNzUxOCAxOC43OTc2QzM2Ljc1MTggMTUuNTcxNSAzNC4xODAzIDEzIDMwLjk1NDIgMTNIMjIuODE4OEMyMC4xNTM3IDEzIDE3LjkwOTUgMTQuNzc2NyAxNy4yNTQ5IDE3LjIwOEgyNy4xMjAyQzMwLjkwNzQgMTcuMjA4IDMyLjU0MzggMTguOTg0NyAzMi41NDM4IDIzLjA5OTFWMzIuNDUwMkMzNC45NzUxIDMxLjc0ODkgMzYuNzUxOCAyOS41MDQ2IDM2Ljc1MTggMjYuODg2M1YxOC43OTc2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEzIDMwLjk1NEMxMyAzNC4xMzM0IDE1LjU3MTUgMzYuNzUxNyAxOC43OTc2IDM2Ljc1MTdIMjYuOTc5OEMyOS41OTgxIDM2Ljc1MTcgMzEuODQyNCAzNC45NzUgMzIuNTQzNyAzMi41NDM3SDIyLjYzMTZDMTguODQ0NCAzMi40OTcgMTcuMjA4IDMwLjcyMDMgMTcuMjA4IDI2LjYwNThWMTcuMjA4QzE0Ljc3NjcgMTcuOTA5MyAxMyAyMC4xNTM2IDEzIDIyLjc3MTlWMzAuOTU0WiIgZmlsbD0iI0U5NUEwQyIvPgo8L3N2Zz4K); } .m-g-bank-mini__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .m-g-bank-mini__info-value { font-size: 36px; line-height: 156.5%; } .m-g-bank-mini__info-desc { font-weight: 300; font-size: 14px; line-height: 15px; } .m-g-bank-mini__promo { margin-top: 30px; font-size: 16px; line-height: 150%; } .m-g-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; height: 442px; margin: 0 auto; padding-bottom: 56px; color: white; background-image: url(/static/images/mortgage-header.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .m-g-header { height: 264px; padding-bottom: 30px; } } .m-g-header__title { margin-bottom: 6px; font-size: 34px; line-height: 49px; } @media only screen and (max-width: 750px) { .m-g-header__title { font-size: 26px; line-height: 30px; } } .m-g-header__text { font-weight: 300; font-size: 16px; line-height: 26px; } .mortgage-faq { margin-bottom: 100px; } @media only screen and (max-width: 750px) { .mortgage-faq { margin-bottom: 50px; } } .mortgage-faq__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 814px; } @media only screen and (max-width: 750px) { .mortgage-faq__list { width: 100%; } } .mortgage-faq__item { width: 100%; margin-bottom: 12px; background-color: #f9f9f9; } .mortgage-faq__item:last-child { margin-bottom: 0; } .mortgage-faq__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px 32px; cursor: pointer; } @media only screen and (max-width: 750px) { .mortgage-faq__title { padding: 20px 25px; } } .mortgage-faq__title-text { max-width: 85%; font-size: 18px; line-height: 20px; } .mortgage-faq__title-icon { width: 14px; height: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNCAxTDcuNSA3LjVMMSAxIiBzdHJva2U9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .mortgage-faq__title-icon._rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .mortgage-faq__body { display: none; padding: 0 32px 26px; font-weight: 300; font-size: 16px; line-height: 160%; } @media only screen and (max-width: 750px) { .mortgage-faq__body { padding: 0 20px 22px; } } .mortgage { background-color: white; } @media only screen and (max-width: 750px) { .mortgage { background-color: #f9f9f9; } } .mortgage._government { overflow-x: hidden; } @media only screen and (max-width: 750px) { .mortgage._government { background-color: white; } } .mortgage__intro-text { max-width: 900px; margin-bottom: 35px; font-size: 16px; line-height: 26px; font-weight: normal; } @media only screen and (max-width: 750px) { .mortgage__intro-text { margin-bottom: 0; } } .mortgage__container { padding-top: 65px; } @media only screen and (max-width: 750px) { .mortgage__container { padding-top: 0; } } .mortgage__container.escrow { padding-top: 20px; } .mortgage__title { font-size: 34px; line-height: 40px; } @media only screen and (max-width: 750px) { .mortgage__title { padding-top: 25px; font-size: 18px; line-height: 21px; } } .mortgage__title._government { font-size: 22px; line-height: 24px; } @media only screen and (max-width: 750px) { .mortgage__title._government { padding-top: 35px; font-size: 26px; line-height: 120%; } } @media only screen and (max-width: 750px) { .mortgage__title.--filter { padding-top: 0; font-size: 20px; line-height: 140%; } } .mortgage__titles-wrap { margin-bottom: 62px; } @media only screen and (max-width: 750px) { .mortgage__titles-wrap { margin-bottom: 22px; } } .mortgage__subtitle._government { margin-bottom: 8px; font-weight: 300; font-size: 16px; line-height: 18px; } .mortgage__middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .mortgage__middle { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .mortgage__middle-section { display: none; -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .mortgage__middle-section.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .mortgage__middle-section.--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .mortgage__middle-section { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .mortgage__middle-item { position: relative; } @media only screen and (max-width: 750px) { .mortgage__middle-item { width: 100%; } } @media only screen and (max-width: 750px) { .mortgage__middle-item.--desk { display: none; } } .mortgage__middle-item.--second { width: 305px; top: -1px; } @media only screen and (max-width: 750px) { .mortgage__middle-item.--second { width: 100%; } } @media only screen and (max-width: 750px) { .mortgage__middle-item.-m-order1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 750px) { .mortgage__middle-item.-m-order2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (max-width: 750px) { .mortgage__middle-item.-m-order3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .mortgage__middle-item.--w100 { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .mortgage__filter { padding-top: 40px; } @media only screen and (max-width: 750px) { .mortgage__filter { padding-top: 25px; } } .mortgage__button { margin-bottom: 50px; width: 305px; height: 59px; } @media only screen and (max-width: 750px) { .mortgage__button { position: relative; left: -20px; width: 100vw; margin-bottom: 0; } } .mortgage__button.--payment { position: absolute; right: 0; margin-top: 15px; } @media only screen and (max-width: 750px) { .mortgage__button.--payment { position: relative; right: auto; bottom: 0; } } .mortgage__button.--price { margin-top: 15px; } @media only screen and (max-width: 750px) { .mortgage__button.--price { margin-top: 0; } } .mortgage__button.--refinancing { margin-top: 15px; } @media only screen and (max-width: 750px) { .mortgage__button.--refinancing { position: relative; right: auto; bottom: 0; } } .mortgage__section.--active { display: block; } .mortgage__section.--active.--flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .mortgage__section.--active.--flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 65px; } .mortgage__section.--new { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 180px; padding-left: 60px; padding-right: 30px; } @media only screen and (max-width: 750px) { .mortgage__section.--new { padding-left: 20px; } } .mortgage__section.--new .mortgage-bank__icon { margin-right: 0; width: 100%; background-position: left; } .mortgage__section.--new.--active { display: -webkit-box; display: -ms-flexbox; display: flex; } .mortgage__projects { padding: 60px 0; } .mortgage__projects .projects-block__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px; } .mortgage__projects .projects-block__column { padding: 0 12px; -ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3); } @media only screen and (max-width: 750px) { .mortgage__projects .projects-block__column { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 50px; } .mortgage__projects .projects-block__column:last-child { margin-bottom: 0; } } .mortgage__projects .projects-block__image { width: 100%; } @media only screen and (max-width: 750px) { .mortgage__projects { padding: 30px 0; } } .mass-media-speakers__title { margin-bottom: 35px; font-size: 24px; } .mass-media-speakers__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mass-media-speakers__list .mm-speaker { margin-right: 150px; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .mass-media-speakers__list .mm-speaker { margin-bottom: 40px; margin-right: 0; } } .mass-media-speakers__list .mm-speaker:nth-child(3n) { margin-right: 0; } .mass-media-speakers__list .mm-speaker:nth-last-child(-n + 3) { margin-bottom: 0; } @media only screen and (max-width: 750px) { .mass-media-speakers__list .mm-speaker:nth-last-child(-n + 3) { margin-bottom: 40px; } } @media only screen and (max-width: 750px) { .mass-media-speakers__list .mm-speaker:last-child { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .mm-speaker { width: 100%; } } .mm-speaker__image { width: 300px; height: 200px; margin-bottom: 24px; background-position: center; background-size: cover; } @media only screen and (max-width: 750px) { .mm-speaker__image { width: 100%; max-width: 300px; } } .mm-speaker__name { margin-bottom: 10px; font-size: 16px; font-weight: 300; } .mm-speaker__link { font-size: 16px; } @media only screen and (max-width: 750px) { .mass-media__main { margin-bottom: 50px; } } .mass-media__block { margin-bottom: 104px; } @media only screen and (max-width: 750px) { .mass-media__block { margin-bottom: 50px; } } .mass-media__block:last-child { margin-bottom: 0; } .mass-media__block-title { font-size: 20px; margin-bottom: 55px; } @media only screen and (max-width: 750px) { .mass-media__block-title { margin-bottom: 24px; } } .mass-media__block-text { color: #39465a; } .mass-media__block-text ol { padding-left: 0; margin-left: 14px; margin-top: 0; margin-bottom: 0; list-style-type: decimal; } .mass-media__block-text ol li { padding-left: 10px; margin-top: 8px; font-size: 16px; line-height: 1.8; font-weight: 300; list-style: decimal; } .mass-media__aside-block { margin-bottom: 64px; font-size: 16px; line-height: 1.8; font-weight: 300; color: rgba(57, 70, 90, 0.7); } @media only screen and (max-width: 750px) { .mass-media__aside-block { margin-bottom: 32px; } } .mass-media__aside-block:last-child { margin-bottom: 0; } .mass-media__aside-block p { margin-bottom: 14px; } .mass-media__aside-block p:last-child { margin-bottom: 0; } .mass-media__speakers { margin-top: 70px; } .exchange-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 442px; margin: 0 auto; padding: 60px 0; color: white; background-image: url(/static/images/exchange-header.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .exchange-header { height: auto; min-height: 364px; padding: 20px 0 40px; } } .exchange-header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .exchange-header__title { font-size: 34px; line-height: 110%; } @media only screen and (max-width: 750px) { .exchange-header__title { font-size: 25px; line-height: 30px; } } .exchange-header__text { margin-top: 18px; font-size: 18px; } .exchange-header__btn { width: 288px; height: 60px; margin-top: 32px; } @media only screen and (max-width: 750px) { .exchange-header__btn { margin-top: 16px; } } .exchange-header__btn:hover { opacity: .8; border: 1px solid white; } .exchange-about__text.top { display: block; width: 75%; padding: 60px 0; } @media only screen and (max-width: 750px) { .exchange-about__text.top { width: 100%; padding: 30px 0; } } .exchange-about__text.top p { margin-bottom: 10px; font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .exchange-about__text.top p { line-height: 23px; } } .exchange-about__text.top p:last-child { margin-bottom: 0; } .exchange-about__button { width: 390px; height: 60px; margin: 0 auto; } @media only screen and (max-width: 750px) { .exchange-about__button { width: 100%; height: 45px; } } .exchange-advantages { padding: 56px 0 68px; border: 1px solid #e6e6e6; } @media only screen and (max-width: 750px) { .exchange-advantages { padding: 16px 0 56px; border: none; } } .exchange-advantages._no-border { border: none; } .exchange-advantages > .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .exchange-advantages > .container { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .exchange-advantages__column { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 1 266px; flex: 0 1 266px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-right: 66px; margin-right: 66px; } .exchange-advantages__column:last-child { -ms-flex-preferred-size: 200px; flex-basis: 200px; margin-right: 0; padding-right: 0; } @media only screen and (max-width: 750px) { .exchange-advantages__column:last-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .exchange-advantages__column:last-child:after { display: none; } @media only screen and (max-width: 750px) { .exchange-advantages__column:last-child:after { display: block; } } .exchange-advantages__column:after { content: ""; position: absolute; top: 40px; left: 100%; width: 1px; height: 107px; background-color: #e6e6e6; } @media only screen and (max-width: 750px) { .exchange-advantages__column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 0; padding: 24px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .exchange-advantages__column:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .exchange-advantages__column:after { top: 100%; left: 0; width: 100%; height: 1px; } } .exchange-advantages__img { width: 56px; height: 56px; margin-bottom: 24px; background-repeat: no-repeat; background-position: 0 50%; background-size: contain; } @media only screen and (max-width: 750px) { .exchange-advantages__img { width: 48px; height: 48px; margin-bottom: 0; margin-right: 20px; } } .exchange-advantages__description { width: 100%; max-width: 268px; margin-top: -10px; margin-right: 20px; } .exchange-advantages__description-title { font-size: 24px; line-height: 1.2; } @media only screen and (max-width: 750px) { .exchange-advantages__description-title { font-size: 20px; line-height: 140%; } } .exchange-advantages__description-text { margin-top: 12px; font-size: 16px; line-height: 1.5; font-weight: 300; opacity: .9; } @media only screen and (max-width: 750px) { .exchange-advantages__description-text { margin-top: 4px; line-height: 1.6; } } @media only screen and (max-width: 750px) { .exchange-advantages__description { margin-top: -5px; margin-right: 0; } } .exchange-intro-residence { padding-top: 148px; } @media only screen and (max-width: 750px) { .exchange-intro-residence { padding-top: 0; padding-bottom: 16px; margin-top: -16px; } } @media only screen and (max-width: 750px) { .exchange-intro-residence__container.container { padding-left: 0; padding-right: 0; } } .exchange-intro-residence__cards { display: -webkit-box; display: -ms-flexbox; display: flex; } .exchange-intro-residence__card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% + 24px); flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% + 24px); height: 100%; min-height: 274px; } @media only screen and (max-width: 750px) { .exchange-intro-residence__card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: 0; } } .exchange-intro-residence__card._info { padding: 48px 96px 48px 48px; margin-top: -48px; margin-right: -24px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .exchange-intro-residence__card._info { padding: 36px 20px; margin-top: 0; margin-right: 0; } } .exchange-intro-residence__card._img { margin-left: -24px; background-position: center; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 750px) { .exchange-intro-residence__card._img { display: none; } } .exchange-intro-residence__card-title { margin-bottom: 12px; font-size: 18px; line-height: 24px; font-family: 'Grtsk-Tera', 'Verdana', sans-serif; font-weight: 600; } .exchange-intro-residence__card-text { margin-bottom: 36px; font-size: 18px; line-height: 30px; } @media only screen and (max-width: 750px) { .exchange-intro-residence__card-text { margin-bottom: 24px; font-size: 14px; line-height: 20px; font-weight: 300; } } .exchange-intro-residence__card-btn { width: 248px; height: 56px; } @media only screen and (max-width: 750px) { .exchange-intro-residence__card-btn { width: 100%; } } .exchange-way { position: relative; padding-left: 0; padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .exchange-way { padding-top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .exchange-way:before { content: ''; position: absolute; z-index: 0; top: 68px; left: 0; right: 0; bottom: 0; width: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExOSIgaGVpZ2h0PSIyMzciIHZpZXdCb3g9IjAgMCAxMTE5IDIzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNEgxMDY1QzEwOTIuNjEgNCAxMTE1IDI2LjM4NTggMTExNSA1NFY4MC41NzM3QzExMTUgMTA4LjE4OCAxMDkyLjYxIDEzMC41NzQgMTA2NSAxMzAuNTc0SDU0QzI2LjM4NTcgMTMwLjU3NCA0IDE1Mi45NTkgNCAxODAuNTc0VjE4M0M0IDIxMC42MTQgMjYuMzg1OCAyMzMgNTQgMjMzSDgzNSIgc3Ryb2tlPSIjRjZGNkY2IiBzdHJva2Utd2lkdGg9IjciLz4KPC9zdmc+Cg==) no-repeat top center/contain; } @media only screen and (max-width: 750px) { .exchange-way:before { display: none; } } .exchange-way__wrapper { padding-left: 25px; margin-bottom: 70px; } @media only screen and (max-width: 750px) { .exchange-way__wrapper { padding-left: 0; margin-bottom: 0; } } .exchange-way__item { position: relative; width: 33.3%; height: 220px; margin-bottom: 23px; padding-right: 40px; padding-left: 50px; z-index: 0; } @media only screen and (max-width: 750px) { .exchange-way__item { width: 100%; height: auto; padding-right: 0; padding-left: 36px; padding-top: 11px; margin-bottom: 20px; } } .exchange-way__item:nth-last-child(-n + 3) { margin-bottom: 0; height: auto; } @media only screen and (max-width: 750px) { .exchange-way__item:nth-last-child(-n + 3) { margin-bottom: 20px; } } .exchange-way__item:before { counter-increment: topic; content: counter(topic) "."; z-index: -1; position: absolute; top: -42px; left: -28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 36px; width: 114px; height: 114px; background: #deecca; border-radius: 50%; } @media only screen and (max-width: 750px) { .exchange-way__item:before { width: 48px; height: 48px; top: 0; left: 0; font-size: 18px; z-index: -1; } } .exchange-way__item:last-child:after { content: ''; position: absolute; left: 0; top: 0; width: 500px; height: 100%; z-index: -2; background: #fff; } .exchange-way__item-title { font-weight: normal; font-size: 26px; margin-bottom: 4px; } @media only screen and (max-width: 750px) { .exchange-way__item-title { font-size: 18px; margin-bottom: 5px; } } .exchange-way__item-text { font-weight: 300; font-size: 15px; line-height: 24px; } @media only screen and (max-width: 750px) { .exchange-way__item-text { line-height: 20px; font-size: 14px; } } .exchange-exchangeable__title { margin-bottom: 24px; } @media only screen and (max-width: 750px) { .exchange-exchangeable__title { margin-bottom: 12px; } } .exchange-exchangeable__text { display: block; margin-bottom: 48px; font-size: 18px; line-height: 164.4%; } @media only screen and (max-width: 750px) { .exchange-exchangeable__text { margin-bottom: 24px; font-weight: 300; font-size: 14px; line-height: 20px; } } .exchange-exchangeable__list { margin: 0; padding-left: 56px; counter-reset: counter; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; list-style: none; } @media only screen and (max-width: 750px) { .exchange-exchangeable__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 44px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .exchange-exchangeable__list:last-child { margin-bottom: 0; } } .exchange-exchangeable__item { position: relative; padding: 0 56px 0 0; margin-bottom: 28px; font-size: 20px; line-height: 36px; font-weight: normal; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; counter-increment: counter; } .exchange-exchangeable__item span { display: block; font-size: 14px; line-height: 25px; } @media only screen and (max-width: 750px) { .exchange-exchangeable__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 32px; padding: 0; margin-bottom: 16px; font-size: 14px; line-height: 20px; } .exchange-exchangeable__item span { margin-top: 4px; font-weight: 300; line-height: 180%; } .exchange-exchangeable__item:last-child { margin-bottom: 0; } } .exchange-exchangeable__item:before { --size: 36px; content: counter(counter); position: absolute; left: calc(-1 * var(--size) - 20px); top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: var(--size); height: var(--size); font-size: 20px; color: #fff; background: #292522; border-radius: 50%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media only screen and (max-width: 750px) { .exchange-exchangeable__item:before { --size: 32px; left: calc(-1 * var(--size) - 12px); top: 5%; } } .exchange-buyout { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .exchange-buyout { margin-bottom: 56px; } } .exchange-buyout__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 56px; background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-position: right; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .exchange-buyout__wrap { margin: 0 -20px; padding: 44px 20px; background-image: none; } } .exchange-buyout__title { margin-bottom: 24px; } @media only screen and (max-width: 750px) { .exchange-buyout__title { margin-bottom: 20px; } } .exchange-buyout__text { font-size: 18px; line-height: 1.6; color: #3b4658; } @media only screen and (max-width: 750px) { .exchange-buyout__text { font-size: 14px; line-height: 1.4; } } .exchange-buyout__link { width: 320px; height: 56px; margin-top: 40px; font-weight: 500; } @media only screen and (max-width: 750px) { .exchange-buyout__link { width: 100%; margin-top: 24px; } } .exchange-calc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .exchange-calc__title { margin-bottom: 46px; } @media only screen and (max-width: 750px) { .exchange-calc__title { margin-bottom: 28px; } } .exchange-calc__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .exchange-calc__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .exchange-calc__max-price { margin-bottom: 34px; font-size: 16px; line-height: 19px; } .exchange-calc__max-price-number { display: block; margin-top: 10px; font-size: 34px; line-height: 40px; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all .2s ease; transition: all .2s ease; } .exchange-calc__max-price-number.hide { -webkit-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease; } @media only screen and (max-width: 750px) { .exchange-calc__max-price-number { font-size: 28px; line-height: 30px; } } .exchange-calc__button { width: 300px; height: 60px; margin-top: 50px; } @media only screen and (max-width: 750px) { .exchange-calc__button { width: 100vw; margin-left: -20px; margin-top: 0; } } .exchange-calc__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 85%; padding-bottom: 34px; } .exchange-calc__row:last-child { padding-bottom: 0; } @media only screen and (max-width: 750px) { .exchange-calc__row { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } } .exchange-calc__input { width: 251px; height: 47px; padding: 0 20px; } @media only screen and (max-width: 750px) { .exchange-calc__input { width: 100%; background-color: #fff; } } .exchange-calc__input.--debt { width: 100%; } .exchange-calc__input.big { width: 351px; } @media only screen and (max-width: 750px) { .exchange-calc__input.big { width: 100%; } } .exchange-calc__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 35px; opacity: 1; height: auto; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (max-width: 750px) { .exchange-calc__item { width: 100%; margin-right: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } .exchange-calc__item.--debt { width: 185px; } @media only screen and (max-width: 750px) { .exchange-calc__item.--debt { width: 100%; margin-top: 20px; } } .exchange-calc__item._mr80 { margin-right: 80px; } @media only screen and (max-width: 750px) { .exchange-calc__item._mr80 { margin-right: 0; } } .exchange-calc__item.mr-a { margin-right: auto; } @media only screen and (max-width: 750px) { .exchange-calc__item.mr-a { margin-right: 0; } } .exchange-calc__item:last-child { margin-right: 0; } .exchange-calc__item.no-label { padding-top: 75px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 750px) { .exchange-calc__item.no-label { padding-top: 42px; } } .exchange-calc__item.--viksel { width: 260px; margin-right: 41px; } @media only screen and (max-width: 750px) { .exchange-calc__item.--viksel { width: 100%; margin-top: 20px; margin-right: 0; } } .exchange-calc__item._hidden { opacity: 0; } .exchange-calc__item._hidden._mob { display: none; } @media only screen and (max-width: 750px) { .exchange-calc__item._hidden { display: none; } } .exchange-calc__item._hidden:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: transparent; } .exchange-calc__label { margin-bottom: 20px; font-size: 16px; font-weight: 300; color: #39465a; } .exchange-calc__slider { position: absolute; bottom: 0; left: 0; z-index: 1; width: 251px; height: 1px; background-color: transparent; border: none; border-radius: 0; } .exchange-calc__slider._big { width: 351px; } .exchange-calc__evaluation { position: relative; display: inline-block; margin-top: 8px; font-size: 16px; font-weight: 300; border-bottom: 1px dashed #3b4658; cursor: pointer; } .exchange-calc__evaluation:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; margin: auto; height: 1px; width: 0; background: #3b4658; -webkit-transition: width .4s ease; transition: width .4s ease; } .exchange-calc__evaluation:hover:after { width: 100%; } .exchange-checkbox { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer; } .exchange-checkbox.--disabled { cursor: default; } .exchange-checkbox.--disabled .exchange-checkbox__container { pointer-events: none; opacity: .5; } .exchange-checkbox__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .exchange-checkbox__input-container { -ms-flex-negative: 0; flex-shrink: 0; } .exchange-checkbox__input { position: absolute; top: 0; left: 0; visibility: hidden; } .exchange-checkbox__input:checked + .exchange-checkbox__custom-input:after { opacity: 1; } .exchange-checkbox__custom-input { position: relative; display: block; width: 20px; height: 20px; background-color: #dedede; border-radius: 50%; cursor: pointer; } .exchange-checkbox__custom-input:after { content: ""; position: absolute; top: 5px; left: 4px; width: 12px; height: 9px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDIuNUwzIDUuNUw4LjUgMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 100% 100%; opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .exchange-checkbox__label { padding-left: 11px; font-weight: 300; font-size: 16px; line-height: 19px; cursor: pointer; white-space: nowrap; } .exchange-checkbox__help { position: relative; margin-left: 11px; height: 20px; width: 20px; border-radius: 50%; background-color: #f6f6f6; cursor: pointer; } .exchange-checkbox__help:hover .exchange-checkbox__tooltip { opacity: 1; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } @media only screen and (max-width: 750px) { .exchange-checkbox__help:hover .exchange-checkbox__tooltip { -webkit-transform: scale(1); transform: scale(1); } } .exchange-checkbox__help:after { content: "?"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; font-weight: 700; color: #3b4658; } .exchange-checkbox__tooltip { position: absolute; left: -125px; bottom: calc(100% - 6px); -webkit-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); padding: 5px 10px; background-color: #d4d4d4; width: 290px; font-size: 11px; border-bottom: 4px solid #3b4658; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; opacity: 0; pointer-events: none; } @media only screen and (max-width: 750px) { .exchange-checkbox__tooltip { top: auto; left: auto; right: 0; bottom: calc(100% + 15px); width: 190px; border-bottom: 4px solid #3b4658; border-left: none; -webkit-transform: scale(0.9); transform: scale(0.9); } } .exchange-checkbox__tooltip:before { content: ""; position: absolute; top: 100%; right: 50%; -webkit-transform: translateY(4px); transform: translateY(4px); width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #3b4658; } @media only screen and (max-width: 750px) { .exchange-checkbox__tooltip:before { top: 99%; right: 0; } } .exchange-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f6f6f6; } .exchange-filter__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 30px; } @media only screen and (max-width: 750px) { .exchange-filter__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .exchange-filter__row:last-child { margin-bottom: 0; } .exchange-filter__row.textarea, .exchange-filter__row.disclaimer { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .exchange-filter__row.disclaimer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 750px) { .exchange-filter__row.disclaimer .exchange-filter__label { display: none; } } .exchange-filter__label { width: 200px; font-size: 16px; color: #39465a; } @media only screen and (max-width: 750px) { .exchange-filter__label { width: 100%; margin-bottom: 10px; } } .exchange-filter__items { display: -webkit-box; display: -ms-flexbox; display: flex; } .exchange-filter__disclaimer { width: 350px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 20px; font-weight: 300; } @media only screen and (max-width: 750px) { .exchange-filter__disclaimer { width: calc(100% - 40px); font-size: 11px; } } .exchange-filter__disclaimer-link { border-bottom: 1px solid rgba(61, 67, 80, 0); -webkit-transition: border-color .3s ease; transition: border-color .3s ease; font-weight: normal; cursor: pointer; } .exchange-filter__disclaimer-link:hover { border-color: #3d4350; } .exchange-filter__input { width: 285px; padding: 16px 20px; margin-right: 20px; } @media only screen and (max-width: 750px) { .exchange-filter__input { margin-right: 0; } } .exchange-filter__input:last-child { margin-right: 0; } .exchange-filter__input.house { width: 100px; } .exchange-filter__input.floor { width: 82px; } .exchange-filter__input.floors { width: 184px; } .exchange-filter__input.area { width: 85px; } .exchange-filter__textarea { width: 490px; height: 140px; padding: 16px 20px; border: 1px solid #dedede; font-size: 14px; line-height: 16px; color: black; outline: none; resize: none; } @media only screen and (max-width: 750px) { .exchange-filter__textarea { width: 100%; } } .exchange-filter__select { display: block; width: 285px; } @media only screen and (max-width: 750px) { .exchange-filter__select { width: 100%; } } .exchange-filter__select select { opacity: 0; } .exchange-filter__select.monoselect .selected { display: none; } .exchange-filter__select.tags { width: 200px; } @media only screen and (max-width: 750px) { .exchange-filter__select.tags { width: 100%; } } .exchange-filter__button { display: block; padding: 16px 33px; background-color: #fff; border: 1px solid #dadada; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease; } .exchange-filter__button.active, .exchange-filter__button:hover { background: #3b4658; border: 1px solid transparent; color: #fff; } .exchange-filter__button-submit { width: 285px; height: 60px; } .exchange-filter__button-submit.disabled { opacity: .7; cursor: default; } .exchange-filter__button-submit.disabled:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: none; transform: none; } .exchange-filter__button-submit.active { cursor: default; opacity: 0; } .exchange-filter__button-input { display: none; } .exchange-filter__button-input:checked ~ .exchange-filter__button { background: #3b4658; border: 1px solid transparent; color: #fff; cursor: default; } .exchange-filter__option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 47px; width: 47px; border-radius: 50%; border: 1px solid #d4d4d4; font-size: 16px; -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease; margin-right: 8px; cursor: pointer; } .exchange-filter__option:last-child { margin-right: 0; } .exchange-filter__option.active, .exchange-filter__option:hover { background-color: #3b4658; color: white; border-color: #3b4658; } @media only screen and (max-width: 750px) { .exchange-filter__option:hover { background-color: white; color: #3b4658; border-color: #d4d4d4; } .exchange-filter__option.active:hover { background-color: #3b4658; color: white; border-color: #3b4658; } } .exchange-filter__action { position: relative; } .exchange-filter__success { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .exchange-filter__success.active { opacity: 1; z-index: 1; } .exchange-filter__mob-row { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .exchange-filter__mob-row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .exchange-table { position: relative; } @media only screen and (max-width: 750px) { .exchange-table { width: 100vw; overflow-x: scroll; } } .exchange-table__container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 791px; } .exchange-table__container:before { content: ""; position: absolute; top: 60px; left: 0; width: 100%; height: 1px; background-color: #dedede; } .exchange-table__container:after { content: ""; position: absolute; top: 127px; left: 0; width: 100%; height: 48px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .exchange-table__container:after { background-color: white; } } .exchange-table__section { position: relative; z-index: 1; -ms-flex-negative: 0; flex-shrink: 0; width: 162px; height: 259px; margin-right: 35px; padding: 20px 0 0 20px; font-weight: 300; border: 1px solid transparent; cursor: pointer; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .exchange-table__section:hover { border-color: #7aa15d; } .exchange-table__section.--active { border-color: #7aa15d; pointer-events: none; } .exchange-table__section.--title { font-weight: normal; cursor: default; } .exchange-table__section.--title:hover { border-color: transparent; } .exchange-table__row { margin-bottom: 42px; font-size: 14px; line-height: 14px; } .exchange-table__row.--title { margin-bottom: 52px; font-size: 16px; line-height: 16px; } .exchange-slider { height: 520px; width: 100%; } @media only screen and (max-width: 750px) { .exchange-slider { height: auto; } } .exchange-slider .slick-track:before, .exchange-slider .slick-track:after { display: none; } .exchange-slider__container { width: 100%; height: 100%; display: inline-block; } .exchange-slider__item { width: 100%; height: 100%; } .exchange-slider__slide { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .exchange-slider__slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .exchange-slider__img { width: 100%; min-height: 520px; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .exchange-slider__img { min-height: 220px; } } .exchange-slider__img-container { position: relative; width: 65%; height: 100%; } @media only screen and (max-width: 750px) { .exchange-slider__img-container { width: 100%; } } .exchange-slider__img._first { background-image: url(/static/images/exchange-slide-img1.jpg); } .exchange-slider__text { width: 100%; min-height: 520px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f6f6f6; padding: 55px 72px 55px 55px; } @media only screen and (max-width: 750px) { .exchange-slider__text { padding: 16px; min-height: auto; } } .exchange-slider__text-container { width: 35%; height: 100%; } @media only screen and (max-width: 750px) { .exchange-slider__text-container { width: 100%; height: auto; } } .exchange-slider__text-title { font-size: 34px; font-weight: normal; margin-bottom: 15px; } .exchange-slider__text-desc { font-weight: 300; } .exchange-slider__text-desc.top { font-size: 14px; line-height: 30px; } @media only screen and (max-width: 750px) { .exchange-slider__text-desc.top { line-height: 22px; font-size: 14px; } } .exchange-slider__text-desc.bottom { margin-top: auto; font-size: 14px; line-height: 30px; } @media only screen and (max-width: 750px) { .exchange-slider__text-desc.bottom { margin-top: 15px; line-height: 22px; opacity: .7; } } .exchange-slider__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 60px; background-repeat: no-repeat; background-size: auto 100%; background-position: 50%; cursor: pointer; } @media only screen and (max-width: 750px) { .exchange-slider__arrow { height: 45px; width: 15px; } } .exchange-slider__arrow.--left { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjU1LjEycHgiIGhlaWdodD0iMTQxLjczcHgiIHZpZXdCb3g9IjAgMCAyNTUuMTIgMTQxLjczIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNTUuMTIgMTQxLjczIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSLQodC70L7QuV8xXzFfIj4NCgk8Zz4NCgkJPHBvbHlnb24gZmlsbD0iI0JDQkRCRiIgcG9pbnRzPSIxNTEuNDA0LDE0MS43MyAxMDEuNzk5LDcwLjg2NSAxNTEuNDA0LDAgMTUzLjMyMSwxLjM0MSAxMDQuNjU1LDcwLjg2NSAxNTMuMzIxLDE0MC4zODkgCQkiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0i0YFf0YDQsNC30LzQtdGA0LDQvNC4Ij4NCgk8ZyBpZD0i0YDQsNC30LzQtdGA0YsiPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSLQodC70L7QuV8yIj4NCjwvZz4NCjxnIGlkPSLQodC70L7QuV8zIj4NCjwvZz4NCjwvc3ZnPg0K); left: 50px; } @media only screen and (max-width: 750px) { .exchange-slider__arrow.--left { left: 10px; } } .exchange-slider__arrow.--right { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjU1LjEycHgiIGhlaWdodD0iMTQxLjczcHgiIHZpZXdCb3g9IjAgMCAyNTUuMTIgMTQxLjczIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNTUuMTIgMTQxLjczIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSLQodC70L7QuV8xXzFfIj4NCgk8Zz4NCgkJPHBvbHlnb24gZmlsbD0iI0JDQkRCRiIgcG9pbnRzPSIxMDMuNzE2LDE0MS43MyAxMDEuNzk5LDE0MC4zODkgMTUwLjQ2NSw3MC44NjUgMTAxLjc5OSwxLjM0MSAxMDMuNzE2LDAgMTUzLjMyMSw3MC44NjUgCQkiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0i0YFf0YDQsNC30LzQtdGA0LDQvNC4Ij4NCgk8ZyBpZD0i0YDQsNC30LzQtdGA0YsiPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSLQodC70L7QuV8yIj4NCjwvZz4NCjxnIGlkPSLQodC70L7QuV8zIj4NCjwvZz4NCjwvc3ZnPg0K); right: 50px; } @media only screen and (max-width: 750px) { .exchange-slider__arrow.--right { right: 10px; } } .exchange-slider-new { padding-bottom: 100px; margin-top: 60px; } @media only screen and (max-width: 750px) { .exchange-slider-new { padding-top: 30px; padding-bottom: 30px; margin-top: 0; } } @media only screen and (max-width: 750px) { .exchange-slider-new .swiper-button-prev, .exchange-slider-new .swiper-button-next { top: calc(50% - 20px); width: 20px; background-size: 20px; } } .exchange-slider-new__content { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .exchange-slider-new__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .exchange-slider-new__img-container { -ms-flex-negative: 0; flex-shrink: 0; width: 610px; margin-right: 100px; } @media only screen and (max-width: 750px) { .exchange-slider-new__img-container { width: 100%; } } .exchange-slider-new__img-top { position: relative; width: 100%; height: 360px; margin-bottom: 4px; overflow: hidden; } @media only screen and (max-width: 750px) { .exchange-slider-new__img-top { padding-bottom: 40px; margin-bottom: 0; } } .exchange-slider-new__img-bot { width: 100%; height: 86px; } @media only screen and (max-width: 750px) { .exchange-slider-new__img-bot { display: none; } } .exchange-slider-new__img { background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #f2f2f2; } .exchange-slider-new__thumb { position: relative; width: 124px; height: 100%; margin-right: 4px; background-size: cover; background-repeat: no-repeat; background-position: center; } .exchange-slider-new__pagination { display: none; } @media only screen and (max-width: 750px) { .exchange-slider-new__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } .exchange-slider-new__pagination .swiper-pagination-bullet-active { background-color: #3b4658; } .exchange-slider-new__text { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .exchange-slider-new__text-title { font-size: 34px; font-weight: normal; margin-bottom: 15px; } .exchange-slider-new__text-desc { font-weight: 300; } .exchange-slider-new__text-desc.top { font-size: 16px; line-height: 34px; } @media only screen and (max-width: 750px) { .exchange-slider-new__text-desc.top { line-height: 22px; font-size: 14px; } } .exchange-slider-new__text-desc.bottom { margin-top: 15px; font-size: 14px; line-height: 30px; } @media only screen and (max-width: 750px) { .exchange-slider-new__text-desc.bottom { line-height: 22px; opacity: .7; } } .exchange-slider-new__text-desc li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; font-size: 16px; line-height: 26px; list-style: none; } .exchange-slider-new__text-desc li:before { content: ""; position: relative; top: 11px; -ms-flex-negative: 0; flex-shrink: 0; display: block; width: 4px; height: 4px; margin-right: 8px; border-radius: 50%; background-color: #3b4658; } .exchange-callback .exchange-row { margin-bottom: 20px; } @media only screen and (max-width: 750px) { .exchange-callback .exchange-row:last-child { margin-bottom: 0; } } .exchange-callback__wrapper { background: #fff; } .exchange-callback__text { font-size: 16px; } @media only screen and (max-width: 750px) { .exchange-callback__text { font-size: 14px; font-weight: 300; } } .exchange-callback__input { width: 450px; height: 55px; padding-left: 35px; margin-right: 30px; } .exchange-callback__button { width: 285px; height: 55px; } .exchange-callback__button.disabled { opacity: .7; cursor: default; } .exchange-callback__button.disabled:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: none; transform: none; } .exchange-callback__button.active { cursor: default; opacity: 0; } @media only screen and (max-width: 750px) { .exchange-callback__button { width: 100%; } } .exchange-callback__action { position: relative; } @media only screen and (max-width: 750px) { .exchange-callback__action { margin-left: 0; margin-top: 14px; } } .exchange-callback__success { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .exchange-callback__success.active { opacity: 1; z-index: 1; } .exchange-bank { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 305px; height: 160px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .exchange-bank { width: 100vw; height: 107px; } } .exchange-bank__icon { -ms-flex-negative: 0; flex-shrink: 0; width: 50px; height: 50px; margin-right: 14px; background-repeat: no-repeat; background-position: center; background-size: contain; } .exchange-bank__icon.none { background-color: #f5f5f5; border-radius: 50%; } .exchange-bank__text { width: 135px; -ms-flex-negative: 0; flex-shrink: 0; font-weight: 300; font-size: 14px; line-height: 21px; } @media only screen and (max-width: 750px) { .exchange-bank__text { width: auto; } } .exchange-bank__number { font-size: 20px; } .exchange-for-whom { padding: 102px 0 82px; } @media only screen and (max-width: 750px) { .exchange-for-whom { padding: 24px 0 40px; } } .exchange-for-whom__title { margin-bottom: 46px; } @media only screen and (max-width: 750px) { .exchange-for-whom__title { margin-bottom: 28px; } } .exchange-for-whom__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } @media only screen and (max-width: 750px) { .exchange-for-whom__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .exchange-for-whom__item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; padding: 0 10px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .exchange-for-whom__item:last-child { margin-bottom: 0; } } .exchange-for-whom__item-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; min-height: 104px; padding: 20px 32px; background-color: #f9f9f9; overflow: hidden; } @media only screen and (max-width: 750px) { .exchange-for-whom__item-content { padding: 20px; } } .exchange-for-whom__item-text { width: 53%; font-size: 20px; line-height: 160%; } @media only screen and (max-width: 750px) { .exchange-for-whom__item-text { width: 170px; } } .exchange-for-whom__item-icon { position: absolute; right: 44px; bottom: -2px; width: 80px; height: 80px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTExIDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzMuNTcwOSA5OC4xNkMxMS4zOTQ5IDk4LjE2IDAuMzA2ODc1IDgxLjg0IDAuMzA2ODc1IDQ5LjJDMC4zMDY4NzUgMTYuNTYgMTEuMzk0OSAwLjIzOTk5NyAzMy41NzA5IDAuMjM5OTk3QzU1Ljc0NjkgMC4yMzk5OTcgNjYuODM0OSAxNi41NiA2Ni44MzQ5IDQ5LjJDNjYuODM0OSA4MS44NCA1NS43NDY5IDk4LjE2IDMzLjU3MDkgOTguMTZaTTIyLjE5NDkgMjRDMTkuODkwOSAyOC45OTIgMTguNzM4OSAzNy4zOTIgMTguNzM4OSA0OS4yQzE4LjczODkgNjEuMDA4IDE5Ljg5MDkgNjkuNDA4IDIyLjE5NDkgNzQuNEMyNC41OTQ5IDc5LjM5MiAyOC4zODY5IDgxLjg4OCAzMy41NzA5IDgxLjg4OEMzOC44NTA5IDgxLjg4OCA0Mi42NDI5IDc5LjQ0IDQ0Ljk0NjkgNzQuNTQ0QzQ3LjI1MDkgNjkuNTUyIDQ4LjQwMjkgNjEuMTA0IDQ4LjQwMjkgNDkuMkM0OC40MDI5IDM3LjI5NiA0Ny4yNTA5IDI4Ljg5NiA0NC45NDY5IDI0QzQyLjY0MjkgMTkuMDA4IDM4Ljg1MDkgMTYuNTEyIDMzLjU3MDkgMTYuNTEyQzI4LjM4NjkgMTYuNTEyIDI0LjU5NDkgMTkuMDA4IDIyLjE5NDkgMjRaTTc1LjQ3MzggMzYuODE2VjIwLjU0NEM4MC4wODE4IDIwLjU0NCA4NC4wMTc4IDE4Ljc2OCA4Ny4yODE4IDE1LjIxNkM5MC41NDU4IDExLjY2NCA5Mi4xNzc4IDcuMzkxOTkgOTIuMTc3OCAyLjM5OTk5SDExMC4zMjJWOTZIOTIuMTc3OFYyOS42MTZDODkuNjgxOCAzNC40MTYgODQuMTEzOCAzNi44MTYgNzUuNDczOCAzNi44MTZaIiBmaWxsPSIjRUVFRUVFIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8L3N2Zz4K); } @media only screen and (max-width: 750px) { .exchange-for-whom__item-icon { right: 24px; bottom: -4px; width: 70px; height: 70px; } } @media only screen and (max-width: 321px) { .exchange-for-whom__item-icon { right: 20px; width: 65px; height: 65px; } } .exchange-how__title { width: 100%; margin-bottom: 46px; } @media only screen and (max-width: 750px) { .exchange-how__title { margin-bottom: 28px; } } .exchange-how__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .exchange-how__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 28px; } @media only screen and (max-width: 750px) { .exchange-how__list { margin-bottom: 20px; } } .exchange-how__item { width: calc((100% - 40px) / 3); min-height: 218px; padding: 40px 38px; margin-right: 20px; margin-bottom: 20px; background-color: white; background-repeat: no-repeat; background-position: bottom -40px right 20px; background-size: 150px 150px; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .exchange-how__item { width: 100%; min-height: 160px; padding: 28px 16px; margin-right: 0; } .exchange-how__item:last-child { margin-bottom: 0; } } .exchange-how__item:hover { background-color: #292522; } .exchange-how__item:hover .exchange-how__name { color: #fff; } .exchange-how__item:hover .exchange-how__text { color: #fff; } .exchange-how__item:nth-child(3n) { margin-right: 0; } .exchange-how__item:nth-child(1) { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTExIDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzMuNTcwOSA5OC4xNkMxMS4zOTQ5IDk4LjE2IDAuMzA2ODc1IDgxLjg0IDAuMzA2ODc1IDQ5LjJDMC4zMDY4NzUgMTYuNTYgMTEuMzk0OSAwLjIzOTk5NyAzMy41NzA5IDAuMjM5OTk3QzU1Ljc0NjkgMC4yMzk5OTcgNjYuODM0OSAxNi41NiA2Ni44MzQ5IDQ5LjJDNjYuODM0OSA4MS44NCA1NS43NDY5IDk4LjE2IDMzLjU3MDkgOTguMTZaTTIyLjE5NDkgMjRDMTkuODkwOSAyOC45OTIgMTguNzM4OSAzNy4zOTIgMTguNzM4OSA0OS4yQzE4LjczODkgNjEuMDA4IDE5Ljg5MDkgNjkuNDA4IDIyLjE5NDkgNzQuNEMyNC41OTQ5IDc5LjM5MiAyOC4zODY5IDgxLjg4OCAzMy41NzA5IDgxLjg4OEMzOC44NTA5IDgxLjg4OCA0Mi42NDI5IDc5LjQ0IDQ0Ljk0NjkgNzQuNTQ0QzQ3LjI1MDkgNjkuNTUyIDQ4LjQwMjkgNjEuMTA0IDQ4LjQwMjkgNDkuMkM0OC40MDI5IDM3LjI5NiA0Ny4yNTA5IDI4Ljg5NiA0NC45NDY5IDI0QzQyLjY0MjkgMTkuMDA4IDM4Ljg1MDkgMTYuNTEyIDMzLjU3MDkgMTYuNTEyQzI4LjM4NjkgMTYuNTEyIDI0LjU5NDkgMTkuMDA4IDIyLjE5NDkgMjRaTTc1LjQ3MzggMzYuODE2VjIwLjU0NEM4MC4wODE4IDIwLjU0NCA4NC4wMTc4IDE4Ljc2OCA4Ny4yODE4IDE1LjIxNkM5MC41NDU4IDExLjY2NCA5Mi4xNzc4IDcuMzkxOTkgOTIuMTc3OCAyLjM5OTk5SDExMC4zMjJWOTZIOTIuMTc3OFYyOS42MTZDODkuNjgxOCAzNC40MTYgODQuMTEzOCAzNi44MTYgNzUuNDczOCAzNi44MTZaIiBmaWxsPSIjRUVFRUVFIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8L3N2Zz4K); } .exchange-how__item:nth-child(2) { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM5IiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTM5IDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzMuNTM5NiA5OC4xNkMxMS4zNjM2IDk4LjE2IDAuMjc1NjI1IDgxLjg0IDAuMjc1NjI1IDQ5LjJDMC4yNzU2MjUgMTYuNTYgMTEuMzYzNiAwLjIzOTk5NyAzMy41Mzk2IDAuMjM5OTk3QzU1LjcxNTYgMC4yMzk5OTcgNjYuODAzNiAxNi41NiA2Ni44MDM2IDQ5LjJDNjYuODAzNiA4MS44NCA1NS43MTU2IDk4LjE2IDMzLjUzOTYgOTguMTZaTTIyLjE2MzYgMjRDMTkuODU5NiAyOC45OTIgMTguNzA3NiAzNy4zOTIgMTguNzA3NiA0OS4yQzE4LjcwNzYgNjEuMDA4IDE5Ljg1OTYgNjkuNDA4IDIyLjE2MzYgNzQuNEMyNC41NjM2IDc5LjM5MiAyOC4zNTU2IDgxLjg4OCAzMy41Mzk2IDgxLjg4OEMzOC44MTk2IDgxLjg4OCA0Mi42MTE2IDc5LjQ0IDQ0LjkxNTYgNzQuNTQ0QzQ3LjIxOTYgNjkuNTUyIDQ4LjM3MTYgNjEuMTA0IDQ4LjM3MTYgNDkuMkM0OC4zNzE2IDM3LjI5NiA0Ny4yMTk2IDI4Ljg5NiA0NC45MTU2IDI0QzQyLjYxMTYgMTkuMDA4IDM4LjgxOTYgMTYuNTEyIDMzLjUzOTYgMTYuNTEyQzI4LjM1NTYgMTYuNTEyIDI0LjU2MzYgMTkuMDA4IDIyLjE2MzYgMjRaTTEzOC4yMjcgNzkuNzI4Vjk2SDc4LjMyMjVWNzkuNzI4Qzc5LjA5MDUgNzkuMDU2IDgwLjkxNDUgNzcuNDcyIDgzLjc5NDUgNzQuOTc2Qzg2LjY3NDUgNzIuMzg0IDg4LjY5MDUgNzAuNTYgODkuODQyNSA2OS41MDRDOTEuMDkwNSA2OC4zNTIgOTMuMDU4NSA2Ni41MjggOTUuNzQ2NSA2NC4wMzJDOTguNTMwNSA2MS41MzYgMTAwLjU5NSA1OS41NjggMTAxLjkzOSA1OC4xMjhDMTAzLjI4MyA1Ni41OTIgMTA1LjAxMSA1NC42NzIgMTA3LjEyMyA1Mi4zNjhDMTA5LjMzMSA1MC4wNjQgMTExLjAxMSA0OC4wNDggMTEyLjE2MyA0Ni4zMkMxMTMuMzE1IDQ0LjU5MiAxMTQuNTE1IDQyLjcyIDExNS43NjMgNDAuNzA0QzExNy4wMTEgMzguNjg4IDExNy44NzUgMzYuNzY4IDExOC4zNTUgMzQuOTQ0QzExOC45MzEgMzMuMTIgMTE5LjIxOSAzMS4zOTIgMTE5LjIxOSAyOS43NkMxMTkuMjE5IDI1LjA1NiAxMTguMTYzIDIxLjY5NiAxMTYuMDUxIDE5LjY4QzExNC4wMzUgMTcuNTY4IDExMS4zOTUgMTYuNTEyIDEwOC4xMzEgMTYuNTEyQzEwMS43OTUgMTYuNTEyIDk3LjcxNDUgMjAuMzA0IDk1Ljg5MDUgMjcuODg4TDc5LjYxODUgMjIuNzA0QzgxLjM0NjUgMTQuNjQgODQuODUwNSA4Ljg3OTk5IDkwLjEzMDUgNS40MjRDOTUuNDEwNSAxLjk2OCAxMDEuNTU1IDAuMjM5OTk3IDEwOC41NjIgMC4yMzk5OTdDMTE2LjkxNSAwLjIzOTk5NyAxMjMuOTIzIDIuNDk2IDEyOS41ODcgNy4wMDhDMTM1LjM0NyAxMS41MiAxMzguMjI3IDE4LjcyIDEzOC4yMjcgMjguNjA4QzEzOC4yMjcgMzQuMTc2IDEzNi4yMTEgNDAuMzIgMTMyLjE3OSA0Ny4wNEMxMjguMjQzIDUzLjc2IDEyMy43NzkgNTkuNzEyIDExOC43ODcgNjQuODk2QzExMy43OTUgNjkuOTg0IDEwOC4zMjMgNzQuOTI4IDEwMi4zNzEgNzkuNzI4SDEzOC4yMjdaIiBmaWxsPSIjRUVFRUVFIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8L3N2Zz4K); } .exchange-how__item:nth-child(3) { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQxIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTQxIDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQuMTMzNCA5OC4xNkMxMS45NTc0IDk4LjE2IDAuODY5Mzc1IDgxLjg0IDAuODY5Mzc1IDQ5LjJDMC44NjkzNzUgMTYuNTYgMTEuOTU3NCAwLjIzOTk5NyAzNC4xMzM0IDAuMjM5OTk3QzU2LjMwOTQgMC4yMzk5OTcgNjcuMzk3NCAxNi41NiA2Ny4zOTc0IDQ5LjJDNjcuMzk3NCA4MS44NCA1Ni4zMDk0IDk4LjE2IDM0LjEzMzQgOTguMTZaTTIyLjc1NzQgMjRDMjAuNDUzNCAyOC45OTIgMTkuMzAxNCAzNy4zOTIgMTkuMzAxNCA0OS4yQzE5LjMwMTQgNjEuMDA4IDIwLjQ1MzQgNjkuNDA4IDIyLjc1NzQgNzQuNEMyNS4xNTc0IDc5LjM5MiAyOC45NDk0IDgxLjg4OCAzNC4xMzM0IDgxLjg4OEMzOS40MTM0IDgxLjg4OCA0My4yMDU0IDc5LjQ0IDQ1LjUwOTQgNzQuNTQ0QzQ3LjgxMzQgNjkuNTUyIDQ4Ljk2NTQgNjEuMTA0IDQ4Ljk2NTQgNDkuMkM0OC45NjU0IDM3LjI5NiA0Ny44MTM0IDI4Ljg5NiA0NS41MDk0IDI0QzQzLjIwNTQgMTkuMDA4IDM5LjQxMzQgMTYuNTEyIDM0LjEzMzQgMTYuNTEyQzI4Ljk0OTQgMTYuNTEyIDI1LjE1NzQgMTkuMDA4IDIyLjc1NzQgMjRaTTc4LjYyODMgNzUuODRMOTUuMDQ0MyA2OS41MDRDOTYuODY4MyA3Ny42NjQgMTAxLjUyNCA4MS43NDQgMTA5LjAxMiA4MS43NDRDMTEyLjM3MiA4MS43NDQgMTE1LjE1NiA4MC41NDQgMTE3LjM2NCA3OC4xNDRDMTE5LjY2OCA3NS42NDggMTIwLjgyIDcyLjA5NiAxMjAuODIgNjcuNDg4QzEyMC44MiA2My4yNjQgMTE5LjY2OCA2MC4wNDggMTE3LjM2NCA1Ny44NEMxMTUuMTU2IDU1LjYzMiAxMTIuNDIgNTQuNTI4IDEwOS4xNTYgNTQuNTI4SDEwMi4yNDRWMzguMTEySDEwOC40MzZDMTE1LjgyOCAzOC4xMTIgMTE5LjUyNCAzNC4yNzIgMTE5LjUyNCAyNi41OTJDMTE5LjUyNCAyMy4xMzYgMTE4LjUxNiAyMC41OTIgMTE2LjUgMTguOTZDMTE0LjQ4NCAxNy4yMzIgMTExLjg5MiAxNi4zNjggMTA4LjcyNCAxNi4zNjhDMTAyLjEgMTYuMzY4IDk4LjAyMDMgMjAuMjA4IDk2LjQ4NDMgMjcuODg4TDgwLjIxMjMgMjIuNzA0QzgxLjE3MjMgMTguMzg0IDgyLjcwODMgMTQuNjg4IDg0LjgyMDMgMTEuNjE2Qzg2LjkzMjMgOC40NDggODkuMzgwMyA2LjA5NiA5Mi4xNjQyIDQuNTU5OTlDOTUuMDQ0MyAzLjAyNCA5Ny44NzYzIDEuOTIgMTAwLjY2IDEuMjQ3OTlDMTAzLjQ0NCAwLjU3NTk5NSAxMDYuMjc2IDAuMjM5OTk3IDEwOS4xNTYgMC4yMzk5OTdDMTE3Ljk4OCAwLjIzOTk5NyAxMjUuMDkyIDIuMzUyIDEzMC40NjggNi41NzU5OUMxMzUuOTQgMTAuNzA0IDEzOC42NzYgMTYuNzA0IDEzOC42NzYgMjQuNTc2QzEzOC42NzYgMzAuNTI4IDEzNy4yODQgMzUuNDI0IDEzNC41IDM5LjI2NEMxMzEuODEyIDQzLjAwOCAxMjguMTE2IDQ1LjI2NCAxMjMuNDEyIDQ2LjAzMlY0Ni44OTZDMTI4Ljc4OCA0Ny44NTYgMTMyLjkxNiA1MC4zMDQgMTM1Ljc5NiA1NC4yNEMxMzguNzcyIDU4LjE3NiAxNDAuMjYgNjMuMDI0IDE0MC4yNiA2OC43ODRDMTQwLjI2IDc3LjMyOCAxMzcuNjY4IDg0LjM4NCAxMzIuNDg0IDg5Ljk1MkMxMjcuMzk2IDk1LjQyNCAxMTkuNjY4IDk4LjE2IDEwOS4zIDk4LjE2QzkyLjU5NjMgOTguMTYgODIuMzcyMyA5MC43MiA3OC42MjgzIDc1Ljg0WiIgZmlsbD0iI0VFRUVFRSIgZmlsbC1vcGFjaXR5PSIwLjciLz4KPC9zdmc+Cg==); } .exchange-how__item:nth-child(4) { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0IiBoZWlnaHQ9IjY4IiB2aWV3Qm94PSIwIDAgMTQ0IDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzMuNzExNSA5OC4xNkMxMS41MzU1IDk4LjE2IDAuNDQ3NSA4MS44NCAwLjQ0NzUgNDkuMkMwLjQ0NzUgMTYuNTYgMTEuNTM1NSAwLjIzOTk5NyAzMy43MTE1IDAuMjM5OTk3QzU1Ljg4NzUgMC4yMzk5OTcgNjYuOTc1NSAxNi41NiA2Ni45NzU1IDQ5LjJDNjYuOTc1NSA4MS44NCA1NS44ODc1IDk4LjE2IDMzLjcxMTUgOTguMTZaTTIyLjMzNTUgMjRDMjAuMDMxNSAyOC45OTIgMTguODc5NSAzNy4zOTIgMTguODc5NSA0OS4yQzE4Ljg3OTUgNjEuMDA4IDIwLjAzMTUgNjkuNDA4IDIyLjMzNTUgNzQuNEMyNC43MzU1IDc5LjM5MiAyOC41Mjc1IDgxLjg4OCAzMy43MTE1IDgxLjg4OEMzOC45OTE1IDgxLjg4OCA0Mi43ODM1IDc5LjQ0IDQ1LjA4NzUgNzQuNTQ0QzQ3LjM5MTUgNjkuNTUyIDQ4LjU0MzUgNjEuMTA0IDQ4LjU0MzUgNDkuMkM0OC41NDM1IDM3LjI5NiA0Ny4zOTE1IDI4Ljg5NiA0NS4wODc1IDI0QzQyLjc4MzUgMTkuMDA4IDM4Ljk5MTUgMTYuNTEyIDMzLjcxMTUgMTYuNTEyQzI4LjUyNzUgMTYuNTEyIDI0LjczNTUgMTkuMDA4IDIyLjMzNTUgMjRaTTc1LjYxNDQgNjEuMjk2TDExMC43NSAyLjM5OTk5SDEzMy42NDZWNjEuMjk2SDE0My4xNVY3Ni4xMjhIMTMzLjY0NlY5NkgxMTUuNTAyVjc2LjEyOEg3NS42MTQ0VjYxLjI5NlpNOTQuMzM0NCA2MS4yOTZIMTE1LjUwMlYyNC44NjRMOTQuMzM0NCA2MS4yOTZaIiBmaWxsPSIjRUVFRUVFIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8L3N2Zz4K); } .exchange-how__item:nth-child(5) { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQxIiBoZWlnaHQ9IjY4IiB2aWV3Qm94PSIwIDAgMTQxIDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzMuNzExNSA5OC4xNkMxMS41MzU1IDk4LjE2IDAuNDQ3NSA4MS44NCAwLjQ0NzUgNDkuMkMwLjQ0NzUgMTYuNTYgMTEuNTM1NSAwLjIzOTk5NyAzMy43MTE1IDAuMjM5OTk3QzU1Ljg4NzUgMC4yMzk5OTcgNjYuOTc1NSAxNi41NiA2Ni45NzU1IDQ5LjJDNjYuOTc1NSA4MS44NCA1NS44ODc1IDk4LjE2IDMzLjcxMTUgOTguMTZaTTIyLjMzNTUgMjRDMjAuMDMxNSAyOC45OTIgMTguODc5NSAzNy4zOTIgMTguODc5NSA0OS4yQzE4Ljg3OTUgNjEuMDA4IDIwLjAzMTUgNjkuNDA4IDIyLjMzNTUgNzQuNEMyNC43MzU1IDc5LjM5MiAyOC41Mjc1IDgxLjg4OCAzMy43MTE1IDgxLjg4OEMzOC45OTE1IDgxLjg4OCA0Mi43ODM1IDc5LjQ0IDQ1LjA4NzUgNzQuNTQ0QzQ3LjM5MTUgNjkuNTUyIDQ4LjU0MzUgNjEuMTA0IDQ4LjU0MzUgNDkuMkM0OC41NDM1IDM3LjI5NiA0Ny4zOTE1IDI4Ljg5NiA0NS4wODc1IDI0QzQyLjc4MzUgMTkuMDA4IDM4Ljk5MTUgMTYuNTEyIDMzLjcxMTUgMTYuNTEyQzI4LjUyNzUgMTYuNTEyIDI0LjczNTUgMTkuMDA4IDIyLjMzNTUgMjRaTTEzNS4yMyAyLjM5OTk5VjE4LjY3Mkg5OS44MDY0TDk3Ljc5MDQgMzYuMjRDMTAwLjc2NiAzMi4xMTIgMTA1LjU2NiAzMC4wNDggMTEyLjE5IDMwLjA0OEMxMjEuOTgyIDMwLjA0OCAxMjkuMDg2IDMzLjI2NCAxMzMuNTAyIDM5LjY5NkMxMzguMDE0IDQ2LjEyOCAxNDAuMjcgNTQuMzg0IDE0MC4yNyA2NC40NjRDMTQwLjI3IDc0LjA2NCAxMzcuNjc4IDgyLjA4IDEzMi40OTQgODguNTEyQzEyNy40MDYgOTQuOTQ0IDExOS4zNDIgOTguMTYgMTA4LjMwMiA5OC4xNkM5OS45NTA0IDk4LjE2IDkzLjM3NDQgOTYuMzg0IDg4LjU3NDQgOTIuODMyQzgzLjg3MDQgODkuMTg0IDgwLjM2NjQgODMuNTIgNzguMDYyNCA3NS44NEw5NC40Nzg0IDY5LjUwNEM5NS4zNDI0IDczLjUzNiA5Ny4wNzA0IDc2LjYwOCA5OS42NjI0IDc4LjcyQzEwMi4yNTQgODAuNzM2IDEwNS4xMzQgODEuNzQ0IDEwOC4zMDIgODEuNzQ0QzExMS41NjYgODEuNzQ0IDExNC40NDYgODAuNCAxMTYuOTQyIDc3LjcxMkMxMTkuNTM0IDc1LjAyNCAxMjAuODMgNzAuNjU2IDEyMC44MyA2NC42MDhDMTIwLjgzIDU4LjI3MiAxMTkuNzc0IDUzLjcxMiAxMTcuNjYyIDUwLjkyOEMxMTUuNjQ2IDQ4LjE0NCAxMTIuMzgyIDQ2Ljc1MiAxMDcuODcgNDYuNzUyQzEwMi45NzQgNDYuNzUyIDk5LjM3NDQgNDkuMzkyIDk3LjA3MDQgNTQuNjcySDc5LjkzNDRMODUuNTUwNCAyLjM5OTk5SDEzNS4yM1oiIGZpbGw9IiNFRUVFRUUiIGZpbGwtb3BhY2l0eT0iMC43Ii8+Cjwvc3ZnPgo=); } .exchange-how__item:nth-child(6) { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQyIiBoZWlnaHQ9IjY4IiB2aWV3Qm94PSIwIDAgMTQyIDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzMuOTkwOCA5OC4xNkMxMS44MTQ4IDk4LjE2IDAuNzI2Nzk3IDgxLjg0IDAuNzI2Nzk3IDQ5LjJDMC43MjY3OTcgMTYuNTYgMTEuODE0OCAwLjIzOTk5NyAzMy45OTA4IDAuMjM5OTk3QzU2LjE2NjggMC4yMzk5OTcgNjcuMjU0OCAxNi41NiA2Ny4yNTQ4IDQ5LjJDNjcuMjU0OCA4MS44NCA1Ni4xNjY4IDk4LjE2IDMzLjk5MDggOTguMTZaTTIyLjYxNDggMjRDMjAuMzEwOCAyOC45OTIgMTkuMTU4OCAzNy4zOTIgMTkuMTU4OCA0OS4yQzE5LjE1ODggNjEuMDA4IDIwLjMxMDggNjkuNDA4IDIyLjYxNDggNzQuNEMyNS4wMTQ4IDc5LjM5MiAyOC44MDY4IDgxLjg4OCAzMy45OTA4IDgxLjg4OEMzOS4yNzA4IDgxLjg4OCA0My4wNjI4IDc5LjQ0IDQ1LjM2NjggNzQuNTQ0QzQ3LjY3MDggNjkuNTUyIDQ4LjgyMjggNjEuMTA0IDQ4LjgyMjggNDkuMkM0OC44MjI4IDM3LjI5NiA0Ny42NzA4IDI4Ljg5NiA0NS4zNjY4IDI0QzQzLjA2MjggMTkuMDA4IDM5LjI3MDggMTYuNTEyIDMzLjk5MDggMTYuNTEyQzI4LjgwNjggMTYuNTEyIDI1LjAxNDggMTkuMDA4IDIyLjYxNDggMjRaTTE0MS4xMjYgNjUuNDcyQzE0MS4wMyA3Ni43MDQgMTM4LjEwMiA4NC45NiAxMzIuMzQyIDkwLjI0QzEyNi42NzggOTUuNTIgMTE5Ljc2NiA5OC4xNiAxMTEuNjA2IDk4LjE2QzEwMC4wODYgOTguMTYgOTEuNjg1NyA5NC43MDQgODYuNDA1NyA4Ny43OTJDODEuMTI1NyA4MC43ODQgNzguNDg1NyA2OS43NDQgNzguNDg1NyA1NC42NzJDNzguNDg1NyA0Ni4xMjggNzkuMTA5NyAzOC41OTIgODAuMzU3NyAzMi4wNjRDODEuNzAxNyAyNS41MzYgODMuMzgxNyAyMC4zMDQgODUuMzk3NyAxNi4zNjhDODcuNTA5NyAxMi40MzIgOTAuMDA1NyA5LjIxNiA5Mi44ODU3IDYuNzJDOTUuODYxNyA0LjIyNCA5OC43ODk3IDIuNTQ0IDEwMS42NyAxLjY4QzEwNC42NDYgMC43MTk5OTYgMTA3LjgxNCAwLjIzOTk5NyAxMTEuMTc0IDAuMjM5OTk3QzExOS43MTggMC4yMzk5OTcgMTI2LjM0MiAyLjM1MiAxMzEuMDQ2IDYuNTc1OTlDMTM1Ljc1IDEwLjcwNCAxMzguNzI2IDE1LjY0OCAxMzkuOTc0IDIxLjQwOEwxMjMuNTU4IDI3Ljc0NEMxMjEuNTQyIDIwLjM1MiAxMTcuMzE4IDE2LjY1NiAxMTAuODg2IDE2LjY1NkMxMDEuNTc0IDE2LjY1NiA5Ni41MzM3IDI2LjE2IDk1Ljc2NTcgNDUuMTY4Qzk5LjEyNTcgMzkuMzEyIDEwNS4wNzggMzYuMzg0IDExMy42MjIgMzYuMzg0QzEyMS4zOTggMzYuMzg0IDEyNy45MjYgMzguOTI4IDEzMy4yMDYgNDQuMDE2QzEzOC41ODIgNDkuMTA0IDE0MS4yMjIgNTYuMjU2IDE0MS4xMjYgNjUuNDcyWk0xMTAuMDIyIDgxLjg4OEMxMTMuOTU4IDgxLjg4OCAxMTcuMTc0IDgwLjczNiAxMTkuNjcgNzguNDMyQzEyMi4xNjYgNzYuMDMyIDEyMy40MTQgNzIuMzM2IDEyMy40MTQgNjcuMzQ0QzEyMy40MTQgNjIuNDQ4IDEyMi4xNjYgNTguOCAxMTkuNjcgNTYuNEMxMTcuMTc0IDUzLjkwNCAxMTMuOTU4IDUyLjY1NiAxMTAuMDIyIDUyLjY1NkMxMDYuNDcgNTIuNjU2IDEwMy4zOTggNTMuOTA0IDEwMC44MDYgNTYuNEM5OC4zMDk3IDU4LjggOTcuMDYxNyA2Mi40NDggOTcuMDYxNyA2Ny4zNDRDOTcuMDYxNyA3Mi4zMzYgOTguMzA5NyA3Ni4wMzIgMTAwLjgwNiA3OC40MzJDMTAzLjMwMiA4MC43MzYgMTA2LjM3NCA4MS44ODggMTEwLjAyMiA4MS44ODhaIiBmaWxsPSIjRUVFRUVFIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8L3N2Zz4K); } .exchange-how__name { margin-bottom: 16px; font-size: 24px; line-height: 140%; -webkit-transition: color .3s ease; transition: color .3s ease; } @media only screen and (max-width: 750px) { .exchange-how__name { margin-bottom: 12px; font-size: 20px; } } .exchange-how__text { font-weight: 300; font-size: 16px; line-height: 180%; opacity: .9; -webkit-transition: color .3s ease; transition: color .3s ease; } @media only screen and (max-width: 750px) { .exchange-how__text { font-size: 14px; } } .exchange-how__video { width: 990px; aspect-ratio: 16 / 9; margin-bottom: 48px; } @media only screen and (max-width: 750px) { .exchange-how__video { width: 100%; margin-bottom: 20px; } } .exchange-how__video iframe { width: 100%; height: 100%; } .exchange-how__btn { width: 286px; height: 60px; } @media only screen and (max-width: 750px) { .exchange-how__btn { width: 100%; } } .exchange-map { position: relative; } .exchange-map._mb102 { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .exchange-map._mb102 { margin-bottom: 40px; } } .exchange-map__title { margin-bottom: 46px; } @media only screen and (max-width: 750px) { .exchange-map__title { margin-bottom: 28px; } } .exchange-map__text { width: 65%; margin-bottom: 48px; font-size: 14px; line-height: 164%; opacity: .9; } @media only screen and (max-width: 750px) { .exchange-map__text { width: 100%; margin-bottom: 30px; } } .exchange-faq { margin-bottom: 80px; } @media only screen and (max-width: 750px) { .exchange-faq { margin-bottom: 44px; } } .exchange-faq__title { font-size: 36px; line-height: 48px; color: #3b4658; } @media only screen and (max-width: 750px) { .exchange-faq__title { font-size: 24px; line-height: 32px; } } .exchange-faq-section__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 48px; } @media only screen and (max-width: 750px) { .exchange-faq-section__wrap { margin-top: 22px; } } .exchange-faq-section__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 705px; } @media only screen and (max-width: 750px) { .exchange-faq-section__list { width: 100%; } } .exchange-faq-section__list._w890 { width: 890px; } @media only screen and (max-width: 750px) { .exchange-faq-section__list._w890 { width: 100%; } } .exchange-faq-section__item { width: 100%; margin-bottom: 14px; background-color: #f9f9f9; } .exchange-faq-section__item:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .exchange-faq-section__item { margin-bottom: 8px; } } .exchange-faq-section__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 20px 16px 24px; font-size: 18px; line-height: 40px; color: #14191a; cursor: pointer; } @media only screen and (max-width: 750px) { .exchange-faq-section__title { padding: 16px 16px; font-size: 14px; line-height: 18px; } } .exchange-faq-section__icon { -ms-flex-negative: 0; flex-shrink: 0; width: 14px; height: 8px; margin-left: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNCAxTDcuNSA3LjVMMSAxIiBzdHJva2U9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .exchange-faq-section__icon._rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .exchange-faq-section__body { display: none; padding: 0 16px 0 24px; margin-bottom: 26px; margin-right: 28px; font-size: 16px; line-height: 28px; overflow: hidden; color: #5b5e5f; } @media only screen and (max-width: 750px) { .exchange-faq-section__body { padding: 0 16px; margin-right: 20px; font-size: 12px; line-height: 18px; } } .exchange-company { margin-top: 28px; margin-bottom: 104px; } @media only screen and (max-width: 750px) { .exchange-company { margin-top: 36px; margin-bottom: 36px; } } .exchange-company__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .exchange-company__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .exchange-company__article { width: 75%; } @media only screen and (max-width: 750px) { .exchange-company__article { width: 100%; } } .exchange-company__subtitle { font-size: 24px; line-height: 164%; } .exchange-company__text { margin-top: 40px; font-weight: 300; font-size: 16px; line-height: 164%; opacity: .8; } @media only screen and (max-width: 750px) { .exchange-company__text { margin-top: 10px; } } .exchange-projects-map { position: relative; margin-bottom: 102px; } @media only screen and (max-width: 750px) { .exchange-projects-map { height: auto; margin-bottom: 56px; } } .exchange-projects-map__map-marker { width: 200px; } .exchange-projects-map__container { position: relative; z-index: 1; width: 100%; height: 630px; } @media only screen and (max-width: 750px) { .exchange-projects-map__container { height: calc(100vh - 180px); } } .exchange-projects-map__container .mapboxgl-popup-tip { border: none; } .exchange-projects-map__container .mapboxgl-popup-content { font-size: 18px; font-family: Grtsk-Exa, sans-serif; background: none; -webkit-box-shadow: none; box-shadow: none; } .exchange-projects-map__container .mapboxgl-popup-content__subtitle { font-size: 10px; line-height: 16px; } .exchange-projects-map__controls { position: absolute; top: 100px; left: 100px; z-index: 2; } @media only screen and (max-width: 750px) { .exchange-projects-map__controls { top: 50%; left: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .exchange-projects-map__info { position: absolute; top: 0; left: 50%; z-index: 2; width: 1200px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 750px) { .exchange-projects-map__info { position: fixed; z-index: 101; width: 100%; height: 100%; pointer-events: none; } } .exchange { background: #fff; } @media only screen and (max-width: 750px) { .exchange { padding-bottom: 1px; } } @media only screen and (max-width: 750px) { .exchange-advert .exchange-advantages__column:nth-child(2):after { display: none; } } .exchange._main .exchange-terms { margin-top: 65px; margin-bottom: -40px; } @media only screen and (max-width: 750px) { .exchange._main .exchange-terms { margin-top: -20px; margin-bottom: 60px; } } .exchange .mortgage__title.title { margin-top: 50px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .exchange .mortgage__title.title { width: 100vw; margin: 0 -20px; margin-top: 0; background-color: #f9f9f9; padding: 0 20px; padding-top: 36px; font-size: 18px; line-height: 24px; } } .exchange__container._pt102 { padding-top: 102px; } @media only screen and (max-width: 750px) { .exchange__container._pt102 { padding-top: 56px; } } .exchange-title { font-size: 34px; margin-bottom: 24px; } @media only screen and (max-width: 750px) { .exchange-title { font-size: 24px; margin-bottom: 20px; } } .exchange-section { padding: 60px 0; } @media only screen and (max-width: 750px) { .exchange-section { padding: 30px 0; } } .exchange-section.exchange-callback__wrapper { padding: 0; } .exchange-row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media only screen and (max-width: 750px) { .exchange-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 750px) { .exchange-row.mob { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .exchange-input { border: 1px solid #dedede; font-size: 14px; line-height: 16px; color: black; outline: none; resize: none; } @media only screen and (max-width: 750px) { .exchange-input { width: 100%; } } .exchange-input.disable { pointer-events: none; } .exchange-input.disable::-webkit-input-placeholder { color: black; } .exchange-input.disable::-moz-placeholder { color: black; } .exchange-input.disable::-ms-input-placeholder { color: black; } .exchange-input.disable::placeholder { color: black; } .exchange-submit-item.disabled { opacity: .7; pointer-events: none; } .exchange-submit-item.disabled:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .exchange .pre-footer { background: #fff; } .exchange__geography { margin-bottom: 100px; } @media only screen and (max-width: 750px) { .exchange__geography { margin-bottom: 30px; } } .exchange__how { padding: 100px 0; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .exchange__how { padding: 40px 0; } } .exchange__exchangeable { padding-top: 53px; padding-bottom: 102px; background-color: #fff; } @media only screen and (max-width: 750px) { .exchange__exchangeable { padding-top: 32px; padding-bottom: 0; margin-bottom: 56px; } } .exchange__exchangeable._pt0 { padding-top: 0; } .exchange__flats { margin-bottom: 100px; } @media only screen and (max-width: 750px) { .exchange__flats { margin-bottom: 40px; } } .exchange__projects { margin-bottom: 100px; } @media only screen and (max-width: 750px) { .exchange__projects { margin-bottom: 40px; } } .exchange-novokuz__title { font-size: 34px; margin-bottom: 30px; } @media only screen and (max-width: 750px) { .exchange-novokuz__title { font-size: 26px; line-height: 37px; } } .exchange-novokuz__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 60px; } @media only screen and (max-width: 750px) { .exchange-novokuz__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .exchange-novokuz__all-flats { width: 285px; height: 55px; margin-left: 20px; } @media only screen and (max-width: 750px) { .exchange-novokuz__all-flats { width: 100%; margin-left: 0; margin-top: 15px; } } .exchange-novokuz__mosaic .mosaic__item:nth-child(even) { margin-right: 20px; } .exchange-novokuz__mosaic div.mosaic__item:nth-child(odd) { margin-right: 0; } .exchange-novokuz__mosaic div.mosaic__item:nth-child(4), .exchange-novokuz__mosaic div.mosaic__item:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .exchange-novokuz__mosaic div.mosaic__item:nth-child(4) { margin-bottom: 20px; } } .exchange-novokuz__mosaic div.mosaic__item.--big { margin-bottom: 20px; } .exchange-novokuz__mosaic .mosaic__item .mosaic__icon { width: 70px; height: 70px; } @media only screen and (max-width: 750px) { .exchange-novokuz__mosaic .mosaic__item .mosaic__icon { width: 80px; } } @media only screen and (max-width: 750px) { .exchange-novokuz__filter .flat-l-filter { position: static; padding-bottom: 40px; height: auto; } } .exchange-novokuz__button { width: 390px; height: 50px; margin: 0 auto; display: block; text-align: center; line-height: 50px; } @media only screen and (max-width: 750px) { .exchange-novokuz__button { width: calc(100% - 80px); height: 50px; margin: 20px 40px; line-height: 50px; } } .exchange-terms { margin-bottom: 50px; } @media only screen and (max-width: 750px) { .exchange-terms { margin-top: -20px; margin-bottom: 40px; } } .exchange-terms__body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 570px; padding: 16px 16px 16px 60px; margin-top: 11px; border: 1px solid #e6e6e6; font-size: 16px; } @media only screen and (max-width: 750px) { .exchange-terms__body { max-width: none; padding: 16px 16px 16px 52px; } } .exchange-terms__body:before { content: ""; position: absolute; top: 50%; left: 16px; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIiBmaWxsPSIjREVERURFIi8+CjxwYXRoIGQ9Ik0xMC44MjggNi4yTDEwLjY3MiAxMS40OEg5LjM1Mkw5LjE5NiA2LjJIMTAuODI4Wk05LjM2NCAxMy44MDhDOS4xODggMTMuNjMyIDkuMSAxMy40MTYgOS4xIDEzLjE2QzkuMSAxMi45MDQgOS4xODggMTIuNjg4IDkuMzY0IDEyLjUxMkM5LjU0IDEyLjMyOCA5Ljc1NiAxMi4yMzYgMTAuMDEyIDEyLjIzNkMxMC4yNjggMTIuMjM2IDEwLjQ4NCAxMi4zMjggMTAuNjYgMTIuNTEyQzEwLjgzNiAxMi42ODggMTAuOTI0IDEyLjkwNCAxMC45MjQgMTMuMTZDMTAuOTI0IDEzLjQxNiAxMC44MzYgMTMuNjMyIDEwLjY2IDEzLjgwOEMxMC40ODQgMTMuOTc2IDEwLjI2OCAxNC4wNiAxMC4wMTIgMTQuMDZDOS43NTYgMTQuMDYgOS41NCAxMy45NzYgOS4zNjQgMTMuODA4WiIgZmlsbD0iIzM5NDY1QSIvPgo8L3N2Zz4K); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } @media only screen and (max-width: 750px) { .exchange-terms__body:before { width: 20px; height: 20px; } } .exchange-terms__body:after { content: "*"; position: absolute; top: 16px; left: 48px; } @media only screen and (max-width: 750px) { .exchange-terms__body:after { left: 36px; } } .zoomContainer { z-index: 100000; } .newyear-header { width: 100%; height: 442px; margin: 0 auto; padding-top: 115px; color: white; background-image: url(/static/images/mortgage-header.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } @media only screen and (max-width: 750px) { .newyear-header { height: 276px; padding-top: 50px; background-size: cover; } } .newyear-header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; padding-bottom: 60px; } @media only screen and (max-width: 750px) { .newyear-header__container { padding-bottom: 30px; } } .newyear-header__title { margin-bottom: 15px; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-size: 34px; line-height: 49px; } @media only screen and (max-width: 750px) { .newyear-header__title { font-size: 26px; line-height: 30px; } } .newyear-header__subtitle { width: 388px; font-size: 16px; line-height: 32px; } @media only screen and (max-width: 750px) { .newyear-header__subtitle { width: 100%; max-width: 335px; } } .newyear-content { padding: 40px 20px 0; margin-bottom: 70px; } @media only screen and (max-width: 750px) { .newyear-content { padding: 20px 0; margin-bottom: 20px; } } .newyear-content__wrapper { width: 85%; } @media only screen and (max-width: 750px) { .newyear-content__wrapper { width: 100%; padding: 0 16px; } } .newyear-content__wrapper p { font-size: 16px; line-height: 26px; } .newyear-content__wrapper p:not(:last-of-type) { margin-bottom: 22px; } .newyear__button { width: 390px; height: 50px; margin: 0 auto; display: block; text-align: center; line-height: 50px; } @media only screen and (max-width: 750px) { .newyear__button { width: calc(100% - 80px); height: 50px; margin: 20px 40px; line-height: 50px; } } @media only screen and (max-width: 750px) { .newyear-filter__title { margin-bottom: 26px; } } @media only screen and (max-width: 750px) { .newyear-filter .flat-l-filter { position: static; height: auto; } } @media only screen and (max-width: 750px) { .newyear-filter .flats-list { padding-bottom: 0; } } @media only screen and (max-width: 750px) { .newyear-filter .flats-list__wrap { padding-bottom: 0; } } .investment-header { width: 100%; height: 442px; margin: 0 auto; padding-top: 115px; color: white; background-image: url(/static/images/mortgage-header.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } @media only screen and (max-width: 750px) { .investment-header { height: 276px; padding-top: 50px; background-size: cover; } } .investment-header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; padding-bottom: 60px; } @media only screen and (max-width: 750px) { .investment-header__container { padding-bottom: 30px; } } .investment-header__title { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-size: 34px; line-height: 49px; } @media only screen and (max-width: 750px) { .investment-header__title { font-size: 26px; line-height: 30px; } } .investment-header__subtitle { width: 388px; font-size: 34px; line-height: 49px; margin-bottom: 15px; } @media only screen and (max-width: 750px) { .investment-header__subtitle { width: 100%; max-width: 335px; } } .investment-content { padding: 40px 20px 0; margin-bottom: 70px; } @media only screen and (max-width: 750px) { .investment-content { padding: 20px 0; margin-bottom: 20px; } } .investment-content__wrapper { width: 85%; } @media only screen and (max-width: 750px) { .investment-content__wrapper { width: 100%; padding: 0 16px; } } .investment-content__wrapper p { font-size: 16px; line-height: 26px; } .investment-content__wrapper p:not(:last-of-type) { margin-bottom: 22px; } .investment__button { width: 390px; height: 50px; margin: 0 auto; display: block; text-align: center; line-height: 50px; } @media only screen and (max-width: 750px) { .investment__button { width: calc(100% - 80px); height: 50px; margin: 20px 40px; line-height: 50px; } } @media only screen and (max-width: 750px) { .investment-filter .flat-l-filter { position: static; padding-bottom: 40px; height: auto; } } @media only screen and (max-width: 750px) { .investment-filter .flats-list { padding-bottom: 0; } } @media only screen and (max-width: 750px) { .investment-filter .flats-list__wrap { padding-bottom: 0; } } .partners-intro { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .partners-intro { margin-bottom: 44px; } } .partners-intro__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 446px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f2f2f2; color: #fff; } @media only screen and (max-width: 750px) { .partners-intro__top { height: 300px; } } .partners-intro__title { margin-bottom: 40px; font-size: 42px; line-height: 109%; } @media only screen and (max-width: 750px) { .partners-intro__title { padding-top: 44px; margin-bottom: 24px; font-size: 26px; line-height: 109%; } } .partners-intro__subtitle { margin-bottom: 80px; font-size: 18px; line-height: 160%; } @media only screen and (max-width: 750px) { .partners-intro__subtitle { margin-bottom: 50px; font-size: 16px; line-height: 164%; } } @media only screen and (max-width: 750px) { .partners-intro__content { padding-top: 16px; } } .partners-intro__content .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .partners-intro__content .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .partners-intro__column { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 32%; flex: 1 1 32%; margin: 68px 0; } @media only screen and (max-width: 750px) { .partners-intro__column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 24px 0; margin: 0; } } .partners-intro__column:after { content: ""; position: absolute; top: 0; left: 90%; width: 1px; height: 100%; background-color: #e6e6e6; } @media only screen and (max-width: 750px) { .partners-intro__column:after { top: 100%; left: 0; width: 100%; height: 1px; } } .partners-intro__column:last-child:after { display: none; } @media only screen and (max-width: 750px) { .partners-intro__column:last-child:after { display: block; } } .partners-intro__column-icon { max-width: 48px; min-height: 48px; margin-right: 28px; } @media only screen and (max-width: 750px) { .partners-intro__column-icon { margin-right: 20px; } } .partners-intro__column-text { max-width: 247px; } @media only screen and (max-width: 750px) { .partners-intro__column-text { max-width: none; } } .partners-intro__card { background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .partners-intro__card { padding-top: 56px; background-color: #fff; } } .partners-intro__card .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .partners-intro__card .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .partners-intro__card-img { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; margin-top: 80px; margin-right: 122px; background-size: auto 100%; background-repeat: no-repeat; background-position: bottom center; } @media only screen and (max-width: 750px) { .partners-intro__card-img { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: 291px; margin-top: 0; margin-right: 0; border-bottom: 1px solid #dbdbdb; } } .partners-intro__card-column { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } @media only screen and (max-width: 750px) { .partners-intro__card-column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .partners-intro__card-content { max-width: 486px; padding: 80px 0; } @media only screen and (max-width: 750px) { .partners-intro__card-content { padding: 40px 0 44px 0; } } .partners-intro__card-title { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .partners-intro__card-title { margin-bottom: 32px; } } .partners-intro__card-text { margin-bottom: 56px; font-weight: 300; } @media only screen and (max-width: 750px) { .partners-intro__card-text { margin-bottom: 32px; } } .partners-intro__card-btns { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .partners-intro__card-btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .partners-intro__card-btn { width: 234px; height: 60px; } @media only screen and (max-width: 750px) { .partners-intro__card-btn { width: 100%; } } .partners-intro__card-btn:first-child { margin-right: 20px; } @media only screen and (max-width: 750px) { .partners-intro__card-btn:first-child { margin-right: 0; margin-bottom: 12px; } } .partners-benefit { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .partners-benefit { margin-bottom: 44px; } } .partners-benefit__title { margin-bottom: 56px; } @media only screen and (max-width: 750px) { .partners-benefit__title { margin-bottom: 32px; } } .partners-benefit__content { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #e6e6e6; } @media only screen and (max-width: 750px) { .partners-benefit__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .partners-benefit__column { position: relative; margin: 63px 0 55px 72px; -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; } @media only screen and (max-width: 750px) { .partners-benefit__column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0 32px; padding: 24px 0; } } .partners-benefit__column:after { content: ""; position: absolute; top: 0; left: 100%; width: 1px; height: 100%; background-color: #e6e6e6; } @media only screen and (max-width: 750px) { .partners-benefit__column:after { top: 100%; left: 0; width: 100%; height: 1px; } } .partners-benefit__column:last-child:after { display: none; } .partners-benefit__column-title { margin-bottom: 8px; } .partners-benefit__column-title span { font-size: 20px; line-height: 140%; } .partners-features { margin-bottom: 82px; } @media only screen and (max-width: 750px) { .partners-features { margin-bottom: 50px; } } .partners-features__title { margin-bottom: 56px; } @media only screen and (max-width: 750px) { .partners-features__title { margin-bottom: 32px; } } .partners-features__content { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible; } .partners-features__column._big { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 66.67%; flex: 1 1 66.67%; margin: 0 -10px; } @media only screen and (max-width: 750px) { .partners-features__column._big { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; } } .partners-features__column._smal { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; margin-left: 20px; margin-bottom: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; } @media only screen and (max-width: 750px) { .partners-features__column._smal { display: none; } } .partners-features__pagination.swiper-pagination-bullets-dynamic { bottom: -6px; } .partners-features__pagination .swiper-pagination-bullet { width: 10px; height: 10px; } .partners-features__pagination .swiper-pagination-bullet-active { background-color: #37465b; } .partners-features__item { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding: 0 10px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .partners-features__item { -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 0; } } .partners-features__item-content { height: 100%; padding: 40px 10px 32px 40px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .partners-features__item-content { height: 290px; padding: 40px 24px; } } .partners-features__item-icon { width: 100%; max-width: 48px; min-height: 48px; margin-bottom: 32px; background-size: contain; background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 750px) { .partners-features__item-icon { max-width: 56px; min-height: 56px; } } .partners-features__item-title { margin-bottom: 12px; } .partners-features__item-subtitle { font-weight: 300; } .partners-booking { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .partners-booking { margin-bottom: 0; } } .partners-booking__now { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } @media only screen and (max-width: 750px) { .partners-booking__now { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background-position: bottom right 34%; background-size: auto; text-align: center; } } .partners-booking__now:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(111.03deg, #000 -17.71%, rgba(0, 0, 0, 0) 78.14%), rgba(0, 0, 0, 0.05); z-index: 1; } .partners-booking__now .container { position: relative; z-index: 2; padding-top: 102px; padding-bottom: 102px; } @media only screen and (max-width: 750px) { .partners-booking__now .container { padding-top: 44px; padding-bottom: 44px; } } .partners-booking__now-title { margin-bottom: 56px; color: #fff; } @media only screen and (max-width: 750px) { .partners-booking__now-title { margin-bottom: 32px; } } .partners-booking__now-subtitle { max-width: 585px; margin-bottom: 56px; font-size: 18px; line-height: 164%; color: #fff; } @media only screen and (max-width: 750px) { .partners-booking__now-subtitle { max-width: none; margin-bottom: 32px; font-size: 16px; } } .partners-booking__now-btn { width: 288px; height: 60px; } @media only screen and (max-width: 750px) { .partners-booking__now-btn { width: 100%; } } .partners-booking__steps { padding: 102px 0 106px 0; background-color: #f9f9f9; text-align: center; } @media only screen and (max-width: 750px) { .partners-booking__steps { padding: 44px 0; margin: 0; } } .partners-booking__steps .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .partners-booking__steps-title { margin-bottom: 24px; } @media only screen and (max-width: 750px) { .partners-booking__steps-title { margin-bottom: 16px; } } .partners-booking__steps-subtitle { margin-bottom: 56px; font-weight: 300; } @media only screen and (max-width: 750px) { .partners-booking__steps-subtitle { margin-bottom: 32px; } } .partners-booking__steps-content { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -32px; } @media only screen and (max-width: 750px) { .partners-booking__steps-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; } } .partners-booking__steps-btn { width: 386px; height: 60px; margin-top: 56px; } @media only screen and (max-width: 750px) { .partners-booking__steps-btn { width: 100%; margin-top: 0; } } .partners-booking__step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; height: 100%; padding: 0 32px; } @media only screen and (max-width: 750px) { .partners-booking__step { padding: 0; margin-bottom: 32px; } } .partners-booking__step:first-child > .partners-booking__step-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTYgNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjI4IiBjeT0iMjgiIHI9IjI3LjUiIHN0cm9rZT0iIzM5NDY1QiIvPgo8cGF0aCBkPSJNMjUuNDgyNCAyNi4yVjI0LjUyQzI2LjEyMjQgMjQuNTIgMjYuNjY5MSAyNC4yNzMzIDI3LjEyMjQgMjMuNzhDMjcuNTc1OCAyMy4yODY3IDI3LjgwMjQgMjIuNjkzMyAyNy44MDI0IDIySDI5LjYyMjRWMzVIMjcuODAyNFYyNS4xMkMyNy40MjkxIDI1Ljg0IDI2LjY1NTggMjYuMiAyNS40ODI0IDI2LjJaIiBmaWxsPSIjMzk0NjVBIi8+Cjwvc3ZnPgo=); } .partners-booking__step:nth-child(2) > .partners-booking__step-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTYgNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjI4IiBjeT0iMjgiIHI9IjI3LjUiIHN0cm9rZT0iIzM5NDY1QiIvPgo8cGF0aCBkPSJNMzEuODk1MyAzMy4zNFYzNUgyNC4wOTUzVjMzLjM0QzI0Ljg0MiAzMi42NzMzIDI1LjQ2ODYgMzIuMDkzMyAyNS45NzUzIDMxLjZDMjYuNDk1MyAzMS4xMDY3IDI3LjEwMiAzMC40NzMzIDI3Ljc5NTMgMjkuN0MyOC41MDIgMjguOTI2NyAyOS4wNDIgMjguMTg2NyAyOS40MTUzIDI3LjQ4QzI5Ljc4ODYgMjYuNzYgMjkuOTc1MyAyNi4xMDY3IDI5Ljk3NTMgMjUuNTJDMjkuOTc1MyAyNC43NDY3IDI5Ljc4ODYgMjQuMTkzMyAyOS40MTUzIDIzLjg2QzI5LjA1NTMgMjMuNTI2NyAyOC42MjIgMjMuMzYgMjguMTE1MyAyMy4zNkMyNi45ODIgMjMuMzYgMjYuMjg4NiAyNC4wMTMzIDI2LjAzNTMgMjUuMzJMMjQuMzc1MyAyNC44NEMyNC43NzUzIDIyLjc0NjcgMjYuMDI4NiAyMS43IDI4LjEzNTMgMjEuN0MyOC41NzUzIDIxLjcgMjguOTk1MyAyMS43NiAyOS4zOTUzIDIxLjg4QzI5LjgwODYgMjIgMzAuMjA4NiAyMi4xOTMzIDMwLjU5NTMgMjIuNDZDMzAuOTgyIDIyLjcxMzMgMzEuMjg4NiAyMy4xIDMxLjUxNTMgMjMuNjJDMzEuNzQyIDI0LjEyNjcgMzEuODU1MyAyNC43MzMzIDMxLjg1NTMgMjUuNDRDMzEuODU1MyAyNi42MTMzIDMxLjI4MiAyNy45NiAzMC4xMzUzIDI5LjQ4QzI5LjAwMiAzMSAyNy43NzUzIDMyLjI4NjcgMjYuNDU1MyAzMy4zNEgzMS44OTUzWiIgZmlsbD0iIzM5NDY1QSIvPgo8L3N2Zz4K); } .partners-booking__step:last-child > .partners-booking__step-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTYgNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjI4IiBjeT0iMjgiIHI9IjI3LjUiIHN0cm9rZT0iIzM5NDY1QiIvPgo8cGF0aCBkPSJNMjMuOTAxNCAzMi4yOEwyNS42MDE0IDMxLjdDMjUuODgxNCAzMi45OCAyNi42NjE0IDMzLjYyIDI3Ljk0MTQgMzMuNjJDMjguNTY4MSAzMy42MiAyOS4wNzQ3IDMzLjQwNjcgMjkuNDYxNCAzMi45OEMyOS44NjE0IDMyLjU1MzMgMzAuMDYxNCAzMS45NCAzMC4wNjE0IDMxLjE0QzMwLjA2MTQgMzAuNDMzMyAyOS44ODE0IDI5Ljg5MzMgMjkuNTIxNCAyOS41MkMyOS4xNzQ3IDI5LjEzMzMgMjguNzE0NyAyOC45NCAyOC4xNDE0IDI4Ljk0SDI3LjI4MTRWMjcuMjZIMjguMDQxNEMyOC42OTQ3IDI3LjI2IDI5LjE2MTQgMjcuMDY2NyAyOS40NDE0IDI2LjY4QzI5LjczNDcgMjYuMjggMjkuODgxNCAyNS44MDY3IDI5Ljg4MTQgMjUuMjZDMjkuODgxNCAyNC41OTMzIDI5LjY5NDcgMjQuMTA2NyAyOS4zMjE0IDIzLjhDMjguOTYxNCAyMy40OTMzIDI4LjQ5NDcgMjMuMzQgMjcuOTIxNCAyMy4zNEMyNy40NTQ3IDIzLjM0IDI3LjAxNDcgMjMuNSAyNi42MDE0IDIzLjgyQzI2LjIwMTQgMjQuMTQgMjUuOTQxNCAyNC42NiAyNS44MjE0IDI1LjM4TDI0LjE0MTQgMjQuOUMyNC4zNTQ3IDIzLjc1MzMgMjQuODIxNCAyMi45MzMzIDI1LjU0MTQgMjIuNDRDMjYuMjc0NyAyMS45NDY3IDI3LjA4MTQgMjEuNyAyNy45NjE0IDIxLjdDMjkuMTIxNCAyMS43IDMwLjA1NDcgMjEuOTkzMyAzMC43NjE0IDIyLjU4QzMxLjQ4MTQgMjMuMTY2NyAzMS44NDE0IDI0IDMxLjg0MTQgMjUuMDhDMzEuODQxNCAyNS44MjY3IDMxLjY1NDcgMjYuNDg2NyAzMS4yODE0IDI3LjA2QzMwLjkyMTQgMjcuNjIgMzAuNDM0NyAyNy45NTMzIDI5LjgyMTQgMjguMDZWMjguMThDMzAuNTU0NyAyOC4zNCAzMS4xMDgxIDI4LjY5MzMgMzEuNDgxNCAyOS4yNEMzMS44NjgxIDI5Ljc4NjcgMzIuMDYxNCAzMC40NDY3IDMyLjA2MTQgMzEuMjJDMzIuMDYxNCAzMi4zOTMzIDMxLjczNDcgMzMuMzY2NyAzMS4wODE0IDM0LjE0QzMwLjQyODEgMzQuOTEzMyAyOS4zODgxIDM1LjMgMjcuOTYxNCAzNS4zQzI2LjkwODEgMzUuMyAyNi4wMTQ3IDM1LjA0NjcgMjUuMjgxNCAzNC41NEMyNC41NjE0IDM0LjAyIDI0LjEwMTQgMzMuMjY2NyAyMy45MDE0IDMyLjI4WiIgZmlsbD0iIzM5NDY1QSIvPgo8L3N2Zz4K); } .partners-booking__step-icon { width: 100%; max-width: 56px; min-height: 56px; margin-bottom: 24px; background-size: contain; background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 750px) { .partners-booking__step-icon { margin-bottom: 12px; } } .partners-booking__step-title { margin-bottom: 8px; } @media only screen and (max-width: 750px) { .partners-booking__step-title { margin-bottom: 16px; } } .partners-booking__step-subtitle { font-weight: 300; } .partners-connection { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .partners-connection { margin-bottom: 46px; } } .partners-connection .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .partners-connection .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .partners-connection__column { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; } @media only screen and (max-width: 750px) { .partners-connection__column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .partners-connection__column._img { height: auto; background-repeat: no-repeat; background-position: center; background-size: cover; } @media only screen and (max-width: 750px) { .partners-connection__column._img { display: none; } } .partners-connection__title { margin-bottom: 56px; } @media only screen and (max-width: 750px) { .partners-connection__title { padding-top: 44px; margin-bottom: 32px; } } .partners-connection__step { max-width: 398px; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .partners-connection__step { max-width: none; margin-bottom: 32px; } } .partners-connection__step-title { margin-bottom: 12px; } @media only screen and (max-width: 750px) { .partners-connection__step-title { margin-bottom: 8px; } } .partners-connection__step-subtitle { font-weight: 300; } .partners-connection__content { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 80px; margin-top: 102px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .partners-connection__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 26px 24px; margin-top: 0; } } .partners-connection__condition-desc { max-width: 408px; font-size: 24px; line-height: 150%; } @media only screen and (max-width: 750px) { .partners-connection__condition-desc { max-width: none; margin-bottom: 32px; font-size: 18px; } } .partners-connection__condition-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: auto; } @media only screen and (max-width: 750px) { .partners-connection__condition-bottom { display: none; width: 100%; margin-top: 12px; } } .partners-connection__condition-bottom._mob { display: none; } @media only screen and (max-width: 750px) { .partners-connection__condition-bottom._mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .partners-connection__condition-btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 305px; height: 60px; } @media only screen and (max-width: 750px) { .partners-connection__condition-btn { width: 100%; } } .partners-connection__condition-learn { position: relative; margin-top: 10px; font-size: 16px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .partners-connection__condition-learn:after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; opacity: 1; background-color: #3b4658; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .partners-connection__condition-learn:hover { color: #000; } .partners-connection__condition-learn:hover:after { opacity: 0; } .partners-connection__condition-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; font-size: 16px; font-weight: 300; line-height: 200%; } @media only screen and (max-width: 750px) { .partners-connection__condition-item { margin-bottom: 20px; line-height: 150%; } } .partners-connection__condition-icon { max-width: 32px; min-height: 32px; margin-right: 20px; } @media only screen and (max-width: 750px) { .partners-connection__condition-icon { max-width: 24px; min-height: 24px; margin-right: 16px; } } .partners { position: relative; background-color: #fff; } .partners__title { font-size: 34px; line-height: 140%; } @media only screen and (max-width: 750px) { .partners__title { font-size: 24px; line-height: 130%; } } .partners__subtitle { font-size: 20px; line-height: 140%; } .partners__descr { font-size: 16px; line-height: 160%; } .partners__text { font-size: 14px; line-height: 164%; } .partners__icon { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNDciIGhlaWdodD0iNDciIHJ4PSIyMy41IiBzdHJva2U9IiMzOTQ2NUIiLz4KPHBhdGggZD0iTTE5IDIyLjk0NzRMMjMuNTgzMyAyN0wyOSAyMCIgc3Ryb2tlPSIjM0I0NjU3IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K); } .partners-projects { margin-bottom: 72px; } @media only screen and (max-width: 750px) { .partners-projects { margin-bottom: 44px; } } .partners-projects__title { margin-bottom: 56px; } @media only screen and (max-width: 750px) { .partners-projects__title { margin-bottom: 25px; } } .partners-projects .projects-block__tab-list { display: none; } .partners-projects .projects-block__column { margin-bottom: 36px; } .c-p-popup { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; min-height: 800px; background-color: white; z-index: 101; } @media only screen and (max-width: 750px) { .c-p-popup { width: 100vw; min-height: auto; padding: 32px 20px 48px; } } .c-p-popup .ps__rail-y { width: 8px; background-color: #e6e6e6; } .c-p-popup .ps__thumb-y { width: 8px; } .c-p-popup__wrap { width: 1200px; padding: 100px 0 20px; margin: 0 auto; } @media only screen and (max-width: 750px) { .c-p-popup__wrap { width: 100%; padding: 0; } } .c-p-popup__close { top: 110px; right: 100px; } @media only screen and (max-width: 750px) { .c-p-popup__close { top: 16px; right: 20px; } } .c-p-popup__title { margin-bottom: 32px; font-size: 40px; line-height: 44px; } @media only screen and (max-width: 750px) { .c-p-popup__title { font-size: 24px; line-height: 26px; } } .c-p-popup__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-p-popup__slider { width: 800px; } @media only screen and (max-width: 750px) { .c-p-popup__slider { width: 100%; margin-bottom: 24px; } } .c-p-popup__text-wrap { width: 300px; } @media only screen and (max-width: 750px) { .c-p-popup__text-wrap { width: 100%; } } .c-p-popup__text-wrap._w100 { width: 100%; } .c-p-popup__text { font-size: 16px; line-height: 24px; } @media only screen and (max-width: 750px) { .c-p-popup__text { font-size: 14px; } } .c-p-popup__text._mb { margin-bottom: 48px; } @media only screen and (max-width: 750px) { .c-p-popup__text._mb { margin-bottom: 32px; } } .c-p-popup__text > p { margin-bottom: 14px; } @media only screen and (max-width: 750px) { .c-p-popup__text > p { margin-bottom: 16px; } } .c-p-popup__text > p:last-child { margin-bottom: 0; } .c-p-popup__btn { width: 180px; height: 55px; font-size: 18px; text-transform: capitalize; } @media only screen and (max-width: 750px) { .c-p-popup__btn { width: 100%; } } .c-p-popup__video { margin-top: 48px; width: 100%; height: 620px; border: none; outline: none; } @media only screen and (max-width: 750px) { .c-p-popup__video { height: calc((100vw - 80px) / 1.5); margin-top: 32px; } } .c-p-list { margin-top: 76px; } @media only screen and (max-width: 750px) { .c-p-list { margin-top: 52px; } } .c-p-list__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-p-list__overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.3); z-index: 10; } .c-p-slider__pagination { display: none; } @media only screen and (max-width: 750px) { .c-p-slider__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } .c-p-slider__top { height: 440px; margin-bottom: 24px; } @media only screen and (max-width: 750px) { .c-p-slider__top { height: calc((100vw - 40px) / 1.5); margin-bottom: 0; padding-bottom: 46px; -webkit-box-sizing: content-box; box-sizing: content-box; } } .c-p-slider__bot { height: 136px; } @media only screen and (max-width: 750px) { .c-p-slider__bot { display: none; } } .c-p-slider__slide { width: 100%; cursor: -webkit-zoom-in; cursor: zoom-in; } .c-p-slider__thumb { width: 106px; } .c-p-slider__slide, .c-p-slider__thumb { background-size: cover; background-position: center; background-repeat: no-repeat; } .c-p-slider .swiper-pagination { position: relative; bottom: auto; margin-top: 26px; height: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-p-slider .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; } .c-p-slider .swiper-pagination-bullet-active { background: #3b4658; } .c-p-slider .swiper-button-next, .c-p-slider .swiper-button-prev { width: 15px; height: 40px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgMjkgNjIiPg0KICA8ZGVmcz4NCiAgICA8c3R5bGU+DQogICAgICAuY2xzLTEgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICBzdHJva2U6ICM1NjVmNmM7DQogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7DQogICAgICAgIHN0cm9rZS1vcGFjaXR5OiAwLjU7DQogICAgICAgIHN0cm9rZS13aWR0aDogMXB4Ow0KICAgICAgICBmaWx0ZXI6IHVybCgjZHJvcC1zaGFkb3ctMSk7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIHN0eWxlPSJmaWxsOiAjZmZmOyI+DQogICAgPHBhdGggZD0iTTI1LjA4Nyw1NS45ODkgTDIyLjc0MCw1OC4wNDEgTDMuNzYyLDMxLjAxNSBMMjIuNzIxLDMuOTY3IEwyNS4yMjgsNS44ODIgTDcuNjE4LDMxLjAyNyBMMjUuMDg3LDU1Ljk4OSBaIiBpZD0icGF0aC0xIiBzdHlsZT0ic3Ryb2tlOiBpbmhlcml0OyBmaWx0ZXI6IG5vbmU7IGZpbGw6IGluaGVyaXQiIGNsYXNzPSJjbHMtMSIvPg0KICA8L2c+DQogIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIgc3R5bGU9InN0cm9rZTogIzU2NWY2YzsgZmlsdGVyOiBub25lOyBmaWxsOiBub25lIi8+DQo8L3N2Zz4NCg==); } @media only screen and (max-width: 750px) { .c-p-slider .swiper-button-next, .c-p-slider .swiper-button-prev { display: none; } } .c-p-slider .swiper-button-next { right: 16px; } .c-p-slider .swiper-button-prev { left: 16px; } .company-header { width: 100%; height: 444px; margin: 0 auto; padding-top: 115px; color: white; background-image: url(/static/images/company-header.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .company-header { height: 240px; } } .company-header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; padding-bottom: 25px; } @media only screen and (max-width: 750px) { .company-header__container { padding-bottom: 7px; } } .company-header__title { font-size: 34px; color: #fff; } .company-tabs { position: relative; background-color: #f2f2f2; } .company-tabs.--fixed { position: fixed; top: 0; -webkit-transform: translateY(var(--header-dynamic-height)); transform: translateY(var(--header-dynamic-height)); width: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); z-index: 5; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .company-tabs.--fixed .company-tabs__item:after { top: -27px; } .company-tabs__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; min-height: 75px; } @media only screen and (max-width: 750px) { .company-tabs__container { max-width: 100%; min-height: 65px; overflow-x: scroll; } } @media only screen and (max-width: 750px) { .company-tabs:before, .company-tabs:after { content: ""; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 20px; background-color: transparent; } } .company-tabs__item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 60px; font-size: 16px; line-height: 19px; pointer-events: all; cursor: pointer; } @media only screen and (max-width: 750px) { .company-tabs__item { margin-right: 25px; } } .company-tabs__item:last-of-type { margin-right: 0; } .company-tabs__item:after { content: ""; position: absolute; top: -28px; left: 0; width: 100%; height: 2px; background-color: #14191a; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } @media only screen and (max-width: 750px) { .company-tabs__item:after { top: -23px; } } .company-tabs__item:hover { color: #576c70; } .company-tabs__item.--active { pointer-events: none; cursor: default; } .company-tabs__item.--active:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .company-tabs__overlay { position: absolute; top: 0; right: 0; width: 58px; height: 65px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .company-tabs__overlay { opacity: 1; } } .company-tabs__overlay:after { content: ""; position: absolute; width: 56px; height: 100%; top: 0; right: 0; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } .company-history { margin: 80px auto; max-width: 1920px; } @media only screen and (max-width: 750px) { .company-history { margin: 40px 0; } } .company-history__slider { position: relative; padding-bottom: 30px; } .company-history__container { position: static; } @media only screen and (max-width: 750px) { .company-history__container { width: 100%; } } .company-history__year { font-size: 4.8rem; margin-bottom: 3.2rem; -webkit-transition: all .3s ease; transition: all .3s ease; color: #292522; } @media only screen and (max-width: 750px) { .company-history__year { margin-bottom: 3.2rem; } } .company-history__year:after { content: ''; position: absolute; bottom: 5px; left: 0; width: 50%; height: 2px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } @media only screen and (max-width: 750px) { .company-history__year:after { display: none; } } .company-history__text { font-size: 1.4rem; line-height: 2.1rem; font-weight: 300; color: #292522; } @media only screen and (max-width: 750px) { .company-history .swiper-button-next, .company-history .swiper-button-prev { display: none; } } .company-history .swiper-button-prev { left: -45px; } .company-history .swiper-button-next { right: -35px; } .company-history .swiper-scrollbar { height: 1px; } @media only screen and (max-width: 750px) { .company-history .swiper-scrollbar { display: none; } } .company-history .swiper-scrollbar-drag { height: 3px; top: -1px; background-color: #37465b; } .company-history .swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .company-history .swiper-pagination { display: block; } } @media only screen and (max-width: 750px) { .company-history .swiper-pagination-bullet-active { background-color: #37465b; } } .company-history__slide:hover .company-history__year { -webkit-transform: scale(1.2) translateX(30px); transform: scale(1.2) translateX(30px); font-weight: 500; } @media only screen and (max-width: 750px) { .company-history__slide:hover .company-history__year { -webkit-transform: none; transform: none; font-weight: 400; } } .company-history__slide:hover .company-history__year:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .slider-block { height: 300vh; color: #39465a; font-weight: 300; margin-bottom: 60px; } .slider-block_sticky { position: fixed; top: 60px; left: 0; right: 0; } .slider-block__scroll { width: 5px; height: 100%; position: absolute; top: -100%; right: 0; background-color: #39465a; -webkit-transition: .3s; transition: .3s; } @media screen and (max-device-width: 1024px) { .slider-block { margin-bottom: 20px; height: auto; } .slider-block__text { width: 67%; } } @media only screen and (max-width: 750px) { .slider-block__text { width: 100%; } } .slider-block .swiper-wrapper { -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .slider-block__wrapper { position: sticky; top: 60px; width: 100%; } @media screen and (max-device-width: 1024px) { .slider-block__wrapper { height: auto; } } .slider-block__image { width: 55%; height: calc(100vh - 60px); background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f2f2f2; } @media screen and (max-device-width: 1024px) { .slider-block__image { width: 100%; height: 466px; } } .slider-block .image-swiper-container { height: 100vh; width: 100%; overflow: hidden; margin-bottom: 100px; } @media screen and (max-device-width: 1024px) { .slider-block .image-swiper-container { height: 466px; width: 90%; margin: 0 auto; overflow: hidden; } .slider-block .image-swiper-container .swiper-slide:not(.swiper-slide-active) { opacity: .8; } .slider-block .image-swiper-container .swiper-slide { -webkit-transition: opacity .3s; transition: opacity .3s; } } @media only screen and (max-width: 750px) { .slider-block .image-swiper-container { height: 286px; } } .slider-block .text-swiper-container { overflow: hidden; position: absolute; width: 700px; left: 70%; z-index: 1; top: 50%; -webkit-transform: translate(-70%, -50%); transform: translate(-70%, -50%); background-color: #f2f1ef; } @media screen and (max-device-width: 1024px) { .slider-block .text-swiper-container { position: static; width: 90%; height: auto; -webkit-transform: none; transform: none; margin: 0 auto; left: auto; top: auto; } .slider-block .text-swiper-container .swiper-pagination { bottom: auto; top: 500px; } } @media only screen and (max-width: 750px) { .slider-block .text-swiper-container .swiper-pagination { top: 320px; } } .slider-block .text-swiper-container .slider-progress { position: absolute; z-index: 2; top: 0; right: 0; width: 5px; height: 100%; background: #39465a; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0) translateZ(0); transform: scaleY(0) translateZ(0); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } @media screen and (max-device-width: 1024px) { .slider-block .text-swiper-container .slider-progress { display: none; } } @media screen and (max-device-width: 1024px) { .slider-block .text-swiper-container .swiper-pagination-bullet { width: 33px; height: 2px; border-radius: 0; } .slider-block .text-swiper-container .swiper-pagination-bullet:not(:last-child) { margin-right: 15px; } .slider-block .text-swiper-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background: #adacac; opacity: 1; } } @media screen and (max-device-width: 1024px) { .slider-block .text-swiper-container .swiper-pagination-bullet-active { background: #39465a; } } .slider-block__text-container { background-color: #f2f1ef; padding: 90px 81px; } @media screen and (max-device-width: 1024px) { .slider-block__text-container { padding: 71px 27px 44px; } } .slider-block .slider-block__text:not(:last-child) { margin-bottom: 16px; } .slider-block__title { font-size: 24px; line-height: 42px; margin-bottom: 35px; } @media screen and (max-device-width: 1024px) { .slider-block__title { line-height: 34px; margin-bottom: 19px; } } .slider-block p { line-height: 28px; font-size: 16px; } @media screen and (max-device-width: 1024px) { .slider-block p { line-height: 23px; } } .slider-block p:not(:last-child) { margin-bottom: 35px; } @media screen and (max-device-width: 1024px) { .slider-block p:not(:last-child) { margin-bottom: 20px; } } .img-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .img-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .img-text__container { position: relative; } .img-text__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 540px; margin-bottom: 90px; } @media only screen and (max-width: 750px) { .img-text__item { height: auto; margin-bottom: 40px; } } .img-text__col-text { background-color: #f2f1ef; width: 38%; padding: 61px 66px; margin-right: 40px; } .img-text__col-text._big { position: absolute; top: 50%; width: 610px; padding: 60px 85px 60px 70px; margin-right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .img-text__col-text._big._h362 { height: 362px; } .img-text__col-text._big._h450 { height: 450px; } .img-text__col-text._big._left { left: 20px; } .img-text__col-text._big._right { right: 20px; } @media only screen and (max-width: 750px) { .img-text__col-text { width: 100%; padding: 20px 31px 20px 36px; } .img-text__col-text._big { position: relative; top: auto; width: 100%; padding: 20px 31px 20px 36px; -webkit-transform: translateY(0); transform: translateY(0); } .img-text__col-text._big._left { left: auto; } .img-text__col-text._big._right { right: auto; } .img-text__col-text._big._h362 { height: auto; } .img-text__col-text._big._h450 { height: auto; } } .img-text__col-title { font-size: 24px; line-height: 42px; margin-bottom: 43px; } @media only screen and (max-width: 750px) { .img-text__col-title { margin-bottom: 16px; line-height: 34px; } } .img-text__col-title:last-child { margin-bottom: 0; } .img-text__col-title._exa { line-height: 32px; font-weight: 500; font-family: "Grtsk-Exa", "Verdana", sans-serif; } @media only screen and (max-width: 750px) { .img-text__col-title._exa { font-size: 20px; line-height: 28px; } } .img-text__col-title._big { line-height: 26px; margin-bottom: 18px; } @media only screen and (max-width: 750px) { .img-text__col-title._big { margin-bottom: 0; font-size: 22px; line-height: 28px; } } .img-text__col-title._big._lh36 { line-height: 36px; } @media only screen and (max-width: 750px) { .img-text__col-title._big._lh36 { line-height: 28px; } } @media only screen and (max-width: 750px) { .img-text__col-title._big._exa { font-size: 20px; line-height: 28px; } } .img-text__col-paragraph { display: block; font-size: 16px; line-height: 28px; font-weight: 300; } .img-text__col-paragraph._big { margin-top: 28px; } @media only screen and (max-width: 750px) { .img-text__col-paragraph._big { margin-top: 18px; } } .img-text__col-paragraph:not(:last-of-type) { margin-bottom: 35px; } @media only screen and (max-width: 750px) { .img-text__col-paragraph { line-height: 23px; } .img-text__col-paragraph:not(:last-of-type) { margin-bottom: 16px; } } .img-text__col-img { width: 55%; min-height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f2f2f2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .img-text__col-img._big { position: absolute; height: 540px; width: 100%; max-width: 55vw; z-index: -1; } .img-text__col-img._big._left { left: 0; top: 0; } .img-text__col-img._big._right { right: 0; top: 0; } @media only screen and (max-width: 750px) { .img-text__col-img { width: 100%; min-height: 261px; margin-bottom: 20px; } .img-text__col-img._big { position: relative; left: auto; height: auto; width: auto; max-width: 100%; margin: 0 20px; z-index: 1; } .img-text__col-img._big._left { left: auto; top: auto; } .img-text__col-img._big._right { right: auto; top: auto; } } .img-desc { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .img-desc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .img-desc__col { width: 50%; } @media only screen and (max-width: 750px) { .img-desc__col { width: 100%; } } .img-desc__col.--big { width: 100%; } @media only screen and (max-width: 750px) { .img-desc__col.--big .img-desc__img { min-height: 168px; } } .img-desc__img { width: 100%; min-height: 466px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .img-desc__img { min-height: 251px; } } .img-desc__desc { width: 100%; border: 1px solid #f2f1ef; } .img-desc__desc.--big { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .img-desc__desc.--big { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .img-desc__desc.--big .img-desc__desc-container { margin-left: 37px; } .img-desc__desc.--big .img-desc__desc-container:not(:first-child) { margin-top: 0; } .img-desc__desc.--big span:before { display: none; } } .img-desc__desc-container { font-size: 14px; margin-top: 31px; margin-left: 173px; margin-bottom: 31px; font-weight: 300; } @media only screen and (max-width: 750px) { .img-desc__desc-container { margin-left: 86px; margin-top: 20px; font-size: 12px; line-height: 19px; margin-bottom: 20px; } } .img-desc__desc-container span { display: block; position: relative; font-size: 24px; line-height: 37px; } @media only screen and (max-width: 750px) { .img-desc__desc-container span { font-size: 18px; line-height: 28px; } } .img-desc__desc-container span:before { content: ''; position: absolute; width: 43px; height: 1px; background-color: #abb5c4; left: -72px; top: 50%; } @media only screen and (max-width: 750px) { .img-desc__desc-container span:before { left: -66px; } } @media only screen and (max-width: 750px) { .main { background-color: #fff; } } .company { position: relative; margin: 80px auto; max-width: 1920px; } @media only screen and (max-width: 750px) { .company { margin: 40px 0; } } .company__title { margin-bottom: 35px; } @media only screen and (max-width: 750px) { .company__title { margin-bottom: 25px; } } .company__text { display: block; margin-bottom: 24px; font-size: 16px; line-height: 28px; font-weight: 300; } .company__text:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .company__text { line-height: 23px; } .company__text:not(:last-child) { margin-bottom: 20px; } } .company__text-wrapper { width: 65%; margin-bottom: 4rem; overflow: hidden; -webkit-transition: max-height .7s ease; transition: max-height .7s ease; } @media only screen and (max-width: 750px) { .company__text-wrapper { width: 100%; margin-top: 0; margin-bottom: 20px; } } .company__text-wrapper p { display: block; margin-bottom: 24px; font-size: 16px; line-height: 28px; font-weight: 300; } .company__text-wrapper p:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .company__text-wrapper p { line-height: 23px; } .company__text-wrapper p:not(:last-child) { margin-bottom: 20px; } } .company__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 60px; } @media only screen and (max-width: 750px) { .company__row { margin-bottom: 20px; } } .company__image { width: 100%; min-height: 528px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .company__image { width: 100%; min-height: 149px; } } .company-strategy { margin: 80px auto; max-width: 1920px; } @media only screen and (max-width: 750px) { .company-strategy { margin: 40px 0; } } .company-projects .c-p-popup__wrap { padding-top: 40px; } @media only screen and (max-width: 750px) { .company-projects .c-p-popup__wrap { padding-top: 0; } } .company-projects .c-p-popup__close { top: 50px; } @media only screen and (max-width: 750px) { .company-projects .c-p-popup__close { top: 16px; } } .company-projects__filters { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 56px; } @media only screen and (max-width: 750px) { .company-projects__filters { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .company-projects__filter:not(:first-child) { margin-left: 32px; } @media only screen and (max-width: 750px) { .company-projects__filter:not(:first-child) { margin-left: 0; margin-top: 24px; } } .company-projects__filter .multiselect.multiselect--active { z-index: 4; } .company-projects__filter .multiselect__single { font-weight: 400; } .company-projects__list { min-height: 350px; } @media only screen and (max-width: 750px) { .company-projects__list { min-height: 270px; } } .company-projects__empty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 24px; color: rgba(57, 70, 90, 0.3); } .faq-row__head { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 30px 36px 40px 0; font-size: 24px; line-height: 26px; font-weight: normal; color: #3b4658; cursor: pointer; border-bottom: 1px solid #d9d9d9; } @media only screen and (max-width: 750px) { .faq-row__head { padding: 26px 0; font-size: 20px; line-height: 22px; } } .faq-row__head._active .faq-row__head-icn { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .faq-row__head-icn { position: absolute; top: 50%; right: 50px; height: 14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } @media only screen and (max-width: 750px) { .faq-row__head-icn { right: 0; } } .faq-row__list { width: 100%; font-size: 16px; line-height: 14px; color: #3b4658; overflow: hidden; -webkit-transition: max-height .4s ease-in; transition: max-height .4s ease-in; } .faq-row__list._closed { max-height: 0; -webkit-transition: max-height .4s ease-out; transition: max-height .4s ease-out; } .faq-row__list-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 36px 50px 50px; } @media only screen and (max-width: 750px) { .faq-row__list-inner { padding: 36px 0; } } .faq-row__item { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: top; margin-bottom: 36px; } .faq-row__item:last-child { margin-bottom: 0; } .faq-row__link { -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-color: #3b4658; text-decoration-color: #3b4658; } .faq-row__link:hover, .faq-row__link:active { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .faq-modal { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.6); -webkit-transform: translate3d(0, -150%, 0); transform: translate3d(0, -150%, 0); opacity: 0; -webkit-transition: opacity .2s ease, -webkit-transform 0s ease .5s; transition: opacity .2s ease, -webkit-transform 0s ease .5s; transition: opacity .2s ease, transform 0s ease .5s; transition: opacity .2s ease, transform 0s ease .5s, -webkit-transform 0s ease .5s; overflow: hidden; } @media only screen and (max-width: 750px) { .faq-modal { z-index: 99; } } .faq-modal._active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, transform 0s ease; transition: opacity .2s ease, transform 0s ease, -webkit-transform 0s ease; overflow: auto; } @media only screen and (max-width: 750px) { .faq-modal._active { overflow: hidden; } } .faq-modal__scroll-content { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; min-height: 100%; padding: 80px 0; pointer-events: none; } @media only screen and (max-width: 750px) { .faq-modal__scroll-content { height: 100vh; padding: 0; } .faq-modal__scroll-content:after { content: ''; position: absolute; top: 60px; z-index: 1; width: 100%; height: 72px; background: -webkit-gradient(linear, left top, left bottom, color-stop(35.34%, #fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, #fff 35.34%, rgba(255, 255, 255, 0) 100%); } } .faq-modal__body { position: relative; width: 974px; padding: 60px 48px 50px; background-color: #fff; pointer-events: all; } @media only screen and (max-width: 750px) { .faq-modal__body { width: 100%; height: 100vh; padding: 32px 15px; padding-top: 120px; overflow-y: auto; } } @media only screen and (max-width: 750px) { .faq-modal__close { position: fixed; top: 86px; } } .faq-modal__title { font-size: 20px; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .faq-modal__title { padding-right: 30px; } } .faq-modal__description { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .faq-modal__description { margin-bottom: 20px; } } .faq-modal__description h3, .faq-modal__description h4, .faq-modal__description h5, .faq-modal__description h6 { font-size: 18px; margin-bottom: 24px; } @media only screen and (max-width: 750px) { .faq-modal__description h3, .faq-modal__description h4, .faq-modal__description h5, .faq-modal__description h6 { font-size: 16px; margin-bottom: 12px; } } .faq-modal__description li { position: relative; margin-bottom: 10px; padding-left: 20px; color: #3b4658; } @media only screen and (max-width: 750px) { .faq-modal__description li { margin-bottom: 5px; } } .faq-modal__description li:last-child { margin-bottom: 0; } .faq-modal__description ul { margin-bottom: 24px; } .faq-modal__description ul li:before { content: ""; position: absolute; left: 0; top: 14px; width: 6px; height: 6px; background-color: #3b4658; border-radius: 50%; } .faq-modal__description ol { padding-left: 0; counter-reset: counter; margin-bottom: 24px; } .faq-modal__description ol li { counter-increment: counter; } .faq-modal__description ol li:before { position: absolute; content: counter(counter) "."; left: 0; top: 0; } .faq-modal__resume { width: 300px; height: 50px; } @media only screen and (max-width: 750px) { .faq-modal__resume { width: 100%; } } .faq__body { margin-top: 80px; margin-bottom: 94px; } @media only screen and (max-width: 750px) { .faq__body { margin-top: 0; margin-bottom: 0; padding-top: 34px; padding-bottom: 72px; background-color: #fff; } } .payment { width: 50%; } @media only screen and (max-width: 750px) { .payment { width: 100%; } } .payment-container { padding: 25px 0; } @media only screen and (max-width: 750px) { .payment-container { padding: 15px; } } .payment-container .breadcrumbs { margin-bottom: 33px; } .payment__title { margin-bottom: 35px; } @media only screen and (max-width: 750px) { .payment__title { margin-bottom: 15px; } } .payment__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 35px; } @media only screen and (max-width: 750px) { .payment__header { margin-bottom: 20px; } } .payment__text { font-size: 16px; line-height: 26px; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: normal; } .payment-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .payment-form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } @media only screen and (max-width: 750px) { .payment-form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; } } .payment-form__row.mb-40 { margin-bottom: 40px; } .payment-form__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 750px) { .payment-form__col { margin-bottom: 15px; } .payment-form__col:last-child { margin-bottom: 0; } } .payment-form__col.w-100 { width: 100%; } .payment-form__col.w-50 { width: calc(50% - 15px); } @media only screen and (max-width: 750px) { .payment-form__col.w-50 { width: 100%; } } .payment-form__input { width: 100%; font-size: 18px; } .payment-form__label { margin-bottom: 18px; font-size: 20px; font-family: "Grtsk-Exa", "Verdana", sans-serif; } @media only screen and (max-width: 750px) { .payment-form__label { margin-bottom: 10px; } } .payment-form__btn { width: auto; height: auto; padding: 20px 84px; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-size: 16px; font-weight: normal; } @media only screen and (max-width: 750px) { .payment-form__btn { width: 100%; } } .payment-disclaimer { width: calc(100% - 100px); } @media only screen and (max-width: 750px) { .payment-disclaimer { width: 100%; } } .released { padding-bottom: 0; } .released__body { margin-top: 110px; padding-bottom: 120px; } @media only screen and (max-width: 750px) { .released__body { margin-top: 40px; padding-bottom: 64px; } } .released__body .released-item { margin-bottom: 110px; } @media only screen and (max-width: 750px) { .released__body .released-item { margin-bottom: 64px; } } .released__body .released-item:last-child { margin-bottom: 0; } .released-item { position: relative; } .released-item__title { font-size: 24px; margin-bottom: 50px; } @media only screen and (max-width: 750px) { .released-item__title { font-size: 20px; margin-bottom: 24px; } } .released-item__body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .released-item__body { display: block; } } @media only screen and (max-width: 750px) { .released-item__aside { margin-top: 32px; } } .released-image-slider { height: 450px; overflow: hidden; } @media only screen and (max-width: 750px) { .released-image-slider { height: 250px; } .released-image-slider .slick-dots { bottom: 20px; } } .released-image-slider__image { width: 100%; height: 100%; background-size: cover; background-position: center; background-image: url(/static/images/released-slider1.jpg); } .released-text-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; } .released-text-slider__item { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: auto; } .released-text-slider__title { font-size: 20px; font-weight: normal; margin-bottom: 15px; } @media only screen and (max-width: 750px) { .released-text-slider__title { margin-bottom: 10px; } } .released-text-slider__desc { font-weight: 300; line-height: 30px; font-size: 14px; } @media only screen and (max-width: 750px) { .released-text-slider__desc { font-size: 14px; line-height: 24px; } } .released-text-slider__desc p { margin-top: 12px; } .released-text-slider__desc p:last-child { margin-top: 0; } .released-text-slider__desc a { outline: none; text-decoration: underline; } .released-text-slider__desc a:hover { text-decoration: none; } .contacts-aside__item { margin-bottom: 30px; } .contacts-aside__item.offer { margin-bottom: 0; } @media only screen and (max-width: 750px) { .contacts-aside__item { display: none; } .contacts-aside__item.cities, .contacts-aside__item.offer { display: block; } } .contacts-aside__title { display: block; margin-bottom: 20px; font-weight: 300; font-size: 16px; } .contacts-aside__cities { position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; font-size: 16px; border: 1px solid #bcbdbf; } .contacts-aside__cities.active .contacts-aside__cities-popup { max-height: 500px; } .contacts-aside__cities.active .contacts-aside__cities-item.selected:after { -webkit-transform: rotate(225deg); transform: rotate(225deg); } .contacts-aside__cities-link, .contacts-aside__cities-item.selected { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 15px; width: 100%; } .contacts-aside__cities-link { height: 100%; } .contacts-aside__cities-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 44px; font-size: 16px; cursor: pointer; border-bottom: 1px solid #bcbdbf; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .contacts-aside__cities-item:first-child { border-top: 1px solid #bcbdbf; } .contacts-aside__cities-item:hover { background-color: #f3f3f3; } .contacts-aside__cities-item.selected { position: relative; border: none; } .contacts-aside__cities-item.selected:hover { background-color: #fff; } .contacts-aside__cities-item.selected:after { content: ''; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; display: block; width: 10px; height: 10px; border-width: 0 1px 1px 0; border-color: #bcbdbf; border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); will-change: transform; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .contacts-aside__cities-item:last-child { border-bottom: none; } .contacts-aside__cities-popup { position: absolute; left: -1px; right: 0; top: 100%; width: calc(100% + 2px); background: #fff; border: 1px solid #bcbdbf; border-top: none; overflow: hidden; max-height: 0; -webkit-transition: max-height 1s ease; transition: max-height 1s ease; } .contacts-aside__cities-popup-wrapper { -webkit-transition: max-height 1s ease; transition: max-height 1s ease; } .contacts-offices__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; width: 100%; -webkit-transition: max-height .3s ease; transition: max-height .3s ease; } .contacts-offices__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 50%; margin-bottom: 32px; padding-right: 50px; } .contacts-offices__item.--wide { width: 100%; } @media only screen and (max-width: 750px) { .contacts-offices__item { width: 100%; margin-bottom: 40px; padding-right: 0; } } .contacts-offices__item:nth-child(2n) { padding-right: 15px; } @media only screen and (max-width: 750px) { .contacts-offices__item:nth-child(2n) { padding-right: 0; } } .contacts-offices__title { padding-right: 16px; margin-bottom: 24px; font-size: 20px; font-weight: normal; } @media only screen and (max-width: 750px) { .contacts-offices__title { margin-bottom: 16px; } } .contacts-offices__button { width: 100%; padding: 14px 20px 12px; } .contacts-offices__button.--link { position: relative; -ms-flex-item-align: start; align-self: flex-start; width: auto; margin-bottom: 20px; padding: 0; font-size: 16px; line-height: 147.96%; color: #14191a; } .contacts-offices__button.--link:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: #14191a; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .contacts-offices__button.--link:hover:after { opacity: 0; } .contacts-offices__text { font-size: 16px; font-weight: 300; margin-bottom: 20px; } .contacts-offices__text p u { text-decoration: none; } .contacts-offices__text p u a { position: relative; } .contacts-offices__text p u a:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-color: #14191a; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .contacts-offices__text p u a:hover:after { opacity: 0; } .contacts-offices__text-phone { position: relative; } .contacts-offices__text-phone:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-color: #14191a; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .contacts-offices__text-phone:hover:after { opacity: 1; } .contacts-slider__main { height: 520px; width: 798px; } @media only screen and (max-width: 750px) { .contacts-slider__main { height: 250px; width: 100%; } } .contacts-slider__image { width: 100%; height: 100%; background-size: cover; background-position: center; } .contacts-slider__title { font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 48px; font-family: "Grtsk-Tera", "Verdana", sans-serif; } @media only screen and (max-width: 750px) { .contacts-slider__title { margin-bottom: 20px; line-height: 28px; } } .contacts-managers { width: 100%; } .contacts-managers__title { font-size: 24px; line-height: 32px; margin: 100px 0 48px; } @media only screen and (max-width: 750px) { .contacts-managers__title { margin: 50px 0 30px; line-height: 28px; } } .contacts-managers__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts-managers__item { width: 370px; margin-right: 40px; margin-bottom: 30px; } @media only screen and (max-width: 750px) { .contacts-managers__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-right: 0; } } .contacts-managers__item:nth-child(3n) { margin-right: 0; } .contacts-managers__photo { height: 350px; width: 100%; background-position: center; background-size: cover; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .contacts-managers__photo { -ms-flex-negative: 0; flex-shrink: 0; width: 100px; height: 100px; margin-right: 15px; } } .contacts-managers__photo.first { background-image: url(/static/images/1.jpg); } .contacts-managers__photo.second { background-image: url(/static/images/2.jpg); } .contacts-managers__text { font-size: 16px; font-weight: 300; } .contacts-managers__text-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; } @media only screen and (max-width: 750px) { .contacts-managers__text-wrapper { margin-top: 0; } } .contacts-offer { width: 790px; } .contacts-offer__captcha { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; padding: 0 40px; } .contacts-offer__captcha-message { display: none; font-family: Grtsk-Exa, sans-serif; font-size: 18px; margin-left: 30px; } .contacts-offer__captcha-message.active { display: inline-block; } .contacts-offer__captcha .g-recaptcha { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts-offer__captcha .g-recaptcha div { overflow: hidden; } @media only screen and (max-width: 750px) { .contacts-offer__captcha { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; } .contacts-offer__captcha-message { margin-left: 0; margin-top: 15px; } .contacts-offer__captcha .g-recaptcha iframe { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.93); transform: scale(0.93); /* stylelint-disable */ width: 100% !important; /* stylelint-enable */ } } @media only screen and (max-width: 750px) { .contacts-offer { width: 100%; } } .contacts-offer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts-offer__field._half { width: calc(50% - 10px); } @media only screen and (max-width: 750px) { .contacts-offer__field._half { width: 100%; } .contacts-offer__field._half:first-child { margin-bottom: 18px; } } .contacts-offer__field textarea { resize: none; height: 110px; padding: 15px 20px; } .contacts-offer__file { padding: 14px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; outline: none; border: 1px solid #d4d4d4; text-align: center; cursor: pointer; } .contacts-offer__file input { width: 0; height: 0; opacity: 0; overflow: hidden; position: absolute; z-index: -1; padding: 0; margin: 0; } .contacts-offer__file-text { width: 100%; font-size: 18px; line-height: 20px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .contacts-offer__file-text { font-size: 16px; } } @media (hover), (min-width: 0 \0) { .contacts-offer__file:hover .contacts-offer__file-text { opacity: .7; } } .contacts__header { background-image: url(/static/images/contacts-header-new.jpg); } .contacts__button { display: none; } @media only screen and (max-width: 750px) { .contacts__button { display: block; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; padding: 10px 8px; margin-bottom: 25px; color: #bcbdbf; text-align: center; border: 1px solid #bcbdbf; } } .contacts__slider { margin-top: 100px; } @media only screen and (max-width: 750px) { .contacts__slider { margin-top: 50px; } } .excursion-form { width: auto; } @media only screen and (max-width: 750px) { .excursion-form { width: 100%; } } .excursion-form__error { position: absolute; bottom: calc(100% + 7px); left: 0; width: 100%; text-align: center; color: #f00; opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-transition: all .2s ease; transition: all .2s ease; } @media only screen and (max-width: 750px) { .excursion-form__error { bottom: calc(100% + 5px); } } .excursion-form__error._active { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .excursion-form__wrapper { position: fixed; left: 0; top: 0; display: block; width: 100%; z-index: 10; pointer-events: none; } @media only screen and (max-width: 750px) { .excursion-form__wrapper { z-index: 101; } } .excursion-form__wrapper._active { pointer-events: all; } .excursion-form__wrapper._active .excursion-form__inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .7s; transition: .7s; } .excursion-form__inner-wrap { width: 100%; height: 100vh; padding-bottom: 50px; background-color: white; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: .7s; transition: .7s; } @media only screen and (max-width: 750px) { .excursion-form__inner-wrap { padding-bottom: 0; } } .excursion-form__inner-wrap._popup { padding-top: 60px; } @media only screen and (max-width: 750px) { .excursion-form__inner-wrap._popup { padding-top: 20px; } .excursion-form__inner-wrap._popup .excursion-form__close { top: 0; z-index: 5; } } .excursion-form__inner-wrap._block { -webkit-transform: translateX(0); transform: translateX(0); height: auto; } @media only screen and (max-width: 750px) { .excursion-form__inner-wrap._block { height: auto; margin: 0 0 40px; padding: 1px 0; } .excursion-form__inner-wrap._block .excursion-form__container { height: auto; overflow: unset; } .excursion-form__inner-wrap._block .excursion-form__projects { max-height: none; } .excursion-form__inner-wrap._block .excursion-form__btn-wrap { margin-bottom: 35px; } .excursion-form__inner-wrap._block .excursion-contacts { margin-bottom: 0; } } .excursion-form__close { top: 70px; right: 100px; } @media only screen and (max-width: 750px) { .excursion-form__close { top: 35px; right: 20px; } } .excursion-form__title { margin-bottom: 46px; font-size: 28px; line-height: 34px; text-align: center; } @media only screen and (max-width: 750px) { .excursion-form__title { padding: 35px 104px 30px 20px; margin: 0; font-size: 18px; line-height: 24px; text-align: left; background-color: white; } } .excursion-form__container { width: 590px; margin: 0 auto; } @media only screen and (max-width: 750px) { .excursion-form__container { position: relative; height: calc(100vh - 70px); width: 100%; padding: 0 20px; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } } .excursion-form__projects-wrapper { height: 474px; margin-top: 50px; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .excursion-form__projects-wrapper { height: auto; margin-top: 25px; margin-bottom: 30px; } } .excursion-form__btn-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; } .excursion-form__btn { width: 100%; font-size: 18px; height: 50px; } .excursion-form__btn._half { width: calc(50% - 10px); } .excursion-form__btn._half:first-child { margin-right: 20px; } .excursion-form__btn._bordered { background-color: transparent; border: 1px solid #3b4658; color: #14191a; } .excursion-form__btn._disable { background: #f4f4f4; color: #14191a; } .excursion-form__btn._disable:hover { background: #f4f4f4; color: #14191a; } .excursion-form__personal { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; } .excursion-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .excursion-steps__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% / 3); padding-bottom: 25px; } @media only screen and (max-width: 750px) { .excursion-steps__item { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .excursion-steps__item:last-child .excursion-steps__line { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .excursion-steps__item:first-child .excursion-steps__line { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } @media only screen and (max-width: 750px) { .excursion-steps__item._active { padding-bottom: 0; } } .excursion-steps__item._active .excursion-steps__num { color: #14191a; border: 1px solid #3b4658; -webkit-transition: all .3s ease; transition: all .3s ease; } .excursion-steps__item._active .excursion-steps__text { color: #14191a; -webkit-transition: color .3s ease; transition: color .3s ease; } .excursion-steps__item._completed { cursor: pointer; } .excursion-steps__item._completed .excursion-steps__num { color: #a0c683; border: 1px solid #a0c683; -webkit-transition: all .3s ease; transition: all .3s ease; } .excursion-steps__item._completed .excursion-steps__text { color: #a0c683; -webkit-transition: color .3s ease; transition: color .3s ease; } .excursion-steps__item._completed .excursion-steps__line { background-color: #a0c683; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .excursion-steps__item._completed .excursion-steps__line-divider { background-color: #a0c683; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .excursion-steps__edit { position: relative; width: 100%; margin-top: 10px; font-size: 14px; line-height: 23px; color: #bcbcbc; } .excursion-steps__edit span { position: relative; } .excursion-steps__edit span:before { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; background-color: #bcbcbc; } .excursion-steps__edit > svg { width: 15px; margin-right: 10px; fill: #bcbcbc; } .excursion-steps__num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 25px; height: 25px; margin-right: 10px; font-weight: normal; font-size: 11px; color: #bcbcbc; border: 1px solid #bcbcbc; border-radius: 50%; -webkit-transition: all .3s ease; transition: all .3s ease; } .excursion-steps__text { font-size: 14px; color: #bcbcbc; -webkit-transition: color .3s ease; transition: color .3s ease; } .excursion-steps__line { position: absolute; bottom: 0; width: 100%; height: 5px; background: #f5f5f5; z-index: 2; } .excursion-steps__line-divider { position: absolute; top: -5px; left: 0; width: 2px; height: 15px; background: #e8e8e8; border-radius: 3px; z-index: 1; } .excursion-p-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 13px 13px 13px 32px; margin-bottom: 16px; background: #f4f4f4; border: 1px solid #f4f4f4; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border .4s ease; transition: border .4s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .excursion-p-card { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 20px; padding: 20px 13px 13px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .excursion-p-card:last-child { margin-bottom: 0; } .excursion-p-card:hover, .excursion-p-card._active { border: 1px solid #3b4658; -webkit-transition: border .4s ease; transition: border .4s ease; } .excursion-p-card__text { margin-right: auto; } @media only screen and (max-width: 750px) { .excursion-p-card__text { margin-bottom: 18px; } } .excursion-p-card__title { font-weight: normal; font-size: 16px; line-height: 18px; } @media only screen and (max-width: 750px) { .excursion-p-card__title { margin-bottom: 5px; } } .excursion-p-card__subtitle { font-weight: 300; font-size: 12px; line-height: 13px; } .excursion-p-card__img { width: 292px; height: 72px; background-size: cover; background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 750px) { .excursion-p-card__img { width: 100%; } } .excursion-p-card__radio { position: relative; width: 16px; height: 16px; margin-right: 26px; border: 1px solid #3b4658; border-radius: 50%; cursor: pointer; } @media only screen and (max-width: 750px) { .excursion-p-card__radio { margin: 0 20px 18px 13px; } } .excursion-p-card__radio:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: white; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .excursion-p-card__radio:hover:before { background-color: #3b4658; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .excursion-p-card._active .excursion-p-card__radio:before { background-color: #3b4658; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .excursion-calendar { position: relative; display: block; height: 474px; width: auto; margin-top: 28px; margin-bottom: 40px; padding-right: 100px; overflow: hidden; } @media only screen and (max-width: 750px) { .excursion-calendar { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; width: 100%; padding-right: 0; margin-top: 3px; margin-bottom: 34px; overflow: unset; } } .excursion-calendar__container { position: relative; } .excursion-calendar__arrows { position: absolute; top: 22px; right: 0; display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50px; height: 20px; z-index: 5; } @media only screen and (max-width: 750px) { .excursion-calendar__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; } } .excursion-calendar__arrow { outline: none; } .excursion-calendar__arrow > svg { width: 100%; height: 20px; fill: none; stroke: #3b4658; } .excursion-calendar__arrow.--next { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .excursion-calendar__dots.swiper-pagination-bullets { /*stylelint-disable*/ margin: 0 auto 26px; left: auto !important; height: 10px; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; /*stylelint-enable*/ } .excursion-calendar__dots.swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid #3b4658; background-color: transparent; } .excursion-calendar__dots.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #3b4658; } .excursion-calendar__dots.swiper-pagination-bullets .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(1); transform: scale(1); } .excursion-calendar__dots.swiper-pagination-bullets .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(1); transform: scale(1); } .excursion-calendar__dots.swiper-pagination-bullets .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(1); transform: scale(1); } .excursion-calendar__dots.swiper-pagination-bullets .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(1); transform: scale(1); } .excursion-calendar__month { margin-top: 22px; font-weight: normal; font-size: 20px; line-height: 22px; opacity: .6; } @media only screen and (max-width: 750px) { .excursion-calendar__month { margin-top: 0; font-size: 18px; line-height: 20px; color: #3b4658; margin-right: 4px; opacity: 1; } } .excursion-calendar__time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 40px; margin: 5px 20px 5px 0; background-color: #f4f4f4; cursor: pointer; } @media only screen and (max-width: 750px) { .excursion-calendar__time { width: calc(100% / 3 - 10px); margin: 0 0 20px; } .excursion-calendar__time:last-child { margin-bottom: 0; } } .excursion-calendar__time:hover, .excursion-calendar__time._active { background-color: #ddecc8; } .excursion-calendar__time:nth-child(7), .excursion-calendar__time:nth-child(12) { margin-right: 0; } .excursion-calendar__time._reserved { opacity: .4; pointer-events: none; } .excursion-calendar__days { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; height: auto; width: auto; } @media only screen and (max-width: 750px) { .excursion-calendar__days { height: 100%; width: 100%; margin-right: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .excursion-calendar__day { width: 100%; margin-top: 22px; margin-bottom: 12px; font-weight: normal; font-size: 16px; line-height: 18px; } @media only screen and (max-width: 750px) { .excursion-calendar__day { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 26px; font-size: 18px; line-height: 20px; } } .excursion-contacts { position: relative; margin-top: 50px; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .excursion-contacts { margin-top: 25px; } } .excursion-contacts__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; } .excursion-contacts__row:last-child { margin-bottom: 0; } .excursion-contacts__label { margin-bottom: 18px; font-weight: normal; font-size: 20px; line-height: 22px; } .excursion-contacts .form-success__text { width: 100%; } .excursion-header { width: 100%; height: 446px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f2f2f2; color: white; } @media only screen and (max-width: 750px) { .excursion-header { height: 364px; background-position: center left; } } .excursion-header._mb92 { margin-bottom: 92px; } @media only screen and (max-width: 750px) { .excursion-header._mb92 { margin-bottom: 42px; } } .excursion-header__container { width: 1200px; height: 100%; padding: 0 20px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 750px) { .excursion-header__container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } } .excursion-header__container._online { padding: 0; } @media only screen and (max-width: 750px) { .excursion-header__container._online { padding: 0 20px; } } .excursion-header__container._bottom { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 38px; } @media only screen and (max-width: 750px) { .excursion-header__container._bottom { padding-bottom: 22px; } } .excursion-header__title { font-size: 42px; line-height: 46px; margin-bottom: 22px; } @media only screen and (max-width: 750px) { .excursion-header__title { font-size: 26px; line-height: 140%; margin-bottom: 18px; } } .excursion-header__subtitle { font-size: 18px; line-height: 164%; margin-bottom: 30px; } .excursion-header__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 250px; height: 55px; margin: 0; color: #fff; font-size: 16px; background-color: transparent; border: 1px solid #fff; cursor: pointer; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; z-index: 2; } @media only screen and (max-width: 750px) { .excursion-header__button { margin-bottom: 42px; } } .excursion-header__button:hover { background-color: #fff; color: #3b4658; } .excursion-signup { margin: 100px auto 80px; } @media only screen and (max-width: 750px) { .excursion-signup { margin: 52px auto 40px; padding: 0; } } .excursion-signup__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 92px 0 101px; background: #f4f4f4; } @media only screen and (max-width: 750px) { .excursion-signup__wrap { padding: 54px 20px; } } .excursion-signup__title { width: 100%; font-size: 28px; line-height: 34px; text-align: center; margin-bottom: 16px; } @media only screen and (max-width: 750px) { .excursion-signup__title { font-size: 18px; line-height: 24px; } } .excursion-signup__text { width: 100%; margin-bottom: 40px; font-size: 18px; text-align: center; opacity: .8; } @media only screen and (max-width: 750px) { .excursion-signup__text { margin-bottom: 40px; font-size: 16px; line-height: 26px; } } .excursion-signup__form { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .excursion-signup__success { background-color: #f4f4f4; } .excursion-signup__personal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 654px; margin-top: 20px; padding: 0 22px; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } .excursion-signup__personal._active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.4s all cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s all cubic-bezier(0.165, 0.84, 0.44, 1); } .excursion-signup__input { width: 312px; height: 46px; margin-right: 30px; font-size: 16px; } @media only screen and (max-width: 750px) { .excursion-signup__input { margin-right: 0; margin-bottom: 20px; } } .excursion-signup__btn { display: block; width: 250px; height: 55px; margin-right: 34px; line-height: 55px; text-align: center; } .excursion-signup__btn:last-child { margin-right: 0; } .excursion-signup__btn._bordered { background-color: transparent; border: 1px solid #3b4658; color: #14191a; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } .excursion-signup__btn._bordered:hover { background-color: #3b4658; color: #fff; } @media only screen and (max-width: 750px) { .excursion-signup__btn { width: 100%; height: 50px; line-height: 50px; margin-right: 0; margin-bottom: 20px; } .excursion-signup__btn:last-child { margin-bottom: 0; } } .excursion .excursion-block { padding-top: 60px; } @media only screen and (max-width: 750px) { .excursion .excursion-signup { margin-bottom: 0; } } .realtors-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 375px; color: white; background-image: url(/static/images/realtors-header.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .realtors-header { height: 242px; padding: 20px 0; } } .realtors-header._index { height: 444px; background-image: url("https://cdn.brusnika.ru/media/realtors-header.png"); } .realtors-header._index:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; z-index: 1; } @media only screen and (max-width: 750px) { .realtors-header._index { height: 418px; padding: 20px 0; background-image: url("https://cdn.brusnika.ru/media/realtors-header-mobile.png"); } } .realtors-header.--main { position: relative; background-image: url(/static/images/realtors-main-header.jpg); } @media only screen and (max-width: 750px) { .realtors-header.--main { height: 320px; } .realtors-header.--main:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1; } } .realtors-header__container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; z-index: 2; } .realtors-header__container._index { display: block; height: auto; padding-top: 122px; } @media only screen and (max-width: 750px) { .realtors-header__container._index { padding-top: 166px; } } .realtors-header__container.--main { display: block; height: auto; padding-top: 124px; } @media only screen and (max-width: 750px) { .realtors-header__container.--main { position: relative; padding-top: 64px; z-index: 2; } } .realtors-header__title { margin-top: auto; margin-bottom: 40px; font-size: 34px; line-height: 49px; } @media only screen and (max-width: 750px) { .realtors-header__title { margin-bottom: 0; font-size: 26px; line-height: 30px; } } .realtors-header__title._index { max-width: 428px; margin-top: auto; margin-bottom: 20px; font-size: 36px; font-weight: 700; line-height: 48px; } @media only screen and (max-width: 750px) { .realtors-header__title._index { font-size: 24px; line-height: 32px; margin-bottom: 8px; } } .realtors-header__title.--main { margin-bottom: 20px; } @media only screen and (max-width: 750px) { .realtors-header__title.--main { color: #fff; } } .realtors-header__text { max-width: 426px; margin-bottom: 30px; font-style: normal; font-size: 16px; line-height: 33px; } @media only screen and (max-width: 750px) { .realtors-header__text { width: 100%; line-height: 24px; } } .realtors-header__text._index { max-width: 428px; margin-bottom: 30px; font-style: normal; font-size: 16px; line-height: 24px; } @media only screen and (max-width: 750px) { .realtors-header__text._index { margin-bottom: 16px; font-style: normal; font-size: 14px; line-height: 20px; } } .realtors-header__button { width: 288px; height: 59px; } .realtors-header__callback { display: none; position: relative; -ms-flex-negative: 0; flex-shrink: 0; min-width: 180px; padding: 12px 20px; font-size: 14px; font-weight: 500; line-height: 20px; background-color: #ef3b24; border-radius: 8px; } .realtors-header__callback:hover { background-color: #f14f3a; } @media only screen and (max-width: 750px) { .realtors-header__callback { display: block; } } .realtors-section { padding-top: 48px; } @media only screen and (max-width: 750px) { .realtors-section { padding-top: 32px; } } .realtors-section.--small { padding-top: 28px; } @media only screen and (max-width: 750px) { .realtors-section.--small { padding-top: 20px; } } .realtors-section.--small .realtors-section__title { margin-bottom: 28px; font-size: 20px; line-height: 160%; } @media only screen and (max-width: 750px) { .realtors-section.--small .realtors-section__title { width: 100%; margin-bottom: 20px; font-size: 14px; line-height: 148%; } } .realtors-section.--small .realtors-section__title._w841 { max-width: 841px; } @media only screen and (max-width: 750px) { .realtors-section.--small .realtors-section__title.--cabinet { margin-bottom: 0; } } .realtors-section.--form { padding-top: 44px; } @media only screen and (max-width: 750px) { .realtors-section.--form { padding-top: 22px; } } .realtors-section.--form .realtors-section__title { margin-bottom: 36px; } @media only screen and (max-width: 750px) { .realtors-section.--form .realtors-section__title { margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .realtors-section.--tabs { padding-top: 0; } } .realtors-section__menu-mob-btn { display: none; font-size: 14px; line-height: 20px; font-weight: 500; padding: 12px 17px; border-radius: 8px; background-color: #ef3b24; color: #fff; width: calc(100% - 40px); margin: 12px 20px; -webkit-transform: translateY(-1px); transform: translateY(-1px); } @media only screen and (max-width: 750px) { .realtors-section__menu-mob-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .realtors-section__menu-mob-icn { -webkit-transform: translateY(1px); transform: translateY(1px); margin-left: 4px; width: 16px; height: 16px; } .realtors-section__title { margin-bottom: 40px; font-size: 28px; font-weight: 700; line-height: 36px; } @media only screen and (max-width: 750px) { .realtors-section__title { margin-bottom: 32px; font-size: 20px; line-height: 28px; } } .realtors-section__title.--mobile-hidden { display: none; } @media only screen and (max-width: 750px) { .realtors-section__title.--cabinet { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .realtors-section.--padding-none { padding-top: 0; } } .realtors-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .realtors-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } } .realtors-list__item { -ms-flex-negative: 0; flex-shrink: 0; } .realtors-card { position: relative; width: 385px; height: 275px; padding: 160px 50px 0; text-align: center; background-color: #eee; } @media only screen and (max-width: 750px) { .realtors-card { width: 100%; padding: 145px 30px 30px; margin-bottom: 20px; } .realtors-card:last-child { margin-bottom: 0; } } .realtors-card.--big { height: 330px; } .realtors-card.--white { width: 385px; height: auto; padding: 0 100px 0 0; text-align: left; background-color: white; } @media only screen and (max-width: 750px) { .realtors-card.--white { padding-right: 0; width: 100%; background: transparent; } } .realtors-card.--white .realtors-card__title { font-size: 26px; line-height: 30px; } .realtors-card.--white .realtors-card__desc { font-size: 16px; line-height: 21px; } .realtors-card__icon { position: absolute; top: 40px; left: 50%; width: 80px; height: 80px; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .realtors-card__title { height: 54px; font-size: 18px; line-height: 27px; } @media only screen and (max-width: 750px) { .realtors-card__title { height: auto; margin-bottom: 10px; } } .realtors-card__desc { line-height: 22px; font-size: 16px; font-weight: 300; } .realtors-callback { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 44px 53px 28px 45px; background-color: #eee; } @media only screen and (max-width: 750px) { .realtors-callback { padding: 15px; } } .realtors-callback.--narrow { width: 386px; } @media only screen and (max-width: 750px) { .realtors-callback.--narrow { width: 100%; } } .realtors-callback__top-text { padding-right: 20px; font-weight: 300; font-size: 22px; line-height: 36px; } @media only screen and (max-width: 750px) { .realtors-callback__top-text { padding-right: 0; } } .realtors-callback__bottom-text { margin-top: 16px; padding-right: 20px; font-size: 14px; line-height: 25px; color: #b6b6b6; } @media only screen and (max-width: 750px) { .realtors-callback__bottom-text { margin-bottom: 16px; padding-right: 0; } } .realtors-callback__link { width: 100%; height: 59px; margin-top: auto; } @media only screen and (max-width: 750px) { .realtors-callback__link { margin-top: 16px; } } .realtors-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: 1px solid #d9d9d9; } @media only screen and (max-width: 750px) { .realtors-tabs { max-width: 100%; padding-top: 24px; overflow-x: scroll; /*stylelint-disable*/ scrollbar-width: none; /* Firefox */ /*stylelint-enable*/ -ms-overflow-style: none; /* IE 10+ */ } .realtors-tabs::-webkit-scrollbar { display: none; /* Chrome Safari */ } } .realtors-tabs__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media only screen and (max-width: 750px) { .realtors-tabs__wrapper:before, .realtors-tabs__wrapper:after { content: ""; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 20px; background-color: transparent; } } .realtors-tabs__item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; height: 40px; margin-right: 60px; font-size: 16px; line-height: 19px; pointer-events: all; cursor: pointer; } .realtors-tabs__item:last-of-type { margin-right: 0; } @media only screen and (max-width: 750px) { .realtors-tabs__item { margin-right: 25px; } .realtors-tabs__item:last-of-type { margin-right: 0; } } .realtors-tabs__item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } .realtors-tabs__item:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .realtors-tabs__item.--active { pointer-events: none; cursor: default; } .realtors-tabs__item.--active:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .realtors-tabs__button { display: none; } .realtors-tabs._index { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } @media only screen and (max-width: 750px) { .realtors-tabs._index { padding: 0; } } .realtors-tabs._index .realtors-tabs__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .realtors-tabs._index .realtors-tabs__item { height: unset; margin-right: 48px; padding-bottom: 4px; font-size: 16px; line-height: 48px; pointer-events: all; cursor: pointer; color: #000; } .realtors-tabs._index .realtors-tabs__item:last-of-type { margin-right: 0; } .realtors-tabs._index .realtors-tabs__item:after { height: 2px; background-color: #000; } @media only screen and (max-width: 750px) { .realtors-tabs._index .realtors-tabs__item { margin-right: 40px; } .realtors-tabs._index .realtors-tabs__item:last-of-type { margin-right: 0; } } .realtors-tabs._index .realtors-tabs__button { display: block; position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 180px; padding: 12px 20px; font-size: 14px; font-weight: 500; line-height: 20px; background-color: #ef3b24; border-radius: 8px; } .realtors-tabs._index .realtors-tabs__button:hover { background-color: #f14f3a; } @media only screen and (max-width: 750px) { .realtors-tabs._index .realtors-tabs__button { display: none; } } .realtors-info__wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .realtors-info__text { max-width: 794px; margin-bottom: 24px; font-weight: 400; font-size: 16px; line-height: 175%; } @media only screen and (max-width: 750px) { .realtors-info__text { margin-bottom: 20px; } } .realtors-info__text p { margin-bottom: 20px; } .realtors-info__text p:last-child { margin-bottom: 0; } .realtors-info__top-text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 28px; } @media only screen and (max-width: 750px) { .realtors-info__top-text { width: 100%; } } .realtors-info__image { position: relative; margin-bottom: 50px; } @media only screen and (max-width: 750px) { .realtors-info__image.--wide { width: 100%; margin-bottom: 0; } } .realtors-info__image-container { height: 439px; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .realtors-info__image-container { height: 207px; } } .realtors-info__image-container.--slide-1 { background-image: url(/static/images/realtors-slide-1.jpg); } .realtors-info__image-container.--slide-2 { background-image: url(/static/images/realtors-slide-2.jpg); } .realtors-info__image-label { position: absolute; bottom: -40px; left: 0; font-size: 14px; line-height: 16px; color: #b6b6b6; } @media only screen and (max-width: 750px) { .realtors-info__image-label { bottom: 20px; left: 20px; color: white; } } .realtors-info__text-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; padding: 0 75px; background-color: #eee; font-weight: bold; font-size: 30px; line-height: 1.2em; } @media only screen and (max-width: 750px) { .realtors-info__text-block.--narrow { width: 100%; padding: 20px; font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 0; } } .realtors-info__title { width: 100%; margin-bottom: 12px; font-size: 28px; font-weight: 700; line-height: 36px; } @media only screen and (max-width: 750px) { .realtors-info__title { margin-bottom: 12px; font-size: 20px; line-height: 28px; } } .realtors-info__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .realtors-info__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .realtors-info__container-item { -ms-flex-negative: 0; flex-shrink: 0; } .realtors-info__container-item:first-child { width: 711px; } @media only screen and (max-width: 750px) { .realtors-info__container-item:first-child { width: 100%; margin-bottom: 20px; } } .realtors-info__container-item:last-child { width: 386px; } @media only screen and (max-width: 750px) { .realtors-info__container-item:last-child { position: relative; left: -20px; width: 100vw; padding: 20px; background-color: white; } } .realtors-info__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .realtors-info__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } } .realtors-info__list-item { width: 305px; margin-top: 20px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 15px; line-height: 24px; } .realtors-info__list-item:nth-child(-n + 2) { margin-top: 0; } @media only screen and (max-width: 750px) { .realtors-info__list-item:nth-child(-n + 2) { margin-top: 20px; font-size: 14px; line-height: 23px; } } @media only screen and (max-width: 750px) { .realtors-info__list-item:first-child { margin-top: 0; } } @media only screen and (max-width: 750px) { .realtors-info__list-item { width: 100%; } } .realtors-info__apps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 25px; margin-bottom: 25px; } @media only screen and (max-width: 750px) { .realtors-info__apps { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .realtors-info__apps-item { -ms-flex-negative: 0; flex-shrink: 0; width: 183px; height: 62px; background-color: #3b4658; background-repeat: no-repeat; background-position: center; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .realtors-info__apps-item:hover { background-color: #272e39; } .realtors-info__apps-item.--apple { background-image: url(data:image/png;base64,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); background-size: 109px 31px; } @media only screen and (max-width: 750px) { .realtors-info__apps-item.--apple { margin-right: 5px; margin-bottom: 5px; } } .realtors-info__apps-item.--android { background-image: url(data:image/png;base64,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); background-size: 129px 28px; } .realtors-info__button { position: relative; -ms-flex-negative: 0; flex-shrink: 0; min-width: 224px; padding: 16px 24px; font-size: 16px; font-weight: 500; line-height: 24px; background-color: #ef3b24; border-radius: 8px; } .realtors-info__button:hover { background-color: #f14f3a; } @media only screen and (max-width: 750px) { .realtors-info__button { min-width: 180px; padding: 12px 20px; font-size: 14px; font-weight: 500; line-height: 20px; } .realtors-info__button:hover { background-color: #ef3b24; } .realtors-info__button:after { display: none; } } .realtors-cabinet-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 20px; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs { padding-top: 0; max-width: 100%; border-bottom: 1px solid #d9d9d9; overflow-x: scroll; } } .realtors-cabinet-tabs__item { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .realtors-cabinet-tabs__item-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .realtors-cabinet-tabs__item-tab .realtors-cabinet-tabs__link { margin-bottom: 20px; } .realtors-cabinet-tabs__item-tab .realtors-cabinet-tabs__link:last-child { margin-bottom: 0; } .realtors-cabinet-tabs__arrow-link { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 134px; height: 53px; margin-right: 121px; padding-left: 45px; font-size: 16px; line-height: 53px; border: 1px solid #d9d9d9; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__arrow-link { height: 59px; line-height: 59px; margin-right: 0; background-color: white; font-size: 14px; border: none; } } .realtors-cabinet-tabs__arrow-link:before { content: ""; position: absolute; top: 52%; left: 20px; width: 8px; height: 8px; border-left: 1px solid black; border-bottom: 1px solid black; -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); transform: translate3d(0, -50%, 0) rotate(45deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; will-change: transform; } .realtors-cabinet-tabs__arrow-link:hover { border-color: #3b4658; } .realtors-cabinet-tabs__arrow-link:hover:before { -webkit-transform: translate3d(-5px, -50%, 0) rotate(45deg); transform: translate3d(-5px, -50%, 0) rotate(45deg); } .realtors-cabinet-tabs__catalog { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 79px; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__catalog { margin-right: 0; } } .realtors-cabinet-tabs__catalog:hover .realtors-cabinet-tabs__catalog-item:last-child { border-color: #3b4658; } .realtors-cabinet-tabs__catalog-item { -ms-flex-negative: 0; flex-shrink: 0; height: 53px; padding: 0 15px; line-height: 53px; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__catalog-item { height: 59px; line-height: 59px; } } .realtors-cabinet-tabs__catalog-item:first-child { font-size: 13px; color: white; background-color: #3b4658; } .realtors-cabinet-tabs__catalog-item:last-child { padding-right: 30px; font-size: 16px; color: #3b4658; border: 1px solid #d9d9d9; border-left: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__catalog-item:last-child { font-size: 14px; border: none; background-color: white; } } .realtors-cabinet-tabs__link { font-size: 16px; line-height: 19px; border-bottom: 1px solid #3b4658; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__link { height: 59px; line-height: 59px; font-size: 14px; padding: 0 37px; background-color: white; color: #14191a; border: none; border-radius: unset; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } } .realtors-cabinet-tabs__link._red { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 20px; font-weight: 500; padding: 8px 17px; border-radius: 8px; background-color: #ef3b24; color: #fff; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; border: 1px solid #ef3b24; } @media (hover), (min-width: 0 \0) { .realtors-cabinet-tabs__link._red:hover { background-color: #f14f3a; border: 1px solid #f14f3a; } } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__link._red { height: 59px; line-height: 59px; font-size: 14px; padding: 0 37px; background-color: white; color: #14191a; border: none; border-radius: unset; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } } .realtors-cabinet-tabs__link._red.secondary { background-color: #fff; color: #ef3b24; margin-left: 12px; } @media (hover), (min-width: 0 \0) { .realtors-cabinet-tabs__link._red.secondary:hover { background-color: #ef3b24; color: #fff; } } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__link._red.secondary { display: none; } } .realtors-cabinet-tabs__link-icon { -webkit-transform: translateY(-1px); transform: translateY(-1px); margin-left: 4px; width: 16px; height: 16px; } .realtors-cabinet-tabs__link.-active { border-bottom: none; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__link.-active { pointer-events: none; border-color: transparent; border-bottom: 1px solid #3b4658; } } .realtors-cabinet-tabs__link.customers-left { position: relative; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__link.customers-left { margin-right: 0; } } .realtors-cabinet-tabs__link.customers-left:last-child { margin-right: 0; } .realtors-cabinet-tabs__link.mob { display: none; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__link.mob { display: inline-block; } } .realtors-cabinet-tabs__link:hover { border-bottom: 1px solid transparent; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__link:hover { border-color: #d9d9d9; } } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__link.--logout { border-right: none; } } .realtors-cabinet-tabs__link.customers { position: relative; } .realtors-cabinet-tabs__link-shield { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 18px; height: 18px; background: #fff; border-radius: 50%; color: #ef3b24; font-size: 12px; margin-left: 8px; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__link-shield { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; right: 25px; top: 14px; font-size: 9px; background: #39455b; color: #f9f9f9; margin-left: 0; width: 14px; height: 14px; } } .realtors-cabinet-tabs__user { margin-right: 94px; font-size: 16px; line-height: 19px; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__user { display: none; } } .realtors-cabinet-tabs__mobile-cabinet { display: none; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__mobile-cabinet { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; width: 73px; height: 59px; background-color: white; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMTYgMTYuMzJDMTIuNjY2NiAxNi4zMiAxNi4zMiAxMi42NjY2IDE2LjMyIDguMTZDMTYuMzIgMy42NTMzNiAxMi42NjY2IDAgOC4xNiAwQzMuNjUzMzYgMCAwIDMuNjUzMzYgMCA4LjE2QzAgMTIuNjY2NiAzLjY1MzM2IDE2LjMyIDguMTYgMTYuMzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjMzOTg0IDEuMzM5OTcpIiBzdHJva2U9IiMzOTQ1NUIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjIzNzU4IDkuNTY2NThDNy4xODc5NCA5LjAxODUgNy4yMDY5OCA4LjYzNiA3LjIwNjk4IDguMTM1MThDNy40NTUxOCA4LjAwNDk2IDcuODk5OSA3LjE3NDY4IDcuOTc1MDQgNi40NzMyNkM4LjE3MDIgNi40NTcyOCA4LjQ3NzkgNi4yNjY4OCA4LjU2OCA1LjUxNTE0QzguNjE2NjIgNS4xMTE1NiA4LjQyMzUgNC44ODQ0NCA4LjMwNTg2IDQuODEzMDRDOC42MjM0MiAzLjg1Nzk4IDkuMjgzMDIgMC45MDMzOCA3LjA4NTk0IDAuNTk4MDZDNi44NTk4NCAwLjIwMDk0IDYuMjgwODIgMCA1LjUyODQgMEMyLjUxODA0IDAuMDU1NDIgMi4xNTQ5MiAyLjI3MzI0IDIuODE0ODYgNC44MTMwNEMyLjY5NzU2IDQuODg0NDQgMi41MDQ0NCA1LjExMTU2IDIuNTUyNzIgNS41MTUxNEMyLjY0MzE2IDYuMjY2ODggMi45NTA1MiA2LjQ1NzI4IDMuMTQ1NjggNi40NzMyNkMzLjIyMDQ4IDcuMTc0MzQgMy42ODI4OCA4LjAwNDk2IDMuOTMxNzYgOC4xMzUxOEMzLjkzMTc2IDguNjM2IDMuOTUwNDYgOS4wMTg1IDMuOTAwODIgOS41NjY1OEMzLjQ3MjA4IDEwLjcxOTIgMS4yNzAyNCAxMC44MDkzIDAgMTEuOTIwN0MxLjMyODA0IDEzLjI1OCAzLjQ4MDI0IDE0LjIxNDQgNS43NTE0NCAxNC4yMTQ0QzguMDIyNjQgMTQuMjE0NCAxMC42OTIzIDEyLjQyMTIgMTEuMTM2NyAxMS45MzJDOS44NzQyOCAxMC44MTAzIDcuNjY3MzQgMTAuNzIzMyA3LjIzNzU4IDkuNTY2NThaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjkzOTQ1IDMuNTEyOTQpIiBmaWxsPSIjMzk0NTVCIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; } } .realtors-cabinet-tabs__mobile-cabinet.--border-left { border-left: 1px solid #d9d9d9; } .realtors-cabinet-tabs__nav { display: none; } @media only screen and (max-width: 750px) { .realtors-cabinet-tabs__nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 161px; -webkit-transition: max-height .4s ease; transition: max-height .4s ease; } .realtors-cabinet-tabs__nav:hover .realtors-cabinet-tabs__nav-item { max-height: 500px; } } .realtors-cabinet-tabs__nav-item { position: absolute; top: 59px; margin-right: 0; max-height: 0; width: 100%; overflow: hidden; z-index: 99; -webkit-transition: max-height .6s ease; transition: max-height .6s ease; } .realtors-cabinet-tabs__nav-item .realtors-cabinet-tabs__link { width: 100%; text-align: center; } .realtors-cabinet-tabs__nav-item.title { position: relative; top: auto; max-height: none; } .realtors-user-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 444px; } @media only screen and (max-width: 750px) { .realtors-user-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } } .realtors-user-info__item { -ms-flex-negative: 0; flex-shrink: 0; width: 200px; margin-top: 29px; } @media only screen and (max-width: 750px) { .realtors-user-info__item { width: 100%; } } .realtors-user-info__item:nth-child(-n + 2) { margin-top: 0; } @media only screen and (max-width: 750px) { .realtors-user-info__item:nth-child(-n + 2) { margin-top: 29px; } } .realtors-user-info__item.--large { width: 100%; } .realtors-user-info__title { margin-bottom: 8px; font-weight: 300; font-size: 16px; line-height: 19px; } .realtors-user-info__text { font-size: 16px; line-height: 24px; } .realtors-user-info__text span { display: block; } .realtors-user-info__link { font-size: 16px; line-height: 38px; border-bottom: 1px solid #3b4658; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .realtors-user-info__link:hover { border-color: transparent; } .realtors-form__section-title { margin-bottom: 20px; font-size: 20px; line-height: 26px; } .realtors-form__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; } @media only screen and (max-width: 750px) { .realtors-form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 750px) { .realtors-form__row._mb0 { margin-bottom: 0; } } .realtors-form__row.--recovery { margin-bottom: 40px; } .realtors-form__row.--tip { margin-bottom: 15px; } .realtors-form__radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; cursor: pointer; } @media only screen and (max-width: 750px) { .realtors-form__radio { margin-bottom: 16px; } .realtors-form__radio:last-child { margin-bottom: 0; } } .realtors-form__radio:last-child { margin-right: 0; } .realtors-form__radio-group { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .realtors-form__radio-group { display: block; } } .realtors-form__radio-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI3LjUiIHN0cm9rZT0iIzNCNDY1OCIvPgo8L3N2Zz4K); -webkit-transition: background-image .3s ease; transition: background-image .3s ease; } @media only screen and (max-width: 750px) { .realtors-form__radio-box { top: 0; } } .realtors-form__radio-label { margin-left: 16px; font-style: normal; font-weight: 300; font-size: 16px; line-height: 18px; color: #3b4658; } .realtors-form__radio.active .realtors-form__radio-box { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI3LjUiIHN0cm9rZT0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMTIuMzU2OCA4QzEyLjM1NjggMTAuNDkyMSAxMC4zNjc0IDEyLjUgNy45Mjg0MSAxMi41QzUuNDg5NDQgMTIuNSAzLjUgMTAuNDkyMSAzLjUgOEMzLjUgNS41MDc5IDUuNDg5NDQgMy41IDcuOTI4NDEgMy41QzEwLjM2NzQgMy41IDEyLjM1NjggNS41MDc5IDEyLjM1NjggOFoiIGZpbGw9IiMzQjQ2NTgiIHN0cm9rZT0iIzNCNDY1OCIvPgo8L3N2Zz4K); } .realtors-form__select-search { background-color: #fff; border-radius: 0; } .realtors-form__select-search .selectize-input { padding: 12px 16px; border-radius: 0; border: 1px solid #d4d4d4; -webkit-box-shadow: none; box-shadow: none; } .realtors-form__select-search .selectize-input input { font-size: 14px; font-weight: 300; color: #3b4658; } .realtors-form__select-search .selectize-dropdown .option { padding: 10px 16px; border-bottom: 1px solid #d4d4d4; cursor: pointer; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .realtors-form__select-search .selectize-dropdown .option:hover, .realtors-form__select-search .selectize-dropdown .option.active { background-color: #f0f0f0; } .realtors-form__select-search .selectize-dropdown .option[data-value="0"] { display: none; } .realtors-form__row-item { -ms-flex-negative: 0; flex-shrink: 0; width: 333px; max-height: 100px; margin-right: 20px; -webkit-transition: opacity .4s ease, max-height .4s ease; transition: opacity .4s ease, max-height .4s ease; } @media only screen and (max-width: 750px) { .realtors-form__row-item { width: 100%; margin-right: 0; margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .realtors-form__row-item:last-child { margin-bottom: 0; } } .realtors-form__row-item._tooltip { width: 370px; } @media only screen and (max-width: 750px) { .realtors-form__row-item._tooltip { width: 100%; margin-bottom: 15px; } } .realtors-form__row-item._tooltip .form-item__input { width: 333px; } @media only screen and (max-width: 750px) { .realtors-form__row-item._tooltip .form-item__input { width: 88%; } } .realtors-form__row-item._tooltip .tooltip-wrapper { position: relative; top: 5px; margin-left: 10px; } @media only screen and (max-width: 750px) { .realtors-form__row-item._tooltip .tooltip-block:before { top: -10px; right: 0; bottom: auto; left: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @media only screen and (max-width: 750px) { .realtors-form__row-item._tooltip .tooltip-block-wrapper { -webkit-transform: translate(100%, 15%); transform: translate(100%, 15%); } } @media only screen and (max-width: 750px) { .realtors-form__row-item._tooltip .tooltip:hover .tooltip-block-wrapper { -webkit-transform: translate(-94%, 15%); transform: translate(-94%, 15%); } } .realtors-form__row-item .selectric-scroll li:first-child { display: none; } .realtors-form__row-item.wrong .realtors-form__select-search .selectize-input { border-color: red; } .realtors-form__row-item.wrong .selectric, .realtors-form__row-item.wrong input, .realtors-form__row-item.wrong textarea { border-color: #ef3b24; } .realtors-form__row-item.hidden { margin-bottom: 0; opacity: 0; max-height: 0; pointer-events: none; -webkit-transition: opacity .4s ease, max-height .4s ease; transition: opacity .4s ease, max-height .4s ease; } .realtors-form__group { display: -webkit-box; display: -ms-flexbox; display: flex; } .realtors-form__group-item { -ms-flex-negative: 0; flex-shrink: 0; width: 100px; margin-right: 8px; } .realtors-form__group-item:last-child { margin-right: 0; } .realtors-form__group-item.--grow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .realtors-form__link { margin-bottom: 25px; } .realtors-form__link.--registration { margin-bottom: 10px; } .realtors-form__link:last-child { margin-bottom: 0; } .realtors-form__link-text { font-size: 16px; line-height: 38px; border-bottom: 1px solid transparent; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .realtors-form__link-text:hover { border-color: #3b4658; } .realtors-form__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media only screen and (max-width: 750px) { .realtors-form__action { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .realtors-form__submit { height: 59px; padding-right: 70px; padding-left: 70px; line-height: 59px; } @media only screen and (max-width: 750px) { .realtors-form__submit { width: 100%; margin-bottom: 25px; } } .realtors-form__submit.--notification { width: 333px; } @media only screen and (max-width: 750px) { .realtors-form__submit.--notification { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } } @media only screen and (max-width: 750px) { .realtors-form__submit.active { opacity: 0; } } .realtors-form__submit:last-child { margin-bottom: 0; } .realtors-form__success { font-size: 20px; margin: 10px 0 0 30px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; display: none; } @media only screen and (max-width: 750px) { .realtors-form__success { font-size: 14px; position: absolute; width: 100%; top: 50%; left: 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin: 0; text-align: center; } } .realtors-form__success.active { display: block; } .realtors-form__tips { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 20px; } @media only screen and (max-width: 750px) { .realtors-form__tips { margin-left: 0; } } .realtors-form__error { display: none; font-size: 18px; color: #ef3b24; } .realtors-form__error a { color: #ef3b24; text-decoration: underline; } @media only screen and (max-width: 750px) { .realtors-form__error { font-size: 16px; } } .realtors-form__info { display: none; font-size: 18px; } @media only screen and (max-width: 750px) { .realtors-form__info { font-size: 16px; } } .realtors-form__personal { margin-bottom: 30px; } .realtors-form__date.wrong input { border-color: red; } .realtors-archive__empty { font-size: 24px; } .realtors-archive__description { font-size: 16px; line-height: 142%; color: #3b4658; border-top: 1px solid #d9d9d9; padding: 28px 0; font-weight: 300; } .realtors-archive__description a { color: #3b4658; font-weight: 500; } @media only screen and (max-width: 750px) { .realtors-archive__description { padding-top: 5px; padding-bottom: 25px; border: none; } } .realtors-archive__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; padding: 25px 40px 0; } @media only screen and (max-width: 750px) { .realtors-archive__item { padding-left: 0; padding-right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 750px) { .realtors-archive__item:first-child:before { display: none; } } .realtors-archive__item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #d9d9d9; } .realtors-archive__image { -ms-flex-negative: 0; flex-shrink: 0; width: 200px; margin-right: 80px; background-repeat: no-repeat; background-position: center; background-size: contain; } @media only screen and (max-width: 750px) { .realtors-archive__image { display: none; } } .realtors-archive__mobile-image { display: none; } @media only screen and (max-width: 750px) { .realtors-archive__mobile-image { display: block; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 30px; width: 150px; height: 190px; background-repeat: no-repeat; background-position: center; background-size: contain; } } .realtors-archive__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 830px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .realtors-archive__row { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 750px) { .realtors-archive__row.--top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .realtors-archive__row:last-child { margin-bottom: 0; } .realtors-archive__mobile-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .realtors-archive__mobile-container { width: auto; display: block; padding-top: 10px; } } .realtors-archive__first-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 343px; } @media only screen and (max-width: 750px) { .realtors-archive__first-col { width: auto; } } @media only screen and (max-width: 750px) { .realtors-archive__first-col.--order { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .realtors-archive__second-col { -ms-flex-negative: 0; flex-shrink: 0; width: 384px; } @media only screen and (max-width: 750px) { .realtors-archive__second-col { width: auto; } } @media only screen and (max-width: 750px) { .realtors-archive__second-col.--order { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 20px; } } @media only screen and (max-width: 750px) { .realtors-archive__section.--client { margin-bottom: 10px; } } .realtors-archive__section.--manager { margin-top: auto; } .realtors-archive__section:last-child { margin-bottom: 0; } .realtors-archive__label { min-height: 19px; font-weight: 300; font-size: 16px; line-height: 19px; } .realtors-archive__label.--opacity { color: rgba(59, 70, 88, 0.6); } @media only screen and (max-width: 750px) { .realtors-archive__label.--hidden { display: none; } } .realtors-archive__string { font-size: 16px; line-height: 24px; } .realtors-archive__string.--date { font-family: "Grtsk-Exa", "Verdana", sans-serif; } .realtors-archive__string.--opacity { color: rgba(59, 70, 88, 0.6); } .realtors-archive__string.--line-height { line-height: 30px; } .realtors-projects { width: 1240px; max-width: 100%; min-width: 1240px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 750px) { .realtors-projects { width: 100%; min-width: 100%; padding: 0; } } .realtors-projects__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1017px; margin-bottom: 70px; } @media only screen and (max-width: 750px) { .realtors-projects__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 50px; } } .realtors-projects__item:last-child { margin-bottom: 0; } .realtors-projects__first-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 387px; } @media only screen and (max-width: 750px) { .realtors-projects__first-col { width: 100%; padding: 0 20px; margin-bottom: 40px; } } .realtors-projects__second-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 611px; } @media only screen and (max-width: 750px) { .realtors-projects__second-col { width: 100%; } } @media only screen and (max-width: 750px) { .realtors-projects__second-col-container { max-width: 100%; overflow-x: scroll; } } .realtors-projects__image { width: 100%; height: 326px; margin-bottom: 40px; background-repeat: no-repeat; background-position: center; background-size: cover; } .realtors-projects__image.--nikitina { background-image: url(/static/images/nikitina.jpg); } @media only screen and (max-width: 750px) { .realtors-projects__image { height: calc(100vw - 40px); margin-bottom: 20px; } } .realtors-projects__about { margin-bottom: 15px; } @media only screen and (max-width: 750px) { .realtors-projects__about { margin-bottom: 25px; } } .realtors-projects__title { margin-bottom: 8px; font-size: 24px; line-height: 28px; } .realtors-projects__location { font-weight: 300; font-size: 16px; line-height: 19px; } .realtors-projects__files { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: auto; } .realtors-projects__files-link { margin-bottom: 10px; font-size: 16px; line-height: 16px; color: black; border-bottom: 1px solid black; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .realtors-projects__files-link:hover { border-color: transparent; } .realtors-projects__files-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .realtors-projects__files-item:last-child { margin-bottom: 0; } .realtors-projects__files-item .realtors-projects__files-link { margin-bottom: 0; } .realtors-projects__files-size { margin-left: 4px; font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.6); } .realtors-projects__table { width: 100%; min-height: 326px; margin-bottom: 42px; padding: 33px 70px 40px 82px; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .realtors-projects__table { width: 100%; min-width: 490px; min-height: 0; margin-bottom: 0; padding: 33px 20px 40px; } } .realtors-projects__table-title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 47px; margin-bottom: 30px; font-size: 13px; line-height: 15px; } @media only screen and (max-width: 750px) { .realtors-projects__table-title { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .realtors-projects__table-title:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #d9d9d9; } .realtors-projects__table-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; font-size: 16px; line-height: 19px; } @media only screen and (max-width: 750px) { .realtors-projects__table-row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .realtors-projects__table-row:last-child { margin-bottom: 0; } .realtors-projects__table-cell { -ms-flex-negative: 0; flex-shrink: 0; } .realtors-projects__table-cell.--nowrap { white-space: nowrap; } .realtors-projects__table-cell:nth-child(1) { width: 105px; } @media only screen and (max-width: 750px) { .realtors-projects__table-cell:nth-child(1) { width: 80px; } } .realtors-projects__table-cell:nth-child(2) { width: 110px; } @media only screen and (max-width: 750px) { .realtors-projects__table-cell:nth-child(2) { width: 90px; } } .realtors-projects__table-cell:nth-child(3) { width: 122px; } .realtors-projects__table-cell:nth-child(4) { width: 130px; } @media only screen and (max-width: 750px) { .realtors-projects__table-cell:nth-child(4) { width: 150px; } } .realtors-projects__button { margin-top: auto; width: 288px; height: 59px; } @media only screen and (max-width: 750px) { .realtors-projects__button { width: 100%; } } .realtors-project-detail { padding-top: 40px; padding-bottom: 79px; background-color: white; } .realtors-project-detail * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 750px) { .realtors-project-detail { padding-top: 20px; padding-bottom: 30px; max-width: 100%; overflow-x: scroll; } } @media only screen and (max-width: 750px) { .realtors-project-detail__container { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 750px) { .realtors-project-detail__container:after { content: ""; width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; } } @media only screen and (max-width: 750px) { .realtors-project-detail__wrapper { -ms-flex-negative: 0; flex-shrink: 0; } } .realtors-project-detail__filter { margin-bottom: 30px; } .realtors-project-detail__sections { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } @media only screen and (max-width: 750px) { .realtors-project-detail__sections { margin-bottom: 30px; } } .realtors-project-detail__sections-item { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 28px; border-bottom: 1px dotted #3b4658; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .realtors-project-detail__sections-item:hover { border-color: transparent; } .realtors-project-detail__sections-item.--active { border-color: transparent; pointer-events: none; } .realtors-project-detail__sections-item:last-child { margin-right: 0; } .realtors-project-detail__table { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 1000px; padding-left: 31px; } @media only screen and (max-width: 750px) { .realtors-project-detail__table { width: auto; } } .realtors-project-detail__table-container { display: none; padding-left: 10px; } .realtors-project-detail__floors-title { position: absolute; top: 6px; left: 0; z-index: 1; line-height: 14px; } .realtors-project-detail__floors { position: absolute; top: 76px; left: 0; z-index: 1; width: 50px; } .realtors-project-detail__floors-text { margin-bottom: 95px; line-height: 14px; } .realtors-project-detail__legend { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .realtors-project-detail__legend { margin-left: 40px; -ms-flex-item-align: start; align-self: flex-start; } } .realtors-project-detail__legend-item { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 17px; } .realtors-project-detail__legend-item:last-child { margin-right: 0; } .realtors-project-detail__legend-item.--free:before { background-color: #9bca3c; } .realtors-project-detail__legend-item.--booked:before { background-color: #3b4658; } .realtors-project-detail__legend-item.--sold:before { background-color: #d9d9d9; } .realtors-project-detail__legend-item:before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; width: 17px; height: 17px; margin-right: 10px; } .realtors-project-detail__flats { width: 100%; overflow-x: scroll; } .realtors-project-detail__flats-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 9px; } .realtors-project-detail__flats-row:last-child { margin-bottom: 0; } .realtors-project-detail .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 45px; } .realtors-project-detail-flat { position: relative; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 135px; height: 100px; margin-right: 9px; padding: 9px; border: 1px solid #d9d9d9; font-size: 12px; -webkit-transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .realtors-project-detail-flat:hover { background-color: #9bca3c; border-color: transparent; color: white; } .realtors-project-detail-flat:hover .realtors-project-detail-flat__room { color: #9bca3c; background-color: white; -webkit-transition: background-color 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, color 0.15s ease; } .realtors-project-detail-flat.--booked { background-color: #f2f2f2; border-color: transparent; pointer-events: none; } .realtors-project-detail-flat.--booked .realtors-project-detail-flat__room { color: white; background-color: #3b4658; } .realtors-project-detail-flat.--sold { background-color: #f2f2f2; border-color: transparent; color: #b6b6b6; pointer-events: none; } .realtors-project-detail-flat.--sold .realtors-project-detail-flat__room { color: #b6b6b6; background-color: #d9d9d9; } .realtors-project-detail-flat.--active:before { background-color: rgba(59, 70, 88, 0.5); } .realtors-project-detail-flat:last-child { margin-right: 0; } .realtors-project-detail-flat:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: transparent; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; pointer-events: none; } .realtors-project-detail-flat__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .realtors-project-detail-flat__room { width: 24px; height: 24px; font-size: 16px; line-height: 24px; color: white; text-align: center; background-color: #9bca3c; } .realtors-project-detail-flat__number { line-height: 12px; } .realtors-project-detail-flat__string { line-height: 16px; } .realtors-project-detail-flat__string._red { color: #ef3b24; } .realtors-project-detail-flat__string._owner { line-height: 16px; color: #ef3b24; } .realtors-customers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 750px) { .realtors-customers { width: 100%; padding-left: 0; margin-top: 0; } } .realtors-customers__wrapper { position: relative; } .realtors-customers__wrapper:before { content: ""; position: absolute; top: 20px; left: 0; width: 100%; height: 1px; background-color: #d9d9d9; } @media only screen and (max-width: 750px) { .realtors-customers__wrapper:before { display: none; } } .realtors-customers__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 750px) { .realtors-customers__col { width: 100%; } } .realtors-customers__col:first-child { width: 40%; } @media only screen and (max-width: 750px) { .realtors-customers__col:first-child { width: 100%; margin-right: 0; margin-bottom: 20px; } } .realtors-customers__col:last-child { width: 60%; } @media only screen and (max-width: 750px) { .realtors-customers__col:last-child { width: 100%; } } .realtors-customers__row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media only screen and (max-width: 750px) { .realtors-customers__row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 12px; } } @media only screen and (max-width: 750px) { .realtors-customers__row:last-child { margin-bottom: 0; } } .realtors-customers__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 30px; padding-left: 0; border-bottom: .5px solid #d9d9d9; } @media only screen and (max-width: 750px) { .realtors-customers__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 10px; } .realtors-customers__item:last-child { border-bottom: none; } } .realtors-customers__item-title { margin-bottom: 8px; color: #acacac; font-size: 16px; } @media only screen and (max-width: 750px) { .realtors-customers__item-title { margin-bottom: 14px; } } .realtors-customers__item-title._margin-top { margin-top: 15px; } .realtors-customers__item-text { margin-bottom: 5px; font-size: 14px; font-weight: normal; color: #39465a; } @media only screen and (max-width: 321px) { .realtors-customers__item-text { font-size: 13px; } } @media only screen and (max-width: 750px) { .realtors-customers__item-text { margin-bottom: 8px; } } .realtors-customers__item-text.--green { color: #9bca3c; } .realtors-customers__item-text.fix-width { width: 70%; font-size: 16px; } @media only screen and (max-width: 750px) { .realtors-customers__item-text.fix-width { width: 100%; } } .realtors-customers__item-text.big { font-size: 16px; } .realtors-customers__item-text.date { width: 30%; text-align: left; } @media only screen and (max-width: 750px) { .realtors-customers__item-text.date { width: 100%; margin-bottom: 0; } } .realtors-customers__item-text.--grey { color: #b6b6b6; } .realtors-customers__item-link { position: relative; white-space: nowrap; } .realtors-customers__item-link:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; background-color: #3b4658; } .realtors-customers__item-link:hover:after { opacity: 0; } .realtors-customers__item-link.--red { color: #ff1600; } .realtors-customers__item-link.--red:after { background-color: #ff1600; } .realtors-customers__item-number { font-size: 18px; font-weight: 400; } .realtors-education { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .realtors-education { margin-bottom: 26px; } } .realtors-education__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; margin-bottom: 30px; padding-right: 40px; } @media only screen and (max-width: 750px) { .realtors-education__item { width: 100%; margin-bottom: 22px; padding-right: 0; } .realtors-education__item:last-child { margin-bottom: 0; } } .realtors-education__num { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; margin-right: 16px; border: 1px solid #3b4658; border-radius: 50%; font-size: 22px; } .realtors-education__name { margin-bottom: 8px; font-size: 20px; line-height: 28px; } .realtors-education__text { font-weight: 300; font-size: 14px; line-height: 164.4%; color: #727272; } .realtors-education__text > ul li { position: relative; list-style: none; padding-left: 10px; } .realtors-education__text > ul li:before { content: ''; position: absolute; left: 0; top: 10px; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #3b4658; } @media only screen and (max-width: 750px) { .realtors { background-color: #f9f9f9; } .realtors-cabinet { background-color: #fff; } } .realtors.--grey { background-color: #f9f9f9; } .realtors__slider { height: 439px; } @media only screen and (max-width: 750px) { .realtors__slider { height: 200px; } } .realtors__slider .slick-dots { bottom: 15px; } .realtors__text { width: 300px; padding-left: 40px; font-size: 16px; font-weight: 300; line-height: 21px; } @media only screen and (max-width: 750px) { .realtors__text { width: 100%; padding-left: 0; } } .realtors__text._fs12 { font-size: 12px; font-weight: normal; line-height: 21px; } @media only screen and (max-width: 750px) { .realtors__text._fs12 { font-size: 16px; font-weight: 300; line-height: 21px; } } .realtors__text p { margin-bottom: 20px; } @media only screen and (max-width: 750px) { .realtors__text p { margin-bottom: 10px; } } .realtors__text p:last-child { margin-bottom: 0; } .realtors__link { font-size: 16px; line-height: 38px; border-bottom: 1px solid transparent; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; height: 50px; } .realtors__link:hover { border-color: #3b4658; } .realtors__recovery-text { width: 480px; margin-bottom: 25px; font-size: 14px; line-height: 33px; } .realtors__flat-about { margin-top: 32px; background-color: white; } @media only screen and (max-width: 750px) { .realtors__flat-about { margin-top: 0; background-color: transparent; } } @media only screen and (max-width: 750px) { .realtors__menu { width: 100%; padding: 0; min-width: 100%; } } .realtors__menu.sticky-behaviour { position: sticky; top: var(--header-dynamic-height); left: 0; z-index: 9; padding-top: 16px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 750px) { .realtors__menu.sticky-behaviour { position: relative; top: unset; width: 100%; padding-top: 8px; min-width: 100%; } .realtors__menu.sticky-behaviour .container { padding: 0; } } .realtors__menu.sticky-behaviour.--sticky { padding-top: 8px; background-color: #f6f5f4; } @media only screen and (max-width: 750px) { .realtors__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100vw; position: relative; left: -20px; } } .contractor-header { padding-top: 10px; } .contractor-header__logo { display: inline-block; width: 103px; height: 40px; vertical-align: top; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQxIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTQxIDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC41IDAuMTgyMjUxSDE1LjA2NVYyLjUwNTk3SDMuNjQzODRWMy43OTY5MkgxMi4yMjQ5QzE0LjUxODIgMy43OTY5MiAxNS44ODUxIDQuOTA1NjEgMTUuODg1MSA2Ljc3MzY5QzE1Ljg4NTEgOC42NDE3OCAxNC41MzM0IDkuNzUwNDggMTIuMjI0OSA5Ljc1MDQ4SDAuNVYwLjE4MjI1MVpNMy42NDM4NCA2LjA1OTg4VjcuNTE3ODlIMTEuNjQ3N0MxMi4zNDY0IDcuNTE3ODkgMTIuNjY1MyA3LjMwNTI2IDEyLjY2NTMgNi43ODg4OEMxMi42NjUzIDYuMjg3NjkgMTIuMzQ2NCA2LjA1OTg4IDExLjY0NzcgNi4wNTk4OEgzLjY0Mzg0WiIgZmlsbD0iI0VGM0IyNCIvPgo8cGF0aCBkPSJNMTcuNzIyNyAwLjE4MjI1MUgyOC4zMzg4QzMxLjI3MDEgMC4xODIyNTEgMzMuMDE2NiAxLjU0OTE0IDMzLjAxNjYgMy44NTc2N0MzMy4wMTY2IDYuMTY2MTkgMzEuMjg1MiA3LjUzMzA4IDI4LjMzODggNy41MzMwOEgyMS4wMDMyVjkuNzY1NjdIMTcuNzIyN1YwLjE4MjI1MVpNMjEuMDE4NCAyLjY1Nzg0VjUuMDg3ODdIMjcuODM3NkMyOS4xMjg2IDUuMDg3ODcgMjkuNjkwNSA0LjcyMzM2IDI5LjY5MDUgMy44ODgwNEMyOS42OTA1IDMuMDIyMzQgMjkuMTI4NiAyLjY1Nzg0IDI3LjgzNzYgMi42NTc4NEgyMS4wMTg0WiIgZmlsbD0iI0VGM0IyNCIvPgo8cGF0aCBkPSJNMzkuNTYzIDYuOTU1OTVMMzIuNzI4NSAwLjE4MjI1MUgzNi42OTI1TDQxLjUwNyA0Ljg5MDQzTDQ1Ljc4OTkgMC4xODIyNTFINDkuNjYyOEw0MC45NDUgOS43NjU2N0gzNi45ODExTDM5LjU2MyA2Ljk1NTk1WiIgZmlsbD0iI0VGM0IyNCIvPgo8cGF0aCBkPSJNNTcuNjk2NCAwQzYyLjQwNDUgMCA2NS4xOTkxIDEuMTIzODkgNjUuOTEyOSAzLjI2NTM1TDYyLjM3NDIgMy45NjM5OEM2MS45NjQxIDIuOTMxMjIgNjAuNTIxMyAyLjQ2MDQgNTcuNzExNiAyLjQ2MDRDNTMuODY5MSAyLjQ2MDQgNTIuMTY4MSAzLjIxOTc4IDUyLjE2ODEgNC45ODE1NUM1Mi4xNjgxIDYuNzI4MTQgNTMuODUzOSA3LjUwMjcxIDU3LjcxMTYgNy41MDI3MUM2MC41OTcyIDcuNTAyNzEgNjIuMDQgNy4wMTY3IDYyLjM4OTQgNS45MzgzN0w2NS44ODI1IDYuNjA2NjRDNjUuMTIzMSA4LjgzOTIyIDYyLjQxOTcgOS45NjMxMSA1Ny43MTE2IDkuOTYzMTFDNTEuOTcwNiA5Ljk2MzExIDQ4LjgxMTYgOC4xODYxNSA0OC44MTE2IDQuOTgxNTVDNDguNzk2NCAxLjc2MTc3IDUxLjk1NTQgMCA1Ny42OTY0IDBaIiBmaWxsPSIjRUYzQjI0Ii8+CjxwYXRoIGQ9Ik02Ny40MTcgMC4xODIyNTFINzAuNjk3NVYzLjY0NTA0SDgwLjcyMTRWMC4xODIyNTFIODQuMDE3MVY5Ljc2NTY3SDgwLjcyMTRWNi4xMjA2M0g3MC42OTc1VjkuNzY1NjdINjcuNDE3VjAuMTgyMjUxWiIgZmlsbD0iI0VGM0IyNCIvPgo8cGF0aCBkPSJNODYuNDMxNiAwLjE4MjI1MUg4OS43MTIyVjYuNzEyOTVMOTkuNDAxOSAwLjE4MjI1MUgxMDIuNjk4VjkuNzY1NjdIOTkuNDAxOVYzLjIzNDk3TDg5LjcxMjIgOS43NjU2N0g4Ni40MzE2VjAuMTgyMjUxWiIgZmlsbD0iI0VGM0IyNCIvPgo8cGF0aCBkPSJNMTA1LjAwNiAwLjE4MjI1MUgxMDguMjg3VjQuMTc2NjFMMTE2LjEyNCAwLjE4MjI1MUgxMjEuNDdMMTEyLjQxOCA0LjY5Mjk5TDEyMS42OTggOS43NjU2N0gxMTUuOTcyTDEwOC4yODcgNS41NTg2OFY5Ljc2NTY3SDEwNS4wMDZWMC4xODIyNTFaIiBmaWxsPSIjRUYzQjI0Ii8+CjxwYXRoIGQ9Ik0xMzAuOTQ3IDIuNTUxNTNMMTMzLjQ5OSA1LjgzMjA2SDEyOC4zOTZMMTMwLjk0NyAyLjU1MTUzWk0xMjkuMzA3IDAuMTgyMjUxTDEyMS41MzEgOS43NjU2N0gxMjUuMzQzTDEyNi42NDkgOC4wOTUwMkgxMzUuMjZMMTM2LjU2NyA5Ljc2NTY3SDE0MC41TDEzMi43MjQgMC4xODIyNTFIMTI5LjMwN1oiIGZpbGw9IiNFRjNCMjQiLz4KPC9zdmc+Cg==); background-size: contain; background-position: center; background-repeat: no-repeat; } .contractor-footer { padding: 40px 0; background-color: #3b4658; } .contractor-footer__copy { font-size: 16px; color: white; } .contractor-footer__copy span { margin-left: 10px; } .contractor-footer__copy-sign { font-family: Arial, sans-serif; } .contractor-file__subcategory { opacity: .5; margin: 0 0 5px; } .contractor-file__file { margin-bottom: 20px; } .contractor-file__file:last-child { margin-bottom: 0; } .contractor-file__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contractor-file__link:hover .contractor-file__link-text { border-color: transparent; } @media only screen and (max-width: 750px) { .contractor-file__link:hover .contractor-file__link-text { border-color: #3b4658; } } .contractor-file__link:before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; width: 30px; height: 30px; margin-right: 10px; background-repeat: no-repeat; background-size: 100% 100%; } .contractor-file__link.--other:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iIiBjbGFzcz0idDQzMl9fYnRuLWltZyB0NDMyX19idG4taW1nX21kIiBmaWxsPSIjM2I0NjU4IgogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDkwIDkwIj4KICAgIDxwYXRoIGNsYXNzPSJzdDAiCiAgICAgICAgICBkPSJNODAuNiA5MFYxNi40TDY0LjIgMEgxMC42djkwbTU1LTgxLjVsNi41IDYuNWgtNi41VjguNXpNMTUuNiA4NVY1aDQ1djE1aDE1djY1Ij48L3BhdGg+CiAgICA8cGF0aCBkPSJNMjguMiAzOGgzNC43djVIMjguMnpNMjguMiA1MGgzNC43djVIMjguMnoiPjwvcGF0aD4KPC9zdmc+); } .contractor-file__link.--pdf:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iIiBjbGFzcz0idDQzMl9fYnRuLWltZyB0NDMyX19idG4taW1nX21kIiBmaWxsPSIjMDAwMDAwIgogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDkwIDkwIj4KICAgIDxwYXRoIGQ9Ik05MCAyOEg4MFYxNi40TDYzLjYgMEgxMHYyOEgwdjQwaDEwdjIyaDcwVjY4aDEwVjI4ek02NSA4LjVsNi41IDYuNUg2NVY4LjV6TTE1IDVoNDV2MTVoMTV2OEgxNVY1em02MCA4MEgxNVY2OGg2MHYxN3ptMTAtMjJINVYzM2g4MHYzMHoiPjwvcGF0aD4KICAgIDxwYXRoIGNsYXNzPSJzdDAiCiAgICAgICAgICBkPSJNMjUgNTNoMi41YzQuMSAwIDcuNS0zLjQgNy41LTcuNVMzMS42IDM4IDI3LjUgMzhoLTVjLTEuNCAwLTIuNSAxLjEtMi41IDIuNVY1OGg1di01em0wLTEwaDIuNWMxLjQgMCAyLjUgMS4xIDIuNSAyLjVTMjguOSA0OCAyNy41IDQ4SDI1di01ek01Mi41IDUwLjV2LTVjMC00LjEtMy40LTcuNS03LjUtNy41aC03LjV2MjBINDVjNC4xIDAgNy41LTMuNCA3LjUtNy41em0tMTAtNy41SDQ1YzEuNCAwIDIuNSAxLjEgMi41IDIuNXY1YzAgMS40LTEuMSAyLjUtMi41IDIuNWgtMi41VjQzek02MCA1MC41aDcuNXYtNUg2MFY0M2gxMHYtNUg1Ny41Yy0xLjQgMC0yLjUgMS4xLTIuNSAyLjVWNThoNXYtNy41eiI+PC9wYXRoPgo8L3N2Zz4=); } .contractor-file__link.--doc:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iIiBjbGFzcz0idDQzMl9fYnRuLWltZyB0NDMyX19idG4taW1nX21kIiBmaWxsPSIjM2I0NjU4IgogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDkwIDkwIj4KICAgIDxwYXRoIGQ9Ik05MCAyOEg4MFYxNi40TDYzLjYgMEgxMHYyOEgwdjQwaDEwdjIyaDcwVjY4aDEwVjI4ek02NSA4LjVsNi41IDYuNUg2NVY4LjV6TTE1IDVoNDV2MTVoMTV2OEgxNVY1em02MCA4MEgxNVY2OGg2MHYxN3ptMTAtMjJINVYzM2g4MHYzMHoiPjwvcGF0aD4KICAgIDxwYXRoIGNsYXNzPSJzdDAiCiAgICAgICAgICBkPSJNMzUgNTAuNXYtNWMwLTQuMS0zLjQtNy41LTcuNS03LjVIMjB2MjBoNy41YzQuMSAwIDcuNS0zLjQgNy41LTcuNXpNMjUgNDNoMi41YzEuNCAwIDIuNSAxLjEgMi41IDIuNXY1YzAgMS40LTEuMSAyLjUtMi41IDIuNUgyNVY0M3pNNDUgNThjNC4xIDAgNy41LTMuNCA3LjUtNy41di01YzAtNC4xLTMuNC03LjUtNy41LTcuNXMtNy41IDMuNC03LjUgNy41djVjMCA0LjEgMy40IDcuNSA3LjUgNy41em0tMi41LTEyLjVjMC0xLjQgMS4xLTIuNSAyLjUtMi41czIuNSAxLjEgMi41IDIuNXY1YzAgMS40LTEuMSAyLjUtMi41IDIuNXMtMi41LTEuMS0yLjUtMi41di01ek02Mi41IDU4SDcwdi01aC03LjVjLTEuNCAwLTIuNS0xLjEtMi41LTIuNXYtNWMwLTEuNCAxLjEtMi41IDIuNS0yLjVINzB2LTVoLTcuNWMtNC4xIDAtNy41IDMuNC03LjUgNy41djVjMCA0LjEgMy40IDcuNSA3LjUgNy41eiI+PC9wYXRoPgo8L3N2Zz4=); } .contractor-file__link.--zip:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iIiBjbGFzcz0idDQzMl9fYnRuLWltZyB0NDMyX19idG4taW1nX21kIiBmaWxsPSIjM2I0NjU4IgogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDkwIDkwIj4KICAgIDxwYXRoIGQ9Ik05MCAyOEg4MFYxNi40TDYzLjYgMEgxMHYyOEgwdjQwaDEwdjIyaDcwVjY4aDEwVjI4ek02NSA4LjVsNi41IDYuNUg2NVY4LjV6TTE1IDVoNDV2MTVoMTV2OEgxNVY1em02MCA4MEgxNVY2OGg2MHYxN3ptMTAtMjJINVYzM2g4MHYzMHoiPjwvcGF0aD4KICAgIDxwYXRoIGNsYXNzPSJzdDAiCiAgICAgICAgICBkPSJNMjIuOSA1NC4xYy0uNS44LS42IDEuOC0uMSAyLjYuNC44IDEuMyAxLjMgMi4yIDEuM2gxMi41di01aC03LjhsNy40LTExLjFjLjUtLjguNi0xLjguMS0yLjYtLjQtLjgtMS4zLTEuMy0yLjItMS4zSDIyLjV2NWg3LjhsLTcuNCAxMS4xek00Mi41IDM4aDV2MjBoLTV6TTU3LjUgNTNINjBjNC4xIDAgNy41LTMuNCA3LjUtNy41UzY0LjEgMzggNjAgMzhoLTVjLTEuNCAwLTIuNSAxLjEtMi41IDIuNVY1OGg1di01em0wLTEwSDYwYzEuNCAwIDIuNSAxLjEgMi41IDIuNVM2MS40IDQ4IDYwIDQ4aC0yLjV2LTV6Ij48L3BhdGg+Cjwvc3ZnPg==); } .contractor-file__link.--xls:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iIiBjbGFzcz0idDQzMl9fYnRuLWltZyB0NDMyX19idG4taW1nX21kIiBmaWxsPSIjM2I0NjU4IgogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDkwIDkwIj4KICAgIDxwYXRoIGQ9Ik05MCAyOEg4MFYxNi40TDYzLjYgMEgxMHYyOEgwdjQwaDEwdjIyaDcwVjY4aDEwVjI4ek02NSA4LjVsNi41IDYuNUg2NVY4LjV6TTE1IDVoNDV2MTVoMTV2OEgxNVY1em02MCA4MEgxNVY2OGg2MHYxN3ptMTAtMjJINVYzM2g4MHYzMHoiPjwvcGF0aD4KICAgIDxwYXRoIGNsYXNzPSJzdDAiCiAgICAgICAgICBkPSJNMjYuMyA1NS41YzAtMS45LjktMy42IDIuNS00LjcgMS42IDEgMi41IDIuOCAyLjUgNC43VjU4aDV2LTIuNWMwLTIuOS0xLjItNS41LTMuMS03LjUgMi0yIDMuMS00LjYgMy4xLTcuNVYzOGgtNXYyLjVjMCAxLjktLjkgMy42LTIuNSA0LjctMS42LTEtMi41LTIuOC0yLjUtNC43VjM4aC01djIuNWMwIDIuOSAxLjIgNS41IDMuMSA3LjUtMiAyLTMuMSA0LjYtMy4xIDcuNVY1OGg1di0yLjV6TTUxLjMgNTNoLTcuNVYzOGgtNXYyMGgxMi41ek02OC44IDUwLjVjMC0yLjgtMi4yLTUtNS01aC01YzAtMS40IDEuMS0yLjUgMi41LTIuNWg3LjV2LTVoLTcuNWMtNC4xIDAtNy41IDMuNC03LjUgNy41IDAgMi44IDIuMiA1IDUgNWg1YzAgMS40LTEuMSAyLjUtMi41IDIuNWgtNy41djVoNy41YzQuMSAwIDcuNS0zLjQgNy41LTcuNXoiPjwvcGF0aD4KPC9zdmc+); } .contractor-main { min-height: calc(100vh - 154px); padding: 45px 0; line-height: 1.2; } .category-list__title { font-size: 32px; margin-bottom: 30px; } .category-list__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .category-list__item { -ms-flex-negative: 0; flex-shrink: 0; width: 270px; margin-right: 40px; margin-top: 20px; padding: 40px 30px; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .category-list__item { width: 100%; margin-top: 0; margin-right: 0; margin-bottom: 20px; background-color: white; } } .category-list__item.--center { width: 580px; margin-right: 0; margin-left: 310px; } @media only screen and (max-width: 750px) { .category-list__item.--center { -ms-flex-item-align: start; align-self: flex-start; width: 100%; } } @media only screen and (max-width: 750px) { .category-list__item:last-child { margin-bottom: 0; } } .category-list__item:nth-child(-n + 4) { margin-top: 0; } .category-list__item:nth-child(4n) { margin-right: 0; } .category-list__item-title { display: block; font-size: 20px; margin-bottom: 15px; } @media only screen and (max-width: 750px) { .category-list__item-title { font-size: 24px; } } a.category-list__item-title { text-decoration: underline; } .category-list__subitem { margin-bottom: 10px; font-size: 16px; color: #929292; } @media only screen and (max-width: 750px) { .category-list__subitem { font-size: 20px; } } .category-list__link { color: #3b4658; border-bottom: 1px solid #3b4658; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .category-list__link:hover { border-color: transparent; } @media only screen and (max-width: 750px) { .category-list__link:hover { border-color: #3b4658; } } .category-list__more { font-size: 16px; display: block; margin: 20px 0 0; text-decoration: underline; } .category-list__more:hover { text-decoration: none; } .subcategory-detail__breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 35px; } @media only screen and (max-width: 750px) { .subcategory-detail__breadcrumbs { font-size: 16px; } } .subcategory-detail__main { margin-right: 10px; margin-bottom: 10px; border-bottom: 1px solid #3b4658; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .subcategory-detail__main:hover { border-color: transparent; } @media only screen and (max-width: 750px) { .subcategory-detail__main:hover { border-color: #3b4658; } } .subcategory-detail__arrow { margin-right: 10px; color: #d4d4d4; } .subcategory-detail__page { margin-bottom: 10px; color: #d4d4d4; } .subcategory-detail__title { margin-bottom: 20px; font-size: 32px; } .subcategory-detail__text { margin-bottom: 20px; font-size: 16px; } @media only screen and (max-width: 750px) { .subcategory-detail__text { font-size: 18px; } } .subcategory-detail__text p { margin-bottom: 10px; } .subcategory-detail__section { margin-bottom: 40px; } .subcategory-detail__section:last-child { margin-bottom: 0; } .subcategory-detail__section-name { font-size: 22px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .subcategory-detail__section-name { font-size: 24px; } } .subcategory-detail__files { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .subcategory-detail__link-text-container { word-break: break-all; } .subcategory-detail__link-text { font-size: 16px; border-bottom: 1px solid #3b4658; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } @media only screen and (max-width: 750px) { .subcategory-detail__link-text { font-size: 18px; } } .subcategory-detail__pagination { margin: 40px 0 0; } .commerce { padding-bottom: 54px; } @media only screen and (max-width: 750px) { .commerce { padding-bottom: 0; background-color: #fff; } } .commerce .complex-list { border-bottom: none; } @media only screen and (max-width: 750px) { .commerce .complex-list { padding-bottom: 36px; } } .commerce .complex-list-mobile__tabs { width: 100vw; margin-left: -20px; } .commerce__title { font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .commerce__title { font-size: 18px; line-height: 24px; } } .commerce__title._specialist { margin-bottom: 40px; font-size: 24px; line-height: 26px; } @media only screen and (max-width: 750px) { .commerce__title._specialist { margin-bottom: 24px; font-size: 17px; line-height: 19px; } } .commerce__specialist { margin-top: 40px; } .commerce-complex-hero { border-bottom: 1px solid #e1e1e1; display: -webkit-box; display: -ms-flexbox; display: flex; height: 44rem; padding: 6rem 0; position: relative; } @media only screen and (max-width: 750px) { .commerce-complex-hero { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; padding: 2.4rem 0 3.2rem; } } @media only screen and (max-width: 750px) { .commerce-complex-hero__container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .commerce-complex-hero__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .commerce-complex-hero__suptext { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-size: 1.6rem; font-style: normal; font-weight: 400; line-height: 2rem; margin-bottom: .4rem; } @media only screen and (max-width: 750px) { .commerce-complex-hero__suptext { font-size: 1.4rem; } } .commerce-complex-hero__title { font-size: 3.6rem; font-weight: 600; line-height: 4.8rem; margin-bottom: 2rem; } @media only screen and (max-width: 750px) { .commerce-complex-hero__title { font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 2.4rem; } } .commerce-complex-hero__info { margin-top: auto; } .commerce-complex-hero__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .8rem; } @media only screen and (max-width: 750px) { .commerce-complex-hero__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 750px) { .commerce-complex-hero__row._second { margin-bottom: 0; } } .commerce-complex-hero__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #d8dade; border-radius: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.4rem; line-height: 2rem; margin-right: .4rem; padding: .6rem 1.2rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .commerce-complex-hero__icon { height: 2rem; margin-right: .8rem; width: 2rem; } @media only screen and (max-width: 750px) { .commerce-complex-hero__imgwrap { padding: 0 2rem; } } .commerce-complex-hero__image { height: 100%; background-size: cover; background-repeat: no-repeat; position: absolute; right: 0; top: 0; width: 50%; } @media only screen and (max-width: 750px) { .commerce-complex-hero__image { height: 20rem; margin-bottom: 3.2rem; padding: 0 2rem; position: static; width: 100%; } } .commerce-complex-about__link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; height: 100%; padding: 20px 40px; background-color: #f2f2f2; cursor: pointer; } @media only screen and (max-width: 750px) { .commerce-complex-about__link { margin-bottom: 25px; } } .commerce-complex-about__link._mt56 { margin-top: 56px; } @media only screen and (max-width: 750px) { .commerce-complex-about__link._mt56 { margin-top: 25px; } } .commerce-complex-about__link.--mobile { display: none; } @media only screen and (max-width: 750px) { .commerce-complex-about__link.--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .commerce-complex-about__link-header { width: 100%; } @media (hover), (min-width: 0 \0) { .commerce-complex-about__link:hover .commerce-complex-about__link-text:after { background-color: rgba(59, 70, 88, 0); } } .commerce-complex-about__link:before { content: ""; position: absolute; top: 0; right: 0; width: 6px; height: 100%; background-color: #ef3b24; } .commerce-complex-about__link-title { font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .commerce-complex-about__link-title { font-size: 18px; line-height: 24px; } } .commerce-complex-about__link-sustitle { margin-top: 10px; font-size: 16px; line-height: 23px; } @media only screen and (max-width: 750px) { .commerce-complex-about__link-sustitle { margin-top: 22px; } } .commerce-complex-about__link-text { position: relative; margin-top: 45px; } .commerce-complex-about__link-text:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .commerce-complex-about__list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 50px; } @media only screen and (max-width: 750px) { .commerce-complex-about__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0; } } .commerce-complex-about__btn { height: 54px; width: 250px; margin: 35px auto 0; } @media only screen and (max-width: 750px) { .commerce-complex-about__images-wrap { height: calc(100vw / 1.5); } } .commerce-complex-about__images-top { position: relative; width: 590px; height: 360px; margin-bottom: 4px; overflow: hidden; } @media only screen and (max-width: 750px) { .commerce-complex-about__images-top { width: auto; height: auto; margin: 0 -20px 0; } } .commerce-complex-about__images-bot { width: 100%; height: 72px; } @media only screen and (max-width: 750px) { .commerce-complex-about__images-bot { display: none; } } .commerce-complex-about__images-bot .swiper-slide-thumb-active { position: relative; } .commerce-complex-about__images-bot .swiper-slide-thumb-active:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); } .commerce-complex-about__thumb { position: relative; width: 104px; height: 100%; margin-right: 4px; background-size: cover; background-repeat: no-repeat; background-position: center; } .commerce-complex-about__thumb:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); } .commerce-complex-about .swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .commerce-complex-about .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 750px) { .commerce-complex-about .swiper-button-next, .commerce-complex-about .swiper-button-prev { display: none; } } .commerce-complex-about .swiper-lazy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background-size: cover; background-position: center; background-color: #f2f2f2; } .commerce-complex-about__image { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; cursor: -webkit-zoom-in; cursor: zoom-in; } @media only screen and (max-width: 750px) { .commerce-complex-about__image { width: auto; height: 100%; } } .commerce-complex-about__left { width: 508px; } @media only screen and (max-width: 750px) { .commerce-complex-about__left { width: 100%; padding-top: 0; } } .commerce-complex-about__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 590px; } @media only screen and (max-width: 750px) { .commerce-complex-about__right { width: auto; } } .commerce-complex-about__text { width: 100%; margin-bottom: 48px; } @media only screen and (max-width: 750px) { .commerce-complex-about__text { margin-bottom: 40px; } } .commerce-complex-about__text-title { margin-bottom: 40px; font-size: 24px; line-height: 40px; } @media only screen and (max-width: 750px) { .commerce-complex-about__text-title { margin-bottom: 20px; font-size: 20px; line-height: 152%; } } .commerce-complex-about__text-desc { font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .commerce-complex-about__text-desc { font-size: 14px; line-height: 164.4%; } } .commerce-complex-about__text-desc > p { margin-bottom: 12px; } .commerce-complex-about__text-desc > p:last-child { margin-bottom: 0; } .commerce-complex-about__facts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; } @media only screen and (max-width: 750px) { .commerce-complex-about__facts { margin: 0 -5px 24px -5px; } } .commerce-complex-about__fact { -ms-flex-negative: 0; flex-shrink: 0; width: 50%; padding: 0 5px; margin-bottom: 16px; } .commerce-complex-about__fact-top { font-size: 28px; line-height: 164.4%; } @media only screen and (max-width: 750px) { .commerce-complex-about__fact-top { margin-bottom: 6px; font-size: 24px; line-height: 100%; } } .commerce-complex-about__fact-bot { font-size: 14px; line-height: 164.4%; } @media only screen and (max-width: 750px) { .commerce-complex-about__fact-bot { font-size: 12px; } } .commerce-complex-resident__title { font-size: 22px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .commerce-complex-resident__title { margin-bottom: 15px; } } .commerce-complex-resident__text { max-width: 800px; margin-bottom: 40px; font-size: 16px; } .commerce-complex-resident__text > p { margin-bottom: 12px; } .commerce-complex-resident__text > p:last-child { margin-bottom: 0; } .commerce-complex-resident__numbers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 48px; } @media only screen and (max-width: 750px) { .commerce-complex-resident__numbers { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 30px; } } .commerce-complex-resident__number { -ms-flex-negative: 0; flex-shrink: 0; max-width: 500px; margin-right: 240px; } @media only screen and (max-width: 750px) { .commerce-complex-resident__number { width: auto; margin-right: 0; margin-bottom: 20px; } } .commerce-complex-resident__number:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .commerce-complex-resident__number:last-child { margin-bottom: 0; } } .commerce-complex-resident__number._mobile { display: none; } @media only screen and (max-width: 750px) { .commerce-complex-resident__number._mobile { display: block; } } .commerce-complex-resident__number-value { font-size: 24px; margin-bottom: 8px; } @media only screen and (max-width: 750px) { .commerce-complex-resident__number-value { font-size: 20px; } } .commerce-complex-resident__number-desc { font-size: 16px; } .commerce-complex-resident__diagrams { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .commerce-complex-resident__diagrams { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .commerce-complex-resident__diagram { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 125px; } @media only screen and (max-width: 750px) { .commerce-complex-resident__diagram { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0; margin-bottom: 40px; } } .commerce-complex-resident__diagram:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .commerce-complex-resident__diagram:last-child { margin-bottom: 0; } } .commerce-complex-resident__diagram-image { -ms-flex-negative: 0; flex-shrink: 0; width: 180px; height: 180px; margin-right: 30px; } @media only screen and (max-width: 750px) { .commerce-complex-resident__diagram-image { width: 212px; height: 212px; margin-right: 0; } } @media only screen and (max-width: 750px) { .commerce-complex-resident__diagram-legend { width: 100%; } } .commerce-complex-resident__diagram-legend-item { position: relative; width: 230px; margin-bottom: 10px; padding-left: 20px; } @media only screen and (max-width: 750px) { .commerce-complex-resident__diagram-legend-item { width: auto; } } .commerce-complex-resident__diagram-legend-item._color1:before { background-color: #a2c617; } .commerce-complex-resident__diagram-legend-item._color2:before { background-color: #3f4a59; } .commerce-complex-resident__diagram-legend-item._color3:before { background-color: #929aaa; } .commerce-complex-resident__diagram-legend-item._color4:before { background-color: #d4d7e0; } .commerce-complex-resident__diagram-legend-item._color5:before { background-color: #e1e5ef; } .commerce-complex-resident__diagram-legend-item:last-child { margin-bottom: 0; } .commerce-complex-resident__diagram-legend-item:before { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 12px; border-radius: 50%; } .commercial-slider { display: -webkit-box; display: -ms-flexbox; display: flex; } .commercial-slider._mobile .commercial-slider__desc { display: block; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .commercial-slider { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } } .commercial-slider__images { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 650px; margin-right: 50px; } @media only screen and (max-width: 750px) { .commercial-slider__images { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-right: 0; margin-bottom: 20px; } } .commercial-slider__image { position: relative; width: 610px; height: 365px; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; cursor: -webkit-zoom-in; cursor: zoom-in; } @media only screen and (max-width: 750px) { .commercial-slider__image { width: 100%; height: 214px; } } .commercial-slider__desc { display: none; } .commercial-slider__pagination { display: none; } @media only screen and (max-width: 750px) { .commercial-slider__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .commerce-complex-purchase__title { margin-bottom: 36px; } @media only screen and (max-width: 750px) { .commerce-complex-purchase__title { margin-bottom: 24px; } } .commerce-complex-purchase__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .commerce-complex-purchase__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .commerce-complex-purchase__item { width: calc((100% - 48px) / 4); padding: 24px; min-height: 236px; background-color: #f4f4f4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 750px) { .commerce-complex-purchase__item { width: 100%; min-height: 222px; padding: 32px 28px; margin-bottom: 16px; } .commerce-complex-purchase__item:last-child { margin-bottom: 0; } } .commerce-complex-purchase__name { margin-bottom: auto; font-size: 20px; line-height: 28px; } @media only screen and (max-width: 750px) { .commerce-complex-purchase__name { font-size: 18px; line-height: 24px; } } .commerce-complex-purchase__desc { font-weight: 300; font-size: 14px; line-height: 20px; } .commerce-complex-purchase__text { margin-bottom: 72px; font-size: 16px; line-height: 164.4%; max-width: 900px; } @media only screen and (max-width: 750px) { .commerce-complex-purchase__text { margin-bottom: 24px; font-size: 14px; } } .commerce-complex-map { position: relative; width: 100%; height: 550px; margin-top: 50px; overflow: hidden; } @media only screen and (max-width: 750px) { .commerce-complex-map { height: 480px; margin-top: 0; } } .commerce-complex-map__inner { position: relative; width: 100%; height: 100%; z-index: 1; } .commerce-complex-map__container { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding-top: 86px; padding-bottom: 60px; } .commerce-complex-map__circle { position: absolute; top: 50%; right: calc((100vw - 1200px) / 2 + 82px); z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 472px; height: 472px; background-color: #3b4658; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer; } .commerce-complex-map__circle:hover { opacity: .8; } .commerce-complex-map__circle-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; color: #fff; } .commerce-complex-map__circle-inner > svg { margin-bottom: 26px; } .commerce-complex-map__controls { position: absolute; top: 50%; right: 100px; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 750px) { .commerce-complex-map__controls { right: 10px; } } .commerce-complex-map__overlay { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; font-size: 14px; line-height: 28px; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; -webkit-transform-origin: bottom; transform-origin: bottom; } @media only screen and (max-width: 750px) { .commerce-complex-map__overlay { display: none; } } .commerce-complex-map__overlay._hidden { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .commerce-complex-map__overlay:before, .commerce-complex-map__overlay:after { content: ''; position: absolute; top: 0; z-index: 0; width: calc((100% - 1400px) / 2); height: 100%; background-color: #fff; opacity: .8; } @media only screen and (max-width: 1399px) { .commerce-complex-map__overlay:before, .commerce-complex-map__overlay:after { content: none; } } .commerce-complex-map__overlay:before { left: 0; } .commerce-complex-map__overlay:after { right: 0; } .commerce-complex-map__title { margin-bottom: 36px; font-size: 24px; } .commerce-complex-map__location { width: 488px; } .commerce-complex-map__footnote { position: absolute; right: 0; bottom: 60px; width: 184px; text-align: left; } .commerce-complex-map__svg { position: absolute; top: 0; left: 50%; z-index: 0; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .commerce-complex-map__button { position: absolute; bottom: 36px; left: 50%; z-index: 2; width: 244px; padding: 18px 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; } .commerce-complex-map__button._hidden { -webkit-transform: translate(-50%, 200px); transform: translate(-50%, 200px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .commerce-complex-map__term { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 600px; margin-top: auto; font-size: 16px; } .commerce-complex-map__term p { font-size: 14px; } .commercial-complex-documents .official-estimate-table { max-width: 275px; } .commercial-complex-documents .official-estimate-table__cell { width: 100%; } .commerce-complex-cards__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 78px; overflow: unset; } @media only screen and (max-width: 750px) { .commerce-complex-cards__list { margin-bottom: 40px; padding-bottom: 42px; overflow: hidden; } } .commerce-complex-cards__dots .swiper-pagination-bullet { width: 10px; height: 10px; background-color: white; border: 1px solid #3b4658; opacity: 1; } .commerce-complex-cards__dots .swiper-pagination-bullet-active { background-color: #3b4658; } .commerce-complex-cards .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 10px; } .commerce-complex-cards__btn { height: 54px; width: 250px; margin: 0 auto; } .commerce-complex-card { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #e8e8e8; width: 386px; height: auto; min-height: 260px; margin-right: 20px; border-radius: 8px; -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease; will-change: transform, box-shadow; } .commerce-complex-card:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 750px) { .commerce-complex-card:hover { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: none; box-shadow: none; } } .commerce-complex-card:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .commerce-complex-card { width: 100%; min-height: 217px; margin-right: 0; } } .commerce-complex-card__plan { width: 194px; padding: 16px 30px 14px; background-size: contain; background-position: center; background-repeat: no-repeat; border-right: 1px solid #e8e8e8; } @media only screen and (max-width: 750px) { .commerce-complex-card__plan { width: 136px; padding: 24px 18px; } } .commerce-complex-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px; } @media only screen and (max-width: 750px) { .commerce-complex-card__info { padding: 18px; } } .commerce-complex-card__title { margin-bottom: 20px; font-size: 14px; line-height: 15px; } @media only screen and (max-width: 750px) { .commerce-complex-card__title { margin-bottom: 8px; font-size: 12px; line-height: 13px; } } .commerce-complex-card__row { margin-bottom: 16px; } @media only screen and (max-width: 750px) { .commerce-complex-card__row { margin-bottom: 12px; } } .commerce-complex-card__label { margin-bottom: 4px; font-size: 12px; line-height: 13px; color: #acacac; } @media only screen and (max-width: 750px) { .commerce-complex-card__label { font-size: 10px; line-height: 11px; } } .commerce-complex-card__value { font-size: 14px; line-height: 15px; } @media only screen and (max-width: 750px) { .commerce-complex-card__value { font-size: 12px; line-height: 13px; } } .commerce-complex-card__price-date { margin-top: 4px; font-size: 12px; line-height: 13px; color: #ef3b24; } .commercial-complex-visual { position: relative; } .commercial-complex-visual__title { position: absolute; left: 100px; top: 64px; font-size: 28px; line-height: 34px; color: white; z-index: 2; } @media only screen and (max-width: 750px) { .commercial-complex-visual__title { position: relative; left: 0; top: 0; padding-left: 20px; color: #3b4658; font-size: 18px; line-height: 24px; margin-bottom: 30px; } } .commercial-complex-visual__info { background-color: #f4f4f4; padding-top: 40px; padding-bottom: 40px; } @media only screen and (max-width: 750px) { .commercial-complex-visual__info { padding-top: 24px; padding-bottom: 28px; overflow-x: scroll; } } .commercial-complex-visual__info-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .commercial-complex-visual__info-item { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 80px; } @media only screen and (max-width: 750px) { .commercial-complex-visual__info-item { margin-right: 40px; } } .commercial-complex-visual__info-item:last-child { margin-right: 0; } .commercial-complex-visual__info-top { margin-bottom: 8px; font-size: 28px; line-height: 164.4%; } @media only screen and (max-width: 750px) { .commercial-complex-visual__info-top { font-size: 24px; } } .commercial-complex-visual__info-bot { font-size: 16px; line-height: 164.4%; } @media only screen and (max-width: 750px) { .commercial-complex-visual__info-bot { font-size: 14px; } } .commercial-complex-reach__title { margin-bottom: 32px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .commercial-complex-reach__title { margin-bottom: 24px; font-size: 18px; line-height: 24px; } } .commercial-complex-reach__wrap { position: relative; } @media only screen and (max-width: 750px) { .commercial-complex-reach__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 140px; overflow: hidden; -webkit-transition: height .4s ease; transition: height .4s ease; } } .commercial-complex-reach__wrap article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .commercial-complex-reach__wrap article { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .commercial-complex-reach__wrap:after { content: ''; position: absolute; bottom: -34px; display: none; width: 100%; height: 110px; background: linear-gradient(0.02deg, #fff 0.08%, #fff 52.86%, rgba(255, 255, 255, 0) 115.35%); } @media only screen and (max-width: 750px) { .commercial-complex-reach__wrap:after { display: block; } } @media only screen and (max-width: 750px) { .commercial-complex-reach__wrap._opened { margin-bottom: 20px; } } .commercial-complex-reach__wrap._opened:after { display: none; } .commercial-complex-reach__wrap-open { display: none; margin-bottom: 32px; font-size: 16px; line-height: 128.6%; pointer-events: all; z-index: 10; } .commercial-complex-reach__wrap-open._opened svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .commercial-complex-reach__wrap-open > svg { stroke: #3b4658; width: 16px; margin-left: 8px; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } @media only screen and (max-width: 750px) { .commercial-complex-reach__wrap-open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .commercial-complex-reach__text { -ms-flex-negative: 0; flex-shrink: 0; width: 542px; margin-right: 80px; font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .commercial-complex-reach__text { width: 100%; margin-right: 0; margin-bottom: 24px; font-size: 14px; line-height: 164.4%; } } .commercial-complex-reach__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .commercial-complex-reach__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .commercial-complex-reach__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; margin-bottom: 18px; font-size: 16px; line-height: 164.4%; } @media only screen and (max-width: 750px) { .commercial-complex-reach__item { width: 100%; font-size: 14px; } .commercial-complex-reach__item:last-child { margin-bottom: 0; } } .commercial-complex-reach__item:before { content: ''; -ms-flex-negative: 0; flex-shrink: 0; display: block; width: 4px; height: 4px; margin-right: 8px; border-radius: 50%; background-color: #3b4658; } .commerce-complex-rent__title { margin-bottom: 32px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .commerce-complex-rent__title { margin-bottom: 24px; font-size: 18px; line-height: 24px; } } .commerce-complex-rent__content { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .commerce-complex-rent__content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .commerce-complex-rent__text { font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .commerce-complex-rent__text { font-size: 14px; line-height: 164.4%; } } .commerce-complex-rent__img { -ms-flex-negative: 0; flex-shrink: 0; width: 580px; height: 100%; min-height: 360px; margin-left: 100px; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .commerce-complex-rent__img { width: 100vw; min-height: 283px; margin-left: -20px; margin-bottom: 32px; } } .commerce-complex-rent__img._image-loaded { opacity: 1; } .commerce-complex-specific__title { margin-bottom: 48px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .commerce-complex-specific__title { margin-bottom: 28px; font-size: 18px; line-height: 24px; } } .commerce-complex-specific__list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .commerce-complex-specific__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 750px) { .commerce-complex-specific__images-wrap { height: calc(100vw / 1.5); } } .commerce-complex-specific__images-top { position: relative; width: 610px; height: 360px; margin-bottom: 4px; overflow: hidden; } @media only screen and (max-width: 750px) { .commerce-complex-specific__images-top { width: auto; height: auto; margin: 0 -20px 32px; } } .commerce-complex-specific__images-bot { width: 100%; height: 86px; } @media only screen and (max-width: 750px) { .commerce-complex-specific__images-bot { display: none; } } .commerce-complex-specific__images-bot .swiper-slide-thumb-active { position: relative; } .commerce-complex-specific__images-bot .swiper-slide-thumb-active:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); } .commerce-complex-specific__thumb { position: relative; width: 124px; height: 100%; margin-right: 4px; background-size: cover; background-repeat: no-repeat; background-position: center; } .commerce-complex-specific__thumb:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); } .commerce-complex-specific .swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .commerce-complex-specific .swiper-pagination { position: relative; bottom: auto; margin-top: 36px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .commerce-complex-specific .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; } .commerce-complex-specific .swiper-pagination-bullet-active { background: #3b4658; } @media only screen and (max-width: 750px) { .commerce-complex-specific .swiper-button-next, .commerce-complex-specific .swiper-button-prev { display: none; } } .commerce-complex-specific .swiper-lazy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background-size: cover; background-position: center; cursor: pointer; background-color: #f2f2f2; } .commerce-complex-specific__image { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f2f2f2; cursor: -webkit-zoom-in; cursor: zoom-in; } @media only screen and (max-width: 750px) { .commerce-complex-specific__image { width: auto; height: 100%; } } .commerce-complex-specific__left { width: 610px; margin-right: 100px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .commerce-complex-specific__left { width: 100%; } } .commerce-complex-specific__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .commerce-complex-specific__text { width: 100%; margin-bottom: 48px; } @media only screen and (max-width: 750px) { .commerce-complex-specific__text { margin-bottom: 32px; height: 140px; overflow: hidden; -webkit-transition: height .4s ease; transition: height .4s ease; } } .commerce-complex-specific__text li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; font-size: 16px; line-height: 26px; list-style: none; } .commerce-complex-specific__text li:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .commerce-complex-specific__text li { margin-bottom: 18px; font-size: 14px; line-height: 164.4%; } } .commerce-complex-specific__text li:before { content: ""; position: relative; top: 11px; -ms-flex-negative: 0; flex-shrink: 0; display: block; width: 4px; height: 4px; margin-right: 8px; border-radius: 50%; background-color: #3b4658; } .commerce-complex-specific__btn { width: 215px; height: 54px; font-size: 16px; line-height: 18px; } @media only screen and (max-width: 750px) { .commerce-complex-specific__btn { width: 100%; } } .commercial-complex-with-images__title { margin-bottom: 40px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .commercial-complex-with-images__title { margin-bottom: 24px; font-size: 18px; line-height: 24px; } } .commercial-complex-with-images__subtitle { margin-bottom: 32px; font-size: 24px; line-height: 164.4%; } @media only screen and (max-width: 750px) { .commercial-complex-with-images__subtitle { margin-bottom: 20px; font-size: 20px; line-height: 152%; } } .commercial-complex-with-images__text { margin-bottom: 56px; font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .commercial-complex-with-images__text { margin-bottom: 32px; font-size: 14px; line-height: 164.4%; } } .commercial-complex-with-images__gallery { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 512px; overflow: hidden; } @media only screen and (max-width: 750px) { .commercial-complex-with-images__gallery { width: auto; height: auto; margin: 0 -20px 0; } } .commercial-complex-with-images__gallery._desk { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .commercial-complex-with-images__gallery._desk { display: none; } } .commercial-complex-with-images__gallery._mob { display: none; } @media only screen and (max-width: 750px) { .commercial-complex-with-images__gallery._mob { display: block; } } @media only screen and (max-width: 750px) { .commercial-complex-with-images__gallery-wrap { height: calc(100vw / 1.5); } } .commercial-complex-with-images__gallery-left { width: 855px; height: 100%; } .commercial-complex-with-images__gallery-right { width: 342px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .commercial-complex-with-images .swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .commercial-complex-with-images .swiper-pagination { position: relative; bottom: auto; margin-top: 36px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .commercial-complex-with-images .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; } .commercial-complex-with-images .swiper-pagination-bullet-active { background: #3b4658; } @media only screen and (max-width: 750px) { .commercial-complex-with-images .swiper-button-white { display: none; } } .commercial-complex-with-images__image { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #d4d4d4; } @media only screen and (max-width: 750px) { .commercial-complex-with-images__image { width: auto; height: 100%; } } .commercial-complex-with-images__image._left { height: 100%; } .commercial-complex-with-images__image._right-top { height: 304px; } @media only screen and (max-width: 750px) { .commercial-complex-with-images__image._right-top { width: 100%; height: 100%; } } .commercial-complex-with-images__image._right-bot { height: 205px; } @media only screen and (max-width: 750px) { .commercial-complex-with-images__image._right-bot { width: 100%; height: 100%; } } .commercial-complex-progress__title { margin-bottom: 60px; } @media only screen and (max-width: 750px) { .commercial-complex-progress__title { margin-bottom: 24px; } } .comp-d-intro-navbar { position: sticky; top: var(--header-dynamic-height); z-index: 9; width: 100%; height: 60px; background-color: #f2f2f2; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar { position: relative; top: 0; height: auto; background-color: #fff; z-index: 5; } } .comp-d-intro-navbar.--fixed { top: var(--header-dynamic-height); width: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); z-index: 9; } .comp-d-intro-navbar._hide-desk { display: none; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar._hide-mob .comp-d-intro-navbar__navbar-menu { display: none; } .comp-d-intro-navbar._hide-mob .comp-d-intro-navbar__navbar-overlay { display: none; } } .comp-d-intro-navbar .mobile-container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar .mobile-container { background-color: white; padding: 0 20px; } } .comp-d-intro-navbar .mobile-container-fixed { -webkit-transition: all .3s ease; transition: all .3s ease; display: none; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar .mobile-container-fixed { position: fixed; bottom: 23px; left: calc(50% - 112px); opacity: 1; display: block; } } .comp-d-intro-navbar .mobile-container-fixed._hidden { opacity: 0; display: none; } .comp-d-intro-navbar__overlay { position: absolute; top: 0; right: 0; width: 58px; height: 60px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__overlay { opacity: 1; } } .comp-d-intro-navbar__overlay:after { content: ""; position: absolute; width: 56px; height: 100%; top: 0; right: 0; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } .comp-d-intro-navbar__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comp-d-intro-navbar__wrap .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; } } .comp-d-intro-navbar__menu { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 36px; width: 85%; } @media screen and (max-width: 1279px) { .comp-d-intro-navbar__menu { overflow-x: auto; } } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__menu { height: 60px; margin-right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; overflow-x: scroll; overflow-y: hidden; background-color: #f2f2f2; width: auto; } } .comp-d-intro-navbar__link { position: relative; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 36px; font-size: 14px; line-height: 20px; white-space: nowrap; -webkit-transition: color .3s ease; transition: color .3s ease; pointer-events: none; } @media screen and (max-width: 1279px) { .comp-d-intro-navbar__link { margin-right: 28px; } } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__link { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; padding: 0 10px 0 20px; } } .comp-d-intro-navbar__link._loaded { pointer-events: auto; } .comp-d-intro-navbar__link.--active { color: #a0acbf; } .comp-d-intro-navbar__link.--active:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #14191a; } .comp-d-intro-navbar__link:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__link:last-child { padding-right: 40px; } } .comp-d-intro-navbar__link:hover { color: #a0acbf; } .comp-d-intro-navbar__button { position: relative; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: center; align-self: center; padding: 1rem 2.8rem; font-size: 1.4rem; line-height: 2rem; background-color: #ef3b24; border-radius: .8rem; } .comp-d-intro-navbar__button:hover { background-color: #f14f3a; } @media screen and (max-width: 1279px) { .comp-d-intro-navbar__button:after { content: ""; position: absolute; width: 56px; height: 60px; top: -10px; left: -56px; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } } @media only screen and (max-width: 750px) { .comp-d-intro-navbar__button { width: calc(100% - 40px); height: 60px; margin: 30px 20px; } .comp-d-intro-navbar__button:hover { background-color: #ef3b24; } .comp-d-intro-navbar__button:after { display: none; } } .comp-d-intro-navbar__button-fixed { padding: 15px 10px 17px; background-color: white; border-radius: 4px; font-size: 14px; line-height: 20px; color: #ef3b24; border: 1px solid #ef3b24; width: 217px; } .comp-d-intro-navbar__button-fixed:hover { background-color: white; } .comp-d-intro-navbar__button._commerce { padding: 10px 20px; } .comp-d-progress-new { position: relative; margin-bottom: 100px; font-size: 15px; } @media only screen and (max-width: 750px) { .comp-d-progress-new { margin-bottom: 40px; } } @media only screen and (max-width: 750px) { .comp-d-progress-new .mobile-container { padding: 0 20px; } } .comp-d-progress-new__title { margin-bottom: 60px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__title { margin-bottom: 25px; font-size: 18px; line-height: 24px; } } .comp-d-progress-new__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-height: 430px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: unset; padding: 0; } } .comp-d-progress-new .comp-d-progress-new__images-container { position: relative; width: 830px; } @media screen and (max-width: 1279px) { .comp-d-progress-new .comp-d-progress-new__images-container { width: 630px; } } @media only screen and (max-width: 750px) { .comp-d-progress-new .comp-d-progress-new__images-container { width: 100%; } } .comp-d-progress-new .comp-d-progress-new__images-container .counter { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 8; color: #fff; font-size: 24px; font-weight: 300; } .comp-d-progress-new .comp-d-progress-new__images-container .counter__current-image { font-size: 36px; } .comp-d-progress-new__images { width: 100%; height: 100%; overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-progress-new__images .slick-dots { bottom: 22px; } } @media only screen and (max-width: 750px) { .comp-d-progress-new__images { width: 100%; height: 276px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .comp-d-progress-new__images.loading { opacity: 0; } .comp-d-progress-new__images-wrap { min-height: 430px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__images-wrap { min-height: unset; height: 276px; } } .comp-d-progress-new__images-item { height: 100%; width: 100%; background-size: cover; background-position: center; background-color: #f2f2f2; -webkit-transition: opacity 0.3s ease, -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: opacity 0.3s ease, -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.3s ease; transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.3s ease, -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); cursor: pointer; opacity: 0; } @media only screen and (max-width: 750px) { .comp-d-progress-new__images-item { background-size: cover; } } .slick-active .comp-d-progress-new__images-item { -webkit-transform: scale(1); transform: scale(1); } .comp-d-progress-new__images-item._image-loaded { opacity: 1; } .comp-d-progress-new__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 830px); min-height: 100%; } @media screen and (max-width: 1279px) { .comp-d-progress-new__aside { width: calc(100% - 630px); max-width: 100%; } } @media only screen and (max-width: 750px) { .comp-d-progress-new__aside { width: 100%; height: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .comp-d-progress-new__aside-wrap { padding-left: 64px; padding-right: 100px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (max-width: 1279px) { .comp-d-progress-new__aside-wrap { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 750px) { .comp-d-progress-new__aside-wrap { padding: 0 20px 35px; } } .comp-d-progress-new__filter { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 20px; font-size: 18px; font-weight: 300; } @media only screen and (max-width: 750px) { .comp-d-progress-new__filter { width: 100%; margin-right: 0; margin-bottom: 15px; } } .comp-d-progress-new__filter-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__filter-wrap { margin-bottom: 0; } } .comp-d-progress-new__filter-item { margin-right: 50px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__filter-item { width: 100%; } } .comp-d-progress-new__filter-item:last-child { margin-right: 0; } .comp-d-progress-new__filter-item .selectric { width: 300px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__filter-item .selectric { width: 100%; } } .comp-d-progress-new__filter-item .label { font-size: 16px; } .comp-d-progress-new__filter-item .selectric-items li { font-size: 16px; } .comp-d-progress-new__filter-item .highlighted { display: none; } .comp-d-progress-new__filter-item select { opacity: 0; height: 38px; } .comp-d-progress-new__data { margin-top: 25px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .comp-d-progress-new__data { margin-top: 28px; } } .comp-d-progress-new__data-mobile { display: none; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media only screen and (max-width: 750px) { .comp-d-progress-new__data-mobile { margin-top: 16px; padding: 0 20px 30px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } } .comp-d-progress-new__data.loading { opacity: 0; } @media only screen and (max-width: 750px) { .comp-d-progress-new__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 0; } } .comp-d-progress-new__description { height: 300px; overflow: hidden; margin-bottom: 25px; font-size: 16px; line-height: 28px; } @media only screen and (max-width: 750px) { .comp-d-progress-new__description { display: block; height: auto; max-height: 176px; margin-top: 30px; margin-bottom: 10px; font-size: 14px; line-height: 25px; } } .comp-d-progress-new__info-descr { margin-bottom: 32px; color: #a8a19a; } @media only screen and (max-width: 750px) { .comp-d-progress-new__info-descr { margin-bottom: 0; } } .comp-d-progress-new__button { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 68px; font-size: 18px; } .comp-d-progress-new__button.--webcam { position: relative; width: auto; height: 98px; padding: 15px 22px 15px 47px; font-size: 18px; line-height: 20px; } .comp-d-progress-new__button.--webcam:before { content: ''; position: absolute; top: 40px; left: calc(50% - 84px); display: block; width: 16px; height: 16px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTAuODk3OUMxMC4yNDAxIDEwLjg5NzkgMTIuMDYyNSA5LjA3MTY3IDEyLjA2MjUgNi44MjY4NUMxMi4wNjI1IDQuNTgyMDIgMTAuMjQwMSAyLjc1NTc5IDggMi43NTU3OUM1Ljc1OTg5IDIuNzU1NzkgMy45Mzc1IDQuNTgyMDIgMy45Mzc1IDYuODI2ODVDMy45Mzc1IDkuMDcxNjcgNS43NTk4OSAxMC44OTc5IDggMTAuODk3OVpNOCA0LjAwODQyQzkuNTUwNzggNC4wMDg0MiAxMC44MTI1IDUuMjcyOCAxMC44MTI1IDYuODI2ODVDMTAuODEyNSA4LjM4MDg5IDkuNTUwNzggOS42NDUyNyA4IDkuNjQ1MjdDNi40NDkyMiA5LjY0NTI3IDUuMTg3NSA4LjM4MDg5IDUuMTg3NSA2LjgyNjg1QzUuMTg3NSA1LjI3MjggNi40NDkyMiA0LjAwODQyIDggNC4wMDg0MlpNNy4yMTg3NSA2LjgyNjg1QzcuMjE4NzUgNi4zOTQ0MiA3LjU2ODQ4IDYuMDQzOTUgOCA2LjA0Mzk1QzguNDMxNTIgNi4wNDM5NSA4Ljc4MTI1IDYuMzk0NDIgOC43ODEyNSA2LjgyNjg1QzguNzgxMjUgNy4yNTkyNyA4LjQzMTUyIDcuNjA5NzQgOCA3LjYwOTc0QzcuNTY4NDggNy42MDk3NCA3LjIxODc1IDcuMjU5MjcgNy4yMTg3NSA2LjgyNjg1Wk0xMy45ODY4IDEwLjA5MDJDMTQuNTI1OSA5LjEwMDU0IDE0LjgxMjUgNy45ODU5IDE0LjgxMjUgNi44MjY4NUMxNC44MTI1IDMuMDUzOSAxMS43NjU2IDAgOCAwQzQuMjM0OTkgMCAxLjE4NzUgMy4wNTMyOSAxLjE4NzUgNi44MjY4NUMxLjE4NzUgNy45ODU3NyAxLjQ3NDEyIDkuMTAwNTQgMi4wMTMxOCAxMC4wOTAyQzAuNzExNzkyIDExLjU1NzcgMCAxMy40Mjc2IDAgMTUuNDA3NEMwIDE1Ljc1MzMgMC4yNzk3ODUgMTYuMDMzNyAwLjYyNSAxNi4wMzM3SDE1LjM3NUMxNS43MjAyIDE2LjAzMzcgMTYgMTUuNzUzMyAxNiAxNS40MDc0QzE2IDEzLjQyNzMgMTUuMjg4MyAxMS41NTc3IDEzLjk4NjggMTAuMDkwMlpNOCAxLjI1MjYzQzExLjA2NzEgMS4yNTI2MyAxMy41NjI1IDMuNzUzMjUgMTMuNTYyNSA2LjgyNjg1QzEzLjU2MjUgOS45MDA0NCAxMS4wNjcxIDEyLjQwMTEgOCAxMi40MDExQzQuOTMyODYgMTIuNDAxMSAyLjQzNzUgOS45MDA0NCAyLjQzNzUgNi44MjY4NUMyLjQzNzUgMy43NTMyNSA0LjkzMjg2IDEuMjUyNjMgOCAxLjI1MjYzWk0xLjI3ODMyIDE0Ljc4MTFDMS4zOTk0MSAxMy40NTE3IDEuOTA0NzkgMTIuMjAzMyAyLjc0MDQ4IDExLjE2NjVDNC4wMDQ1MiAxMi42OTkzIDUuODg1MzggMTMuNjUzNyA4IDEzLjY1MzdDMTAuMTE0NyAxMy42NTM3IDExLjk5NTYgMTIuNjk5MyAxMy4yNTk2IDExLjE2NjVDMTQuMDk1MiAxMi4yMDMxIDE0LjYwMDcgMTMuNDUxNSAxNC43MjE3IDE0Ljc4MTFIMS4yNzgzMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); } @media only screen and (max-width: 750px) { .comp-d-progress-new__button.--webcam { width: 100%; height: 68px; } .comp-d-progress-new__button.--webcam:before { top: 26px; } } @media only screen and (max-width: 750px) { .comp-d-progress-new__button { margin-bottom: 30px; } } .commerce-complex { background-color: white; padding-bottom: 1px; } .commerce-complex__building .scroll-section__title { padding-top: 0; } .commerce-complex__building .comp-d-progress-new__description, .commerce-complex__building .comp-d-progress__description { height: 340px; } .commerce-complex__building .comp-d-progress__description { font-size: 16px; line-height: 28px; } @media only screen and (max-width: 750px) { .commerce-complex__building .comp-d-progress__description { font-size: 14px; line-height: 25px; } } .commerce-complex__building .commerce-complex__section { padding-top: 0; margin-top: 0; } @media only screen and (max-width: 750px) { .commerce-complex__building .commerce-building__layouts { margin-bottom: 35px; } } @media only screen and (max-width: 750px) { .commerce-complex__building .commerce-complex__nav { display: none; } .commerce-complex__building .scroll-section { padding: 0 0 36px; } .commerce-complex__building .commerce-complex__progress { margin-bottom: 0; } .commerce-complex__building .comp-d-progress-new { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .commerce-complex .commercial-engineering-furnish-tabs { display: none; } } .commerce-complex__section { position: relative; margin-top: 30px; padding-top: 40px; } .commerce-complex__section._mobile { display: none; } @media only screen and (max-width: 750px) { .commerce-complex__section._mobile { display: block; } } @media only screen and (max-width: 750px) { .commerce-complex__section._desk { display: none; } } @media only screen and (max-width: 750px) { .commerce-complex__section { margin-top: 15px; padding-top: 20px; } } .commerce-complex__purchase { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .commerce-complex__purchase { margin-bottom: 48px; } } .commerce-complex__progress { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .commerce-complex__progress { margin-bottom: 48px; } } .commerce-complex__visual { margin-bottom: 72px; } @media only screen and (max-width: 750px) { .commerce-complex__visual { margin-bottom: 48px; } } .commerce-complex__visual .comp-d-genplan { padding-top: 0; opacity: 1; } .commerce-complex__visual .comp-d-genplan__rose { top: 20px; } .commerce-complex__visual-title { position: absolute; left: 100px; top: 64px; font-size: 40px; line-height: 44px; color: white; } .commerce-complex__specialist { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .commerce-complex__specialist { margin-bottom: 32px; } } .commerce-complex__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .commerce-complex__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .commerce-complex__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 500px; padding-top: 64px; padding-bottom: 40px; } @media only screen and (max-width: 750px) { .commerce-complex__aside { padding-top: 0; padding-bottom: 0; width: 100%; } } .commerce-complex__desc { font-size: 16px; line-height: 1.6; } @media only screen and (max-width: 750px) { .commerce-complex__desc { font-size: 14px; } } .commerce-complex__desc h1, .commerce-complex__desc h2, .commerce-complex__desc h3 { font-size: 20px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .commerce-complex__desc h1, .commerce-complex__desc h2, .commerce-complex__desc h3 { margin-bottom: 10px; } } .commerce-complex__desc > p { margin-bottom: 12px; } .commerce-complex__desc > p:last-child { margin-bottom: 0; } .commerce-complex__link { text-decoration: underline; } @media only screen and (max-width: 750px) { .commerce-complex__link { margin-top: 24px; } } .commerce-complex__link:hover { text-decoration: none; } .commerce-complex__nav { margin-bottom: 50px; } @media only screen and (max-width: 750px) { .commerce-complex__nav { margin-bottom: 38px; } } .commerce-complex__about { margin-bottom: 100px; } @media only screen and (max-width: 750px) { .commerce-complex__about { margin-bottom: 48px; } } .commerce-complex__cards { margin-bottom: 100px; } @media only screen and (max-width: 750px) { .commerce-complex__cards { margin-bottom: 48px; } } .commerce-complex__infra { margin-bottom: 72px; } @media only screen and (max-width: 750px) { .commerce-complex__infra { margin-bottom: 48px; } } .commerce-complex__reach, .commerce-complex__rent { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .commerce-complex__reach, .commerce-complex__rent { margin-bottom: 48px; } } .commerce-complex__specific { padding-top: 92px; padding-bottom: 102px; margin-bottom: 102px; background-color: #f4f4f4; } @media only screen and (max-width: 750px) { .commerce-complex__specific { padding-top: 40px; padding-bottom: 44px; margin-bottom: 48px; } } .commerce-complex__text-with-images { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .commerce-complex__text-with-images { margin-bottom: 48px; } } .commerce-complex__tabs { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #d4d4d4; } @media only screen and (max-width: 750px) { .commerce-complex__tabs { width: 100vw; margin-left: -20px; overflow-x: scroll; scrollbar-width: none; } } .commerce-complex__tabs-wrapper { position: relative; } @media only screen and (max-width: 750px) { .commerce-complex__tabs-wrapper:after { content: ""; position: absolute; right: 0; top: 0; z-index: 10; height: 100%; width: 75px; background: -webkit-gradient(linear, right top, left top, color-stop(20%, #fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(270deg, #fff 20%, rgba(255, 255, 255, 0) 100%); } } .commerce-complex__tab { position: relative; font-size: 16px; margin-right: 30px; padding-bottom: 13px; white-space: nowrap; cursor: pointer; } @media only screen and (max-width: 750px) { .commerce-complex__tab { margin-left: 20px; } } .commerce-complex__tab:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; } .commerce-complex__tab:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .commerce-complex__tab:last-child { padding-right: 20px; } .commerce-complex__tab:last-child:after { width: calc(100% - 15px); left: 0; right: auto; } } .commerce-complex__tab._active:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .commerce-complex__tab:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .commerce-complex__section-tab { position: absolute; top: 0; left: 0; z-index: 0; min-height: 300px; width: 100%; opacity: 0; } .commerce-complex__section-tab._active { position: relative; z-index: 1; opacity: 1; } .commerce-building { padding-bottom: 60px; } @media only screen and (max-width: 750px) { .commerce-building { padding-bottom: 0; background-color: white; } } .commerce-building .comp-l-intro { height: 256px; } .commerce-building .comp-l-intro__subtitle { font-size: 16px; color: #fff; } .commerce-building__back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 72px; font-size: 16px; line-height: 18px; } @media only screen and (max-width: 750px) { .commerce-building__back { padding-right: 0; padding-left: 0; } } .commerce-building__back > svg { width: 5px; margin-right: 12px; fill: none; stroke: #3b4658; } .commerce-building__main { padding-top: 40px; } @media only screen and (max-width: 750px) { .commerce-building__main { padding-top: 32px; overflow: hidden; } } .commerce-building__nav { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 320px; } @media only screen and (max-width: 750px) { .commerce-building__nav { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto; margin: 0; margin-bottom: 26px; -webkit-transform: none; transform: none; } } .commerce-building__nav .flat-d-about__floors-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; margin: 0; } .commerce-building__nav .flat-d-about__floors-num, .commerce-building__nav .flat-d-about__floors-label { -webkit-transition: font-size .2s ease; transition: font-size .2s ease; } .commerce-building__nav .flat-d-about__floors-up { bottom: auto; top: 100px; z-index: 3; } @media only screen and (max-width: 750px) { .commerce-building__nav .flat-d-about__floors-up { top: 50%; left: 30%; -webkit-transform: translateY(-50%) rotate(270deg); transform: translateY(-50%) rotate(270deg); } } .commerce-building__nav .flat-d-about__floors-down { top: auto; bottom: 100px; z-index: 3; } @media only screen and (max-width: 750px) { .commerce-building__nav .flat-d-about__floors-down { top: 50%; left: 65%; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } } .commerce-building__filters { margin-bottom: 50px; } @media only screen and (max-width: 750px) { .commerce-building__filters { padding-right: 0; padding-left: 0; } } .commerce-building__title { margin-bottom: 35px; font-size: 40px; line-height: 44px; } @media only screen and (max-width: 750px) { .commerce-building__title { margin-bottom: 24px; font-size: 32px; line-height: 35px; } } .commerce-building__layouts { position: relative; padding: 0 100px; margin-bottom: 72px; } @media only screen and (max-width: 750px) { .commerce-building__layouts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin-bottom: 48px; } } .commerce-building__layouts-wrap { position: relative; width: 1000px; height: calc(100vh - 250px); min-height: 1000px; } @media only screen and (max-width: 750px) { .commerce-building__layouts-wrap { width: 100vw; height: auto; min-height: auto; margin-left: -20px; } } .commerce-building__floor { width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; } .commerce-building__svg-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 100%; } @media only screen and (max-width: 750px) { .commerce-building__svg-inner { min-height: 460px; } } .commerce-building__print { margin-top: 36px; font-size: 16px; } .commerce-building__print._desk { display: block; } @media only screen and (max-width: 750px) { .commerce-building__print._desk { display: none; } } .commerce-building__print._mob { display: none; } @media only screen and (max-width: 750px) { .commerce-building__print._mob { display: block; margin-top: 15px; } } @media only screen and (max-width: 750px) { .commerce-building__floor-slide { overflow-x: scroll; } } .commerce-building__svg { height: 100%; width: 100%; max-height: 1000px; } @media only screen and (max-width: 750px) { .commerce-building__svg { position: absolute; max-height: none; } } .commerce-building__svg svg { height: 100%; width: 100%; max-height: 1000px; } @media only screen and (max-width: 750px) { .commerce-building__svg svg { height: 100%; max-height: none; } } .commerce-building__svg > a { fill: transparent; opacity: .5; -webkit-transition: fill .2s ease; transition: fill .2s ease; } .commerce-building__svg > a:hover { fill: #c1e29e; } .commerce-building__svg g { overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .commerce-building__svg g.hover { opacity: 0; pointer-events: none; } .commerce-building__svg g.hover.active { cursor: pointer; pointer-events: all; } .commerce-building__svg g.hover.active:hover { opacity: 1; } .commerce-building__svg g.default { opacity: 1; pointer-events: none; } .commerce-building__svg g.default.hide > .default { opacity: 1; } .commerce-building__svg g.default.hide > .inactive { opacity: 0; } .commerce-building__svg g#default .hide:not(.default) { opacity: 0; } .commerce-building__svg g#default .default.hide > .default { opacity: 1; } .commerce-building__svg g#default .default.hide > .inactive { opacity: 0; } .commerce-building__svg g#hover .active:not(.hover) { cursor: pointer; } .commerce-building__svg g#hover .active:not(.hover) ._bg { fill: #fff; -webkit-transition: fill .3s ease; transition: fill .3s ease; } .commerce-building__svg g#hover .active:not(.hover):hover ._bg { fill: #deedc9; } .commerce-building__svg g#hover .current:not(.hover) { opacity: 1; pointer-events: none; } .commerce-building__svg g#hover .current:not(.hover) ._bg { fill: #deedc9; } .commerce-building__svg g#hover .hover.active { opacity: 0; cursor: pointer; pointer-events: all; } .commerce-building__svg g#hover .hover.active:hover { opacity: 1; } .commerce-building__svg g#hover .hide { opacity: 0; pointer-events: none; } .commerce-building__specialist { margin-top: 70px; margin-bottom: 90px; padding-top: 60px; border-top: 1px solid #d4d4d4; } @media only screen and (max-width: 750px) { .commerce-building__specialist { margin-bottom: 32px; margin-top: 36px; padding-top: 26px; background-color: #fff; } } .commerce-building__overlay-container { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100vw; height: 100%; padding: 0 20px; } .commerce-building__overlay-container .overlay-text { margin-bottom: 20px; } .commerce-office { padding-bottom: 60px; } @media only screen and (max-width: 750px) { .commerce-office { padding-bottom: 0; background-color: white; } } .commerce-office .comp-l-intro { height: 256px; } .commerce-office .comp-l-intro__subtitle { font-size: 16px; color: #fff; } .commerce-office__main { padding-top: 40px; color: #3b4658; } @media only screen and (max-width: 750px) { .commerce-office__main { padding-top: 32px; } } .commerce-office__title { margin-top: 88px; margin-bottom: 46px; font-size: 34px; line-height: 37px; } @media only screen and (max-width: 750px) { .commerce-office__title { margin: 26px 0 32px; font-size: 26px; line-height: 28px; } } .commerce-office__content { border-top: 1px solid #d8dade; border-bottom: 1px solid #d8dade; } @media only screen and (max-width: 750px) { .commerce-office__content { padding-top: 32px; } } .commerce-office__body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .commerce-office__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .commerce-office__back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 18px; } .commerce-office__back > svg { width: 5px; margin-right: 12px; fill: none; stroke: #3b4658; } .commerce-office__layout { position: relative; width: 540px; max-height: 600px; margin: 25px 48px 25px 0; cursor: -webkit-zoom-in; cursor: zoom-in; } @media only screen and (max-width: 750px) { .commerce-office__layout { min-width: 100%; width: 100%; height: 240px; margin: 0; } } .commerce-office__layout > svg { z-index: 1; width: 100%; height: 100%; } .commerce-office__fancy-plan { height: 80%; width: 80%; text-align: center; overflow: hidden; } .commerce-office__fancy-plan > svg { width: 100%; height: 100%; } .commerce-office__floor-plan-container { width: 100%; height: 100%; } .commerce-office__floor-plan-container > svg { width: 100%; height: 100%; } .commerce-office__floor-plan-container > svg g { overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .commerce-office__floor-plan-container > svg g.hover { opacity: 0; pointer-events: none; } .commerce-office__floor-plan-container > svg g.hover.active { cursor: pointer; pointer-events: all; } .commerce-office__floor-plan-container > svg g.hover.active:hover { opacity: 1; } .commerce-office__floor-plan-container > svg g.default { opacity: 1; pointer-events: none; } .commerce-office__floor-plan-container > svg g.default.hide > .default { opacity: 1; } .commerce-office__floor-plan-container > svg g.default.hide > .inactive { opacity: 0; } .commerce-office__floor-plan-container > svg g#default .hide:not(.default) { opacity: 0; } .commerce-office__floor-plan-container > svg g#default .default.hide > .default { opacity: 1; } .commerce-office__floor-plan-container > svg g#default .default.hide > .inactive { opacity: 0; } .commerce-office__floor-plan-container > svg g#hover .active:not(.hover) { cursor: pointer; } .commerce-office__floor-plan-container > svg g#hover .active:not(.hover) ._bg { fill: #fff; -webkit-transition: fill .3s ease; transition: fill .3s ease; } .commerce-office__floor-plan-container > svg g#hover .active:not(.hover):hover ._bg { fill: #deedc9; } .commerce-office__floor-plan-container > svg g#hover .current:not(.hover) { opacity: 1; pointer-events: none; } .commerce-office__floor-plan-container > svg g#hover .current:not(.hover) ._bg { fill: #deedc9; } .commerce-office__floor-plan-container > svg g#hover .hover.active { opacity: 0; cursor: pointer; pointer-events: all; } .commerce-office__floor-plan-container > svg g#hover .hover.active:hover { opacity: 1; } .commerce-office__floor-plan-container > svg g#hover .hide { opacity: 0; pointer-events: none; } .commerce-office__floor-plan-container > svg .st0 { fill: #e6e7e8; } .commerce-office__floor-plan-container > svg .st1 { fill: #a7a9ac; } .commerce-office__plan-slide { background-color: white; } .commerce-office__plan-slide > svg { width: 100%; height: 100%; } .commerce-office__plan-slide.swiper-slide-active { z-index: 2; } .commerce-office__info { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 46px 0 60px 60px; border-left: 1px solid #d8dade; } @media only screen and (max-width: 750px) { .commerce-office__info { width: 100%; height: auto; margin-top: 44px; padding-top: 0; padding-left: 0; border-left: 0; } } .commerce-office__info-wrap { width: 100%; } .commerce-office__info-wrap .button { width: 305px; height: 55px; margin-top: 40px; } @media only screen and (max-width: 750px) { .commerce-office__info-wrap .button { width: 100%; height: 60px; } } .commerce-office__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 36px; margin-top: 100px; height: 100%; } @media only screen and (max-width: 750px) { .commerce-office__menu { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 30px; } } .commerce-office__floor-value { text-align: center; font-weight: 300; font-size: 40px; line-height: 44px; } .commerce-office__floor-text { font-weight: 300; font-size: 14px; line-height: 15px; } .commerce-office__compass { -ms-flex-negative: 0; flex-shrink: 0; height: 83px; width: 83px; margin-bottom: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 1; } @media only screen and (max-width: 750px) { .commerce-office__compass { height: 95px; width: 95px; margin-right: 28px; } } .commerce-office__minimap { width: 82px; background-position: center; background-repeat: no-repeat; background-size: contain; margin-top: 15px; } @media only screen and (max-width: 750px) { .commerce-office__minimap { height: 95px; margin-top: 0; margin-right: 35px; } } .commerce-office__nav { margin-top: 55px; } @media only screen and (max-width: 750px) { .commerce-office__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; margin-top: 25px; padding: 0; border-top: 1px solid #d9d9d9; overflow: scroll; } } .commerce-office__nav-item { text-decoration: underline; -webkit-transition: color .3s ease; transition: color .3s ease; margin-bottom: 18px; font-size: 14px; line-height: 16px; cursor: pointer; } @media only screen and (max-width: 750px) { .commerce-office__nav-item { position: relative; margin-right: 22px; padding: 20px 0; text-decoration: none; font-size: 16px; color: #3b4658; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0; } .commerce-office__nav-item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } } .commerce-office__nav-item:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .commerce-office__nav-item:last-child { margin-right: 0; } } .commerce-office__nav-item.active { color: #000; text-decoration: none; } @media only screen and (max-width: 750px) { .commerce-office__nav-item.active { color: #3b4658; } .commerce-office__nav-item.active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } } .commerce-office__nav-item:hover { color: #000; text-decoration: none; } @media only screen and (max-width: 750px) { .commerce-office__nav-item:hover { color: #3b4658; } } .commerce-office__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; } .commerce-office__row._price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px; } @media only screen and (max-width: 750px) { .commerce-office__row._price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 8px; } } .commerce-office__row._purchase { margin-bottom: 48px; } @media only screen and (max-width: 750px) { .commerce-office__row._purchase { margin-bottom: 44px; } } .commerce-office__row._rent { margin-top: 16px; } .commerce-office__stat { width: 203px; margin-right: 70px; } .commerce-office__stat:last-child { width: 154px; margin-right: 0; } @media only screen and (max-width: 750px) { .commerce-office__stat:last-child { width: 112px; } } @media only screen and (max-width: 750px) { .commerce-office__stat { width: 112px; margin-right: 47px; } } .commerce-office__stat-name { color: rgba(59, 70, 88, 0.6); font-size: 14px; line-height: 15px; } .commerce-office__stat-val { margin-top: 6px; font-size: 16px; line-height: 18px; } .commerce-office__descr > p { margin-bottom: 12px; } .commerce-office__descr > p:last-child { margin-bottom: 0; } .commerce-office__print { display: inline-block; text-decoration: underline; } @media only screen and (max-width: 750px) { .commerce-office__print { display: none; } } .commerce-office__print:hover { text-decoration: none; } .commerce-office__print._mob { display: none; } @media only screen and (max-width: 750px) { .commerce-office__print._mob { display: inline-block; } } .commerce-office__specialist { margin-top: 70px; } @media only screen and (max-width: 750px) { .commerce-office__specialist { margin-top: 57px; } } .commerce-office__tabs { margin-top: 70px; padding-bottom: 80px; border-bottom: 1px solid #e8e8e8; } @media only screen and (max-width: 750px) { .commerce-office__tabs { display: none; } } .commerce-office__price { width: 300px; font-size: 22px; line-height: 24px; white-space: nowrap; } @media only screen and (max-width: 750px) { .commerce-office__price { width: auto; } } .commerce-office__price-rub { font-size: 16px; } .commerce-office__price-label { margin-bottom: 4px; color: rgba(59, 70, 88, 0.6); font-size: 14px; line-height: 15px; } .commerce-office__price-value.hot { color: #ef3b24; } .commerce-office__price-date { font-size: 14px; line-height: 15px; color: rgba(59, 70, 88, 0.6); } .commerce-office__without-text { font-size: 12px; color: rgba(59, 70, 88, 0.6); } .commerce-office__features { margin-bottom: 56px; } @media only screen and (max-width: 750px) { .commerce-office__features { margin-bottom: 36px; } } .commerce-office__icons-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .commerce-office__icons-block-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; } .commerce-office__icons-block-item:nth-child(odd) { width: 150px; margin-right: 123px; } @media only screen and (max-width: 750px) { .commerce-office__icons-block-item:nth-child(odd) { margin-right: 47px; width: 112px; } } .commerce-office__icons-block-item:nth-child(even) { width: 154px; } @media only screen and (max-width: 750px) { .commerce-office__icons-block-item:nth-child(even) { width: 112px; } } .commerce-office__item-text { font-size: 14px; line-height: 1; } .commerce-office__item-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 32px; margin-right: 10px; } .commerce-office__item-icon._empty:after { content: ''; display: block; height: 1px; width: 36px; background: #7aa15d; } .commerce-office__purchase-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; width: 100%; } .commerce-office__purchase-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 14px; line-height: 20px; cursor: pointer; } @media only screen and (max-width: 750px) { .commerce-office__purchase-item { font-size: 12px; } } .commerce-office__purchase-item:hover .commerce-office__purchase-value span { -webkit-transform: translateX(-5px); transform: translateX(-5px); } .commerce-office__purchase-item:before { content: ""; position: absolute; top: 50%; left: 0; z-index: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; background-color: #e1e1e1; } .commerce-office__purchase-title { position: relative; z-index: 1; padding-right: 8px; background-color: #fff; color: #3b4658; } .commerce-office__purchase-value { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; padding-left: 8px; background-color: #fff; color: #767e8b; } .commerce-office__purchase-value span { -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .commerce-office__purchase-value span { max-width: 200px; } } @media only screen and (max-width: 750px) { .commerce-office__purchase-value span._short { max-width: 148px; } } .commerce-office__purchase-value svg { width: 10px; height: 13px; } .mfp-wrap.mfp-zoom-in .commerce-office__layout, .mfp-wrap.mfp-zoom-in.mfp-removing .commerce-office__layout { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } .mfp-wrap.mfp-ready .commerce-office__layout { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-wrap .commerce-office__layout { height: 600px; max-height: calc(100vh - 40px); margin: 0 auto; padding: 20px; background-color: white; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: auto; } .specialist { background: #f6f5f4; padding: 7.2rem 0; } @media only screen and (max-width: 750px) { .specialist { padding: 3.2rem 0; } } .specialist__wrap { background-color: #fff; border-radius: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.4rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; } @media only screen and (max-width: 750px) { .specialist__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: auto; } } .specialist__image { border-radius: .8rem; height: 37.2rem; background-size: cover; background-repeat: no-repeat; width: 50.6rem; } @media only screen and (max-width: 750px) { .specialist__image { height: 20.4rem; margin-bottom: 2.4rem; width: 100%; } } .specialist__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; margin-right: 2.4rem; width: 33.3rem; } @media only screen and (max-width: 750px) { .specialist__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } } .specialist__title { margin-bottom: 4rem; } @media only screen and (max-width: 750px) { .specialist__title { font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 2.4rem; } } .specialist__name { margin-bottom: 8px; font-size: 22px; font-weight: 500; line-height: 32px; } @media only screen and (max-width: 750px) { .specialist__name { font-size: 1.6rem; line-height: 2.4rem; width: 100%; } } .specialist__description { color: #727576; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 2.4rem; } @media only screen and (max-width: 750px) { .specialist__description { margin-bottom: 1.6rem; } } .specialist__phone { font-size: 1.8rem; line-height: 2.4rem; position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .specialist__phone:after { background-color: #3b4658; content: ""; height: .1rem; left: 0; opacity: 0; position: absolute; top: 100%; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; width: 100%; } .specialist__phone:hover:after { opacity: 1; } @media only screen and (max-width: 750px) { .specialist__phone { font-size: 1.6rem; margin-bottom: 2.4rem; } } .specialist__button { border-radius: .8rem; background-color: #ef3b24; border: none; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; margin-top: auto; padding: 1.4rem 3.2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: none; position: relative; -webkit-transition: opacity .3s ease, background-color .3s ease, border .3s ease; transition: opacity .3s ease, background-color .3s ease, border .3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } @media only screen and (max-width: 750px) { .specialist__button { width: 100%; } } @media (hover), (min-width: 0 \0) { .specialist__button:hover { background-color: #f14f3a; } } .booking-result { min-height: calc(100vh - 397px); padding: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .booking-result { height: auto; width: 100%; padding: 15px; } } .booking-result__title { margin-top: 30px; } @media only screen and (max-width: 750px) { .booking-result__title { text-align: center; } } .booking-result__text { margin-top: 30px; line-height: 24px; font-size: 15px; width: 570px; text-align: center; } @media only screen and (max-width: 750px) { .booking-result__text { width: 100%; } } .booking-result__link { margin-top: 60px; width: 307px; height: 59px; } .booking-result__link.mt-40 { margin-top: 40px; } .booking-result-new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: calc(100vh - 397px); background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .booking-result-new { height: 390px; width: 100%; padding: 20px; } } .booking-result-new__title { margin-bottom: 48px; font-size: 24px; line-height: 26px; } @media only screen and (max-width: 750px) { .booking-result-new__title { text-align: center; } } .booking-result-new__btn { margin-bottom: 16px; width: 195px; height: 46px; } .booking-result-new__link { font-size: 16px; line-height: 18px; border-bottom: 1px solid #3b4658; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; } .booking-result-new__link:hover { border-color: transparent; } .partners-join-form { padding-top: 88px; padding-bottom: 112px; } @media only screen and (max-width: 750px) { .partners-join-form { padding-top: 20px; padding-bottom: 20px; } } .partners-join-form__container { width: 692px; opacity: 1; -webkit-animation: none; animation: none; } @media only screen and (max-width: 750px) { .partners-join-form__container { width: 100%; } } @media only screen and (min-width: 751px) { .partners-join-form__title { font-size: 34px; line-height: 140%; } } .partners-join-form__subtitle { margin-top: 32px; font-size: 18px; line-height: 164.4%; } @media only screen and (max-width: 750px) { .partners-join-form__subtitle { margin-top: 18px; font-size: 18px; line-height: 24px; } } .partners-join-form__block { margin-top: 48px; } @media only screen and (max-width: 750px) { .partners-join-form__block { margin-top: 24px; } } .partners-join-form__block-title { font-size: 22px; line-height: 26px; } .partners-join-form__block-inputs { margin-top: 32px; } @media only screen and (max-width: 750px) { .partners-join-form__block-inputs { margin-top: 10px; } } .partners-join-form__download { position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc((100% - 20px) / 2); height: 60px; padding-left: 53px; padding-right: 70px; margin-top: 20px; } @media only screen and (max-width: 750px) { .partners-join-form__download { width: 100%; padding-right: 50px; font-size: 13px; } } .partners-join-form__download:before { position: absolute; top: 50%; left: 20px; content: ''; display: block; height: 19px; width: 15px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNi42OTIzMUgxMS41TTUgOC43NjkyM0gxMS41TTUgMTAuODQ2MkgxMS41TTkuNSAyLjc2OTIzVjFINi42MzE1OEgxVjE1LjIzMDhIMi45NDczN001IDE0Ljg0NjJIOC41TTEwIDE0Ljg0NjJIMTEuNU0yLjk0NzM3IDE4SDE0VjUuNTM4NDZMMTEuMDUyNiAyLjc2OTIzSDIuOTQ3MzdWMThaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNyIvPgo8L3N2Zz4K) no-repeat; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .partners-join-form__download:after { content: ''; position: absolute; top: 50%; right: 20px; display: block; height: 14.5px; width: 18px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTBWMTMuNUgxN1YxME05IDEwVjBNOSAxMEwxMS41IDcuNU05IDEwTDYuNSA3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC43Ii8+Cjwvc3ZnPgo=) no-repeat; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .partners-join-form__dim { opacity: .6; } .partners-join-form .form__row { padding: 0; margin: 0; } .partners-join-form .form__row:not(:first-child) { margin-top: 36px; } @media only screen and (max-width: 750px) { .partners-join-form .form__row:not(:first-child) { margin-top: 0; } } .partners-join-form .form__item { margin: 0; } @media only screen and (max-width: 750px) { .partners-join-form .form__item { margin-top: 20px; } } .partners-join-form .form__item._half { width: calc((100% - 20px) / 2); } @media only screen and (max-width: 750px) { .partners-join-form .form__item._half { width: 100%; } } .partners-join-form .form__item._select { z-index: 3; } .partners-join-form .form__label { font-size: 16px; line-height: 18px; } .partners-join-form .form__select-label { display: none; } .partners-join-form .personal { margin-top: 56px; } @media only screen and (max-width: 750px) { .partners-join-form .personal { margin-top: 20px; } } .partners-join-form .checkbox > label:after { background: #3b4658; width: 12px; height: 12px; } .partners-join-form .form__submit-item { width: calc((100% - 20px) / 2); } @media only screen and (max-width: 750px) { .partners-join-form .form__submit-item { width: 100%; } } .partners-join-form .form__submit { height: 59px; margin-top: 24px; font-size: 16px; line-height: 18px; } .partners-join-form .form-success { position: fixed; } .official-estimate-table__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; font-size: 16px; } @media only screen and (max-width: 750px) { .official-estimate-table__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; } } .official-estimate-table__row:last-child { margin-bottom: 0; } .official-estimate-table__row.--table-header { font-weight: 300; font-size: 14px; margin-bottom: 28px; } @media only screen and (max-width: 750px) { .official-estimate-table__row.--table-header { display: none; } } .official-estimate-table__cell { -ms-flex-negative: 0; flex-shrink: 0; width: 46%; } @media only screen and (max-width: 750px) { .official-estimate-table__cell { width: 100%; margin-bottom: 16px; } } .official-estimate-table__cell:last-child { padding-right: 0; } .official-estimate-table__type { display: none; font-size: 12px; line-height: 28px; color: #ccc; } @media only screen and (max-width: 750px) { .official-estimate-table__type { display: block; } } @media only screen and (max-width: 750px) { .official-estimate-table__date { font-size: 14px; } } .official-estimate-table__link { line-height: 1.2; border-bottom: 1px solid #14191a; cursor: pointer; -webkit-transition: border-color .15s ease; transition: border-color .15s ease; } .official-estimate-table__link:hover { border-color: transparent; } .official-estimate-subsection { margin-bottom: 20px; } .official-estimate-subsection:last-child { margin-bottom: 0; } .official-estimate-subsection__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media only screen and (max-width: 750px) { .official-estimate-subsection__header { width: 100%; } } .official-estimate-subsection__header.--active .official-estimate-subsection__switch { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .official-estimate-subsection__title { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; font-size: 18px; font-weight: 300; } .official-estimate-subsection__switch { -ms-flex-negative: 0; flex-shrink: 0; width: 16px; height: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAUCAYAAAAtFnXjAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAAiJJREFUWIXV102IjWEYxvHfHGRhiFlIQ0IjCUk+SoaShkIJYZSv2ShSFqMmFj4WNtNQiI2NscAoFvKVpEZNWUySkKYsLBiSrxgbG4v7nDo0xvuec96Z/Ffn7TzPfe7rnOe5rvtULVnZ2IkuHPL/cx09OXzEQXRi7JC2VDqz8Bbr0ZvDBqzFMnxG49D1VhJ78Sz/egZO5fIPt1CNO7iMqxg26O2lYyTu4izOoxY9kCta1IfVaMIm/EDDoLaZnOWi31XYiN3Fb+b62XBBqH6KeziTbX+pOY4HeILxwhx+oz9R0IuFaME+vMf8bHpMTC2eC5c+hgX40N/Cv4kq0IqZ4qfuxpHK9ZiKrXiD6ajH0YEW/0sUvMQ0nMwXe5F/HizacQk3MEpk6oAkEVWgGYsxCa+ElWbJXHzCDmEE6/AzycY0ouARxuCisNKHqElZIwnNwgi+ok5YdmLSiiqwUwT2UjGRbC6xzp9UC2drw2lMFaciFaWKIgJ7tAjsDlzDiDLqNeCbyKA12F9qoXJEwXcR2LvEuNWHFSXUaROZ2CXmz9vlNFWuqALtmCjuwX2cS7hvshhtmkUm1ot7VBaVEkVMyYtwAHvwDvMGWL8drzFBBH1rpRqppKgCJzBbHM3HIv2LqcIV4aAdwk27K9lAFqKIcaZOfPuHRWDXYIo4XluEg2byN2d4FkWLaBGTwE1h/cQdmiOOXiZkLYpwtHFC2Bdsy/oDfwESdGd33MDulwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .official-estimate-subsection__table { display: none; margin: 32px 0; } .official-estimate__body { padding-top: 40px; } @media only screen and (max-width: 750px) { .official-estimate__body { padding-top: 36px; } } .official-estimate__container { margin-top: 72px; } @media only screen and (max-width: 750px) { .official-estimate__container { margin-top: 40px; } } .official-estimate__filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 75px; } @media only screen and (max-width: 750px) { .official-estimate__filters { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; margin-bottom: 46px; } } .official-estimate__label { -ms-flex-negative: 0; flex-shrink: 0; width: 285px; height: 48px; margin-right: 60px; } @media only screen and (max-width: 750px) { .official-estimate__label { width: 100%; margin-bottom: 24px; } } .official-estimate__label:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .official-estimate__label:last-child { margin-bottom: 0; } } .official-estimate__label .selectric-scroll ul li.selected { display: none; } .official-estimate__select { width: 100%; height: 100%; } .official-estimate__section { position: relative; margin-right: 96px; margin-bottom: 70px; } @media only screen and (max-width: 750px) { .official-estimate__section { margin-right: 0; } } .official-estimate__section:after { content: ''; position: absolute; bottom: -35px; left: 0; width: 100%; height: 1px; background-color: #d9d9d9; } .official-estimate__section:last-child { margin-bottom: 0; } .official-estimate__section:last-child:after { content: none; } .official-estimate__title { font-size: 24px; margin-bottom: 32px; } .pantry-intro { width: 100%; } .pantry-intro .container { position: relative; height: 100%; } .pantry-intro__header { position: relative; width: 100%; height: 440px; background-image: url(/static/images/pantry-intro.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } .pantry-intro__header:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; background: linear-gradient(74.71deg, rgba(0, 0, 0, 0.6) -31.93%, rgba(0, 0, 0, 0) 65.6%); } @media only screen and (max-width: 750px) { .pantry-intro__header { height: 275px; } } .pantry-intro__header-text { position: absolute; left: 20px; bottom: 70px; font-family: Grtsk-Exa, sans-serif; color: #fff; z-index: 1; max-width: 60%; } @media only screen and (max-width: 750px) { .pantry-intro__header-text { bottom: 30px; width: calc(100% - 40px); max-width: none; } } .pantry-intro__header-text ._hidden { display: none; } .pantry-intro__header-title { font-size: 34px; line-height: 41px; } @media only screen and (max-width: 750px) { .pantry-intro__header-title { font-size: 26px; } } .pantry-intro__header-subtitle { font-size: 16px; font-weight: 300; } .pantry-intro__navbar { background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .pantry-intro__navbar { background-color: #fff; } } .pantry-intro__navbar.--fixed { position: fixed; top: var(--header-dynamic-height); width: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); z-index: 9; -webkit-transition: top 0.3s ease; transition: top 0.3s ease; } @media only screen and (max-width: 750px) { .pantry-intro__navbar.--fixed { top: 61px; } } .pantry-intro__navbar-overlay { position: absolute; top: 0; right: 0; width: 58px; height: 65px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .pantry-intro__navbar-overlay { opacity: 1; } } .pantry-intro__navbar-overlay:after { content: ""; position: absolute; width: 56px; height: 100%; top: 0; right: 0; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } .pantry-intro__navbar-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 75px; } .pantry-intro__navbar-wrap .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .pantry-intro__navbar-wrap { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; } } .pantry-intro__navbar-menu { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 56px; } @media screen and (max-width: 1279px) { .pantry-intro__navbar-menu { overflow-x: auto; } } @media only screen and (max-width: 750px) { .pantry-intro__navbar-menu { height: 65px; margin-right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; overflow-x: scroll; overflow-y: hidden; background-color: #f2f2f2; } } .pantry-intro__navbar-link { position: relative; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 36px; font-size: 16px; white-space: nowrap; -webkit-transition: color .3s ease; transition: color .3s ease; } @media screen and (max-width: 1279px) { .pantry-intro__navbar-link { margin-right: 28px; } } @media only screen and (max-width: 750px) { .pantry-intro__navbar-link { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; padding: 0 10px 0 20px; } } .pantry-intro__navbar-link.--active { color: rgba(59, 70, 88, 0.4); } .pantry-intro__navbar-link.--active:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #3b4658; } .pantry-intro__navbar-link:last-child { margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media only screen and (max-width: 750px) { .pantry-intro__navbar-link:last-child { padding-right: 40px; } } .pantry-intro__navbar-link:hover { color: #647795; } .pantry-intro__navbar-link:hover:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #3b4658; } .pantry-intro__navbar-link._order { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .pantry-intro__navbar-button { position: relative; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: center; align-self: center; padding: 10px 36px; font-size: 14px; line-height: 20px; } @media screen and (max-width: 1279px) { .pantry-intro__navbar-button { width: 196px; } .pantry-intro__navbar-button:after { content: ""; position: absolute; width: 56px; height: 60px; top: -10px; left: -56px; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } } @media only screen and (max-width: 750px) { .pantry-intro__navbar-button { width: calc(100% - 40px); height: 60px; margin: 30px 20px; } .pantry-intro__navbar-button:after { display: none; } } .pantry-intro__content { padding: 70px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media only screen and (max-width: 750px) { .pantry-intro__content { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 35px 0; } } .pantry-intro__content._empty { padding: 70px 0 0; } @media only screen and (max-width: 750px) { .pantry-intro__content._empty { padding: 0; } } .pantry-intro__content-text-wrapper { min-height: 300px; margin-right: 100px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .pantry-intro__content-text-wrapper p { font-family: Grtsk-Exa, sans-serif; font-size: 16px; line-height: 26px; } .pantry-intro__content-text-wrapper p:not(:last-child) { margin-bottom: 25px; } @media only screen and (max-width: 750px) { .pantry-intro__content-text-wrapper { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: auto; min-height: unset; margin-right: 0; margin-bottom: 25px; } } .pantry-intro__content-slider-wrapper { position: relative; height: 300px; width: 500px; min-width: 500px; } @media only screen and (max-width: 750px) { .pantry-intro__content-slider-wrapper { height: 315px; width: calc(100% + 40px); min-width: unset; -ms-flex-preferred-size: calc(100% + 40px); flex-basis: calc(100% + 40px); margin: 0 -20px; } } .pantry-intro__image-slider { height: 100%; } .pantry-intro__image-slide { background-image: url(/static/images/pantry-slider-image.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #3b4658; } .pantry-intro .swiper-pagination { position: relative; bottom: auto; left: 50%; margin-top: 16px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pantry-intro .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; margin: 0 4px; -webkit-transition: .2s transform, .2s left; transition: .2s transform, .2s left; } .pantry-intro .swiper-pagination-bullet-active { background: #3b4658; } .pantry-intro .swiper-button-white.__hidden { display: none; } .pantry-intro._short { margin-bottom: -24px; } @media only screen and (max-width: 750px) { .pantry-intro._short .pantry-intro__content { padding: 35px 0 0; } } @media only screen and (max-width: 750px) { .pantry-intro._short .pantry-intro__content._empty { padding: 0; } } .pantry-actions { padding-top: 70px; } @media only screen and (max-width: 750px) { .pantry-actions { padding-top: 0; } } .pantry-actions__link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; height: 100%; padding: 56px 100px 56px 56px; background-color: #f2f2f2; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjE3IiBoZWlnaHQ9IjIzMiIgdmlld0JveD0iMCAwIDIxNyAyMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zOC4yMTg3IDU3LjYxMTRMMTExLjUzMSA1Ny42MTE0TDExMS41MzEgMTkuMTQ0NUwzOC4yMTg3IDE5LjE0NDVMMzguMjE4NyAtNTUuODMzNEwwLjM5NDc5MSAtNTUuODMzNEwwLjM5NDc4NyAxOS4xNDQ1TDAuMzk0Nzg2IDU3LjYxMTRMMzguMjE4NyA1Ny42MTE0WiIgZmlsbD0iI0UzRTBERCIgZmlsbC1vcGFjaXR5PSIwLjM1Ii8+CjxwYXRoIGQ9Ik0zOS4zMjIyIDE3MS4yMTNMMC4zNzQ5MDEgMTcxLjIxM0MwLjQwOTg5NiAyMDEuMzMgMTIuMTQ5MyAyMzAuMjAyIDMzLjAxNzUgMjUxLjQ5NUM1My44ODU3IDI3Mi43ODggODIuMTc4MyAyODQuNzYzIDExMS42ODcgMjg0Ljc5M0wxMTEuNjg3IDI0NS4wNDVDOTIuNTA0MiAyNDUuMDI3IDc0LjExMTMgMjM3LjI0MyA2MC41NDQ2IDIyMy40MDJDNDYuOTc3OSAyMDkuNTYgMzkuMzQ1NSAxOTAuNzkxIDM5LjMyMjIgMTcxLjIxM1oiIGZpbGw9IiNFM0UwREQiIGZpbGwtb3BhY2l0eT0iMC4zNSIvPgo8cGF0aCBkPSJNMTUwLjYzMyA1Ny41NjY0TDExMS42ODYgNTcuNTY2NEMxMTEuNzE1IDg3LjY4MjYgMTIzLjQ0OSAxMTYuNTU3IDE0NC4zMTMgMTM3Ljg1NEMxNjUuMTc3IDE1OS4xNTIgMTkzLjQ2NyAxNzEuMTMzIDIyMi45NzcgMTcxLjE2OUwyMjIuOTc3IDEzMS4zOThDMjAzLjc5NSAxMzEuMzggMTg1LjQwNSAxMjMuNTk2IDE3MS44NDEgMTA5Ljc1M0MxNTguMjc4IDk1LjkxMTIgMTUwLjY1MSA3Ny4xNDIyIDE1MC42MzMgNTcuNTY2NFoiIGZpbGw9IiNFM0UwREQiIGZpbGwtb3BhY2l0eT0iMC4zNSIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: center right; background-size: contain; cursor: pointer; } @media only screen and (max-width: 750px) { .pantry-actions__link { margin-bottom: 25px; padding: 32px; background-image: none; } } .pantry-actions__link:not(:first-child) { margin-top: 36px; } @media (hover), (min-width: 0 \0) { .pantry-actions__link:hover .pantry-actions__link-text { color: #2c3031; } } .pantry-actions__link-header { width: 100%; } .pantry-actions__link-title { font-family: "Grtsk-Tera", "Verdana", sans-serif; font-weight: 600; font-size: 24px; line-height: 32px; } @media only screen and (max-width: 750px) { .pantry-actions__link-title { font-size: 22px; line-height: 120.56%; } } .pantry-actions__link-sustitle { margin-top: 12px; font-size: 16px; line-height: 26px; color: #5b5e5f; } @media only screen and (max-width: 750px) { .pantry-actions__link-sustitle { margin-top: 22px; } } .pantry-actions__link-text { position: relative; margin-top: 24px; font-size: 16px; line-height: 26px; color: #ef3b24; -webkit-transition: color .3s ease, background-color .3s ease; transition: color .3s ease, background-color .3s ease; } @media only screen and (max-width: 750px) { .pantry-actions__link-text:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #ef3b24; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } } .pantry-list__header { font-size: 28px; line-height: 34px; margin-bottom: 24px; } @media only screen and (max-width: 750px) { .pantry-list__header { font-size: 18px; line-height: 24px; } } .pantry-list__filter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-bottom: 65px; opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s; height: 48px; } .pantry-list__filter._hidden { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .pantry-list__filter._fixed { position: fixed; top: 95px; left: 0; display: block; padding: 20px; background-color: white; z-index: 102; } .pantry-list__filter .selectric-wrapper { width: 90px; } @media only screen and (max-width: 750px) { .pantry-list__filter { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; height: auto; } .pantry-list__filter .selectric-wrapper { width: 100%; } } .pantry-list__filter-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .pantry-list__filter-items { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .pantry-list__filter-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-right: 32px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (max-width: 750px) { .pantry-list__filter-item { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0; margin-bottom: 25px; } } .pantry-list__filter-item .selectric-open { z-index: 8; } .pantry-list__filter-item._w88 .selectric-wrapper { width: 88px; } @media only screen and (max-width: 750px) { .pantry-list__filter-item._w88 .selectric-wrapper { width: 100%; } } .pantry-list__filter-item._w130 .selectric-wrapper { width: 130px; } @media only screen and (max-width: 750px) { .pantry-list__filter-item._w130 .selectric-wrapper { width: 100%; } } .pantry-list__filter-item._w160 .selectric-wrapper { width: 160px; } @media only screen and (max-width: 750px) { .pantry-list__filter-item._w160 .selectric-wrapper { width: 100%; } } .pantry-list__filter-item._big .selectric-wrapper { width: 160px; } @media only screen and (max-width: 750px) { .pantry-list__filter-item._big .selectric-wrapper { width: 100%; } } .pantry-list__filter-item-text { margin-right: 20px; font-family: Grtsk-Exa, sans-serif; font-size: 16px; line-height: 18px; } @media only screen and (max-width: 750px) { .pantry-list__filter-item-text { width: 100%; margin-bottom: 18px; } } @media only screen and (max-width: 750px) { .pantry-list__filter-item-select { width: 100%; } } .pantry-list__filter-item-select .selectric-above.selectric-open .selectric-items { -webkit-transform-origin: bottom; transform-origin: bottom; } .pantry-list__filter-switcher { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-right: 64px; } @media screen and (max-width: 1279px) { .pantry-list__filter-switcher { margin-right: 40px; } } @media only screen and (max-width: 750px) { .pantry-list__filter-switcher { display: none; } } .pantry-list__filter-switcher-icn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 16px; margin-right: 12px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pantry-list__filter-switcher-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; height: 48px; padding: 16px 28px 16px 36px; margin: 0; border: 1px solid #d4d4d4; color: #292522; font-size: 16px; line-height: 18px; fill: #292522; stroke: #292522; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .pantry-list__filter-switcher-item[disabled=disabled] { pointer-events: none; opacity: .5; } .pantry-list__filter-switcher-item.active { border-color: #292522; color: white; background-color: #292522; fill: white; stroke: white; pointer-events: none; } .pantry-list__filter-switcher-item:hover:after { opacity: 1; } .pantry-list__noplan-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(255, 255, 255, 0.9); z-index: 7; } @media only screen and (max-width: 750px) { .pantry-list__noplan-overlay { right: -20px; left: -20px; margin-top: -25px; padding-bottom: 62px; background-color: rgba(255, 255, 255, 0.8); font-size: 30px; } } .pantry-list__noplan-text { margin-bottom: 20px; font-size: 30px; line-height: 140%; text-align: center; } @media only screen and (max-width: 750px) { .pantry-list__noplan-text { margin-bottom: 0; padding: 0 20px; font-size: 20px; } } .pantry-list__noplan-btn { width: 250px; height: 50px; } @media only screen and (max-width: 750px) { .pantry-list__noplan-btn { display: none; } } .pantry-list__sold-overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 220px; background-color: rgba(255, 255, 255, 0.9); z-index: 9; } @media only screen and (max-width: 750px) { .pantry-list__sold-overlay { right: -20px; left: -20px; min-height: 156px; margin-top: -25px; background-color: rgba(255, 255, 255, 0.8); font-size: 30px; } } .pantry-list__sold-text { margin-bottom: 20px; font-size: 30px; line-height: 140%; text-align: center; } @media only screen and (max-width: 750px) { .pantry-list__sold-text { margin-bottom: 0; padding: 0 20px; font-size: 20px; } } .pantry-list__loading-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(255, 255, 255, 0.9); z-index: 9; } @media only screen and (max-width: 750px) { .pantry-list__loading-overlay { right: -20px; left: -20px; background-color: rgba(255, 255, 255, 0.8); } } .pantry-list__content { position: relative; margin-bottom: 35px; } @media only screen and (max-width: 750px) { .pantry-list__content { margin-bottom: 0; } } .pantry-list__content-image { position: relative; } .pantry-list .pinch-zoom-container { /* stylelint-disable */ height: 100% !important; /* stylelint-enable */ } .pantry-list__content-zoom-wrapper { margin-bottom: 25px; } @media only screen and (max-width: 750px) { .pantry-list__content-zoom-wrapper { height: 100vw; width: 100vw; overflow: hidden; position: relative; margin: 0 -20px 0; } .pantry-list__content-zoom-wrapper._small { height: 35vw; } .pantry-list__content-zoom-wrapper.active { overflow: scroll; -webkit-overflow-scrolling: touch; } .pantry-list__content-zoom-wrapper .map-mob { bottom: 0; margin-bottom: 0; font-size: 18px; line-height: 20px; opacity: 1; } .pantry-list__content-zoom-wrapper .map-mob__icon { width: 60px; height: 60px; margin-top: 0; margin-bottom: 13px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU4Ljk0MTYgMzYuMzM2N0w1Mi4yNzQxIDIzLjAwNDJDNTEuMzY5NSAyMS4xOTM5IDQ5LjYzNDkgMTkuOTI5MiA0Ny42MzU1IDE5LjYyMTZMMzQuMzQ4IDE3LjU3N0gzNC4zNDY5QzMxLjU5OTEgMTcuMTYwNyAyOC44MzQxIDE4LjUyNDIgMjcuNTAyNCAyMC45NTk2TDE5LjY4NjMgNS4zMjU5OEMxOC44MTQ2IDMuNTgyODEgMTcuMDYxNyAyLjUgMTUuMTEyMyAyLjVDMTIuMjkzNyAyLjUgMTAgNC43OTM3MSAxMCA3LjgzODEzQzEwIDguNjI5MTQgMTAuMTg2OCA5LjQyMDE2IDEwLjUzOTUgMTAuMTI0NUwyNS44MjI4IDQwLjY5MDhDMjYuMTA0NyA0MS4yNTM2IDI1Ljg3ODkgNDEuNzI4NCAyNS43Njc4IDQxLjkwNjZDMjUuNjU3OSA0Mi4wODQ5IDI1LjMzNDUgNDIuNSAyNC43MDQ2IDQyLjVIMTQuMjgzNEMxMS45MjE0IDQyLjUgMTAgNDQuNDIxNCAxMCA0Ni43ODM0QzEwIDQ3LjQ0MzggMTAuMTU2MiA0OC4xMDY3IDEwLjQ1MTYgNDguNjk5OUwxMS4zODE5IDUwLjU1OTFDMTEuNTM0NSA1MC44NjMgMTEuODAzIDUxLjA5MTMgMTIuMTI3OCA1MS4xOTI2TDI5Ljc4NDEgNTYuNzEwMUMzMS40NTg5IDU3LjIzMzggMzMuMTk4MyA1Ny41IDM0Ljk1MzggNTcuNUMzNy42MzA4IDU3LjUgNDAuMzExNSA1Ni44Njc2IDQyLjcwNCA1NS42NzAxTDU0LjQ1NTcgNDkuNzk0OUM1Ny44NzU5IDQ4LjA4NTkgNTkuOTk5OSA0NC42NDczIDU5Ljk5OTkgNDAuODIyOEM1OS45OTk5IDM5LjI3NSA1OS42MzM3IDM3LjcyMzQgNTguOTQxNiAzNi4zMzY3Wk01My4zMzczIDQ3LjU1ODZMNDEuNTg1NyA1My40MzM4QzM4LjE5NTggNTUuMTMwNSAzNC4xNDc5IDU1LjQ1NjQgMzAuNTI5NyA1NC4zMjQ5TDEzLjM4IDQ4Ljk2NDdMMTIuNjg3OSA0Ny41ODI5QzEyLjU2NDYgNDcuMzM1IDEyLjUgNDcuMDU5MSAxMi41IDQ2Ljc4MzNDMTIuNSA0NS43OTk0IDEzLjI5OTUgNDQuOTk5OCAxNC4yODM0IDQ0Ljk5OThIMjQuNzA0NkMyNi4wMTQ0IDQ0Ljk5OTggMjcuMjA3IDQ0LjMzNDUgMjcuODk1NSA0My4yMjEzQzI4LjU4MjggNDIuMTA4IDI4LjY0NSA0MC43NDMyIDI4LjA1OTEgMzkuNTcyNkwxMi43NzQ1IDkuMDA1MkMxMi41OTUxIDguNjQ2MjUgMTIuNDk5OCA4LjI0MjMgMTIuNDk5OCA3LjYxMjQyQzEyLjQ5OTggNi4xNzE5NSAxMy42NzE3IDUuMDAwMDggMTUuMTEyMiA1LjAwMDA4QzE2LjEwODMgNS4wMDAwOCAxNy4wMDQzIDUuNTUzMDkgMTcuNDQ5OCA2LjQ0NDE4TDI2LjM4MTggMjQuMzA5MkMyNi44MDY2IDI1LjE1NjMgMjguMTk1NyAyNS4xNTYzIDI4LjYxOCAyNC4zMDkyTDI5LjYyNTIgMjIuMjkzOEMzMC40Mjg0IDIwLjY5MSAzMi4yMDk0IDE5Ljc4MTUgMzMuOTY3MiAyMC4wNDc3TDQ3LjI1NDUgMjIuMDkyM0M0OC40NTQ1IDIyLjI3NjcgNDkuNDk0NSAyMy4wMzU5IDUwLjAzNzcgMjQuMTIyNEw1Ni43MDUyIDM3LjQ1NDlDNTcuMjI1MyAzOC40OTUgNTcuNDk5OCAzOS42NTk2IDU3LjQ5OTggNDAuODIyOUM1Ny41IDQzLjY5MzkgNTUuOTA0NSA0Ni4yNzU2IDUzLjMzNzMgNDcuNTU4NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik05LjcwNzA3IDMzLjI5M0M5LjMxNjQxIDMyLjkwMjMgOC42ODM2IDMyLjkwMjMgOC4yOTMwMyAzMy4yOTNMNC45OTk5NiAzNi41ODU5TDEuNzA2OTkgMzMuMjkzQzEuMzE2MzMgMzIuOTAyMyAwLjY4MzUyMSAzMi45MDIzIDAuMjkyOTU3IDMzLjI5M0MtMC4wOTc2MDU2IDMzLjY4MzYgLTAuMDk3Njk5NCAzNC4zMTY1IDAuMjkyOTU3IDM0LjcwN0w0LjI5Mjk5IDM4LjcwN0M0LjQ4ODI4IDM4LjkwMjMgNC43NDQyMSAzOSA1LjAwMDA2IDM5QzUuMjU1OSAzOSA1LjUxMTc1IDM4LjkwMjMgNS43MDcxMiAzOC43MDdMOS43MDcxNiAzNC43MDdDMTAuMDk3NiAzNC4zMTY1IDEwLjA5NzYgMzMuNjgzNiA5LjcwNzA3IDMzLjI5M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xLjcwNzAxIDIyLjcwN0w0Ljk5OTk1IDE5LjQxNDFMOC4yOTI5IDIyLjcwN0M4LjQ4ODI3IDIyLjkwMjMgOC43NDQxMSAyMyA4Ljk5OTk1IDIzQzkuMjU1OCAyMyA5LjUxMTY0IDIyLjkwMjMgOS43MDcwMSAyMi43MDdDMTAuMDk3NyAyMi4zMTY0IDEwLjA5NzcgMjEuNjgzNiA5LjcwNzAxIDIxLjI5M0w1LjcwNzAxIDE3LjI5M0M1LjMxNjM2IDE2LjkwMjMgNC42ODM1NSAxNi45MDIzIDQuMjkyOTkgMTcuMjkzTDAuMjkyOTkgMjEuMjkzQy0wLjA5NzY2MzMgMjEuNjgzNyAtMC4wOTc2NjMzIDIyLjMxNjUgMC4yOTI5OSAyMi43MDdDMC42ODM2NDMgMjMuMDk3NiAxLjMxNjQ1IDIzLjA5NzcgMS43MDcwMSAyMi43MDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); } } .pantry-list__open-list { display: none; width: calc(100% + 40px); padding: 28px; margin: 0 -20px; margin-bottom: 0; font-weight: 300; } @media only screen and (max-width: 750px) { .pantry-list__open-list { position: relative; z-index: 10; display: inline-block; padding: 22px; } } .pantry-list__drag-wrapper { padding-bottom: 20px; position: relative; width: 100%; margin-bottom: 60px; overflow: hidden; cursor: default; } .pantry-list__drag-wrapper .ps__rail-x, .pantry-list__drag-wrapper .ps__rail-y { position: absolute; background-color: #fff; pointer-events: none; } .pantry-list__drag-wrapper .ps__rail-x .ps__thumb-x, .pantry-list__drag-wrapper .ps__rail-x .ps__thumb-y, .pantry-list__drag-wrapper .ps__rail-y .ps__thumb-x, .pantry-list__drag-wrapper .ps__rail-y .ps__thumb-y { position: absolute; background-color: #3b4658; } .pantry-list__drag-wrapper .ps__rail-x { height: 20px; } .pantry-list__drag-wrapper .ps__rail-x .ps__thumb-x { height: 4px; bottom: 0; } .pantry-list__drag-wrapper .ps__rail-y { width: 20px; right: 0; } .pantry-list__drag-wrapper .ps__rail-y .ps__thumb-y { width: 4px; right: 0; } @media only screen and (max-width: 750px) { .pantry-list__drag-wrapper { display: none; } } .pantry-list__content-image-wrapper { min-height: 200px; max-height: 1000px; padding-right: 20px; } @media only screen and (min-width: 751px) { .pantry-list__content-image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .pantry-list__content-image-wrapper > svg { width: 100%; height: 100%; max-height: 1000px; } @media only screen and (min-width: 751px) { .pantry-list__content-image-wrapper > svg { -ms-flex-negative: 0; flex-shrink: 0; } } .pantry-list__content-image-wrapper.mobile { display: none; width: 100%; margin-bottom: 0; padding-right: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .pantry-list__content-image-wrapper.mobile { display: block; } } .pantry-list__content-image-wrapper g { overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .pantry-list__content-image-wrapper g.hover { opacity: 0; pointer-events: none; } .pantry-list__content-image-wrapper g.hover.active { opacity: .4; cursor: pointer; pointer-events: all; } .pantry-list__content-image-wrapper g.hover.active:hover { opacity: 1; } .pantry-list__content-image-wrapper g.hover.current { opacity: 1; pointer-events: none; } .pantry-list__content-image-wrapper g.default { opacity: 1; pointer-events: none; } .pantry-list__content-image-wrapper g.default.hide { opacity: 0; } .pantry-list__content-image-wrapper g#default .hide { opacity: 0; } .pantry-list__content-image-wrapper g#hover .active { opacity: .4; cursor: pointer; pointer-events: all; } .pantry-list__content-image-wrapper g#hover .active:hover { opacity: 1; } .pantry-list__content-image-wrapper g#hover .current { opacity: 1; pointer-events: none; } .pantry-list__content-image-wrapper g#hover .hide { opacity: 0; pointer-events: none; } .pantry-list__content-image-wrapper g#hover .active { opacity: 1; cursor: pointer; pointer-events: all; } .pantry-list__content-image-wrapper g#hover .active:hover { opacity: .4; } .pantry-list__content-image-wrapper g#hover .current { opacity: 1; pointer-events: none; } .pantry-list__content-image-wrapper g#hover .hide { opacity: 0; pointer-events: none; } @media only screen and (max-width: 750px) { .pantry-list__content-image-wrapper { display: none; } } .pantry-list__content-image-legend { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 750px) { .pantry-list__content-image-legend { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; margin-top: 15px; } } .pantry-list__content-image-legend._hidden { opacity: 0; } .pantry-list__content-image-legend .legend-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .pantry-list__content-image-legend .legend-item { margin-right: 15px; margin-bottom: 10px; } } .pantry-list__content-image-legend .legend-item:last-child { margin-right: 0; } .pantry-list__content-image-legend .legend-item__color { width: 18px; height: 18px; margin-right: 10px; } @media only screen and (max-width: 750px) { .pantry-list__content-image-legend .legend-item__color { width: 12px; height: 12px; min-width: 12px; min-height: 12px; margin-right: 5px; } } .pantry-list__content-table-wrapper._refresh .pantry-list__content-table { opacity: 0; visibility: hidden; height: 0; } .pantry-list__content-table-wrapper._refresh .pantry-list__table-loader { margin-top: 0; } .pantry-list__content-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #f9f9f9; padding: 0 20px 0 0; width: 100%; } @media only screen and (max-width: 750px) { .pantry-list__content-table { display: none; } } .pantry-list__content-table thead { position: relative; padding-left: 40px; } @media only screen and (max-width: 750px) { .pantry-list__content-table thead { padding-left: 20px; } } .pantry-list__content-table thead:after { content: ""; position: absolute; top: 100%; left: 40px; width: calc(100% - 70px); height: 1px; background-color: #dedede; } @media only screen and (max-width: 750px) { .pantry-list__content-table thead:after { display: none; } } .pantry-list__content-table thead td span { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-right: 20px; cursor: pointer; } .pantry-list__content-table thead td span:after, .pantry-list__content-table thead td span:before { content: ""; position: absolute; right: 0; width: 6px; height: 6px; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .pantry-list__content-table thead td span:after, .pantry-list__content-table thead td span:before { display: none; } } .pantry-list__content-table thead td span:before { top: 3px; -webkit-transform: rotate(225deg); transform: rotate(225deg); } .pantry-list__content-table thead td span:after { bottom: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pantry-list__content-table thead td span.ASC:before { border-color: #000; } .pantry-list__content-table thead td span.DESC:after { border-color: #000; } .pantry-list__content-table tbody { display: block; } .pantry-list__content-table tbody tr { position: relative; padding-left: 44px; -webkit-transition: background-color .3s; transition: background-color .3s; cursor: pointer; } .pantry-list__content-table tbody tr:after { content: ""; position: absolute; bottom: 0; left: 40px; width: calc(100% - 70px); height: 1px; background-color: #dedede; } @media only screen and (max-width: 750px) { .pantry-list__content-table tbody tr:after { display: none; } } @media only screen and (max-width: 750px) { .pantry-list__content-table tbody tr { padding-left: 20px; } } .pantry-list__content-table tbody tr:hover { background-color: #ededed; } .pantry-list__content-table tbody tr:last-of-type:after { display: none; } .pantry-list__content-table thead, .pantry-list__content-table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-left: 44px; } .pantry-list__content-table .mCSB_scrollTools { width: 8px; } .pantry-list__content-table .mCSB_draggerContainer, .pantry-list__content-table .mCSB_dragger { padding-top: 25px; } .pantry-list__table-loader { margin-top: 40px; } .pantry-list__table-cell { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; font-family: Grtsk-Exa, sans-serif; font-size: 16px; line-height: 18px; } .pantry-list__table-cell._sale { font-size: 12px; line-height: 14px; } .pantry-list__table-cell._sale > span:last-child { text-decoration: line-through; } @media only screen and (max-width: 750px) { .pantry-list__table-sale-label { font-size: 12px; line-height: 26px; margin-top: 1px; margin-right: 7px; } } .pantry-list__table-sale { font-size: 16px; line-height: 26px; font-weight: 500; color: #ef3b24; } .pantry-list__table-sale span { font-size: 12px; line-height: 14px; color: #14191a; opacity: .6; } @media only screen and (max-width: 750px) { .pantry-list__table-sale span { font-size: 12px; line-height: 26px; } } .pantry-list__table-row { min-height: 80px; padding: 28px 0 28px 40px; } .pantry-list__table-row:first-child .pantry-list__tags .tooltip-block-wrapper { top: auto; bottom: 12px; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .pantry-list__table-row:first-child .tooltip-wrapper:hover .tooltip-block-wrapper { -webkit-transform: translate(-50%, calc(100% + 26px)); transform: translate(-50%, calc(100% + 26px)); } .pantry-list__table-row:first-child .tooltip-block:before { bottom: auto; top: -10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 750px) { .pantry-list__table-row { height: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; border-bottom: 1px solid #ededed; } .pantry-list__table-row:first-child { padding-top: 0; } .pantry-list__table-row:first-child .pantry-list__number-val { top: 0; } .pantry-list__table-row:first-child .pantry-list__family { top: -7px; } } .pantry-list__table-row-header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 72px; } .pantry-list__table-floor { width: 120px; } @media only screen and (max-width: 750px) { .pantry-list__table-floor { position: relative; display: none; -ms-flex-preferred-size: 60%; flex-basis: 60%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .pantry-list__table-floor._mobile { display: none; } @media only screen and (max-width: 750px) { .pantry-list__table-floor._mobile { display: block; } } .pantry-list__table-section { width: 120px; } @media only screen and (max-width: 750px) { .pantry-list__table-section { position: relative; display: none; } } .pantry-list__table-section._mobile { display: none; } @media only screen and (max-width: 750px) { .pantry-list__table-section._mobile { display: block; } } .pantry-list__table-number { position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 255px; } @media only screen and (max-width: 750px) { .pantry-list__table-number { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .pantry-list__table-number .pantry-list__table-sale-wrap { display: none; } @media only screen and (max-width: 750px) { .pantry-list__table-number .pantry-list__table-sale-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 4px; } } .pantry-list__table-number .tooltip { position: relative; } .pantry-list__table-number .tooltip-wrapper { width: 14px; height: 14px; margin-left: 4px; position: relative; cursor: pointer; } @media only screen and (max-width: 750px) { .pantry-list__table-number .tooltip-wrapper { width: 20px; height: 20px; margin-left: 10px; } } .pantry-list__table-number .tooltip-wrapper:hover .tooltip-block-wrapper { visibility: visible; -webkit-transform: translate(-50%, calc(-100% + 5px)); transform: translate(-50%, calc(-100% + 5px)); opacity: 1; } .pantry-list__table-number .tooltip-icon { display: block; width: 14px; height: 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNjUiIHN0cm9rZT0iIzNCNDY1OCIgc3Ryb2tlLXdpZHRoPSIwLjciLz4KPHBhdGggZD0iTTYuMzY3IDcuMkg1LjU0OFY2LjU3OUM1LjU0OCA2LjMwOSA1LjYwNSA2LjA5IDUuNzE5IDUuOTIyQzUuODM5IDUuNzU0IDYuMDE2IDUuNTk1IDYuMjUgNS40NDVDNi4yNjIgNS40MzkgNi4yOTUgNS40MTggNi4zNDkgNS4zODJDNi40MDMgNS4zNDYgNi40MzYgNS4zMjUgNi40NDggNS4zMTlDNi40NiA1LjMwNyA2LjQ4NyA1LjI4NiA2LjUyOSA1LjI1NkM2LjU3NyA1LjIyNiA2LjYwNyA1LjIwNSA2LjYxOSA1LjE5M0M2LjYzMSA1LjE3NSA2LjY1MiA1LjE1MSA2LjY4MiA1LjEyMUM2LjcxOCA1LjA5MSA2Ljc0MiA1LjA2NyA2Ljc1NCA1LjA0OUM2Ljc2NiA1LjAyNSA2Ljc4MSA0Ljk5NSA2Ljc5OSA0Ljk1OUM2LjgyMyA0LjkyMyA2LjgzOCA0Ljg5IDYuODQ0IDQuODZDNi44NSA0LjgyNCA2Ljg1NiA0Ljc4OCA2Ljg2MiA0Ljc1MkM2Ljg2OCA0LjcxIDYuODcxIDQuNjY1IDYuODcxIDQuNjE3QzYuODcxIDQuMzE3IDYuNzg3IDQuMDk4IDYuNjE5IDMuOTZDNi40NTcgMy44MjIgNi4yNSAzLjc1MyA1Ljk5OCAzLjc1M0M1Ljc0NiAzLjc1MyA1LjUzIDMuODQgNS4zNSA0LjAxNEM1LjE3NiA0LjE4OCA1LjA4OSA0LjQ3IDUuMDg5IDQuODZINC4yN0M0LjI3IDQuNTEyIDQuMzIxIDQuMjE1IDQuNDIzIDMuOTY5QzQuNTI1IDMuNzE3IDQuNjYzIDMuNTI1IDQuODM3IDMuMzkzQzUuMDE3IDMuMjYxIDUuMiAzLjE2NSA1LjM4NiAzLjEwNUM1LjU3OCAzLjA0NSA1Ljc4MiAzLjAxNSA1Ljk5OCAzLjAxNUM2LjUyIDMuMDE1IDYuOTQzIDMuMTUgNy4yNjcgMy40MkM3LjU5MSAzLjY4NCA3Ljc1MyA0LjA1NiA3Ljc1MyA0LjUzNkM3Ljc1MyA1LjAzNCA3LjUwNyA1LjQ1NCA3LjAxNSA1Ljc5NkM2Ljg0NyA1LjkxIDYuNzI3IDUuOTk3IDYuNjU1IDYuMDU3QzYuNTg5IDYuMTExIDYuNTIzIDYuMTk4IDYuNDU3IDYuMzE4QzYuMzk3IDYuNDM4IDYuMzY3IDYuNTgyIDYuMzY3IDYuNzVWNy4yWk01LjYwMiA4LjkwMUM1LjUgOC43OTkgNS40NDkgOC42NzMgNS40NDkgOC41MjNDNS40NDkgOC4zNzMgNS41IDguMjQ3IDUuNjAyIDguMTQ1QzUuNzA0IDguMDQzIDUuODMgNy45OTIgNS45OCA3Ljk5MkM2LjEzIDcuOTkyIDYuMjUzIDguMDQzIDYuMzQ5IDguMTQ1QzYuNDUxIDguMjQ3IDYuNTAyIDguMzczIDYuNTAyIDguNTIzQzYuNTAyIDguNjczIDYuNDUxIDguNzk5IDYuMzQ5IDguOTAxQzYuMjUzIDguOTk3IDYuMTMgOS4wNDUgNS45OCA5LjA0NUM1LjgzIDkuMDQ1IDUuNzA0IDguOTk3IDUuNjAyIDguOTAxWiIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: cover; background-position: center center; } @media only screen and (max-width: 750px) { .pantry-list__table-number .tooltip-icon { width: 20px; height: 20px; } } .pantry-list__table-number .tooltip-block { position: relative; padding: 10px 5px; border-radius: 6px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } .pantry-list__table-number .tooltip-block-wrapper { position: absolute; top: 12px; left: 6px; visibility: hidden; opacity: 0; background-color: transparent; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); width: 160px; padding-bottom: 32px; -webkit-transition: .3s; transition: .3s; z-index: 2; } .pantry-list__table-number .tooltip-block:before { content: ""; position: absolute; display: block; left: calc(50% - 10px); bottom: -10px; border-top: 11px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; } .pantry-list__table-number .tooltip-block p { font-family: Grtsk-Exa, sans-serif; font-weight: 300; font-size: 12px; line-height: 17px; color: #3b4658; } .pantry-list__number-val { position: relative; } .pantry-list__family { position: relative; top: -23px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px; font-size: 14px; line-height: 15px; color: #888d99; } @media only screen and (max-width: 750px) { .pantry-list__family { top: -14px; font-size: 16px; line-height: 18px; } } .pantry-list__table-building { width: 160px; } @media only screen and (max-width: 750px) { .pantry-list__table-building { display: none; } } .pantry-list__table-cost { width: 210px; } @media only screen and (max-width: 750px) { .pantry-list__table-cost { display: none; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .pantry-list__table-cost._mobile { display: none; } @media only screen and (max-width: 750px) { .pantry-list__table-cost._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .pantry-list__table-cost._mobile .pantry-list__table-sale { margin-bottom: 4px; } .pantry-list__table-status.active { color: #7aa15d; } @media only screen and (max-width: 750px) { .pantry-list__table-status { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-flex-preferred-size: 40%; flex-basis: 40%; font-size: 14px; font-weight: 300; } } .pantry-list__table-square { width: 150px; } @media only screen and (max-width: 750px) { .pantry-list__table-square { display: none; } } @media only screen and (max-width: 750px) { .pantry-list__table-number, .pantry-list__table-cost { font-size: 16px; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .pantry-list__more { position: relative; width: 100%; height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f9f9f9; } .pantry-list__more .more { padding: 0; } .pantry-list__sort-mob { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 24px; } .pantry-list__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2px; } @media only screen and (max-width: 750px) { .pantry-list__tags { display: none; } } .pantry-list__tags._mobile { display: none; } @media only screen and (max-width: 750px) { .pantry-list__tags._mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-top: 8px; } } .pantry-list__tags .tooltip { position: relative; } .pantry-list__tags .tooltip-wrapper { width: 14px; height: 14px; margin-left: 4px; position: relative; cursor: pointer; } @media only screen and (max-width: 750px) { .pantry-list__tags .tooltip-wrapper { width: 20px; height: 20px; margin-left: 10px; } } .pantry-list__tags .tooltip-wrapper:hover .tooltip-block-wrapper { visibility: visible; -webkit-transform: translate(-50%, calc(-100% + 5px)); transform: translate(-50%, calc(-100% + 5px)); opacity: 1; pointer-events: all; } .pantry-list__tags .tooltip-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 14px; height: 14px; padding: 0; border-radius: 50%; font-weight: 500; font-size: 9px; line-height: 10px; background: #dedede; } @media only screen and (max-width: 750px) { .pantry-list__tags .tooltip-icon { width: 20px; height: 20px; } } .pantry-list__tags .tooltip-block { position: relative; padding: 10px 5px; border-radius: 6px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } .pantry-list__tags .tooltip-block-wrapper { position: absolute; top: 12px; left: 6px; visibility: hidden; opacity: 0; background-color: transparent; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); width: 160px; padding-bottom: 32px; -webkit-transition: .3s; transition: .3s; z-index: 2; pointer-events: none; } .pantry-list__tags .tooltip-block:before { content: ''; position: absolute; display: block; left: calc(50% - 10px); bottom: -10px; border-top: 11px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; } .pantry-list__tags .tooltip-block p { font-family: Grtsk-Exa, sans-serif; font-weight: 300; font-size: 12px; line-height: 17px; color: #3b4658; } .pantry-list__tag { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6px; font-size: 14px; line-height: 15px; color: #888d99; } @media only screen and (max-width: 750px) { .pantry-list__tag { top: 0; font-size: 12px; line-height: 18px; color: #14191a; } } .pantry-list__tag:first-child { margin-right: 12px; } .pantry-list__tag-span { white-space: nowrap; } .pantry-list .swiper-button-white.__hidden { display: none; } @media only screen and (max-width: 750px) { .pantry-list._short._list-view .pantry-list__sort-mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .pantry-list._short._list-view .pantry-list__filter-item._hide-on-list { display: none; opacity: 0; pointer-events: none; } @media only screen and (max-width: 750px) { .pantry-list._short._list-view .pantry-list__filter-item._hide-on-list { display: none; } } .pantry-list._short:not(._list-view) .pantry-list__filter-item._hide-on-floor { display: none; opacity: 0; pointer-events: none; } @media only screen and (max-width: 750px) { .pantry-list._short:not(._list-view) .pantry-list__filter-item._hide-on-floor { display: none; } } .pantry-list._short .pantry-list__filter { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__filter { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 25px; } } .pantry-list._short .pantry-list__filter-item { margin: 0; } .pantry-list._short .pantry-list__filter-item:not(:first-child) { margin-left: 40px; margin-right: 0; } @media screen and (max-width: 1279px) { .pantry-list._short .pantry-list__filter-item:not(:first-child) { margin-right: 20px; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__filter-item:not(:first-child) { margin-right: 0; margin-left: 0; margin-top: 24px; } } .pantry-list._short .pantry-list__filter-switcher { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__filter-switcher { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 32px; } } .pantry-list._short .pantry-list__filter-switcher-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; padding: 16px 28px 16px 36px; margin: 0; border: 1px solid #d4d4d4; color: #3b4658; font-size: 16px; line-height: 18px; fill: #3b4658; stroke: #3b4658; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__filter-switcher-item { padding: 16px 20px 16px 20px; } } .pantry-list._short .pantry-list__filter-switcher-item.active { border-color: #292522; color: white; background-color: #292522; fill: white; stroke: white; pointer-events: none; } .pantry-list._short .pantry-list__filter-switcher-item:hover { opacity: .9; } .pantry-list._short .pantry-list__filter-switcher-item:after { content: none; } .pantry-list._short .pantry-list__filter-switcher-item._no-events { pointer-events: none; } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__noplan-overlay { padding-bottom: 0; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__noplan-text { margin-bottom: -20px; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__content { margin-bottom: 36px; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__content-table { display: block; width: 100vw; margin-left: -20px; padding: 0; } .pantry-list._short .pantry-list__content-table .mCSB_inside > .mCSB_container { margin-right: 0; } } .pantry-list._short .pantry-list__open-list { display: none; } .pantry-list._short .pantry-list__table-row { border: none; } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__table-row { padding-top: 20px; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__table-square, .pantry-list._short .pantry-list__table-number { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__table-cost, .pantry-list._short .pantry-list__table-status { -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__table-square._head, .pantry-list._short .pantry-list__table-status._head { display: none; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__table-square:not(._head), .pantry-list._short .pantry-list__table-status:not(._head) { margin-top: 12px; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__table-floor { display: none; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__table-square { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (max-width: 750px) { .pantry-list._short .pantry-list__more { width: 100vw; margin-left: -20px; margin-bottom: 40px; height: 20px; } } .pantry-list-popup { position: absolute; height: 100%; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; visibility: hidden; opacity: 0; background-color: #fff; -webkit-transition: all .3s; transition: all .3s; } .pantry-list-popup.active { visibility: visible; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; } .pantry-list-popup__header { padding: 48px 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pantry-list-popup__header h1 { font-size: 20px; line-height: 22px; } .pantry-list-popup__close { position: relative; top: -24px; right: 0; } .pantry-list-popup__body { margin-bottom: 63px; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .pantry-list-popup__body._hidden { opacity: 0; pointer-events: none; } .pantry-list-popup__filter { position: fixed; top: 100vh; left: 0; padding-top: 20px; padding-bottom: 0; width: 100%; height: calc(100vh - 60px); background-color: white; overflow-y: scroll; overflow-x: hidden; z-index: 5; -webkit-transition: top .5s ease .3s; transition: top .5s ease .3s; } .pantry-list-popup__filter.active { top: 0; -webkit-transition: top .5s ease; transition: top .5s ease; } .pantry-list-popup__filter.active .flat-list__button-mobile { pointer-events: auto; opacity: 1; -webkit-transition: opacity .3s ease .5s; transition: opacity .3s ease .5s; } .pantry-list-popup__button { display: none; position: fixed; width: 100%; height: 60px; bottom: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #3b4658; color: #fff; z-index: 5; } .pantry-list-popup__button._mobile { font-size: 16px; z-index: 10; pointer-events: none; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .pantry-list-popup__button._mobile:before, .pantry-list-popup__button._mobile:after { display: none; } .pantry-list-popup__button._mobile > span { margin-left: 4px; } .pantry-list-popup__button._mobile.submit { color: white; background-color: #3b4658; } .pantry-list-popup__button._mobile.enabled { opacity: 1; pointer-events: all; } .pantry-list-popup__button:before { content: ''; position: relative; display: block; width: 11px; height: 11px; margin-right: 12px; border-radius: 12px; background-color: #fff; } .pantry-list-popup__button:after { content: ''; position: relative; display: block; width: 14px; height: 7px; margin-left: 16px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cjx0aXRsZT5maWx0ZXItb3Blbi1pY29uPC90aXRsZT4KPGRlc2M+Q3JlYXRlZCB1c2luZyBGaWdtYTwvZGVzYz4KPGcgaWQ9IkNhbnZhcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzMDIgMTg5KSI+CjxnIGlkPSJmaWx0ZXItb3Blbi1pY29uIj4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09Im1hdHJpeCg2LjU3OTQxZS0xNyAtMSAxIDUuNjk4NjllLTE3IDIzMDMuMTEgLTE4MS41KSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gNi41IDYuOTg0MjRMIDYuODY2MDEgNy4zMjQ4OEwgNy4xODMwMyA2Ljk4NDI0TCA2Ljg2NjAxIDYuNjQzNkwgNi41IDYuOTg0MjRaTSAtMC4zNjYwMTQgMC4zNDA2MzdMIDYuMTMzOTkgNy4zMjQ4OEwgNi44NjYwMSA2LjY0MzZMIDAuMzY2MDE0IC0wLjM0MDYzN0wgLTAuMzY2MDE0IDAuMzQwNjM3Wk0gNi4xMzM5OSA2LjY0MzZMIC0wLjM2NjAxNCAxMy42Mjc4TCAwLjM2NjAxNCAxNC4zMDkxTCA2Ljg2NjAxIDcuMzI0ODhMIDYuMTMzOTkgNi42NDM2WiIgZmlsbD0iI2ZmZmZmZiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat center/contain; } @media only screen and (max-width: 750px) { .pantry-list-popup__button { display: -webkit-box; display: -ms-flexbox; display: flex; } } .pantry-scheme-popup { position: absolute; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all .3s; transition: all .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pantry-scheme-popup.active { visibility: visible; opacity: 1; } .pantry-scheme-popup__header, .pantry-scheme-popup__body, .pantry-scheme-popup__footer { background-color: #fff; } .pantry-scheme-popup__header { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .pantry-scheme-popup__header .form__close { position: relative; top: unset; right: unset; } .pantry-scheme-popup__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: scroll; } .pantry-scheme-popup__image { width: 500%; -ms-flex-negative: 0; flex-shrink: 0; } .pantry-scheme-popup__image g { overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .pantry-scheme-popup__image g.hover { opacity: 0; pointer-events: none; } .pantry-scheme-popup__image g.hover.active { opacity: .4; cursor: pointer; pointer-events: all; } .pantry-scheme-popup__image g.hover.active:hover { opacity: 1; } .pantry-scheme-popup__image g.hover.current { opacity: 1; pointer-events: none; } .pantry-scheme-popup__image g.default { opacity: 1; pointer-events: none; } .pantry-scheme-popup__image g.default.hide { opacity: 0; } .pantry-scheme-popup__image g#default .hide { opacity: 0; } .pantry-scheme-popup__image g#hover .active { opacity: .4; cursor: pointer; pointer-events: all; } .pantry-scheme-popup__image g#hover .active:hover { opacity: 1; } .pantry-scheme-popup__image g#hover .current { opacity: 1; pointer-events: none; } .pantry-scheme-popup__image g#hover .hide { opacity: 0; pointer-events: none; } .pantry-scheme-popup__image g#hover .active { opacity: 1; cursor: pointer; pointer-events: all; } .pantry-scheme-popup__image g#hover .active:hover { opacity: .4; } .pantry-scheme-popup__image g#hover .current { opacity: 1; pointer-events: none; } .pantry-scheme-popup__image g#hover .hide { opacity: 0; pointer-events: none; } .pantry-scheme-popup__footer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 10px; } .pantry-scheme-popup__footer .pantry-list__content-image-legend { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } .pantry-form { margin-bottom: 80px; } @media only screen and (max-width: 750px) { .pantry-form { padding: 0; margin: 0; } } .pantry-form__wrap { padding: 80px 0; } @media only screen and (max-width: 750px) { .pantry-form__wrap { padding: 40px 20px; } } .pantry-form__form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pantry-form__title { width: 100%; text-align: center; margin-bottom: 20px; } .pantry-form__text { width: 100%; margin-bottom: 40px; font-size: 16px; line-height: 22px; text-align: center; opacity: .8; } @media only screen and (max-width: 750px) { .pantry-form__text { line-height: 26px; } } .pantry-form__input { width: 100%; max-width: 426px; height: 60px; margin: 0; font-weight: 300; font-size: 18px; line-height: 20px; } @media only screen and (max-width: 750px) { .pantry-form__input { height: 50px; font-size: 16px; line-height: 18px; } } .pantry-form__input::-webkit-input-placeholder { opacity: .5; } .pantry-form__input::-moz-placeholder { opacity: .5; } .pantry-form__input::-ms-input-placeholder { opacity: .5; } .pantry-form__input::placeholder { opacity: .5; } .pantry-form__btn { width: 100%; max-width: 426px; height: 60px; margin: 0; margin-top: 24px; font-size: 18px; line-height: 20px; } @media only screen and (max-width: 750px) { .pantry-form__btn { height: 50px; margin-top: 20px; font-size: 16px; line-height: 18px; } } .pantry-form__note { width: 100%; max-width: 426px; margin-top: 24px; } @media only screen and (max-width: 750px) { .pantry-form__note { margin-top: 20px; font-size: 12px; line-height: 18px; } } .pantry__popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); z-index: 1001; } .pantry-steps-booking, .pantry-booking { overflow-x: hidden; overflow-y: auto; } .pantry-steps-booking__wrap, .pantry-booking__wrap { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 80px auto; } @media only screen and (max-width: 750px) { .pantry-steps-booking__wrap, .pantry-booking__wrap { max-width: 100%; } } @media only screen and (max-width: 750px) { .pantry-steps-booking { margin: 0; } } .agent-header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 442px; margin: 0 auto; color: white; background-image: url(/static/images/agent-header.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .agent-header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: auto; margin-bottom: 70px; } @media only screen and (max-width: 750px) { .agent-header__container { margin-bottom: 30px; } } .agent-header__title { width: 40%; font-size: 34px; line-height: 49px; } @media only screen and (max-width: 750px) { .agent-header__title { width: 100%; font-size: 25px; line-height: 30px; } } .agent-about__text { display: block; width: 75%; } @media only screen and (max-width: 750px) { .agent-about__text { width: 100%; } } .agent-about__text p { margin-bottom: 10px; font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .agent-about__text p { line-height: 23px; } } .agent-about__text p:last-child { margin-bottom: 0; } .agent-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .agent-form._form { max-width: 920px; } .agent-form__full-row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; } @media only screen and (max-width: 750px) { .agent-form__full-row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .agent-form__full-row._title .agent-form__row:first-child { padding-top: 24px; } @media only screen and (max-width: 750px) { .agent-form__full-row._title .agent-form__row:first-child { padding-top: 0; } } .agent-form__full-row .agent-form__row-item { height: 100%; } .agent-form__row { width: 50%; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .agent-form__row { width: 100%; } } .agent-form__row-mixed-field { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 20px; margin-top: 16px; } @media only screen and (max-width: 750px) { .agent-form__row-mixed-field { padding-right: 0; } } .agent-form__row-mixed-field .agent-form__row-item { width: 50%; } @media only screen and (max-width: 750px) { .agent-form__row-mixed-field .agent-form__row-item { width: calc((100% - 8px) / 2); margin-right: 8px; } .agent-form__row-mixed-field .agent-form__row-item:last-of-type { margin-right: 0; } } .agent-form__row-mixed-field .agent-form__input { margin-right: 8px; } @media only screen and (max-width: 750px) { .agent-form__row-mixed-field .agent-form__input { margin-right: 0; } } .agent-form__row-mixed-field .selectric { margin-right: 0; } @media only screen and (max-width: 750px) { .agent-form__row-mixed-field .selectric { padding: 6px 16px; } } .agent-form__row-split-date { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 20px; margin-top: 16px; } @media only screen and (max-width: 750px) { .agent-form__row-split-date { padding-right: 0; } } .agent-form__row-split-date .agent-form__row-item { width: calc(100% / 3); } @media only screen and (max-width: 750px) { .agent-form__row-split-date .agent-form__row-item { width: calc((100% - 16px) / 3); margin-right: 8px; } .agent-form__row-split-date .agent-form__row-item:last-of-type { margin-right: 0; } } .agent-form__row-split-date .agent-form__row-item:last-of-type .agent-form__input { margin-right: 0; } .agent-form__row-split-date .agent-form__input { margin-right: 8px; } @media only screen and (max-width: 750px) { .agent-form__row-split-date .agent-form__input { margin-right: 0; } } .agent-form__row._text-area { width: 100%; } .agent-form__row._disabled { opacity: .5; pointer-events: none; cursor: not-allowed; } .agent-form__row._w100 { width: 100%; } .agent-form__row._negative-margin { margin-top: -24px; } @media only screen and (max-width: 750px) { .agent-form__row._negative-margin { margin-top: 0; } } .agent-form__row._align-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .agent-form__row-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 18px; /*stylelint-disable*/ /*stylelint-enable*/ } .agent-form__row-item._fd-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .agent-form__row-item._fd-row._common-error { margin: 0; } .agent-form__row-item._fd-row._common-error .form-item__tip { margin: 0; } @media only screen and (max-width: 750px) { .agent-form__row-item._fd-row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 750px) { .agent-form__row-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .agent-form__row-item input:-webkit-autofill, .agent-form__row-item input:-webkit-autofill:hover, .agent-form__row-item input:-webkit-autofill:focus, .agent-form__row-item input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; background-color: white !important; color: black !important; } .agent-form__label { padding-bottom: 15px; font-size: 16px; color: #39465a; } .agent-form__label._file { position: relative; margin-right: 20px; padding-bottom: 0; } @media only screen and (max-width: 750px) { .agent-form__label._file { width: 100%; } } @media only screen and (max-width: 750px) { .agent-form__label { width: 100%; margin-bottom: 10px; } } .agent-form__disclaimer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; margin-right: 20px; margin-bottom: 8px; } @media only screen and (max-width: 750px) { .agent-form__disclaimer { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-right: 0; } } .agent-form__disclaimer-text { width: 408px; margin-left: 20px; font-size: 11px; font-weight: 300; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 750px) { .agent-form__disclaimer-text { width: auto; } } .agent-form__disclaimer-link { font-weight: normal; border-bottom: 1px solid rgba(61, 67, 80, 0); cursor: pointer; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; } .agent-form__disclaimer-link:hover { border-color: #3d4350; } .agent-form__input { padding: 16px 20px; margin-right: 20px; } @media only screen and (max-width: 750px) { .agent-form__input { width: 100%; font-size: 16px; } } .agent-form__input._textarea { resize: none; height: 84px; } .agent-form__input._file { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0; padding-bottom: 0; line-height: 48px; color: rgba(0, 0, 0, 0.6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } @media only screen and (max-width: 750px) { .agent-form__input._file:after { content: ''; display: block; position: absolute; right: 1px; height: 48px; top: 1px; width: 32px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(60%, white), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 60%, white 100%); } } .agent-form__input._file._active { color: black; } .agent-form__input-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 1px; padding-left: 24px; padding-right: 34px; top: 1px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(14%, white), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 14%, white 100%); height: 48px; margin-left: auto; color: #39465a; text-decoration: underline; cursor: pointer; vertical-align: center; } @media only screen and (max-width: 750px) { .agent-form__input-link { display: none; } } .agent-form__file { display: none; } .agent-form__button { display: block; padding: 16px 33px; background-color: #fff; border: 1px solid #dadada; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease; } .agent-form__button.active, .agent-form__button:hover { background: #3b4658; border: 1px solid transparent; color: #fff; } .agent-form__button-submit { width: 286px; height: 60px; } @media only screen and (max-width: 750px) { .agent-form__button-submit { width: 100%; margin-right: 0; margin-bottom: 30px; } } .agent-form__button-submit.disabled { opacity: .7; cursor: default; } .agent-form__button-submit.disabled:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: none; transform: none; } .agent-form__button-submit.active { cursor: default; opacity: 0; } .agent-form__action { position: relative; } @media only screen and (max-width: 750px) { .agent-form__action { width: 100%; } } .agent-form__success { position: absolute; top: 0; left: 0; z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .agent-form__success.active { opacity: 1; z-index: 1; } .agent-form__subtitle { width: 100%; margin-bottom: 16px; font-size: 16px; line-height: 110%; color: #39465a; } .agent-form__title { margin-bottom: 32px; font-size: 24px; line-height: 164%; } @media only screen and (max-width: 750px) { .agent-form__title { margin-bottom: 20px; font-size: 22px; line-height: 145%; } } .agent-form__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 35px; margin-right: 20px; } @media only screen and (max-width: 750px) { .agent-form__buttons { margin-right: 0; } } .agent-form__popup { position: relative; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 630px; height: auto; padding: 80px 64px 56px; margin: 0 auto; background-color: #fff; opacity: 0; -webkit-transition: opacity .6s ease; transition: opacity .6s ease; z-index: 12; } @media only screen and (max-width: 750px) { .agent-form__popup { width: 100%; height: 100vh; padding: 48px 20px 20px; } } .agent-form__popup._active { display: -webkit-box; display: -ms-flexbox; display: flex; } .agent-form__popup._opac1 { opacity: 1; -webkit-transition: opacity .6s ease; transition: opacity .6s ease; } .agent-form__popup-overlay { position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: opacity .3s ease .3s, -webkit-transform 0s ease .5s; transition: opacity .3s ease .3s, -webkit-transform 0s ease .5s; transition: opacity .3s ease .3s, transform 0s ease .5s; transition: opacity .3s ease .3s, transform 0s ease .5s, -webkit-transform 0s ease .5s; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); z-index: 11; } @media only screen and (max-width: 750px) { .agent-form__popup-overlay { z-index: 101; } } .agent-form__popup-overlay._active { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity .3s ease, -webkit-transform 0s ease; transition: opacity .3s ease, -webkit-transform 0s ease; transition: opacity .3s ease, transform 0s ease; transition: opacity .3s ease, transform 0s ease, -webkit-transform 0s ease; } .agent-form__popup-close { position: absolute; top: 40px; right: 40px; z-index: 6; display: block; width: 21px; height: 21px; padding: 0; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjM0I0NjU4Ii8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat; background-size: contain; opacity: 1; pointer-events: all; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .agent-form__popup-close { top: 20px; right: 20px; } } .agent-form__popup-close:hover { -webkit-transform: scale(0.8); transform: scale(0.8); } .agent-form__popup-close:active { -webkit-transform: scale(0.7); transform: scale(0.7); } .agent-form__popup-title { margin-bottom: 40px; font-size: 24px; line-height: 130%; } .agent-form__popup-content { font-size: 16px; line-height: 160%; font-weight: 300; } .agent-form__popup-content p { margin-bottom: 28px; } .agent-form__popup-content p:last-child { margin-bottom: 0; } .agent-form__tip { margin-top: 25px; } .agent-form__spinner-wrap { position: absolute; top: 15px; right: -50px; display: block; width: 30px; height: 30px; } @media only screen and (max-width: 750px) { .agent-form__spinner-wrap { top: -50px; left: calc(50% - 15px); } } .agent-form__spinner-wrap._hidden { display: none; } .agent-form__spinner-ring { content: ""; position: absolute; top: 0; left: 0; z-index: 1; display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #3b4658; border-left-color: transparent; background: transparent; -webkit-animation: ring-a 1s infinite linear; animation: ring-a 1s infinite linear; } .agent-form__notify { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-right: 2rem; margin-bottom: 2.8rem; padding: 1.2rem 1.2rem 1.2rem 3.6rem; border-radius: .4rem; background-color: #ecedef; } @media only screen and (max-width: 750px) { .agent-form__notify { margin-top: -2rem; margin-right: 0; } } .agent-form__notify span { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; line-height: 2rem; } .agent-form__notify:before { content: ""; position: absolute; top: 50%; left: 1.2rem; width: 1.6rem; height: 1.6rem; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik03Ljk5NzcyIDE1LjI1NTJDNC4zMTU3MiAxNS4yNTUyIDEuMzMxMDUgMTIuMjcwNSAxLjMzMTA1IDguNTg4NTRDMS4zMzEwNSA0LjkwNjU0IDQuMzE1NzIgMS45MjE4OCA3Ljk5NzcyIDEuOTIxODhDMTEuNjc5NyAxLjkyMTg4IDE0LjY2NDQgNC45MDY1NCAxNC42NjQ0IDguNTg4NTRDMTQuNjY0NCAxMi4yNzA1IDExLjY3OTcgMTUuMjU1MiA3Ljk5NzcyIDE1LjI1NTJaTTcuOTk3NzIgMTMuOTIxOUM5LjQxMjIxIDEzLjkyMTkgMTAuNzY4OCAxMy4zNiAxMS43NjkgMTIuMzU5OEMxMi43NjkyIDExLjM1OTYgMTMuMzMxMSAxMC4wMDMgMTMuMzMxMSA4LjU4ODU0QzEzLjMzMTEgNy4xNzQwNSAxMi43NjkyIDUuODE3NSAxMS43NjkgNC44MTczMUMxMC43Njg4IDMuODE3MTEgOS40MTIyMSAzLjI1NTIxIDcuOTk3NzIgMy4yNTUyMUM2LjU4MzIzIDMuMjU1MjEgNS4yMjY2OCAzLjgxNzExIDQuMjI2NDkgNC44MTczMUMzLjIyNjI5IDUuODE3NSAyLjY2NDM5IDcuMTc0MDUgMi42NjQzOSA4LjU4ODU0QzIuNjY0MzkgMTAuMDAzIDMuMjI2MjkgMTEuMzU5NiA0LjIyNjQ5IDEyLjM1OThDNS4yMjY2OCAxMy4zNiA2LjU4MzIzIDEzLjkyMTkgNy45OTc3MiAxMy45MjE5Wk03LjMzMTA1IDUuMjU1MjFIOC42NjQzOVY2LjU4ODU0SDcuMzMxMDVWNS4yNTUyMVpNNy4zMzEwNSA3LjkyMTg3SDguNjY0MzlWMTEuOTIxOUg3LjMzMTA1VjcuOTIxODdaIiBmaWxsPSIjOEE4QzhEIi8+Cjwvc3ZnPgo=); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @-webkit-keyframes ring-a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes ring-a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .agent-download-btn { position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(50% - 10px); height: 60px; padding-left: 53px; padding-right: 70px; margin-right: 20px; } .agent-download-btn:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .agent-download-btn { padding-right: 50px; margin-right: 0; margin-bottom: 10px; } } .agent-download-btn__file-size { font-size: 13px; white-space: nowrap; opacity: .5; } .agent-download-btn:before { position: absolute; left: 20px; content: ''; display: block; height: 19px; width: 15px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNi42OTIzMUgxMS41TTUgOC43NjkyM0gxMS41TTUgMTAuODQ2MkgxMS41TTkuNSAyLjc2OTIzVjFINi42MzE1OEgxVjE1LjIzMDhIMi45NDczN001IDE0Ljg0NjJIOC41TTEwIDE0Ljg0NjJIMTEuNU0yLjk0NzM3IDE4SDE0VjUuNTM4NDZMMTEuMDUyNiAyLjc2OTIzSDIuOTQ3MzdWMThaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNyIvPgo8L3N2Zz4K) no-repeat; } .agent-download-btn:after { content: ''; position: absolute; right: 20px; display: block; height: 14.5px; width: 18px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTBWMTMuNUgxN1YxME05IDEwVjBNOSAxMEwxMS41IDcuNU05IDEwTDYuNSA3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC43Ii8+Cjwvc3ZnPgo=) no-repeat; } @media only screen and (max-width: 750px) { .agent-download-btn { width: 100%; font-size: 13px; } } .agent { background: #fff; } .agent__section { padding-top: 60px; padding-bottom: 60px; } .agent__section:first-child { padding-bottom: 0; } @media only screen and (max-width: 750px) { .agent__section { padding: 30px 0; } } .сorruption-page__content { padding: 64px 0 62px; } @media only screen and (max-width: 750px) { .сorruption-page__content { padding: 38px 0 38px; } } @media only screen and (max-width: 750px) { .сorruption-page .inner-content-aside p { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .сorruption-page .inner-content-aside__title { margin-bottom: 0; } } .сorruption-page .investors-digits-docs__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 40px; margin-top: 32px; } @media only screen and (max-width: 750px) { .сorruption-page .investors-digits-docs__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 30px; margin-top: 34px; } } .сorruption-page .investors-digits-docs__item:last-child { margin-bottom: 0; } .сorruption-page .investors-digits-docs__item:hover .сorruption-page .investors-digits-docs__name { text-decoration: underline; -webkit-transition: -webkit-text-decoration .3s ease; transition: -webkit-text-decoration .3s ease; transition: text-decoration .3s ease; transition: text-decoration .3s ease, -webkit-text-decoration .3s ease; } .сorruption-page .investors-digits-docs__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 45px; height: 45px; margin-right: 22px; font-size: 14px; border: 1px solid #dedede; } .сorruption-page .investors-digits-docs__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .сorruption-page .investors-digits-docs__name { position: relative; margin-bottom: 6px; font-size: 18px; line-height: 20px; -webkit-transition: -webkit-text-decoration .3s ease; transition: -webkit-text-decoration .3s ease; transition: text-decoration .3s ease; transition: text-decoration .3s ease, -webkit-text-decoration .3s ease; } .сorruption-page .investors-digits-docs__desc { line-height: 18px; color: #a8a19a; } @media only screen and (max-width: 750px) { .сorruption-page .investors-digits-docs__desc { font-size: 16px; } } .sign-page__content { padding: 64px 0 62px; } @media only screen and (max-width: 750px) { .sign-page__content { padding: 38px 0 64px; background-color: #fff; } } .press-page-news .press-enter-active, .press-page-news .press-leave-active { -webkit-transition: opacity .5s linear; transition: opacity .5s linear; } .press-page-news .press-enter, .press-page-news .press-leave-to { -webkit-transition: opacity .5s linear; transition: opacity .5s linear; opacity: 0; } .press-page-news__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 1; } .press-page-news__block { width: 33.33333%; -webkit-box-shadow: 1px 0 0 0 #dedede, 0 1px 0 0 #dedede, 1px 1px 0 0 #dedede, 1px 0 0 0 #dedede inset, 0 1px 0 0 #dedede inset; box-shadow: 1px 0 0 0 #dedede, 0 1px 0 0 #dedede, 1px 1px 0 0 #dedede, 1px 0 0 0 #dedede inset, 0 1px 0 0 #dedede inset; padding: 45px 41px 30px; background: #fff; cursor: pointer; -webkit-transition: background-color .3s, -webkit-box-shadow .3s; transition: background-color .3s, -webkit-box-shadow .3s; transition: box-shadow .3s, background-color .3s; transition: box-shadow .3s, background-color .3s, -webkit-box-shadow .3s; } @media only screen and (max-width: 750px) { .press-page-news__block { width: 100%; padding: 30px; } } .press-page-news__block:hover { background: #3b4658; } .press-page-news__block:hover .press-page-news__title { color: #fff; } .press-page-news__block:hover .press-page-news__desc { color: #fff; } .press-page-news__block:hover .press-page-news__date { color: #fff; opacity: 1; } .press-page-news__title { color: #39455b; font-size: 20px; line-height: 1.6; margin-bottom: 40px; -webkit-transition: color .3s; transition: color .3s; } .press-page-news__desc { font-weight: 300; color: #39455b; font-size: 14px; line-height: 1.6; margin-bottom: 53px; -webkit-transition: color .3s; transition: color .3s; } .press-page-news__date { font-size: 14px; color: #39465a; opacity: .6; line-height: 1.75; -webkit-transition: color .3s; transition: color .3s; } .press-page-inner__back { position: relative; cursor: pointer; color: #3b4658; opacity: .6; padding-left: 22px; margin-bottom: 30px; } .press-page-inner__back:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNiIgZD0iTTcgMUwxIDdMNyAxMyIgc3Ryb2tlPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: contain; } .press-page-inner__title { font-size: 32px; color: #39455b; line-height: 1.4; margin-bottom: 20px; } .press-page-inner__date { color: #39465a; opacity: .6; font-size: 14px; line-height: 1.75; margin-bottom: 40px; } .press-page-inner__desc { width: 66.66667%; } @media only screen and (max-width: 750px) { .press-page-inner__desc { max-width: none; width: 100%; } } .press-page-inner__desc p { margin-bottom: 20px; font-size: 16px; color: #39465a; font-weight: 300; line-height: 28px; } .press-page-inner__desc p:last-child { margin-bottom: 0; } .press-page-inner__desc img { max-width: 100%; display: block; margin: 70px 0; } .press-page__content { padding: 44px 0 62px; } .press-page__tabs { margin-bottom: 70px; } @media only screen and (max-width: 750px) { .press-page__tabs { margin-bottom: 38px; } } .press-page__block { display: none; } .press-page__block.active { display: block; } .obligation { position: relative; } @media only screen and (max-width: 750px) { .obligation__title { font-size: 26px; line-height: 28px; } } .obligation__footnote { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; font-size: 14px; font-weight: 300; margin-top: 26px; color: #b6b6b6; } .obligation__doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 32px; padding: 52px 60px; border: 1px solid #dedede; } @media only screen and (max-width: 750px) { .obligation__doc { padding: 30px; margin-bottom: 20px; } } .obligation__doc-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .obligation__doc-text { font-size: 18px; line-height: 164.4%; } @media only screen and (max-width: 750px) { .obligation__doc-text { margin-bottom: 10px; font-size: 16px; } } .obligation__doc-link { position: relative; font-weight: 300; font-size: 16px; line-height: 164.4%; } .obligation__doc-link:after { content: ''; position: absolute; bottom: 3px; display: block; width: 100%; height: 1px; background-color: #3b4658; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .obligation__doc-link:hover:after { background-color: transparent; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } .obligation__doc-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 50px; margin-right: 42px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA0MiA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjEzNTkgMUg2LjAyNzE3QzQuNjkzODggMSAzLjQxNTIgMS41MjY3OCAyLjQ3MjQyIDIuNDY0NDdDMS41Mjk2NSAzLjQwMjE1IDEgNC42NzM5MiAxIDZWNDZDMSA0Ny4zMjYxIDEuNTI5NjUgNDguNTk3OSAyLjQ3MjQyIDQ5LjUzNTVDMy40MTUyIDUwLjQ3MzIgNC42OTM4OCA1MSA2LjAyNzE3IDUxSDM2LjE5MDJDMzcuNTIzNSA1MSAzOC44MDIyIDUwLjQ3MzIgMzkuNzQ1IDQ5LjUzNTVDNDAuNjg3NyA0OC41OTc5IDQxLjIxNzQgNDcuMzI2MSA0MS4yMTc0IDQ2VjE2TDI2LjEzNTkgMVoiIHN0cm9rZT0iIzYyNkI3OSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjYgMVYxNi4yMTc0SDQxLjIxNzQiIHN0cm9rZT0iIzYyNkI3OSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzEuNDM0OCAyOC4yMjgzSDExLjg2OTYiIHN0cm9rZT0iIzYyNkI3OSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzEuNDM0OCAzNy45NTY1SDExLjg2OTYiIHN0cm9rZT0iIzYyNkI3OSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTUuNjE5NiAxOC41SDEzLjc0NDZIMTEuODY5NiIgc3Ryb2tlPSIjNjI2Qjc5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat; background-size: contain; } @media only screen and (max-width: 750px) { .obligation__doc-icon { margin-right: 30px; } } .obligation__disclosure { margin-bottom: 60px; padding: 75px 85px; background-color: #f4f4f4; } @media only screen and (max-width: 750px) { .obligation__disclosure { padding: 44px 30px 50px; margin-bottom: 46px; } } .obligation__disclosure-text { margin-bottom: 36px; font-size: 24px; line-height: 150.9%; } @media only screen and (max-width: 750px) { .obligation__disclosure-text { margin-bottom: 32px; font-size: 18px; } } .obligation__disclosure-button { height: 50px; width: 230px; } @media only screen and (max-width: 750px) { .obligation__disclosure-button { width: 100%; } } .obligation__hr { margin: 20px 0 60px; height: 1px; background-color: #dedede; } @media only screen and (max-width: 750px) { .obligation__hr { margin: 20px -20px 52px; } } .obligation-intro { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 72px; } @media only screen and (max-width: 750px) { .obligation-intro { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 46px; } } .obligation-intro__text { width: 58.33333%; } @media only screen and (max-width: 750px) { .obligation-intro__text { width: 100%; } } .obligation-intro__text p { margin-bottom: 36px; font-size: 16px; line-height: 176%; color: #3b4658; } .obligation-intro__text p:last-child { margin-bottom: 0; } .obligation-intro__aside { width: 25%; font-size: 20px; line-height: 180%; } @media only screen and (max-width: 750px) { .obligation-intro__aside { width: 100%; } } .obligation-intro__name { font-size: 16px; line-height: 29px; } .obligation-intro__name._mail { line-height: 20px; } .obligation-intro__value { margin-bottom: 16px; font-size: 34px; line-height: 46px; } .obligation-intro__value._mail { font-size: 16px; font-weight: 500; } .obligation-intro__values { margin-bottom: 36px; } @media only screen and (max-width: 750px) { .obligation-intro__values { margin-bottom: 0; margin-top: 36px; } } .obligation-intro__quote { background-color: #f2f2f2; padding: 20px; } @media only screen and (max-width: 750px) { .obligation-intro__quote { display: none; } } .obligation-menu { height: 75px; margin-bottom: 60px; background-color: #f2f2f2; } @media only screen and (max-width: 750px) { .obligation-menu { height: 65px; margin-bottom: 42px; } } .obligation-menu.--fixed { position: fixed; top: 61px; width: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); z-index: 9; } .obligation-menu__container { position: relative; height: 100%; } @media only screen and (max-width: 750px) { .obligation-menu__container { padding: 0; } } .obligation-menu__list { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media only screen and (max-width: 750px) { .obligation-menu__list { overflow-x: scroll; } .obligation-menu__list:before, .obligation-menu__list:after { content: ""; display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 100%; } } .obligation-menu__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin-right: 50px; font-size: 16px; line-height: 26px; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; } @media only screen and (max-width: 750px) { .obligation-menu__item { margin-right: 30px; } } .obligation-menu__item:last-child { margin-right: 0; } @media only screen and (max-width: 750px) { .obligation-menu__item:last-child { padding-right: 30px; } } .obligation-menu__item:after { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 2px; background-color: #3b4658; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .obligation-menu__item.--active { color: #a9adb4; } .obligation-menu__item.--active:after { opacity: 1; } .obligation-menu__item:hover { color: #647795; } .obligation-menu__overlay { position: absolute; top: 0; right: 0; width: 58px; height: 65px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .obligation-menu__overlay { opacity: 1; } } .obligation-menu__overlay:after { content: ""; position: absolute; width: 56px; height: 100%; top: 0; right: 0; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } .obligation-header { height: 440px; background-image: url(/static/images/obligation-header.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .obligation-header { height: 242px; } } .obligation-header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; padding-bottom: 70px; } @media only screen and (max-width: 750px) { .obligation-header__container { padding-bottom: 32px; } } .obligation-header__title { color: #fff; font-size: 34px; line-height: 1; } @media only screen and (max-width: 750px) { .obligation-header__title { font-size: 26px; } } .obligation-indicators { position: relative; margin-top: 42px; margin-bottom: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 750px) { .obligation-indicators { margin-top: 36px; margin-bottom: 52px; } } .obligation-indicators__left { max-width: 885px; } .obligation-indicators__left:before { content: ""; position: absolute; left: 0; top: 0; width: 7px; height: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIzNzUiIHZpZXdCb3g9IjAgMCA3IDM3NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEg3VjE4OEwwIDE3OS41VjBaIiBmaWxsPSIjRkMxRDFEIi8+CjxwYXRoIGQ9Ik0wIDE3OS41TDcgMTg4VjM3NUgwVjE3OS41WiIgZmlsbD0iIzhFQzcyRiIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: cover; } .obligation-indicators__right { width: 295px; height: auto; background: url(/static/images/obligation-info.jpg) center no-repeat; background-size: cover; } @media only screen and (max-width: 750px) { .obligation-indicators__right { display: none; } } .obligation-indicators__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 62px 100px; background-color: #f4f4f4; } @media only screen and (max-width: 750px) { .obligation-indicators__list { padding: 38px; } } .obligation-indicators__list._two-column .obligation-indicators__item:nth-child(even) { -webkit-box-flex: 0; -ms-flex: 0 0 57%; flex: 0 0 57%; } @media only screen and (max-width: 750px) { .obligation-indicators__list._two-column .obligation-indicators__item:nth-child(even) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .obligation-indicators__list._two-column .obligation-indicators__item:nth-child(odd) { -webkit-box-flex: 0; -ms-flex: 0 0 43%; flex: 0 0 43%; } @media only screen and (max-width: 750px) { .obligation-indicators__list._two-column .obligation-indicators__item:nth-child(odd) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .obligation-indicators__list._three-column .obligation-indicators__item { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } @media only screen and (max-width: 750px) { .obligation-indicators__list._three-column .obligation-indicators__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .obligation-indicators__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .obligation-indicators__item._mb { margin-bottom: 62px; } @media only screen and (max-width: 750px) { .obligation-indicators__item._mb { margin-bottom: 26px; } } @media only screen and (max-width: 750px) { .obligation-indicators__item { margin-bottom: 26px; } .obligation-indicators__item:last-child { margin-bottom: 0; } } .obligation-indicators__value { margin-bottom: 10px; font-weight: normal; font-size: 40px; line-height: 100%; } @media only screen and (max-width: 750px) { .obligation-indicators__value { margin-bottom: 4px; font-size: 35px; line-height: 118%; } } .obligation-indicators__desc { font-size: 16px; font-weight: 300; } .obligation-params { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 750px) { .obligation-params { margin: 0 -20px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .obligation-params__wrap { margin-top: 60px; margin-bottom: 86px; } .obligation-params__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } @media only screen and (max-width: 750px) { .obligation-params__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; border-bottom: 1px solid #dedede; } } .obligation-params__item:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 28%; flex: 0 0 28%; } @media only screen and (max-width: 750px) { .obligation-params__item:last-child { border-bottom: none; -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; } } .obligation-params__name { height: 70px; padding-bottom: 20px; font-size: 16px; font-weight: 300; border-bottom: 1px solid #dedede; } @media only screen and (max-width: 750px) { .obligation-params__name { height: auto; padding-bottom: 0; border-bottom: none; } } .obligation-params__value { margin-top: 30px; font-size: 18px; line-height: 164.4%; } @media only screen and (max-width: 750px) { .obligation-params__value { margin-top: 0; text-align: right; } } .obligation-docs { position: relative; margin-top: 32px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .obligation-docs { margin-top: 24px; margin-bottom: 40px; } } .obligation-docs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .obligation-docs__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .obligation-docs__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; } } .obligation-docs__item:hover .obligation-docs__name { text-decoration: underline; -webkit-transition: -webkit-text-decoration .3s ease; transition: -webkit-text-decoration .3s ease; transition: text-decoration .3s ease; transition: text-decoration .3s ease, -webkit-text-decoration .3s ease; } .obligation-docs__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 45px; height: 45px; margin-right: 22px; font-size: 14px; border: 1px solid #dedede; } .obligation-docs__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .obligation-docs__name { position: relative; max-width: 430px; margin-bottom: 6px; font-size: 18px; line-height: 20px; -webkit-transition: -webkit-text-decoration .3s ease; transition: -webkit-text-decoration .3s ease; transition: text-decoration .3s ease; transition: text-decoration .3s ease, -webkit-text-decoration .3s ease; } .obligation-docs__desc { line-height: 18px; color: #9c9a9a; } @media only screen and (max-width: 750px) { .obligation-docs__desc { font-size: 16px; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .close-button { position: absolute; top: 34px; right: 30px; z-index: 101; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 110%; text-transform: uppercase; cursor: pointer; color: #000; /* Size */ /* End size */ /* Shape */ /* End shape */ /* Color */ /* End color */ } .close-button span { width: 100%; height: 100%; min-width: 21px; min-height: 21px; margin-left: 12px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjM0I0NjU4Ii8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat; background-size: contain; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .close-button span { min-width: 16px; min-height: 16px; } } @media only screen and (max-width: 750px) { .close-button { top: 29px; right: 20px; font-size: 12px; } } .close-button._out { right: -50px; } .close-button:hover span { -webkit-transform: scale(0.8); transform: scale(0.8); } .close-button:active span { -webkit-transform: scale(0.7); transform: scale(0.7); } .close-button._white { color: #fff; } .close-button._white span { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat; } @media only screen and (max-width: 750px) { .close-button._white-mobile { color: #fff; } .close-button._white-mobile span { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat; } } .close-button--small { font-size: 12px; line-height: 14px; } .close-button--small span { min-width: 16px; min-height: 16px; } .close-button--medium { font-size: 16px; line-height: 18px; } .close-button--medium span { min-width: 32px; min-height: 32px; } .close-button--circle { border-radius: 50%; } .close-button--circle span { position: relative; margin-left: 0; background: none; } .close-button--circle span:before, .close-button--circle span:after { content: ""; position: absolute; top: 50%; right: 50%; width: 2px; height: 18px; border-radius: 4px; background-color: #3b4658; } .close-button--circle span:before { -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg); transform: translate3d(50%, -50%, 0) rotate(-45deg); } .close-button--circle span:after { -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg); transform: translate3d(50%, -50%, 0) rotate(45deg); } .close-button--grey { background-color: rgba(236, 237, 239, 0.5); } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .v-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 300; font-size: 14px; line-height: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .v-checkbox._active .v-checkbox__box { border-color: #3b4658; } .v-checkbox._active .v-checkbox__box:after { opacity: 1; } .v-checkbox._disabled { pointer-events: none; opacity: .6; } .v-checkbox._error .v-checkbox__box { border-color: #ef3b24; } .v-checkbox__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 22px; height: 22px; margin-right: 12px; border: 1px solid #dedede; background-color: white; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; } .v-checkbox__box:after { content: ''; width: 12px; height: 12px; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDMuMDgzMzNMNC4wMDk3NSA2TDkgMSIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; position: absolute; top: 7px; left: 5px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .v-input-slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; font-size: 16px; line-height: 16px; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; /* Colors */ /* End colors */ /* Size */ /* End size */ /* Modificators */ /* End Modificators */ } .v-input-slider--default { border-color: #d8dade; color: #3b4658; } .v-input-slider--default .v-input-slider__label { color: #626b79; } .v-input-slider--default .v-input-slider__placeholder { color: #b1b5bc; } .v-input-slider--default.is-error { border-color: #ef3b24; } .v-input-slider--default.is-error .v-input-slider__label { color: #ef3b24; } .v-input-slider--default.is-error .v-input-slider__inner { border-color: #ef3b24; } .v-input-slider--default.is-error .v-input-slider__error { opacity: 1; } .v-input-slider--default.is-error .v-input-slider__arrow { opacity: 0; } .v-input-slider--medium-small .v-input-slider__native { height: 50px; padding: 24px 0 10px; } .v-input-slider--medium-small .v-input-slider__placeholder { font-size: 14px; } .v-input-slider--medium .v-input-slider__native { height: 54px; } .v-input-slider--medium .v-input-slider__placeholder { font-size: 16px; } .v-input-slider--large .v-input-slider__native { height: 60px; } .v-input-slider--large .v-input-slider__placeholder { font-size: 16px; } .v-input-slider.has-label.has-placeholder.is-active .v-input-slider__placeholder { opacity: 0; } @media screen and (max-device-width: 1024px) { .v-input-slider.has-label.has-placeholder.is-focused .v-input__placeholder { opacity: 0; -webkit-transition-duration: 0s; transition-duration: 0s; } } .v-input-slider.is-active.is-error .v-input-slider__arrow { opacity: 0; } .v-input-slider.is-active .v-input-slider__label { color: #9da3ac; -webkit-transform: translateY(calc(-50% - 12px)) scale(0.72); transform: translateY(calc(-50% - 12px)) scale(0.72); } .v-input-slider.is-active .v-input-slider__placeholder { opacity: 0; } .v-input-slider.is-focused .v-input-slider__label { color: #9da3ac; -webkit-transform: translateY(calc(-50% - 12px)) scale(0.72); transform: translateY(calc(-50% - 12px)) scale(0.72); } .v-input-slider.is-focused .v-input-slider__placeholder { opacity: 1; } @media screen and (max-device-width: 1024px) { .v-input-slider.has-content .v-input__placeholder { opacity: 0; -webkit-transition-duration: 0s; transition-duration: 0s; } } .v-input-slider.is-disabled { opacity: .3; } .v-input-slider.has-arrow .v-input-slider__inner { padding-right: 52px; } .v-input-slider__inner { position: relative; width: 100%; padding: 0 16px; border: 1px solid #d8dade; -webkit-transition: all .3s ease; transition: all .3s ease; } .v-input-slider__inner input[type=file] { opacity: 0; } .v-input-slider__native { width: 100%; height: 48px; padding: 22px 0 10px; border: none; background-color: transparent; outline: none; font-size: inherit; color: inherit; } .v-input-slider__label, .v-input-slider__placeholder, .v-input-slider__error, .v-input-slider__arrow { position: absolute; pointer-events: none; } .v-input-slider__label { left: 16px; top: 50%; font-size: 14px; line-height: 16px; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: color .2s ease, -webkit-transform .3s ease; transition: color .2s ease, -webkit-transform .3s ease; transition: transform .3s ease, color .2s ease; transition: transform .3s ease, color .2s ease, -webkit-transform .3s ease; } .v-input-slider__label._pointer { pointer-events: auto; } .v-input-slider__placeholder { left: 16px; bottom: 10px; width: calc(100% - 40px); opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .v-input-slider__error { left: 0; bottom: -18px; font-size: 11px; color: #ef3b24; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .v-input-slider__arrow { right: 16px; top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .v-input-slider__arrow svg { width: 100%; height: 100%; } .v-input-slider__arrow.active-arrow { opacity: 1; } .v-input-slider__addon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } .v-input-slider__addon.is-left { margin-right: 8px; } .v-input-slider__addon.is-right { margin-left: 8px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .callback-popup._zi102 { z-index: 102; position: fixed; } @media only screen and (max-width: 750px) { .callback-popup.form { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transition: opacity .2s ease .3s, -webkit-transform 0s ease .5s; transition: opacity .2s ease .3s, -webkit-transform 0s ease .5s; transition: opacity .2s ease .3s, transform 0s ease .5s; transition: opacity .2s ease .3s, transform 0s ease .5s, -webkit-transform 0s ease .5s; } } .callback-popup.form.active { -webkit-transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, transform 0s ease; transition: opacity .2s ease, transform 0s ease, -webkit-transform 0s ease; } @media only screen and (max-width: 750px) { .callback-popup.form.active .form__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: auto; -webkit-transition: opacity .3s ease .3s, -webkit-transform .3s ease; transition: opacity .3s ease .3s, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease .3s; transition: transform .3s ease, opacity .3s ease .3s, -webkit-transform .3s ease; } } @media only screen and (max-width: 750px) { .callback-popup.form .form__container { pointer-events: none; opacity: 1; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-animation: none; animation: none; } } .callback-popup__wrap { position: relative; width: 508px; padding: 32px; background-color: white; } @media only screen and (max-width: 750px) { .callback-popup__wrap { width: 100%; padding: 52px 20px 24px; } } .callback-popup__close.close-button { top: 32px; right: 32px; } @media only screen and (max-width: 750px) { .callback-popup__close.close-button { top: 24px; right: 24px; } } .callback-popup__title { width: calc(100% - 54px); font-size: 28px; line-height: 34px; font-weight: 500; color: #3b4658; } @media only screen and (max-width: 750px) { .callback-popup__title { width: 100%; font-size: 24px; line-height: 108%; } } .callback-popup__subtitle { margin-top: 16px; font-size: 14px; line-height: 153.44%; color: #626b79; } @media only screen and (max-width: 750px) { .callback-popup__subtitle { font-size: 12px; line-height: 153.44%; } } .callback-popup__notification { margin-top: 1.2rem; font-size: 1.6rem; line-height: 2.4rem; color: #626b79; } .callback-popup__input { margin-top: 32px; } @media only screen and (max-width: 750px) { .callback-popup__input { margin-top: 24px; } } .callback-popup__checkbox.v-checkbox { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 32px; font-size: 12px; font-weight: 400; line-height: 20px; color: #626b79; } .callback-popup__checkbox.v-checkbox .form__disclaimer-link { border-bottom-color: #626b79; color: inherit; } @media only screen and (max-width: 750px) { .callback-popup__checkbox.v-checkbox { margin-top: 24px; } } .callback-popup__checkbox.v-checkbox .v-checkbox__box { width: 20px; height: 20px; margin-top: 2px; } .callback-popup__checkbox.v-checkbox .v-checkbox__box:after { top: 6px; left: 4px; } .callback-popup__submit { position: relative; width: 160px; height: 52px; margin-top: 16px; font-size: 14px; } @media only screen and (max-width: 750px) { .callback-popup__submit { width: 100%; height: 56px; margin-top: 32px; font-size: 16px; } } .callback-popup__submit .more { padding: 0; } .callback-popup__submit-error { position: absolute; } .callback-popup__result { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: white; font-size: 26px; color: #3b4658; text-align: center; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .v-callback-form { position: relative; width: 508px; padding: 32px; background-color: white; } @media only screen and (max-width: 750px) { .v-callback-form { width: 100%; padding: 52px 20px 24px; } } .v-callback-form__close.close-button { top: 32px; right: 32px; } @media only screen and (max-width: 750px) { .v-callback-form__close.close-button { top: 24px; right: 24px; } } .v-callback-form__title { width: calc(100% - 54px); font-size: 28px; line-height: 34px; font-weight: 500; color: #3b4658; } @media only screen and (max-width: 750px) { .v-callback-form__title { width: 100%; font-size: 24px; line-height: 108%; } } .v-callback-form__subtitle { margin-top: 16px; font-size: 14px; line-height: 153.44%; color: #626b79; } @media only screen and (max-width: 750px) { .v-callback-form__subtitle { font-size: 12px; line-height: 153.44%; } } .v-callback-form__input { margin-top: 32px; } @media only screen and (max-width: 750px) { .v-callback-form__input { margin-top: 24px; } } .v-callback-form__checkbox.v-checkbox { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 32px; font-size: 12px; font-weight: 400; line-height: 20px; color: #626b79; } .v-callback-form__checkbox.v-checkbox .form__disclaimer-link { border-bottom-color: #626b79; color: inherit; } @media only screen and (max-width: 750px) { .v-callback-form__checkbox.v-checkbox { margin-top: 24px; } } .v-callback-form__checkbox.v-checkbox .v-checkbox__box { width: 20px; height: 20px; margin-top: 2px; } .v-callback-form__checkbox.v-checkbox .v-checkbox__box:after { top: 6px; left: 4px; } .v-callback-form__submit { position: relative; width: 160px; height: 52px; margin-top: 16px; font-size: 14px; } @media only screen and (max-width: 750px) { .v-callback-form__submit { width: 100%; height: 56px; margin-top: 32px; font-size: 16px; } } .v-callback-form__submit .more { padding: 0; } .v-callback-form__submit-error { position: absolute; } .v-callback-form__result { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: white; font-size: 26px; color: #3b4658; text-align: center; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .modal { position: fixed; top: 0; left: 0; z-index: 101; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: calc(100% - var(--lock-offset, 0)); height: 100%; } @media only screen and (max-width: 750px) { .modal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .modal__close { position: absolute; top: 32px; right: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(236, 237, 239, 0.5); cursor: pointer; } @media only screen and (max-width: 750px) { .modal__close { top: 20px; right: 20px; } } .modal__close svg { width: 14px; height: 14px; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; } .modal__close:hover svg { -webkit-transform: scale(0.9); transform: scale(0.9); } .modal:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: .3s ease; transition: .3s ease; } .modal._rounded .modal__content { border-radius: 1.6rem; } @media only screen and (max-width: 750px) { .modal._rounded .modal__content { border-radius: 1.6rem 1.6rem 0 0; } } @media only screen and (max-width: 750px) { .modal._to-top { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .modal._scroll { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; } .modal._scroll._centred { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal._scroll .modal__content { margin: 80px 0; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; } .modal._scroll .modal__content::-webkit-scrollbar { display: none; } @media (max-height: 728px) { .modal._scroll .modal__content { margin: 40px 0; } } @media only screen and (max-width: 750px) { .modal._scroll .modal__content { margin: 0; } } @media only screen and (max-width: 750px) { .modal._scroll._fullMob { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-width: 750px) { .modal._scroll._fullMob .modal__content { height: 100%; } } .modal._full { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .modal._full > .modal__content { height: 100%; min-height: 100%; min-width: 100%; overflow: auto; } .modal__content { position: relative; overflow: hidden; height: auto; padding: 40px 64px 48px; background-color: #fff; -webkit-transition: .3s ease; transition: .3s ease; } .modal__content._blank { padding: 0; } .modal__content._overflow-visible { overflow: visible; } @media only screen and (max-width: 750px) { .modal__content { width: 100%; height: auto; padding: 38px 20px; } } .to-top-enter .modal__content, .to-top-leave-to .modal__content { -webkit-transform: translateY(100%); transform: translateY(100%); } .to-top-enter:before, .to-top-leave-to:before { opacity: 0; } .to-slide-left-enter-active .modal__content, .to-slide-left-leave-active .modal__content { -webkit-transition: all .3s; transition: all .3s; } .to-slide-left-enter-active:before, .to-slide-left-leave-active:before { opacity: 0; } .to-slide-left-enter .modal__content, .to-slide-left-leave-to .modal__content { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .to-slide-left-enter-from .modal__content, .to-slide-left-leave-from .modal__content { -webkit-transform: translateX(0); transform: translateX(0); } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .parking-floor { position: relative; } .parking-floor__loading-wrap { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 0; width: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 9; } .parking-floor__content { -webkit-transition: all .3s ease; transition: all .3s ease; } .parking-floor__content._loading { min-height: 80vh; opacity: 0; } .parking-floor__zoom-wrapper { margin-bottom: 25px; } @media only screen and (max-width: 750px) { .parking-floor__zoom-wrapper { height: 100vw; width: 100vw; overflow: hidden; position: relative; margin: 0 -20px 0; } .parking-floor__zoom-wrapper.active { overflow: scroll; -webkit-overflow-scrolling: touch; } .parking-floor__zoom-wrapper._null { margin: 0; } } .parking-floor__noplan-overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(255, 255, 255, 0.9); z-index: 9; } @media only screen and (max-width: 750px) { .parking-floor__noplan-overlay { padding-top: 32px; padding-bottom: 52px; background-color: rgba(255, 255, 255, 0.8); font-size: 30px; } } .parking-floor__noplan-text { margin-bottom: 20px; font-size: 30px; line-height: 140%; text-align: center; } @media only screen and (max-width: 750px) { .parking-floor__noplan-text { margin-bottom: 0; padding: 0 20px; font-size: 20px; } } .parking-floor__noplan-btn { width: 250px; height: 50px; } @media only screen and (max-width: 750px) { .parking-floor__noplan-btn { display: none; } } .parking-floor__drag-wrapper { position: relative; -ms-flex-item-align: center; align-self: center; width: 100%; margin-bottom: 60px; padding-bottom: 20px; overflow: hidden; cursor: default; } @media only screen and (max-width: 750px) { .parking-floor__drag-wrapper { display: none; } } .parking-floor__drag-wrapper .ps__rail-x, .parking-floor__drag-wrapper .ps__rail-y { position: absolute; background-color: #fff; pointer-events: none; } .parking-floor__drag-wrapper .ps__rail-x .ps__thumb-x, .parking-floor__drag-wrapper .ps__rail-x .ps__thumb-y, .parking-floor__drag-wrapper .ps__rail-y .ps__thumb-x, .parking-floor__drag-wrapper .ps__rail-y .ps__thumb-y { position: absolute; background-color: #3b4658; } .parking-floor__drag-wrapper .ps__rail-x { height: 20px; } .parking-floor__drag-wrapper .ps__rail-x .ps__thumb-x { height: 4px; bottom: 0; } .parking-floor__drag-wrapper .ps__rail-y { width: 20px; right: 0; } .parking-floor__drag-wrapper .ps__rail-y .ps__thumb-y { width: 4px; right: 0; } .parking-floor__image-wrapper { -ms-flex-item-align: center; align-self: center; min-height: 200px; margin: 0 auto; padding-top: 10px; } @media only screen and (max-width: 750px) { .parking-floor__image-wrapper { display: none; } } .parking-floor__image-wrapper.mobile { display: none; width: 100%; margin-bottom: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .parking-floor__image-wrapper.mobile { display: block; } } .parking-floor__image-wrapper g { overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .parking-floor__image-wrapper g.hover { opacity: 0; pointer-events: none; } .parking-floor__image-wrapper g.hover.active { opacity: .4; cursor: pointer; pointer-events: all; } .parking-floor__image-wrapper g.hover.active:hover { opacity: 1; } .parking-floor__image-wrapper g.hover.current { opacity: 1; pointer-events: none; } .parking-floor__image-wrapper g.default { opacity: 1; pointer-events: none; } .parking-floor__image-wrapper g.default.hide { opacity: 0; } .parking-floor__image-wrapper g#default .hide { opacity: 0; } .parking-floor__image-wrapper g#hover .active { opacity: .4; cursor: pointer; pointer-events: all; } .parking-floor__image-wrapper g#hover .active:hover { opacity: 1; } .parking-floor__image-wrapper g#hover .current { opacity: 1; pointer-events: none; } .parking-floor__image-wrapper g#hover .hide { opacity: 0; pointer-events: none; } .parking-floor__image-wrapper-active g#hover .active { opacity: 1; cursor: pointer; pointer-events: all; } .parking-floor__image-wrapper-active g#hover .active:hover { opacity: .4; } .parking-floor__image-wrapper-active g#hover .current { opacity: 1; pointer-events: none; } .parking-floor__image-wrapper-active g#hover .hide { opacity: 0; pointer-events: none; } .parking-floor__image-legend { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .parking-floor__image-legend { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; margin-top: 15px; } } .parking-floor__image-legend._hidden { margin-top: -77px; opacity: 0; } .parking-floor__image-legend._null { margin-top: 0; } .parking-floor__legend-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; } @media only screen and (max-width: 750px) { .parking-floor__legend-item { margin-right: 15px; margin-bottom: 10px; } .parking-floor__legend-item:last-child { margin-right: 0; } } .parking-floor__legend-item-color { width: 18px; height: 18px; margin-right: 10px; } @media only screen and (max-width: 750px) { .parking-floor__legend-item-color { width: 12px; height: 12px; min-width: 12px; min-height: 12px; margin-right: 5px; } } .parking-floor .pinch-zoom-container { /* stylelint-disable */ height: 100% !important; /* stylelint-enable */ } @media screen and (max-width: 1200px) { .parking-floor .map-mob { bottom: 0; margin-bottom: 0; font-size: 18px; line-height: 20px; } .parking-floor .map-mob.active { pointer-events: all; } } .parking-floor .map-mob__icon { width: 60px; height: 60px; margin-top: 0; margin-bottom: 13px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU4Ljk0MTYgMzYuMzM2N0w1Mi4yNzQxIDIzLjAwNDJDNTEuMzY5NSAyMS4xOTM5IDQ5LjYzNDkgMTkuOTI5MiA0Ny42MzU1IDE5LjYyMTZMMzQuMzQ4IDE3LjU3N0gzNC4zNDY5QzMxLjU5OTEgMTcuMTYwNyAyOC44MzQxIDE4LjUyNDIgMjcuNTAyNCAyMC45NTk2TDE5LjY4NjMgNS4zMjU5OEMxOC44MTQ2IDMuNTgyODEgMTcuMDYxNyAyLjUgMTUuMTEyMyAyLjVDMTIuMjkzNyAyLjUgMTAgNC43OTM3MSAxMCA3LjgzODEzQzEwIDguNjI5MTQgMTAuMTg2OCA5LjQyMDE2IDEwLjUzOTUgMTAuMTI0NUwyNS44MjI4IDQwLjY5MDhDMjYuMTA0NyA0MS4yNTM2IDI1Ljg3ODkgNDEuNzI4NCAyNS43Njc4IDQxLjkwNjZDMjUuNjU3OSA0Mi4wODQ5IDI1LjMzNDUgNDIuNSAyNC43MDQ2IDQyLjVIMTQuMjgzNEMxMS45MjE0IDQyLjUgMTAgNDQuNDIxNCAxMCA0Ni43ODM0QzEwIDQ3LjQ0MzggMTAuMTU2MiA0OC4xMDY3IDEwLjQ1MTYgNDguNjk5OUwxMS4zODE5IDUwLjU1OTFDMTEuNTM0NSA1MC44NjMgMTEuODAzIDUxLjA5MTMgMTIuMTI3OCA1MS4xOTI2TDI5Ljc4NDEgNTYuNzEwMUMzMS40NTg5IDU3LjIzMzggMzMuMTk4MyA1Ny41IDM0Ljk1MzggNTcuNUMzNy42MzA4IDU3LjUgNDAuMzExNSA1Ni44Njc2IDQyLjcwNCA1NS42NzAxTDU0LjQ1NTcgNDkuNzk0OUM1Ny44NzU5IDQ4LjA4NTkgNTkuOTk5OSA0NC42NDczIDU5Ljk5OTkgNDAuODIyOEM1OS45OTk5IDM5LjI3NSA1OS42MzM3IDM3LjcyMzQgNTguOTQxNiAzNi4zMzY3Wk01My4zMzczIDQ3LjU1ODZMNDEuNTg1NyA1My40MzM4QzM4LjE5NTggNTUuMTMwNSAzNC4xNDc5IDU1LjQ1NjQgMzAuNTI5NyA1NC4zMjQ5TDEzLjM4IDQ4Ljk2NDdMMTIuNjg3OSA0Ny41ODI5QzEyLjU2NDYgNDcuMzM1IDEyLjUgNDcuMDU5MSAxMi41IDQ2Ljc4MzNDMTIuNSA0NS43OTk0IDEzLjI5OTUgNDQuOTk5OCAxNC4yODM0IDQ0Ljk5OThIMjQuNzA0NkMyNi4wMTQ0IDQ0Ljk5OTggMjcuMjA3IDQ0LjMzNDUgMjcuODk1NSA0My4yMjEzQzI4LjU4MjggNDIuMTA4IDI4LjY0NSA0MC43NDMyIDI4LjA1OTEgMzkuNTcyNkwxMi43NzQ1IDkuMDA1MkMxMi41OTUxIDguNjQ2MjUgMTIuNDk5OCA4LjI0MjMgMTIuNDk5OCA3LjYxMjQyQzEyLjQ5OTggNi4xNzE5NSAxMy42NzE3IDUuMDAwMDggMTUuMTEyMiA1LjAwMDA4QzE2LjEwODMgNS4wMDAwOCAxNy4wMDQzIDUuNTUzMDkgMTcuNDQ5OCA2LjQ0NDE4TDI2LjM4MTggMjQuMzA5MkMyNi44MDY2IDI1LjE1NjMgMjguMTk1NyAyNS4xNTYzIDI4LjYxOCAyNC4zMDkyTDI5LjYyNTIgMjIuMjkzOEMzMC40Mjg0IDIwLjY5MSAzMi4yMDk0IDE5Ljc4MTUgMzMuOTY3MiAyMC4wNDc3TDQ3LjI1NDUgMjIuMDkyM0M0OC40NTQ1IDIyLjI3NjcgNDkuNDk0NSAyMy4wMzU5IDUwLjAzNzcgMjQuMTIyNEw1Ni43MDUyIDM3LjQ1NDlDNTcuMjI1MyAzOC40OTUgNTcuNDk5OCAzOS42NTk2IDU3LjQ5OTggNDAuODIyOUM1Ny41IDQzLjY5MzkgNTUuOTA0NSA0Ni4yNzU2IDUzLjMzNzMgNDcuNTU4NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik05LjcwNzA3IDMzLjI5M0M5LjMxNjQxIDMyLjkwMjMgOC42ODM2IDMyLjkwMjMgOC4yOTMwMyAzMy4yOTNMNC45OTk5NiAzNi41ODU5TDEuNzA2OTkgMzMuMjkzQzEuMzE2MzMgMzIuOTAyMyAwLjY4MzUyMSAzMi45MDIzIDAuMjkyOTU3IDMzLjI5M0MtMC4wOTc2MDU2IDMzLjY4MzYgLTAuMDk3Njk5NCAzNC4zMTY1IDAuMjkyOTU3IDM0LjcwN0w0LjI5Mjk5IDM4LjcwN0M0LjQ4ODI4IDM4LjkwMjMgNC43NDQyMSAzOSA1LjAwMDA2IDM5QzUuMjU1OSAzOSA1LjUxMTc1IDM4LjkwMjMgNS43MDcxMiAzOC43MDdMOS43MDcxNiAzNC43MDdDMTAuMDk3NiAzNC4zMTY1IDEwLjA5NzYgMzMuNjgzNiA5LjcwNzA3IDMzLjI5M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xLjcwNzAxIDIyLjcwN0w0Ljk5OTk1IDE5LjQxNDFMOC4yOTI5IDIyLjcwN0M4LjQ4ODI3IDIyLjkwMjMgOC43NDQxMSAyMyA4Ljk5OTk1IDIzQzkuMjU1OCAyMyA5LjUxMTY0IDIyLjkwMjMgOS43MDcwMSAyMi43MDdDMTAuMDk3NyAyMi4zMTY0IDEwLjA5NzcgMjEuNjgzNiA5LjcwNzAxIDIxLjI5M0w1LjcwNzAxIDE3LjI5M0M1LjMxNjM2IDE2LjkwMjMgNC42ODM1NSAxNi45MDIzIDQuMjkyOTkgMTcuMjkzTDAuMjkyOTkgMjEuMjkzQy0wLjA5NzY2MzMgMjEuNjgzNyAtMC4wOTc2NjMzIDIyLjMxNjUgMC4yOTI5OSAyMi43MDdDMC42ODM2NDMgMjMuMDk3NiAxLjMxNjQ1IDIzLjA5NzcgMS43MDcwMSAyMi43MDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); } .parking-floor__tooltip { position: relative; border-radius: 24px; padding: 6px 12px; background-color: #a1a3a3; z-index: 100; color: white; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .parking-floor__tooltip:after { content: ""; position: absolute; top: 98%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #a1a3a3 transparent transparent transparent; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @media only screen and (max-width: 750px) { .complex-popup.form { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transition: opacity 0.2s ease 0.3s, -webkit-transform 0s ease 0.5s; transition: opacity 0.2s ease 0.3s, -webkit-transform 0s ease 0.5s; transition: opacity 0.2s ease 0.3s, transform 0s ease 0.5s; transition: opacity 0.2s ease 0.3s, transform 0s ease 0.5s, -webkit-transform 0s ease 0.5s; } } .complex-popup.form.active { -webkit-transition: opacity 0.2s ease, -webkit-transform 0s ease; transition: opacity 0.2s ease, -webkit-transform 0s ease; transition: opacity 0.2s ease, transform 0s ease; transition: opacity 0.2s ease, transform 0s ease, -webkit-transform 0s ease; } @media only screen and (max-width: 750px) { .complex-popup.form.active .form__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: auto; -webkit-transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease 0.3s; transition: transform 0.3s ease, opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease; } } @media only screen and (max-width: 750px) { .complex-popup.form .form__container { pointer-events: none; opacity: 1; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-animation: none; animation: none; } } .complex-popup__wrap { position: relative; width: 100vw; height: 100%; background-color: white; } @media only screen and (max-width: 750px) { .complex-popup__wrap { width: 100%; z-index: 10; } } .complex-popup__title { margin-top: 40px; margin-left: 70px; font-size: 24px; line-height: 148%; color: #3b4658; position: relative; margin-bottom: 4px; } @media only screen and (max-width: 750px) { .complex-popup__title { margin-left: 46px; font-size: 16px; } } .complex-popup__title::before { content: ''; width: 18px; height: 18px; background-color: #deecc9; position: absolute; left: -30px; top: 10px; } @media only screen and (max-width: 750px) { .complex-popup__title::before { width: 14px; height: 14px; left: -26px; top: 5px; } } .complex-popup__price { font-size: 18px; line-height: 148%; color: #9da3ac; margin-left: 70px; } @media only screen and (max-width: 750px) { .complex-popup__price { margin-bottom: 16px; margin-left: 46px; font-size: 14px; } } .complex-popup__closes.close-button { top: 32px; right: 32px; } @media only screen and (max-width: 750px) { .complex-popup__closes.close-button { top: 45px; right: 24px; } } .complex-popup-app { margin: 0 40px; } @media only screen and (max-width: 750px) { .complex-popup-app { padding-bottom: 0; margin: 0; } } .complex-popup-app__main { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: white; } .complex-popup-app__main .more.hide { display: none; } .complex-popup-app__main .parking-floor__drag-wrapper { margin-bottom: 0; padding-bottom: 0; } .complex-popup-app__main .parking-floor__drag-wrapper { margin-bottom: 0; } .complex-popup-app__main .parking-floor__image-wrapper > svg { width: 100%; height: 70vh; } .complex-popup-app__parking-view { margin-right: 64px; } .complex-popup-app__booking-modal { z-index: 1002; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .dropdown-inner { position: relative; } .dropdown-inner._show-slider .multiselect__tags { padding: 16px 48px 6px 16px; } .dropdown-inner__placeholder { top: 35%; left: 16px; font-size: 14px; line-height: 16px; color: #9da3ac; position: absolute; opacity: 0; z-index: 50; pointer-events: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dropdown-inner__placeholder._visible { opacity: 1; -webkit-transform: translateY(calc(-15% - 12px)) translateX(calc(-13%)) scale(0.72); transform: translateY(calc(-15% - 12px)) translateX(calc(-13%)) scale(0.72); } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .thumbs-slider__top { height: 512px; } @media only screen and (max-width: 750px) { .thumbs-slider__top { height: auto; } } .thumbs-slider__bottom { height: 100px; margin-top: 2px; } @media only screen and (max-width: 750px) { .thumbs-slider__bottom { display: none; } } .thumbs-slider__slide { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (max-width: 750px) { .thumbs-slider__slide { min-height: 260px; } } .thumbs-slider__slide[lazy='loaded'] { opacity: 1; } .thumbs-slider__slide._small { cursor: pointer; width: 163.333px !important; } .thumbs-slider__slide._small:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7))); background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)); opacity: 0; z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .thumbs-slider__slide._small._current:before { opacity: 0.7; } .thumbs-slider__slide-desc { position: absolute; bottom: 0; left: 0; padding: 16px 20px; color: white; background-color: rgba(0, 0, 0, 0.5); } .thumbs-slider__next, .thumbs-slider__prev { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } @media only screen and (max-width: 750px) { .thumbs-slider__next, .thumbs-slider__prev { margin-top: -23px; } } .thumbs-slider__next._mobile-arrow, .thumbs-slider__prev._mobile-arrow { display: block !important; } @media (hover), (min-width: 0 \0) { .thumbs-slider__prev:hover { -webkit-transform: translateY(-50%) translateX(-4px); transform: translateY(-50%) translateX(-4px); } } @media (hover), (min-width: 0 \0) { .thumbs-slider__next:hover { -webkit-transform: translateY(-50%) scale(-1, 1) translateX(-4px); transform: translateY(-50%) scale(-1, 1) translateX(-4px); } } .thumbs-slider__pagination.swiper-pagination { position: absolute; bottom: 24px; } @media only screen and (max-width: 750px) { .thumbs-slider__pagination.swiper-pagination { position: relative; bottom: auto; margin-top: 36px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .thumbs-slider__pagination.swiper-pagination._white-circles-dynamic .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background-color: #fff; opacity: .5; } .thumbs-slider__pagination.swiper-pagination._hidden { opacity: 0; } .thumbs-slider__fraction { position: absolute; z-index: 1; right: 16px; bottom: 42px; display: none; color: white; line-height: 20px; } @media only screen and (max-width: 750px) { .thumbs-slider__fraction { display: block; } } .thumbs-slider__images-area { position: absolute; top: 0; z-index: 1; width: 50%; height: 100%; cursor: none; } @media only screen and (max-width: 750px) { .thumbs-slider__images-area { display: none; } } .thumbs-slider__images-area._left { left: 0; } .thumbs-slider__images-area._right { right: 0; } .thumbs-slider__switcher { position: fixed; top: 0; left: 0; z-index: 10; pointer-events: none; will-change: transform; } @media only screen and (max-width: 750px) { .thumbs-slider__switcher { display: none; } } .thumbs-slider__switcher-btn { width: 40px; height: 40px; -webkit-transform: scale(0) translate3d(-50%, -50%, 0); transform: scale(0) translate3d(-50%, -50%, 0); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; } @media only screen and (max-width: 750px) { .thumbs-slider__switcher-btn { display: none; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .v-input-search { position: relative; } .v-input-search__options { position: relative; width: 100%; z-index: 51; } .v-input-search__options-inner { position: absolute; top: 0; left: 0; width: 100%; max-height: 210px; border: 1px solid #d4d4d4; border-top: none; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; background-color: white; overflow-y: auto; scrollbar-color: #3b4658 #e5e6e7; scrollbar-width: thin; } .v-input-search__options-inner::-webkit-scrollbar { background-color: #e5e6e7; width: 2px; } .v-input-search__options-inner::-webkit-scrollbar-thumb { background-color: #3b4658; } .v-input-search__option { padding: 10px 16px; background-color: white; cursor: pointer; } .v-input-search__option:hover { background-color: #f2f2f2; } .v-input-search__hint { position: absolute; top: 16px; right: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; margin-left: 10px; border: 1px solid #d0d1d1; border-radius: 50%; font-size: 11px; line-height: 12px; color: #3b4658; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .v-input-search__hint:hover { border-color: #767e8b; } @media only screen and (max-width: 750px) { .v-input-search__hint._hide { display: none; } } .v-input-search__hint-question { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .buyout-quiz-one-step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 36px; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .buyout-quiz-one-step { margin-top: 24px; } } .buyout-quiz-one-step._error { margin-top: 24px; } .buyout-quiz-one-step._popup { margin-top: 32px; } .buyout-quiz-one-step__input { margin-bottom: 12px; -webkit-transition: all .3s ease; transition: all .3s ease; } .buyout-quiz-one-step__input._floor { margin-bottom: 20px; } .buyout-quiz-one-step__input._floor._popup { margin-bottom: 24px; } .buyout-quiz-one-step__input .v-input-slider .v-input-slider__inner { height: 52px; } .buyout-quiz-one-step__input .v-input-slider__native { text-overflow: ellipsis; } .buyout-quiz-one-step__input._error { margin-bottom: 34px; } .buyout-quiz-one-step__input._error .v-input-slider__error { bottom: -26px; font-size: 12px; line-height: 20px; } .buyout-quiz-one-step__input._error .v-input-slider__native { color: #ef3b24; } .buyout-quiz-one-step__input .v-input-search__options-inner { border: none; -webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.04); box-shadow: 0 12px 20px rgba(0, 0, 0, 0.04); max-height: 208px; color: #3b4658; } .buyout-quiz-one-step__input .v-input-search__options-inner .v-input-search__option { border-bottom: 1px solid #d8dade; padding: 16px; } .buyout-quiz-one-step__select { width: 100%; margin-bottom: 12px; height: 52px; } .buyout-quiz-one-step__select .multiselect__content { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; overflow-x: hidden; } .buyout-quiz-one-step__select .multiselect__content .multiselect__option { padding: 12px 16px; border-bottom: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .buyout-quiz-one-step__select .multiselect__content .multiselect__element { width: calc(100% / 7); border-left: 1px solid #d4d4d4; } .buyout-quiz-one-step__select .multiselect__placeholder { color: #626b79; font-weight: 400; } .buyout-quiz-one-step__checkbox { margin-bottom: 36px; -webkit-transition: all .3s ease; transition: all .3s ease; } .buyout-quiz-one-step__checkbox._errors { margin-bottom: 24px; } .buyout-quiz-one-step__checkbox._popup { margin-bottom: 26px; } .buyout-quiz-one-step__button { width: 200px; height: 52px; font-size: 14px; color: #f2f2f2; } @media only screen and (max-width: 750px) { .buyout-quiz-one-step__button { width: 100%; font-size: 16px; line-height: 26px; } } .buyout-quiz-one-step__button._disabled { background-color: #b1b5bc; pointer-events: none; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .buyout-quiz-two-step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 120px; } .buyout-quiz-two-step._popup { margin-top: 24px; } .buyout-quiz-two-step__select { width: 100%; margin-bottom: 120px; } .buyout-quiz-two-step__select .multiselect__placeholder { color: #626b79; font-weight: 400; } .buyout-quiz-two-step__select._popup { margin-bottom: 262px; } @media only screen and (max-width: 750px) { .buyout-quiz-two-step__select._popup { margin-bottom: 204px; } } .buyout-quiz-two-step__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .buyout-quiz-two-step__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .buyout-quiz-two-step__button { width: 200px; height: 52px; font-size: 14px; color: #f2f2f2; } @media only screen and (max-width: 750px) { .buyout-quiz-two-step__button { width: 100%; font-size: 16px; line-height: 26px; } } .buyout-quiz-two-step__button._disabled { background-color: #b1b5bc; pointer-events: none; } .buyout-quiz-two-step__button._link { background-color: #fff; color: #626b79; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .buyout-quiz-three-step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 72px; } @media only screen and (max-width: 750px) { .buyout-quiz-three-step { margin-top: 48px; } } .buyout-quiz-three-step__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px; color: #3b4658; font-weight: 500; } .buyout-quiz-three-step__radio-btns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } @media only screen and (max-width: 750px) { .buyout-quiz-three-step__radio-btns { gap: 56px; } } .buyout-quiz-three-step__radio-btn { position: relative; padding: 13px 0px 13px 30px; margin-bottom: 20px; font-size: 16px; line-height: 20px; color: #3b4658; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .buyout-quiz-three-step__radio-btn { margin-bottom: 10px; } } .buyout-quiz-three-step__radio-btn:before { content: ''; position: absolute; top: 50%; left: 0px; width: 20px; height: 20px; border: 1px solid #dedede; border-radius: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .buyout-quiz-three-step__radio-btn:after { content: ''; position: absolute; top: 50%; left: 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #3b4658; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .buyout-quiz-three-step__radio-btn._active:before { border-color: #3b4658; } .buyout-quiz-three-step__radio-btn._active:after { opacity: 1; } @media (hover), (min-width: 0 \0) { .buyout-quiz-three-step__radio-btn:hover { color: #89909b; } .buyout-quiz-three-step__radio-btn:hover:before { border-color: #3b4658; } } .buyout-quiz-three-step__box { height: 131px; } @media only screen and (max-width: 750px) { .buyout-quiz-three-step__box { height: 80px; } } .buyout-quiz-three-step__box._popup { height: 174px; } @media only screen and (max-width: 750px) { .buyout-quiz-three-step__box._popup { height: 156px; } } .buyout-quiz-three-step__input { margin-bottom: 81px; } @media only screen and (max-width: 750px) { .buyout-quiz-three-step__input { margin-bottom: 48px; } } .buyout-quiz-three-step__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .buyout-quiz-three-step__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .buyout-quiz-three-step__button { width: 200px; height: 52px; font-size: 14px; color: #f2f2f2; } @media only screen and (max-width: 750px) { .buyout-quiz-three-step__button { width: 100%; font-size: 16px; line-height: 26px; } } .buyout-quiz-three-step__button._disabled { background-color: #b1b5bc; pointer-events: none; } .buyout-quiz-three-step__button._link { background-color: #fff; color: #626b79; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .buyout-quiz-callback__name { margin-top: 96px; } @media only screen and (max-width: 750px) { .buyout-quiz-callback__name { margin-top: 28px; } } .buyout-quiz-callback__name._popup { margin-top: 28px; } .buyout-quiz-callback__phone { margin-top: 12px; margin-bottom: 96px; } @media only screen and (max-width: 750px) { .buyout-quiz-callback__phone { margin-bottom: 28px; } } .buyout-quiz-callback__phone._popup { margin-top: 12px; margin-bottom: 28px; } .buyout-quiz-callback__checkbox.v-checkbox { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 16px; font-size: 12px; line-height: 150%; color: #626b79; } .buyout-quiz-callback__checkbox.v-checkbox .v-checkbox__box { margin-top: 2px; } .buyout-quiz-callback__checkbox.v-checkbox._popup { margin-bottom: 132px; } .buyout-quiz-callback__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .buyout-quiz-callback__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .buyout-quiz-callback__button { width: 200px; height: 52px; font-size: 14px; color: #f2f2f2; } @media only screen and (max-width: 750px) { .buyout-quiz-callback__button { width: 100%; font-size: 16px; line-height: 26px; } } .buyout-quiz-callback__button._disabled { background-color: #b1b5bc; pointer-events: none; } .buyout-quiz-callback__button._link { background-color: #fff; color: #626b79; } .buyout-quiz-callback__button .more { min-height: auto; padding: 0; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .buyout-quiz-result { margin-top: 138px; margin-bottom: 138px; } @media only screen and (max-width: 750px) { .buyout-quiz-result { margin-top: 36px; margin-bottom: 0px; } } .buyout-quiz-result__title { font-weight: 500; font-size: 28px; line-height: 34px; color: #3b4657; margin-bottom: 12px; } @media only screen and (max-width: 750px) { .buyout-quiz-result__title { margin-bottom: 16px; } } .buyout-quiz-result__subtitle { width: 362px; font-size: 16px; line-height: 26px; color: #626b79; margin-bottom: 48px; } @media only screen and (max-width: 750px) { .buyout-quiz-result__subtitle { width: 85%; font-size: 14px; line-height: 20px; margin-bottom: 262px; } } .buyout-quiz-result__button { width: 200px; height: 52px; font-size: 14px; color: #f2f2f2; } @media only screen and (max-width: 750px) { .buyout-quiz-result__button { width: 100%; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .buyout-quiz { padding: 80px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .buyout-quiz { padding: 44px 0 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .buyout-quiz._popup { padding: 12px; } @media only screen and (max-width: 750px) { .buyout-quiz._popup { padding: 0 0 20px; } } .buyout-quiz__left { width: 500px; margin-right: 40px; } @media only screen and (max-width: 750px) { .buyout-quiz__left { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0 20px; } } .buyout-quiz__left._popup { width: 441px; margin-right: 32px; padding: 24px; } .buyout-quiz__title { font-size: 24px; line-height: 28px; color: #3b4657; font-weight: 500; margin-bottom: 12px; } @media only screen and (max-width: 750px) { .buyout-quiz__title { font-size: 18px; line-height: 24px; margin-top: 36px; margin-bottom: 8px; } } @media only screen and (max-width: 750px) { .buyout-quiz__title._mb { margin-bottom: 32px; } } .buyout-quiz__title._popup { margin-bottom: 25px; } .buyout-quiz__subtitle { font-size: 14px; line-height: 20px; color: #626b79; margin-bottom: 24px; } @media only screen and (max-width: 750px) { .buyout-quiz__subtitle { font-size: 14px; color: #5b5e5f; margin-bottom: 32px; } } .buyout-quiz__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #3b4658; } .buyout-quiz__steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: relative; z-index: 0; } .buyout-quiz__line-bottom { position: absolute; width: 100%; height: 1px; background: #c5c8cd; z-index: -2; } .buyout-quiz__line-top { position: absolute; width: 15%; height: 2px; background: #8dc917; z-index: -1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } @media only screen and (max-width: 750px) { .buyout-quiz__line-top { width: 25%; } } .buyout-quiz__line-top._two { width: 55%; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } @media only screen and (max-width: 750px) { .buyout-quiz__line-top._two { width: 65%; } } .buyout-quiz__line-top._three { width: 100%; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .buyout-quiz__step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 19px; cursor: pointer; } .buyout-quiz__step._disabled { pointer-events: none; } .buyout-quiz__step._disabled .buyout-quiz__step-num { background: #ffffff; border: 1px solid #c5c8cd; color: #c5c8cd; } .buyout-quiz__step span { margin-top: -1px; } .buyout-quiz__step-num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; font-weight: 500; font-size: 14px; line-height: 17px; background: #8dc917; color: #fff; } @media only screen and (max-width: 750px) { .buyout-quiz__step-num { width: 36px; height: 36px; } } .buyout-quiz__step-num svg { width: 16px; height: 16px; } @media only screen and (max-width: 750px) { .buyout-quiz__step-num svg { width: 14px; height: 14px; } } .buyout-quiz__bottom { position: relative; } .buyout-quiz__bottom-body { position: relative; z-index: 1; height: 100%; } .buyout-quiz__right { width: 680px; height: 474px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(/static/images/quiz-img.jpg); } @media only screen and (max-width: 750px) { .buyout-quiz__right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 193px; width: 100%; background-size: cover; } } .buyout-quiz__right._popup { width: 453px; height: 538px; background-size: cover; } @media only screen and (max-width: 750px) { .buyout-quiz__right._height-popup { height: 125px; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @media only screen and (max-width: 750px) { .buyout-quiz-popup.form { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transition: opacity 0.2s ease 0.3s, -webkit-transform 0s ease 0.5s; transition: opacity 0.2s ease 0.3s, -webkit-transform 0s ease 0.5s; transition: opacity 0.2s ease 0.3s, transform 0s ease 0.5s; transition: opacity 0.2s ease 0.3s, transform 0s ease 0.5s, -webkit-transform 0s ease 0.5s; } } .buyout-quiz-popup.form.active { -webkit-transition: opacity 0.2s ease, -webkit-transform 0s ease; transition: opacity 0.2s ease, -webkit-transform 0s ease; transition: opacity 0.2s ease, transform 0s ease; transition: opacity 0.2s ease, transform 0s ease, -webkit-transform 0s ease; } @media only screen and (max-width: 750px) { .buyout-quiz-popup.form.active .form__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: auto; -webkit-transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease 0.3s; transition: transform 0.3s ease, opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease; } } .buyout-quiz-popup.form .form__container { position: static; } @media only screen and (max-width: 750px) { .buyout-quiz-popup.form .form__container { pointer-events: none; opacity: 1; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-animation: none; animation: none; } } .buyout-quiz-popup__wrap { height: 562px; width: 950px; } @media only screen and (max-width: 750px) { .buyout-quiz-popup__wrap { width: 100%; height: 100%; } } .buyout-quiz-popup__wrap .buyout-quiz-popup__close { top: auto; right: auto; margin-top: -30px; margin-left: 950px; background-color: white; } @media only screen and (max-width: 750px) { .buyout-quiz-popup__wrap .buyout-quiz-popup__close { top: 24px; right: 24px; margin-top: auto; margin-left: auto; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .v-close-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 36px; height: 36px; border-radius: 100%; background-color: rgba(236, 237, 239, 0.5); cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; } .v-close-button svg { width: 13px; height: 13px; fill: #3b4658; stroke: #3b4658; -webkit-transition: all .2s ease; transition: all .2s ease; } @media only screen and (min-width: 751px) { .v-close-button:hover svg { -webkit-transform: scale(0.9); transform: scale(0.9); } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @media only screen and (max-width: 750px) { .purchase-popup.form { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transition: opacity 0.2s ease 0.3s, -webkit-transform 0s ease 0.5s; transition: opacity 0.2s ease 0.3s, -webkit-transform 0s ease 0.5s; transition: opacity 0.2s ease 0.3s, transform 0s ease 0.5s; transition: opacity 0.2s ease 0.3s, transform 0s ease 0.5s, -webkit-transform 0s ease 0.5s; } } .purchase-popup.form.active { -webkit-transition: opacity 0.2s ease, -webkit-transform 0s ease; transition: opacity 0.2s ease, -webkit-transform 0s ease; transition: opacity 0.2s ease, transform 0s ease; transition: opacity 0.2s ease, transform 0s ease, -webkit-transform 0s ease; } @media only screen and (max-width: 750px) { .purchase-popup.form.active .form__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: auto; -webkit-transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease 0.3s; transition: transform 0.3s ease, opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease; } } @media only screen and (max-width: 750px) { .purchase-popup.form .form__container { pointer-events: none; opacity: 1; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-animation: none; animation: none; } } .purchase-popup__wrap { position: relative; width: 550px; padding: 40px; background-color: white; } @media only screen and (max-width: 750px) { .purchase-popup__wrap { width: 100%; padding: 20px; } } .purchase-popup__close { background-color: white; border: 1px solid #e8e8e8; margin-left: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .purchase-popup__close svg { width: 12px; height: 12px; fill: #14191a; stroke: #14191a; } .purchase-popup__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 24px; line-height: 32px; font-weight: 700; font-family: "Grtsk-Tera", "Verdana", sans-serif; } @media only screen and (max-width: 750px) { .purchase-popup__title { color: black; width: 100%; font-size: 20px; line-height: 24px; } } .purchase-popup__subtitle { margin-top: 26px; font-size: 16px; line-height: 24px; } @media only screen and (max-width: 750px) { .purchase-popup__subtitle { font-size: 14px; line-height: 20px; margin-top: 20px; } } .purchase-popup__input { margin-top: 24px; color: #14191a; } .purchase-popup__input .v-input-slider__inner { border-radius: 8px; border: 1px solid #b9babb; } .purchase-popup__input .v-input-slider__inner .v-input-slider__label { color: #14191a; } @media only screen and (max-width: 750px) { .purchase-popup__input { margin-top: 32px; } } .purchase-popup__checkbox.v-checkbox { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 72px; font-size: 14px; font-weight: 400; line-height: 20px; color: #14191a; } .purchase-popup__checkbox.v-checkbox .form__disclaimer-link { border-bottom-color: #14191a; } @media only screen and (max-width: 750px) { .purchase-popup__checkbox.v-checkbox { margin-top: 48px; } } .purchase-popup__checkbox.v-checkbox._active .v-checkbox__box { border-color: #ef3b24; background-color: #ef3b24; } .purchase-popup__checkbox.v-checkbox .v-checkbox__box { width: 20px; height: 20px; margin-top: 2px; border-radius: 4px; } .purchase-popup__checkbox.v-checkbox .v-checkbox__box:after { top: 1px; left: 1px; width: 20px; height: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNi42NjY1IDEwLjExM0wxMi4zMjMyIDQuNDU1NzVDMTIuNTgzNSA0LjE5NTM5IDEzLjAwNTYgNC4xOTUzMSAxMy4yNjYgNC40NTU1NUMxMy41MjY2IDQuNzE1OTIgMTMuNTI2NiA1LjEzODI0IDEzLjI2NjIgNS4zOTg3TDcuMzczNiAxMS4yOTEzQzYuOTgzMDggMTEuNjgxOCA2LjM0OTkxIDExLjY4MTggNS45NTkzOSAxMS4yOTEzTDIuODk1MTYgOC4yMjcwNEMyLjYzNDg1IDcuOTY2NzMgMi42MzQ4NSA3LjU0NDY5IDIuODk1MTYgNy4yODQzN0MzLjE1NTQ3IDcuMDI0MDYgMy41Nzc1MiA3LjAyNDA2IDMuODM3ODMgNy4yODQzN0w2LjY2NjUgMTAuMTEzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+); } .purchase-popup__checkbox.v-checkbox .v-checkbox__content { width: 88%; } @media only screen and (max-width: 750px) { .purchase-popup__checkbox.v-checkbox .v-checkbox__content { width: 100%; } } .purchase-popup__submit { position: relative; width: 160px; height: 52px; margin-top: 24px; font-weight: 500; font-size: 16px; background-color: #ef3b24; border-radius: 8px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 16px 32px; color: white; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .purchase-popup__submit { width: 100%; } } .purchase-popup__submit.disabled { opacity: .5; pointer-events: none; } .purchase-popup__submit-error { position: absolute; } .purchase-popup__result { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: white; font-size: 26px; color: #3b4658; text-align: center; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .f-c-card { position: relative; height: 465px; margin-bottom: 20px; overflow: hidden; cursor: pointer; } @media only screen and (max-width: 750px) { .f-c-card { height: calc((100vw - 40px) / 1.1); } } .f-c-card:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.31)), to(rgba(0, 0, 0, 0.31))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.31), rgba(0, 0, 0, 0.31)); z-index: 2; opacity: 1; cursor: pointer; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .f-c-card:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(60, 69, 87, 0.5)), to(rgba(60, 69, 87, 0.5))); background: linear-gradient(0deg, rgba(60, 69, 87, 0.5), rgba(60, 69, 87, 0.5)); opacity: 0; z-index: 3; cursor: pointer; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .f-c-card:hover:before { opacity: 0; } .f-c-card:hover:after { opacity: 1; } .f-c-card._grow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .f-c-card._small { width: calc((100% - 40px) / 3); } @media only screen and (max-width: 750px) { .f-c-card._small { width: 100%; } } .f-c-card._half { width: calc(((100% - 40px) / 3 * 2) + 20px); } @media only screen and (max-width: 750px) { .f-c-card._half { width: 100%; } } .f-c-card__img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .f-c-card__img._image-loaded { opacity: 1; } .f-c-card__title { position: absolute; bottom: 46px; left: 50px; font-size: 24px; line-height: 120%; color: white; z-index: 4; } @media only screen and (max-width: 750px) { .f-c-card__title { bottom: 32px; left: 38px; } } .f-c-card__text { font-size: 16px; color: white; } .f-c-card__container { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 2; width: 100%; padding: 0 50px 48px; } .f-c-detail { background-color: white; } .f-c-detail__title { margin-bottom: 24px; font-size: 34px; line-height: 120%; } @media only screen and (max-width: 750px) { .f-c-detail__title { margin-top: 22px; margin-bottom: 26px; font-size: 26px; line-height: 30px; } } .f-c-detail__title:first-letter { text-transform: uppercase; } .f-c-detail__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 52px; } @media only screen and (max-width: 750px) { .f-c-detail__head { margin-bottom: 30px; } } .f-c-detail__head-left { width: 550px; } .f-c-detail__text { font-weight: 300; font-size: 16px; line-height: 160%; } .f-c-detail__text > p { margin-bottom: 36px; } .f-c-detail__text > p:last-child { margin-bottom: 0; } .f-c-detail__info { width: 590px; padding: 84px 104px; background-color: #f9f9f9; font-size: 20px; line-height: 160%; } @media only screen and (max-width: 750px) { .f-c-detail__info { width: 100%; padding: 40px 36px; margin-bottom: 20px; } } .f-c-detail__info._desk { display: block; } @media only screen and (max-width: 750px) { .f-c-detail__info._desk { display: none; } } .f-c-detail__info._mob { display: none; } @media only screen and (max-width: 750px) { .f-c-detail__info._mob { display: block; } } .f-c-detail__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 52px; } @media only screen and (max-width: 750px) { .f-c-detail__gallery { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 42px; } } .f-c-detail__gallery-left, .f-c-detail__gallery-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 590px; } @media only screen and (max-width: 750px) { .f-c-detail__gallery-left, .f-c-detail__gallery-right { width: 100%; } } .f-c-detail .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: calc(50% + 20px); } .f-c-detail__slider { width: 100%; height: 332px; } @media only screen and (max-width: 750px) { .f-c-detail__slider { height: calc((100vw - 40px) / 1.3); margin-bottom: 20px; } } .f-c-detail__slider .swiper-pagination { display: none; position: relative; bottom: 34px; height: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .f-c-detail__slider .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } .f-c-detail__slider .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; background-color: white; opacity: .6; } .f-c-detail__slider .swiper-pagination-bullet-active { background: white; opacity: 1; } .f-c-detail__slide { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: -webkit-zoom-in; cursor: zoom-in; } @media only screen and (max-width: 750px) { .f-c-detail .swiper-button-next, .f-c-detail .swiper-button-prev { display: none; } } .f-c-detail__image { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: -webkit-zoom-in; cursor: zoom-in; } .f-c-detail__image._left { height: 684px; } @media only screen and (max-width: 750px) { .f-c-detail__image._left { height: calc(100vw - 40px); margin-bottom: 20px; } } .f-c-detail__image._top, .f-c-detail__image._bot { height: 332px; } @media only screen and (max-width: 750px) { .f-c-detail__image._top, .f-c-detail__image._bot { height: calc(100vw - 40px); margin-bottom: 12px; } } .f-c-detail__video { width: 100%; height: 332px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .f-c-detail__video { height: calc((100vw - 40px) / 1.7); } } .f-c-detail__video._desk { display: block; } @media only screen and (max-width: 750px) { .f-c-detail__video._desk { display: none; } } .f-c-detail__video._mob { display: none; } @media only screen and (max-width: 750px) { .f-c-detail__video._mob { display: block; } } @media only screen and (max-width: 750px) { .f-c-detail__filter { position: static; height: auto; width: 100vw; padding: 0 20px 38px; margin: 0 -20px; background-color: white; } } .f-c-detail__filter-title { margin-bottom: 40px; font-size: 34px; line-height: 37px; } @media only screen and (max-width: 750px) { .f-c-detail__filter-title { margin-bottom: 30px; font-size: 26px; line-height: 30px; } } .f-c-detail__filter-title:first-letter { text-transform: uppercase; } .f-c-detail__filter-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 250px; height: 60px; margin-top: 28px; } @media only screen and (max-width: 750px) { .f-c-detail__filter-btn { display: none; } } .feature-catalog__breadcrumbs { padding-top: 30px; margin-bottom: 48px; } @media only screen and (max-width: 750px) { .feature-catalog__breadcrumbs { padding-top: 20px; margin-bottom: 23px; } } @media only screen and (max-width: 750px) { .feature-catalog__breadcrumbs .breadcrumbs { display: none; } } .feature-catalog__breadcrumbs-link { display: none; font-size: 16px; line-height: 160%; font-weight: 300; opacity: .4; } @media only screen and (max-width: 750px) { .feature-catalog__breadcrumbs-link { display: inline-block; } } .feature-catalog__title { margin-bottom: 40px; font-size: 34px; line-height: 37px; } @media only screen and (max-width: 750px) { .feature-catalog__title { margin-top: 32px; margin-bottom: 30px; font-size: 26px; line-height: 30px; } } .feature-catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 80px; } @media only screen and (max-width: 750px) { .feature-catalog__list { margin-bottom: 45px; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .scroll-section { position: relative; min-height: 100vh; padding: 0 20px; margin-bottom: 50px; overflow-x: clip; } @media only screen and (max-width: 750px) { .scroll-section { padding: 24px 0; margin-bottom: 0; } } .scroll-section._loaded { min-height: auto; } @media only screen and (max-width: 750px) { .scroll-section._white-bg { background-color: white; } } .scroll-section._no-sidebar .scroll-section__sidebar { display: none; } .scroll-section._no-sidebar .scroll-section-slide .container { padding: 0 20px; } @media only screen and (max-width: 750px) { .scroll-section._no-sidebar .scroll-section-slide .container { padding: 0; } } .scroll-section._no-sidebar .scroll-section-slide__content._image { width: 690px; } @media only screen and (max-width: 750px) { .scroll-section._no-sidebar .scroll-section-slide__content._image { width: 100%; } } .scroll-section._no-sidebar .scroll-section-slide__right { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .scroll-section._no-sidebar .scroll-section-slide__right { -ms-flex-negative: 1; flex-shrink: 1; } } .scroll-section__header._flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 750px) { .scroll-section__header._flex { display: block; } } .scroll-section__title { padding-top: 74px; margin-bottom: 66px; font-size: 32px; line-height: 36px; } @media only screen and (max-width: 750px) { .scroll-section__title { padding-top: 28px; margin-bottom: 36px; font-size: 20px; line-height: 26px; } } .scroll-section__title._half { width: 50%; } @media only screen and (max-width: 750px) { .scroll-section__title._half { width: 100%; } } .scroll-section__line-scroll { height: 0; width: 1px; position: absolute; top: 21px; left: -2px; background-color: #3b4658; -webkit-transition: .5s height; transition: .5s height; } .scroll-section__sidebar { position: absolute; top: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: calc(100% - 370px); pointer-events: none; z-index: 1; } .scroll-section__sidebar._with-title { top: 215px; } @media only screen and (max-width: 750px) { .scroll-section__sidebar { display: none; } } .scroll-section__menu-wrap { position: sticky; top: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: auto; width: 180px; float: right; } .scroll-section__menu { width: 100%; font-size: 12px; color: rgba(0, 0, 0, 0.4); padding-right: 32px; } .scroll-section__menu-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px 0 7px 14px; cursor: pointer; } .scroll-section__menu-item.active { color: #14191a; } .scroll-section__menu-item.active:after { background-color: #14191a; opacity: 1; } .scroll-section__menu-item:last-child { margin-bottom: 0; } .scroll-section__menu-item:last-child:before { display: none; } .scroll-section__menu-item:after { content: ""; position: absolute; left: -3px; top: 50%; width: 2px; height: 20px; border-radius: 50%; background-color: #c9c9c9; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .scroll-section__menu-item:before { content: ""; position: absolute; left: -2px; top: 33%; width: 1px; height: 50px; background-color: #b9bab9ba; } .scroll-section__menu-item._big-menu-item { height: 50px; } .scroll-section__menu-item._big-menu-item:after { top: 34%; } .scroll-section__slider { margin-top: 44px; } @media only screen and (max-width: 750px) { .scroll-section__slider { margin-top: 36px; margin-left: -20px; margin-right: -20px; } } @media only screen and (max-width: 750px) { .scroll-section__slider._mt30._mb0 .swiper-container._top { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .scroll-section__slider._no-full { margin-right: 0; margin-left: 0; } } .scroll-section__slider-thumb { position: relative; width: 154.333px; height: 100%; margin-right: 2px; background-size: cover; background-repeat: no-repeat; background-position: center; cursor: -webkit-grab; cursor: grab; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .scroll-section__slider-thumb:before { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7))); background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .scroll-section__slider-thumb._current:before { opacity: .7; } .scroll-section__slider-thumb[lazy=loaded], .scroll-section__slider-thumb._image-loaded { opacity: 1; } @media (hover), (min-width: 0 \0) { .scroll-section__slider-arrow:hover._prev { -webkit-transform: translate3d(-5px, -50%, 0); transform: translate3d(-5px, -50%, 0); } .scroll-section__slider-arrow:hover._next { -webkit-transform: translate3d(5px, -50%, 0) scale(-1, 1); transform: translate3d(5px, -50%, 0) scale(-1, 1); } } .scroll-section__slide { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; cursor: -webkit-zoom-in; cursor: zoom-in; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .scroll-section__slide[lazy=loaded], .scroll-section__slide._image-loaded { opacity: 1; } .scroll-section__slide.scroll-section__slider-thumb { cursor: -webkit-grab; cursor: grab; } .scroll-section__slide-image { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .scroll-section__slide-image[lazy=loaded] { opacity: 1; } .scroll-section__slide-text { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; position: absolute; right: 12px; bottom: 12px; display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 1.2rem 2.4rem; background: rgba(255, 255, 255, 0.7); color: #292522; border-radius: .8rem; } @media only screen and (max-width: 750px) { .scroll-section__slide-text { right: auto; bottom: 6px; left: 6px; padding: 8px 12px; } .scroll-section__slide-text p { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .scroll-section .swiper-container { width: 100%; height: 100px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container { height: auto; } } .scroll-section .swiper-container._mob { height: auto; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container._mob { margin-bottom: 34px; } } .scroll-section .swiper-container._top { height: 514px; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container._top { height: auto; margin-bottom: 34px; } } .scroll-section .swiper-container._top._big { height: 659px; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container._top._big { height: auto; } } .scroll-section .swiper-container._top._noThumbs { height: 616px; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container._top._noThumbs { height: auto; } } .scroll-section .swiper-container._bottom { margin-top: 2px; } @media only screen and (max-width: 750px) { .scroll-section .swiper-container._bottom { display: none; } } .scroll-section .swiper-container._bottom .swiper-slide-thumb-active { padding: 10px 0; position: relative; } .scroll-section .swiper-container._bottom .swiper-slide-thumb-active:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); } .scroll-section .swiper-wrapper { height: 100%; } @media only screen and (max-width: 750px) { .scroll-section .swiper-wrapper { height: calc(100vw / 1.5); } } .scroll-section .swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .scroll-section .swiper-pagination { position: relative; bottom: auto; margin-top: 36px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; } } .scroll-section .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 8px; height: 8px; } .scroll-section .swiper-pagination-bullet-active { background: #3b4658; } .scroll-section .swiper-pagination-lock { /* stylelint-disable */ display: none !important; /* stylelint-enable */ } @media only screen and (max-width: 750px) { .scroll-section .swiper-button-next._mobile { right: 12px; } } @media only screen and (max-width: 750px) { .scroll-section .swiper-button-prev._mobile { left: 12px; } } .scroll-section .swiper-button-next, .scroll-section .swiper-button-prev { -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; } @media only screen and (max-width: 750px) { .scroll-section .swiper-button-next, .scroll-section .swiper-button-prev { display: none; } } @media only screen and (max-width: 750px) { .scroll-section .swiper-button-next._mobile, .scroll-section .swiper-button-prev._mobile { display: block; margin-top: -25px; } } .scroll-section .swiper-lazy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background-size: cover; background-position: center; cursor: pointer; background-color: #f2f2f2; } .scroll-section .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .scroll-section .chevronDown { position: absolute; top: 50%; right: 1.5rem; display: none; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 750px) { .scroll-section .chevronDown { display: block; } } .scroll-section .chevronDown._active { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .scroll-section-slide { position: relative; width: calc(100% + 40px); padding: 100px 0; margin-left: -20px; } .scroll-section-slide iframe { position: relative; width: 100%; height: 100%; z-index: 1; } @media only screen and (max-width: 750px) { .scroll-section-slide { width: 100%; min-height: auto; padding: 0; overflow: hidden; margin-left: 0; } } .scroll-section-slide:first-child { padding-top: 46px; } @media only screen and (max-width: 750px) { .scroll-section-slide:first-child { padding-top: 0; } } .scroll-section-slide:last-child { padding-bottom: 50px; } @media only screen and (max-width: 750px) { .scroll-section-slide:last-child { padding-bottom: 0; } } @media only screen and (max-width: 750px) and (max-width: 750px) { .scroll-section-slide:last-child .container { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } @media only screen and (max-width: 750px) { .scroll-section-slide._white-bg { background-color: white; } } .scroll-section-slide._loaded { min-height: auto; } .scroll-section-slide._first { min-height: 400px; } @media only screen and (max-width: 750px) { .scroll-section-slide._first { min-height: auto; } } .scroll-section-slide._entrance { padding: 50px 0; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance { padding: 22px 0; overflow: visible; } } .scroll-section-slide._entrance:first-child { padding-top: 100px; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance:first-child { padding-top: 44px; } } .scroll-section-slide._entrance:last-child { padding-bottom: 0; } .scroll-section-slide._entrance .scroll-section-slide__title { margin-bottom: 32px; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__title { padding: 0; margin-bottom: 0; border: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__title-btn { display: none; } } .scroll-section-slide._entrance .scroll-section-slide__text { margin-top: 32px; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__text { margin-top: 24px; font-size: 16px; line-height: 26px; } } .scroll-section-slide._entrance .scroll-section-slide__link { cursor: pointer; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 40px; padding: 6px 20px; margin-bottom: 36px; border: 1px solid #d8dade; text-decoration: none; text-align: center; } } .scroll-section-slide._entrance .scroll-section-slide__right { width: 48%; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__content._image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .scroll-section-slide._entrance .scroll-section-slide__image._alone { width: 100%; height: 364px; } @media only screen and (max-width: 750px) { .scroll-section-slide._entrance .scroll-section-slide__image._alone { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 249px; margin: 0; } } .scroll-section-slide._entrance .scroll-section-slide__image._alone.video:before { display: none; } @media only screen and (max-width: 750px) { .scroll-section-slide .scroll-section__slider { margin-top: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide .scroll-section__slider._mt30 { margin-top: 30px; } } .scroll-section-slide .comp-d-panorama.--new:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .scroll-section-slide__wrap { padding: 20px 20px 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide__wrap._no-sub { padding-top: 0; } } .scroll-section-slide .container { position: relative; padding-right: 230px; max-width: none; } @media only screen and (max-width: 750px) { .scroll-section-slide .container { padding: 0; } } .scroll-section-slide .container._child { padding-left: 20px; } @media only screen and (max-width: 750px) { .scroll-section-slide .container._child { padding: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide .container._child .scroll-section-slide__wrap { padding: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide__wrapper._excursion .comp-d-panorama { margin-bottom: 34px; } .scroll-section-slide__wrapper._excursion:last-child .scroll-section-slide__title { border-bottom: none; } .scroll-section-slide__wrapper._excursion .scroll-section-slide__wrap { display: block; } .scroll-section-slide__wrapper._excursion .scroll-section-slide__title { padding: 0 20px 18px; border: none; } .scroll-section-slide__wrapper._excursion .scroll-section-slide__title-btn { display: none; } .scroll-section-slide__wrapper._excursion .scroll-section-slide { padding-top: 34px; } } @media only screen and (max-width: 750px) { .scroll-section-slide__wrapper._excursion .container { padding: 0; } } .scroll-section-slide__wrapper._excursion .swiper-container._top { height: 460px; } @media only screen and (max-width: 750px) { .scroll-section-slide__wrapper._excursion .swiper-container._top { height: auto; } } .scroll-section-slide._background-color { background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .scroll-section-slide._background-color { background-color: #fff; } .scroll-section-slide._background-color .scroll-section-slide__wrap { background-color: #fff; } } .scroll-section-slide__text-wrap { width: 80%; } .scroll-section-slide__text-wrap._margin-top { margin-top: 40px; } @media only screen and (max-width: 750px) { .scroll-section-slide__text-wrap { width: 100%; } } .scroll-section-slide__text p a u, .scroll-section-slide__subtitle p a u { text-decoration: none; } .scroll-section-slide__text p a, .scroll-section-slide__subtitle p a { position: relative; } .scroll-section-slide__text p a:after, .scroll-section-slide__subtitle p a:after { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-color: #3b4658; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .scroll-section-slide__text p a:hover:after, .scroll-section-slide__subtitle p a:hover:after { opacity: 0; } .scroll-section-slide__text { margin-top: 36px; font-size: 16px; line-height: 28px; font-weight: 300; } @media only screen and (max-width: 750px) { .scroll-section-slide__text { margin-top: 24px; margin-bottom: 32px; } } .scroll-section-slide__text:first-child { margin-top: 0; } .scroll-section-slide__text:first-child._mt { margin-top: 36px; } @media only screen and (max-width: 750px) { .scroll-section-slide__text:first-child._mt { margin-top: 24px; } } .scroll-section-slide__text._mb40 { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .scroll-section-slide__text._mb40 { margin-bottom: 24px; } } .scroll-section-slide__text p { margin-bottom: 1.6rem; } .scroll-section-slide__text p:last-child { margin-bottom: 0; } .scroll-section-slide__text p:only-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .scroll-section-slide__text p { margin-bottom: 1.2rem; } } .scroll-section-slide__title { position: relative; margin-bottom: 36px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 750px) { .scroll-section-slide__title { margin: 0; padding: 16px 20px; font-size: 18px; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-weight: 500; line-height: 26px; border-top: 1px solid rgba(0, 0, 0, 0.1); } } .scroll-section-slide__title-btn { position: absolute; left: 40px; display: none; width: 30px; height: 30px; font-size: 24px; line-height: 26px; text-align: center; border-radius: 50%; background-color: #d4d4d4; cursor: pointer; } @media only screen and (max-width: 750px) { .scroll-section-slide__title-btn { display: block; } } .scroll-section-slide__title-btn:before, .scroll-section-slide__title-btn:after { content: ""; position: absolute; top: 50%; left: 9px; width: 12px; height: 2px; background: #3b4658; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .scroll-section-slide__title-btn:after { -webkit-transform: translate3d(0, -50%, 0) rotate(90deg); transform: translate3d(0, -50%, 0) rotate(90deg); -webkit-transform-origin: center; transform-origin: center; } .scroll-section-slide__title-btn.--collapsed:after { -webkit-transform: translate3d(0, -50%, 0) rotate(180deg); transform: translate3d(0, -50%, 0) rotate(180deg); } .scroll-section-slide__title-btn.--collapsed:before { -webkit-transform: translate3d(0, -50%, 0) rotate(180deg); transform: translate3d(0, -50%, 0) rotate(180deg); } .scroll-section-slide__subtitle { margin-bottom: 36px; font-size: 24px; line-height: 40px; font-weight: 300; } @media only screen and (max-width: 750px) { .scroll-section-slide__subtitle { margin-bottom: 32px; font-size: 18px; line-height: 164%; } } .scroll-section-slide__subtitle._w80 { width: 80%; } @media only screen and (max-width: 750px) { .scroll-section-slide__subtitle._w80 { width: 100%; } } @media only screen and (max-width: 750px) { .scroll-section-slide__subtitle._small-mob { font-size: 16px; line-height: 26px; } } .scroll-section-slide__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 5px; } @media only screen and (max-width: 750px) { .scroll-section-slide__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .scroll-section-slide__row:last-child { margin-bottom: 0; } .scroll-section-slide__row._reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .scroll-section-slide__row._margin-top { margin-top: 50px; } .scroll-section-slide__content { width: 100%; } .scroll-section-slide__content._image { width: 530px; margin-right: 70px; } @media only screen and (max-width: 750px) { .scroll-section-slide__content._image { width: 100%; margin-right: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide__content._ml { margin-left: -1px; } } .scroll-section-slide__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; width: 440px; } @media only screen and (max-width: 750px) { .scroll-section-slide__right { margin: 0 auto; } } @media only screen and (max-width: 750px) { .scroll-section-slide__right .scroll-section-slide__image { display: none; } } .scroll-section-slide__image { position: relative; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width: 388px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f2f2f2; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } @media only screen and (max-width: 750px) { .scroll-section-slide__image { height: 308px; width: 100%; } } .scroll-section-slide__image[href]:not([href=""]) { cursor: pointer; } .scroll-section-slide__image._full { height: 100%; -ms-flex-negative: 1; flex-shrink: 1; } .scroll-section-slide__image._full-width { width: 100%; height: 514px; margin-top: 80px; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._full-width { display: block; width: 100vw; margin: 0 -20px; height: calc(100vw / 1.5); } } .scroll-section-slide__image[lazy=loaded], .scroll-section-slide__image._image-loaded { opacity: 1; } .scroll-section-slide__image._big-vertical { width: 49.8%; height: 608px; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._big-vertical { width: 100%; height: 100%; } } .scroll-section-slide__image._big-h { width: 63.8%; height: 300px; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._big-h { width: 100%; height: 100%; } } .scroll-section-slide__image._small { width: 35.6%; height: 300px; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._small { width: 100%; height: 100%; } } .scroll-section-slide__image._middle { width: 100%; height: 301px; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._middle { height: 100%; } } @media only screen and (max-width: 750px) { .scroll-section-slide__image._white-bg { background-color: white; } } @media only screen and (max-width: 750px) { .scroll-section-slide__image._contain { background-size: contain; } } .scroll-section-slide__image._mob { display: none; } @media only screen and (max-width: 750px) { .scroll-section-slide__image._mob { display: block; width: 100vw; margin: 0 -20px; height: calc(100vw / 1.5); } } .scroll-section-slide__image .scroll-section-slide__image-video:hover { -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); transform: translate3d(-50%, -50%, 0) scale(0.8); } .scroll-section-slide__image-video { position: absolute; top: 50%; left: 50%; z-index: 1; width: 64px; height: 64px; border-radius: 50%; background: rgba(249, 249, 249, 0.4); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .scroll-section-slide__image-video svg { position: absolute; top: 50%; left: 50%; z-index: 1; width: 22px; height: 22px; margin-left: 2px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .scroll-section-slide__image-slide { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .scroll-section-slide__image-slide[lazy=loaded] { opacity: 1; } .scroll-section-slide__image-slide-contain { width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .scroll-section-slide__image-slide-contain[lazy=loaded] { opacity: 1; } @media only screen and (max-width: 750px) { .scroll-section-slide__image-slide-contain { background-size: cover; } } .scroll-section-slide__image-text { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; position: absolute; right: 12px; bottom: 12px; display: inline-block; padding: 1.2rem 2.4rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: rgba(255, 255, 255, 0.7); color: #292522; border-radius: .8rem; } @media only screen and (max-width: 750px) { .scroll-section-slide__image-text { right: auto; bottom: 6px; left: 6px; padding: 8px 12px; } .scroll-section-slide__image-text p { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .scroll-section-slide__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 41px; margin-top: 32px; color: white; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .scroll-section-slide__button { width: 100%; margin-top: 0; text-align: center; margin-bottom: 48px; } } @media only screen and (max-width: 750px) { .scroll-section-slide__button._margin-bot-mob { margin-bottom: 32px; } } .scroll-section-slide__button._no-margin { margin-top: 0; } .scroll-section-slide__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 36px; font-size: 14px; line-height: 20px; color: white; background-color: #ef3b24; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 40px; padding: 0 32px; border-radius: 4px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .scroll-section-slide__link { margin-top: 0; margin-bottom: 48px; width: 100%; height: 60px; } } @media (hover), (min-width: 0 \0) { .scroll-section-slide__link:hover { background-color: #f14f3a; } } .scroll-section-slide__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media only screen and (max-width: 750px) { .scroll-section-slide__gallery { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; } } .scroll-section-slide__gallery._column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .scroll-section-slide__gallery-wrapper { margin: 50px 0 50px; } @media only screen and (max-width: 750px) { .scroll-section-slide__gallery-wrapper { margin: 0 -20px 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide__gallery-wrapper._mt30 { margin-top: 30px; } } @media only screen and (max-width: 750px) { .scroll-section-slide__gallery-slider { margin-bottom: 8px; } } .scroll-section-slide__gallery-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 49.6%; } .scroll-section-slide__gallery-column .scroll-section-slide__row { margin-top: 6px; } .scroll-section-slide__gallery-column .scroll-section-slide__row:first-child { margin-top: 0; } .scroll-section-slide__cell { width: calc(50% - 25px); } @media only screen and (max-width: 750px) { .scroll-section-slide__cell { width: 100%; } } .scroll-section-slide__cell .scroll-section-slide__text p { margin-bottom: 0; } .scroll-section-slide__video { position: relative; width: 100%; height: 460px; margin-top: 40px; } @media only screen and (max-width: 750px) { .scroll-section-slide__video { height: 300px; margin-top: 20px; } } .scroll-section-slide__video > iframe { position: relative; width: 100%; height: 100%; z-index: 1; } .scroll-section-slide__video-preview { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #d4d4d4; opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 2; } .scroll-section-slide__video-preview._hidden { opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .scroll-section-slide__plan-pins { margin-top: 64px; } @media only screen and (max-width: 750px) { .scroll-section-slide__plan-pins { margin-top: 36px; } } .scroll-section-slide__h2 { margin-bottom: 40px; font-size: 28px; line-height: 31px; } @media only screen and (max-width: 750px) { .scroll-section-slide__h2 { margin-bottom: 20px; font-size: 20px; line-height: 22px; } } .scroll-section-slide__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 48px; } @media only screen and (max-width: 750px) { .scroll-section-slide__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 24px; margin-bottom: 40px; } } .scroll-section-slide__bottom-button { -ms-flex-negative: 0; flex-shrink: 0; width: 335px; height: 56px; margin-left: 62px; } @media only screen and (max-width: 750px) { .scroll-section-slide__bottom-button { width: 100%; margin-top: 32px; margin-left: 0; } } .scroll-section-slide__icons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 75px; margin-bottom: -40px; } @media only screen and (max-width: 750px) { .scroll-section-slide__icons { margin-top: 32px; margin-bottom: -28px; } } .scroll-section-slide__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 300px; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .scroll-section-slide__icon { width: 100%; margin-bottom: 28px; } } .scroll-section-slide__icon:not(:nth-child(3n)) { margin-right: 44px; } @media only screen and (max-width: 750px) { .scroll-section-slide__icon:not(:nth-child(3n)) { margin-right: 0; } } .scroll-section-slide__icon-img { -ms-flex-negative: 0; flex-shrink: 0; width: 48px; height: 48px; margin-right: 24px; background-position: center; background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .scroll-section-slide__icon-img { width: 32px; height: 32px; margin-right: 16px; } } .scroll-section-slide__icon-text { font-size: 16px; line-height: 24px; } @media only screen and (max-width: 750px) { .scroll-section-slide__icon-text { font-size: 14px; line-height: 20px; } } .scroll-section-slide__icon-button { -ms-flex-negative: 0; flex-shrink: 0; width: 335px; height: 56px; margin-top: 56px; } @media only screen and (max-width: 750px) { .scroll-section-slide__icon-button { width: 100%; margin-top: 32px; margin-bottom: 40px; } } .scroll-section-slide__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } @media only screen and (max-width: 750px) { .scroll-section-slide__cards { margin-top: 12px; } } .scroll-section-slide__cards._mt0 { margin-top: 0; } @media only screen and (max-width: 750px) { .scroll-section-slide__cards._mt0 { margin-top: 12px; } } @media only screen and (max-width: 750px) { .scroll-section-slide__children { margin-bottom: 24px; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .scroll-more-text-block__button { margin-top: 1.6rem; font-size: 1.4rem; font-style: normal; font-weight: 500; line-height: 2rem; color: #ef3b24; border-bottom: 1px solid #ef3b24; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; cursor: pointer; } .scroll-more-text-block__button:hover { opacity: .5; } @media only screen and (max-width: 750px) { .scroll-more-text-block__button:hover { opacity: 1; } } @media only screen and (max-width: 750px) { .scroll-more-text-block__button { margin-top: 1.2rem; } } .scroll-more-text-block__text p { margin-top: 1.6rem; } @media only screen and (max-width: 750px) { .scroll-more-text-block__text p { margin-top: 1.2rem; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .scroll-section-features { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 64px; position: relative; } @media only screen and (max-width: 750px) { .scroll-section-features { margin-top: 32px; } } .scroll-section-features__info { overflow: hidden; } @media (hover), (min-width: 0 \0) { .scroll-section-features__info:hover .scroll-section-features__arrow { opacity: 1; } .scroll-section-features__info:hover .scroll-section-features__arrow.swiper-button-disabled { opacity: .5; pointer-events: none; } } @media only screen and (max-width: 750px) { .scroll-section-features__info { display: none; } } .scroll-section-features__images { position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .scroll-section-features__images.swiper-container._top { width: 42%; height: auto; display: none; } @media only screen and (max-width: 750px) { .scroll-section-features__images.swiper-container._top { width: 100%; margin-bottom: 0; overflow: visible; display: block; } } .scroll-section-features__images-wrap.swiper-wrapper._half { height: 410px; } @media only screen and (max-width: 750px) { .scroll-section-features__images-wrap.swiper-wrapper._half { height: 346px; } } .scroll-section-features__box { position: absolute; top: 0; left: 0; opacity: 1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } @media only screen and (max-width: 750px) { .scroll-section-features__box { position: relative; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } } .scroll-section-features__image { width: 100%; height: 83%; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } @media only screen and (max-width: 750px) { .scroll-section-features__image[lazy=loaded] { opacity: 1; } } .scroll-section-features__image-title { display: none; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; font-size: 18px; line-height: 24px; font-weight: 600; color: #000; margin-top: 20px; } @media only screen and (max-width: 750px) { .scroll-section-features__image-title { display: -webkit-box; display: -ms-flexbox; display: flex; } } .scroll-section-features__image-text { color: #5b5e5f; width: 80%; } .scroll-section-features__popup .close-button { padding: 10px; margin-top: -10px; margin-right: -10px; } .scroll-section-features__slider { height: 326px !important; } .scroll-section-features__slider.swiper-container { z-index: 1; } .scroll-section-features__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 235px; height: 100%; padding: 20px; color: #14191a; border: 1px solid #e1e1e1; border-radius: 4px; -webkit-transition: border .3s ease; transition: border .3s ease; overflow: hidden; } .scroll-section-features__slide-img { width: 100%; height: 250px; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .scroll-section-features__title { margin-top: 12px; font-weight: 500; font-size: 16px; line-height: 24px; } .scroll-section-features__text { color: #5b5e5f; width: 80%; } .scroll-section-features__arrow { position: absolute; top: 32%; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #d8dade; background-color: #f2f2f2; -webkit-transition: background-color .3s ease, opacity .3s ease; transition: background-color .3s ease, opacity .3s ease; opacity: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; } @media (hover), (min-width: 0 \0) { .scroll-section-features__arrow:hover { background-color: #d8dade; } } .scroll-section-features__arrow._prev { left: -19px; } .scroll-section-features__arrow._prev svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .scroll-section-features__arrow._next { right: -19px; } .scroll-section-features__arrow._disabled { opacity: 0; visibility: hidden; } .scroll-section-features__arrow.swiper-button-disabled { pointer-events: none; } .scroll-section-features__arrow svg { width: 10px; height: 16px; stroke-width: 1.6; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .scroll-section-card { position: relative; width: calc(50% - 10px); height: 484px; overflow: hidden; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .scroll-section-card { width: calc(50% - 4px); height: 168px; } } .scroll-section-card:nth-child(2n+1) { margin-right: 20px; } @media only screen and (max-width: 750px) { .scroll-section-card:nth-child(2n+1) { margin-right: 8px; } } .scroll-section-card:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(39.06deg, rgba(0, 0, 0, 0.88) -32.42%, rgba(0, 0, 0, 0.381498) -1.62%, rgba(0, 0, 0, 0) 35.75%); } @media only screen and (max-width: 750px) { .scroll-section-card:before { background: linear-gradient(4.85deg, #000 -9.53%, rgba(0, 0, 0, 0.43352) 6.59%, rgba(0, 0, 0, 0) 26.14%); } } @media (hover), (min-width: 0 \0) { .scroll-section-card:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .scroll-section-card:hover:after { opacity: 1; } } .scroll-section-card:after { content: ''; position: absolute; bottom: 40px; right: 40px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0Ljg2ODYgOC44MDAzNkw4LjYxMDY0IDIuMzYzNzRMMTAuMjYwMyAwLjY2Njk5MkwxOS4zMzQ2IDEwLjAwMDNMMTAuMjYwMyAxOS4zMzM3TDguNjEwNjQgMTcuNjM2OUwxNC44Njg2IDExLjIwMDNIMC42Njc5NjlWOC44MDAzNkgxNC44Njg2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; width: 28px; height: 28px; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .scroll-section-card:after { display: none; } } .scroll-section-card__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .scroll-section-card__body { position: relative; z-index: 1; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 40px; } @media only screen and (max-width: 750px) { .scroll-section-card__body { padding: 16px; } } .scroll-section-card__title { font-size: 28px; line-height: 40px; font-weight: 500; color: white; } @media only screen and (max-width: 750px) { .scroll-section-card__title { font-size: 14px; line-height: 17px; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .scroll-section-images { margin-top: 32px; } @media only screen and (max-width: 750px) { .scroll-section-images { margin-top: 20px; } } .scroll-section-images__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .scroll-section-images__item { width: 100%; } @media only screen and (max-width: 750px) { .scroll-section-images__item:not(:first-child) { margin-top: 8px; } } .scroll-section-images__item:nth-child(4n + 1) { height: 416px; } @media only screen and (max-width: 750px) { .scroll-section-images__item:nth-child(4n + 1) { height: 188px; } } .scroll-section-images__item:nth-child(4n + 2), .scroll-section-images__item:nth-child(4n + 3) { width: calc(50% - 10px); height: 732px; margin-top: 20px; } @media only screen and (max-width: 750px) { .scroll-section-images__item:nth-child(4n + 2), .scroll-section-images__item:nth-child(4n + 3) { width: calc(50% - 4px); height: 228px; margin-top: 8px; } } .scroll-section-images__item:nth-child(4n + 4) { height: 659px; margin-top: 20px; } @media only screen and (max-width: 750px) { .scroll-section-images__item:nth-child(4n + 4) { height: 188px; margin-top: 8px; } } .scroll-section-images__item-slide { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .scroll-section-images__item-slide[lazy=loaded] { opacity: 1; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .scroll-section-text-slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 56px; } @media only screen and (max-width: 750px) { .scroll-section-text-slider { margin-top: 32px; } } .scroll-section-text-slider__info { width: 52%; } @media only screen and (max-width: 750px) { .scroll-section-text-slider__info { display: none; } } .scroll-section-text-slider__info-items { margin-right: 12%; } .scroll-section-text-slider__info-item { font-size: 16px; line-height: 28px; } .scroll-section-text-slider__info-item:not(:last-child) { margin-bottom: 40px; } .scroll-section-text-slider__images { position: sticky; top: 140px; right: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 474px; } @media only screen and (max-width: 750px) { .scroll-section-text-slider__images { position: relative; top: 0; height: 306px; } } .scroll-section-text-slider__images.swiper-container._top { width: 48%; height: 100%; } @media only screen and (max-width: 750px) { .scroll-section-text-slider__images.swiper-container._top { width: 100%; margin-bottom: 0; overflow: visible; } } .scroll-section-text-slider__images-wrap.swiper-wrapper._sticky { height: 474px; } @media only screen and (max-width: 750px) { .scroll-section-text-slider__images-wrap.swiper-wrapper._sticky { height: 306px; } } .scroll-section-text-slider__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } @media only screen and (max-width: 750px) { .scroll-section-text-slider__image { position: relative; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } } .scroll-section-text-slider__image._active { opacity: 1; } @media only screen and (max-width: 750px) { .scroll-section-text-slider__image[lazy=loaded] { opacity: 1; } } .scroll-section-text-slider__image-title { display: none; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; height: 100%; padding: 20px 24px; background: linear-gradient(0.43deg, #000 -35.28%, rgba(0, 0, 0, 0.43352) 0.69%, rgba(0, 0, 0, 0) 44.32%); font-size: 18px; line-height: 24px; font-family: "Grtsk-Tera", "Verdana", sans-serif; font-weight: 600; color: white; } @media only screen and (max-width: 750px) { .scroll-section-text-slider__image-title { display: -webkit-box; display: -ms-flexbox; display: flex; } } .scroll-section-text-slider__popup .close-button { padding: 10px; margin-top: -10px; margin-right: -10px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .scroll-section-lighting { position: relative; height: auto; z-index: 4; will-change: auto; } @media only screen and (max-width: 750px) { .scroll-section-lighting { height: 100%; z-index: -1; } } @media only screen and (max-width: 750px) { .scroll-section-lighting._opened { z-index: unset; } } .scroll-section-lighting__wrap { width: 101vw; overflow: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: relative; left: 60%; z-index: 4; } @media screen and (max-device-width: 1024px) { .scroll-section-lighting__wrap { -webkit-transform: translateX(-49%); transform: translateX(-49%); } } @media only screen and (max-width: 750px) { .scroll-section-lighting__wrap { padding: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); left: 0; width: 101vw; height: 100%; z-index: unset; } } .scroll-section-lighting__top { position: relative; height: calc(100vh + 12rem); } @media only screen and (max-width: 750px) { .scroll-section-lighting__top { height: 100vh; } } .scroll-section-lighting__image { width: 100%; height: 100%; background-position: top; background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .scroll-section-lighting__image { height: 100%; } } .scroll-section-lighting__title { max-width: 57.6rem; font-size: 3.2rem; line-height: 4rem; font-weight: 600; font-family: "Grtsk-Tera", "Verdana", sans-serif; color: wheat; } @media only screen and (max-width: 750px) { .scroll-section-lighting__title { margin-top: 28px; font-size: 18px; line-height: 17px; } } .scroll-section-lighting__title._up-size { font-size: 4.2rem; line-height: 5rem; } @media only screen and (max-width: 750px) { .scroll-section-lighting__title._up-size { font-size: 1.8rem; line-height: 1.7rem; } } @media only screen and (max-width: 750px) { .scroll-section-lighting__title._mobile { font-size: 2rem; line-height: 2.4rem; } } .scroll-section-lighting__text { padding: 3.2rem 0; font-size: 2rem; font-weight: 400; line-height: 3.2rem; margin-left: auto; margin-right: auto; color: wheat; } @media only screen and (max-width: 750px) { .scroll-section-lighting__text { padding: 2rem 0 2.8rem; font-size: 1.6rem; line-height: 2.2rem; } } .scroll-section-lighting__text p:not(:last-child) { margin-bottom: 2rem; } .scroll-section-lighting__text._up-size { font-size: 3.2rem; line-height: 5.2rem; } @media only screen and (max-width: 750px) { .scroll-section-lighting__text._up-size { font-size: 1.6rem; line-height: 2.2rem; } } @media only screen and (max-width: 750px) { .scroll-section-lighting__text._mobile { font-size: 1.8rem; line-height: 2.4rem; } } .scroll-section-lighting__bottom-wrap { height: auto; position: absolute; z-index: 5; top: calc(100vh - 60%); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 80rem; } .scroll-section-lighting__bottom-wrap._up-size { width: 110rem; } @media only screen and (max-width: 750px) { .scroll-section-lighting__bottom-wrap._up-size { width: auto; } } @media screen and (max-device-width: 1024px) { .scroll-section-lighting__bottom-wrap { left: 25%; -webkit-transform: none; transform: none; width: 80rem; } } @media only screen and (max-width: 750px) { .scroll-section-lighting__bottom-wrap { width: auto; height: auto; padding: 0 2rem; top: 14.4rem; left: 0; z-index: unset; -webkit-transform: none; transform: none; } } .scroll-section-lighting__overlay { position: absolute; top: -140rem; left: 1%; width: 100vw; height: 250rem; background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(60%, #090502)); background: linear-gradient(rgba(0, 0, 0, 0) 25%, #090502 60%); z-index: 5; } @media screen and (max-device-width: 1024px) { .scroll-section-lighting__overlay { left: 0; top: -1260px; width: 101vw; } } @media only screen and (max-width: 750px) { .scroll-section-lighting__overlay { left: 0; top: -1100px; width: 100vw; height: 1800px; z-index: unset; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .scroll-section-slide._placenearby { padding-bottom: 0; margin-top: -54px; padding-top: 100px; } @media only screen and (max-width: 750px) { .scroll-section-slide._placenearby { padding-bottom: 0; overflow: inherit; margin-top: inherit; margin-bottom: 2rem; padding-top: inherit; } .scroll-section-slide._placenearby .swiper-wrapper { height: unset; } } @media only screen and (max-width: 750px) { .scroll-section-slide__title._placenearby { padding: 32px 0 0; border-top: none; } } @media only screen and (max-width: 750px) { .scroll-section-slide__wrap._new { margin-top: 2rem; padding: 0; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .scroll-section-slide._infra { padding: 0; } @media only screen and (max-width: 750px) { .scroll-section-slide._infra .scroll-section-slide__wrap._new { margin-top: 0; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @media only screen and (max-width: 750px) { .scroll-section-slide._plan .comp-d-panorama + * { margin-top: 2rem; } } @media only screen and (max-width: 750px) { .scroll-section-slide._plan .scroll-section-slide__wrap._new { margin-top: 0; } } .scroll-section-slide .cell-block { margin-top: 5.6rem; } .scroll-section-slide__header { display: none; } @media only screen and (max-width: 750px) { .scroll-section-slide__header { display: block; } } .scroll-section-slide__more-block { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 300; font-size: 1.6rem; line-height: 2.8rem; } @media only screen and (max-width: 750px) { .scroll-section-slide__more-block { font-size: 1.4rem; } } .scroll-section-slide__section-text { width: 80%; font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 300; font-size: 1.6rem; line-height: 2.8rem; } @media only screen and (max-width: 750px) { .scroll-section-slide__section-text { width: 100%; font-size: 1.4rem; margin: 0; } } @media only screen and (max-width: 750px) { .scroll-section-slide ._hidden-mobile { display: none; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @media only screen and (max-width: 750px) { .scroll-section-popup__modal { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .scroll-section-popup__modal > .modal__content { border-radius: 8px; overflow: visible; } @media only screen and (max-width: 750px) { .scroll-section-popup__modal > .modal__content { height: auto; border-radius: 0; } } .scroll-section-popup__modal-close { position: absolute; top: -32px; right: -32px; z-index: 10; width: 32px; height: 32px; background-color: #fff; } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-close { top: 20px; right: 20px; } } .scroll-section-popup__modal-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 900px; height: 640px; overflow-y: auto; /*stylelint-disable*/ scrollbar-width: none; /* Firefox */ /*stylelint-enable*/ -ms-overflow-style: none; /* IE 10+ */ } .scroll-section-popup__modal-wrapper::-webkit-scrollbar { display: none; /* Chrome Safari */ } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: none; height: 100%; overflow-y: auto; width: 100%; } } .scroll-section-popup__modal-slider { -webkit-box-flex: 1; -ms-flex: 1 0 460px; flex: 1 0 460px; width: 100%; } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-slider { -ms-flex-preferred-size: 280px; flex-basis: 280px; width: auto; } } .scroll-section-popup__modal-slider-thumb { height: 100%; } .scroll-section-popup__modal-slider-thumb .thumbs-slider__top { height: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-slider-thumb .thumbs-slider__top { border-radius: 0; } } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-slider-thumb .thumbs-slider__next, .scroll-section-popup__modal-slider-thumb .thumbs-slider__prev { display: none; } } .scroll-section-popup__modal-slider-thumb .thumbs-slider__pagination.swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: .5; } .scroll-section-popup__modal-slider-thumb .thumbs-slider__pagination.swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; opacity: 1; } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-slider-thumb .thumbs-slider__pagination.swiper-pagination { position: absolute; bottom: 24px; left: 55%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .scroll-section-popup__modal-slider-thumb .swiper-button-next, .scroll-section-popup__modal-slider-thumb .swiper-button-prev { width: 30px; height: 40px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAzMiAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDBMMTguNDExMSAxLjU0Nzc4TDI2LjgzMzMgMTBIMFYxMi4yMjIySDI2LjgzMzNMMTguNDExMSAyMC42MzY3TDIwIDIyLjIyMjJMMzEuMTExMSAxMS4xMTExTDIwIDBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); background-size: 30px; } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-slider-thumb .swiper-button-next, .scroll-section-popup__modal-slider-thumb .swiper-button-prev { display: none; } } .scroll-section-popup__modal-slider-thumb .swiper-button-prev { -webkit-transform: translateY(-50%) scale(-1, 1); transform: translateY(-50%) scale(-1, 1); left: 50px; } .scroll-section-popup__modal-slider-thumb .swiper-button-prev:hover { -webkit-transform: translateY(-50%) scale(-1, 1) translateX(4px); transform: translateY(-50%) scale(-1, 1) translateX(4px); } .scroll-section-popup__modal-slider-thumb .swiper-button-next { -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 50px; } .scroll-section-popup__modal-slider-thumb .swiper-button-next:hover { -webkit-transform: translateY(-50%) translateX(4px); transform: translateY(-50%) translateX(4px); } .scroll-section-popup__modal-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 1 180px; flex: 0 1 180px; width: 100%; padding: 36px; } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: auto; padding: 36px 20px; } } .scroll-section-popup__modal-title { margin-bottom: 24px; font-weight: 500; font-size: 24px; line-height: 32px; } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-title { max-width: none; margin-bottom: 20px; font-size: 18px; line-height: 28px; } } .scroll-section-popup__modal-text { font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-text { font-size: 14px; line-height: 20px; width: 335px; } } .scroll-section-popup__modal-btn { line-height: 20px; color: #fff; padding: 12px 28px; background: #ef3b24; border-radius: 8px; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-top: 24px; -webkit-transition: all .3s ease; transition: all .3s ease; } @media (hover), (min-width: 0 \0) { .scroll-section-popup__modal-btn:hover { background: #f14f3a; } } @media only screen and (max-width: 750px) { .scroll-section-popup__modal-btn { margin-top: 20px; width: 100%; text-align: center; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .job-intro { margin-bottom: 25px; } .job-intro__menu-wrap { background-color: #f2f2f2; } .job-intro__menu-wrap.--fixed { position: fixed; top: 60px; width: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); z-index: 3; } .job-intro__menu-container { position: relative; } @media only screen and (max-width: 750px) { .job-intro__menu-container { padding: 0; } } .job-intro__menu { width: 100%; height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media only screen and (max-width: 750px) { .job-intro__menu { height: 65px; overflow-x: scroll; } .job-intro__menu:before, .job-intro__menu:after { content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 100%; } } .job-intro__menu .container { height: 100%; } .job-intro__menu-item { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin-right: 30px; font-size: 16px; line-height: 26px; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; } .job-intro__menu-item:after { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 2px; background-color: #14191a; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } @media only screen and (max-width: 750px) { .job-intro__menu-item:after { top: auto; bottom: 0; } } .job-intro__menu-item:hover { color: #576c70; } @media only screen and (max-width: 750px) { .job-intro__menu-item.desktop { display: none; } } .job-intro__menu-item.mobile { display: none; } @media only screen and (max-width: 750px) { .job-intro__menu-item.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .job-intro__menu-item.active { color: #576c70; } .job-intro__menu-item.active:after { opacity: 1; } .job-intro__menu-overlay { position: absolute; top: 0; right: 0; width: 58px; height: 65px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .job-intro__menu-overlay { opacity: 1; } } .job-intro__menu-overlay:after { content: ""; position: absolute; width: 56px; height: 100%; top: 0; right: 0; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } .job-mission { padding-top: 60px; } @media only screen and (max-width: 750px) { .job-mission { padding-top: 48px; } } .job-mission__quote-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .job-mission__quotes { width: 56px; height: 46px; margin-bottom: 30px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA1NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4xIiBkPSJNMCA0NlYyNy43NjIxQzAgMTkuNjU2NCAxLjc3NTI1IDEzLjQ0MiA1LjMyNTc1IDkuMTE4OTRDOC44NzYyNCA0Ljc5NTg5IDE0LjYxMTcgMS43NTYyNCAyMi41MzIgMEwyNC45OSA3LjA5MjUxQzE1Ljg0MDcgMTAuMzM0OCAxMS4yNjYgMTUuNjcxMSAxMS4yNjYgMjMuMTAxM1YyNC43MjI1SDE4Ljg0NDlWNDZIMFpNMzEuMDEgNDZWMjcuNzYyMUMzMS4wMSAxOS42NTY0IDMyLjc4NTIgMTMuNDQyIDM2LjMzNTcgOS4xMTg5NEMzOS44ODYyIDQuNzk1ODkgNDUuNjIxNiAxLjc1NjI0IDUzLjU0MiAwTDU2IDcuMDkyNTFDNDYuODUwNiAxMC4zMzQ4IDQyLjI3NiAxNS42NzExIDQyLjI3NiAyMy4xMDEzVjI0LjcyMjVINDkuNjUwMVY0NkgzMS4wMVoiIGZpbGw9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .job-mission__quotes { width: 39px; height: 32px; margin-bottom: 20px; } } .job-mission p { font-size: 24px; font-weight: 300; line-height: 146%; } @media only screen and (max-width: 750px) { .job-mission p { font-size: 18px; margin-bottom: 20px; } } .job-mission button { padding: 22px 20px; margin: 0 -20px; width: calc(100% + 40px); font-weight: 300; } @media only screen and (max-width: 750px) { .job-mission button { display: inline-block; } } .job-mission__image { min-height: 400px; background-image: url(/static/images/mission.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .job-convenience { margin-bottom: 70px; padding-top: 60px; } @media only screen and (max-width: 750px) { .job-convenience { margin-bottom: 56px; padding-bottom: 48px; } } .job-convenience__subtitle { font-size: 16px; font-weight: 300; } @media only screen and (max-width: 750px) { .job-convenience__subtitle { font-size: 16px; line-height: 160%; } } .job-convenience .h-280 { height: 280px; } .job-convenience .h-440 { height: 440px; } .job-convenience .row { margin: 0 -7px 15px -7px; } @media only screen and (max-width: 750px) { .job-convenience .row { margin: 0; height: auto; } } .job-convenience .row._mb0 { margin-bottom: 0; } .job-convenience .row:last-child { margin-bottom: 0; } .job-convenience .row .col-full, .job-convenience .row .col-1-3, .job-convenience .row .col-2-3, .job-convenience .row .col-1-2 { padding: 0 7px; } @media only screen and (max-width: 750px) { .job-convenience .row .col-full, .job-convenience .row .col-1-3, .job-convenience .row .col-2-3, .job-convenience .row .col-1-2 { width: 100%; height: 300px; padding: 0; margin-bottom: 20px; } } .job-convenience .row .col-2-3._mobile { display: none; } @media only screen and (max-width: 750px) { .job-convenience .row .col-2-3._mobile { display: block; } } .job-convenience .row .col-2-3._desktop { display: block; } @media only screen and (max-width: 750px) { .job-convenience .row .col-2-3._desktop { display: none; } } .job-convenience__head { margin-bottom: 54px; } @media only screen and (max-width: 750px) { .job-convenience__head { margin-bottom: 28px; } } .job-convenience__video { position: relative; width: 100%; height: 674px; padding: 0 7px; } @media only screen and (max-width: 750px) { .job-convenience__video { width: 100%; height: 56.134453783%; padding: 0; margin-bottom: 20px; } .job-convenience__video .three-blocks__title { font-size: 22px; margin-bottom: 0; } } .job-convenience__video:after { display: none; } .job-convenience__video > video { position: relative; width: 100%; height: 100%; outline: none; z-index: 1; } .job-convenience__video-preview { position: absolute; left: 7px; top: 0; width: calc(100% - 14px); height: 100%; background-image: url(/static/images/job-convenience-video.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #d4d4d4; opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 2; } @media only screen and (max-width: 750px) { .job-convenience__video-preview { left: 0; width: 100%; } } .job-convenience__video-preview._hidden { opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .job-convenience__gallery-icon { display: none; position: absolute; top: 27px; left: 24px; width: 44px; height: 44px; border: 1px solid #fff; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzggMEgwLjM4MTQ1QzAuMTcxMTY2IDAgMC4wMDA0ODgyODEgMC4xNzA2NzcgMC4wMDA0ODgyODEgMC4zODA5NjJWMTEuODA5NUMwLjAwMDQ4ODI4MSAxMi4wMTk3IDAuMTcxMTY2IDEyLjE5MDQgMC4zODE0NSAxMi4xOTA0SDEzLjMzMzhDMTMuNTQ0IDEyLjE5MDQgMTMuNzE0NyAxMi4wMTk3IDEzLjcxNDcgMTEuODA5NVYwLjM4MDk2MkMxMy43MTQ3IDAuMTcwNjc3IDEzLjU0NCAwIDEzLjMzMzggMFpNMTIuOTUyOCAxMS40Mjg1SDAuNzYyNDExVjAuNzYxOTIzSDEyLjk1MjhWMTEuNDI4NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy42NzQxIDExLjYzODlMOS40ODM2MiAzLjI1ODA3QzkuNDIwMzcgMy4xMzIzNiA5LjI5MzkxIDMuMDUxNjEgOS4xNTI5NCAzLjA0Nzc5QzkuMDA4MTkgMy4wNDA5MyA4Ljg4MTY5IDMuMTE3ODkgOC44MTE2MiAzLjIzOTc5TDYuMDExNjQgOC4xNDAzMkw0LjA3ODY5IDYuMjA3MzdDMy45OTcxNiA2LjEyNTg0IDMuODgxMzcgNi4wODU0OCAzLjc2ODU5IDYuMDk3NjZDMy42NTQzIDYuMTEwNjIgMy41NTE0NSA2LjE3Mzg0IDMuNDg4OTggNi4yNzA2MkwwLjA2MDQzNTIgMTEuNjAzOUMtMC4wNTMwOTk4IDExLjc4MTQgLTAuMDAyMDI4NjcgMTIuMDE2OSAwLjE3NDcyIDEyLjEzMDRDMC4zNTIyNTUgMTIuMjQ0NiAwLjU4NzY4MSAxMi4xOTI4IDAuNzAxMTgxIDEyLjAxNjFMMy44NzM3MyA3LjA3OTcyTDUuODI1NzIgOS4wMzE3MUM1LjkwOTU0IDkuMTE1NTMgNi4wMjkxNCA5LjE1NTE0IDYuMTQ1NzEgOS4xMzk4OUM2LjI2MzgyIDkuMTIzODkgNi4zNjc0MyA5LjA1Mzc4IDYuNDI2MTEgOC45NTA5Mkw5LjEyMDk0IDQuMjM1NTNMMTIuOTkyMiAxMS45ODAyQzEzLjA1OTIgMTIuMTEzNSAxMy4xOTMzIDEyLjE5MDUgMTMuMzMzNSAxMi4xOTA1QzEzLjM5MTQgMTIuMTkwNSAxMy40NDkzIDEyLjE3NzUgMTMuNTAzNCAxMi4xNTAxQzEzLjY5MTYgMTIuMDU1NyAxMy43Njg2IDExLjgyNzIgMTMuNjc0MSAxMS42Mzg5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQuMTkwMzggMS41MjM5M0MzLjE0MDUgMS41MjM5MyAyLjI4NTY0IDIuMzc4NzggMi4yODU2NCAzLjQyODY2QzIuMjg1NjQgNC40Nzg1NSAzLjE0MDUgNS4zMzM0IDQuMTkwMzggNS4zMzM0QzUuMjQwMjcgNS4zMzM0IDYuMDk1MTIgNC40Nzg1NSA2LjA5NTEyIDMuNDI4NjZDNi4wOTUxMiAyLjM3ODc4IDUuMjQwMjcgMS41MjM5MyA0LjE5MDM4IDEuNTIzOTNaTTQuMTkwMzggNC41NzE1MUMzLjU2MDI4IDQuNTcxNTEgMy4wNDc1MyA0LjA1ODc2IDMuMDQ3NTMgMy40Mjg2NkMzLjA0NzUzIDIuNzk4NTYgMy41NjAyOCAyLjI4NTgxIDQuMTkwMzggMi4yODU4MUM0LjgyMDQ4IDIuMjg1ODEgNS4zMzMyMyAyLjc5ODU2IDUuMzMzMjMgMy40Mjg2NkM1LjMzMzIzIDQuMDU4NzYgNC44MjA0OCA0LjU3MTUxIDQuMTkwMzggNC41NzE1MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xOC4xMTU4IDYuMTU5MTdMMTMuNTQ0NCAzLjExMTU5QzEzLjM2ODQgMi45OTUwMiAxMy4xMzMgMy4wNDMwMiAxMy4wMTY0IDMuMjE3NDhDMTIuODk5OSAzLjM5MjczIDEyLjk0NzEgMy42Mjg5IDEzLjEyMjMgMy43NDU0N0wxNy4zOTUxIDYuNTk0MkwxMi40MzA2IDE1LjEwNDZMNS44OTk1NyAxMS40NzY1QzUuNzE1OTYgMTEuMzczNiA1LjQ4MzU3IDExLjQ0MDYgNS4zODE0NiAxMS42MjQzQzUuMjc4NjEgMTEuODA4NyA1LjM0NDg5IDEyLjA0MDMgNS41MjkyOCAxMi4xNDI0TDEyLjM4NjQgMTUuOTUxOUMxMi40NDQzIDE1Ljk4NDYgMTIuNTA4MyAxNS45OTk5IDEyLjU3MDggMTUuOTk5OUMxMi43MDI2IDE1Ljk5OTkgMTIuODI5OCAxNS45MzIxIDEyLjkwMDcgMTUuODEwOUwxOC4yMzM5IDYuNjY4MTNDMTguMzM1MyA2LjQ5MzYzIDE4LjI4MzUgNi4yNzA0MiAxOC4xMTU4IDYuMTU5MTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); background-size: 26px 23px; background-position: 10px 11px; background-repeat: no-repeat; z-index: 1; } @media only screen and (max-width: 750px) { .job-convenience__gallery-icon { display: block; } } .job-convenience__slide { position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; } .job-convenience__slider { height: 600px; position: relative; } @media only screen and (max-width: 750px) { .job-convenience__slider { height: 300px; } } .job-convenience__tile-slider { overflow: hidden; height: 100%; } .job-convenience__tile-slider .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .job-convenience__tile-slider .slick-dots li { display: none; } .job-convenience__tile { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 45px 40px; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; } .job-convenience__tile:hover:after { background: rgba(20, 25, 26, 0.5); } .job-convenience__tile-container { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 0 50px 48px; } @media only screen and (max-width: 750px) { .job-convenience__tile-container { position: relative; bottom: auto; left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } } .job-convenience__tile-title { font-size: 24px; line-height: 26px; color: white; margin-bottom: 30px; } .job-convenience__tile-title._grey { color: #14191a; } @media only screen and (max-width: 750px) { .job-convenience__tile-title { width: 100%; margin-bottom: 32px; font-size: 22px; line-height: 24px; } } .job-convenience__tile-text { font-size: 16px; color: white; } .job-convenience__tile-text._grey { color: #14191a; } .job-convenience__tile:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(272.1deg, rgba(0, 0, 0, 0.4) 8.28%, rgba(0, 0, 0, 0) 103.22%); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-transition: background .5s ease; transition: background .5s ease; z-index: 1; } @media only screen and (max-width: 750px) { .job-convenience__tile:after { background: rgba(0, 0, 0, 0.4); } } .job-convenience__tile.top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .job-convenience__tile.bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (max-width: 750px) { .job-convenience__tile { padding: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .job-convenience__tile.top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .job-convenience__tile.bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .job-convenience__card { position: relative; width: 100%; height: 100%; padding: 45px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #f2f2f2; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; } .job-convenience__card:after { content: ''; position: absolute; bottom: 0; right: 0; display: block; width: 307px; height: 258px; opacity: .1; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzA3IiBoZWlnaHQ9IjI1OCIgdmlld0JveD0iMCAwIDMwNyAyNTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMjIuODQ1IDU3LjEyNUgyMzIuMzQ0QzIzMi4zNDQgNTguNzY1NiAyMzIuMzQ0IDU5LjY1NTIgMjMyLjM0NCA2Mi4zNzVDMjMyLjM0NCA2NS4wOTQ4IDIzMi4zNDQgNjMuMDMxMiAyMzIuMzQ0IDY2Ljk2ODhIMzIyLjg0NUMzMjUuNzc1IDY2Ljk2ODggMzI4LjE1NiA2OS4zNTAyIDMyOC4xNTYgNzIuMjgwM1YyNjEuODEzQzMyOC4xNTYgMjY0Ljc0NCAzMjUuNzc1IDI2Ny4xMjUgMzIyLjg0NSAyNjcuMTI1SDE3LjE1NTNDMTQuMjI1MiAyNjcuMTI1IDExLjg0MzggMjY0Ljc0NCAxMS44NDM4IDI2MS44MTNWNzIuMjgwM0MxMS44NDM4IDY5LjM1MDIgMTQuMjI1MiA2Ni45Njg4IDE3LjE1NTMgNjYuOTY4OEgxMjUuMjkzVjc2LjgxMjVIMjYuNjA5NEMyMy44ODk1IDc2LjgxMjUgMjEuNjg3NSA3OS4wMTQ1IDIxLjY4NzUgODEuNzM0NFYyMTJDMjQuMzEyNSAyMTIgMjMuODg5NSAyMTIgMjYuNjA5NCAyMTJDMjkuMzI5MiAyMTIgMjcuOTIxOSAyMTIgMzEuNTMxMiAyMTJWODYuNjU2MkgxMjUuMjkzVjExMy4wNkwxMDQuMjIxIDEyMy4xMjdDMTAyLjU0IDEyMy45MzIgMTAxLjQyMiAxMjUuNjcgMTAxLjQyMiAxMjcuNTY5VjIwNy44MzdDMTAxLjQyMiAyMDkuNzM0IDEwMi41MTEgMjExLjQ2MiAxMDQuMjIxIDIxMi4yNzlMMTY3Ljg3NyAyNDIuNjkzQzE2OS4yNTcgMjQzLjM0MSAxNzAuODEzIDI0My4zMDggMTcyLjEyMyAyNDIuNjkzTDIwNy45MDkgMjI1LjU5NEMyMTAuMzYyIDIyNC40MjMgMjExLjQgMjIxLjQ4MiAyMTAuMjI5IDIxOS4wMzJDMjA5LjA1NyAyMTYuNTc4IDIwNi4xMTQgMjE1LjU0IDIwMy42NjQgMjE2LjcxMkwxNzQuOTIyIDIzMC40NDRWMTYxLjA4NEwyMjguNzM0IDEzNS4zNzVWMjA0LjczNUwyMDMuNjY0IDIxNi43MTJDMjAxLjIxIDIxNy44ODMgMjA5LjA1NyAyMTYuNTgxIDIxMC4yMjkgMjE5LjAzMkMyMTEuNCAyMjEuNDg1IDIwNS40NTggMjI2Ljc2NiAyMDcuOTA5IDIyNS41OTRMMjM1Ljc3OSAyMTIuMjc5QzIzNy40ODkgMjExLjQ2MiAyMzguNTc4IDIwOS43MzQgMjM4LjU3OCAyMDcuODM3VjEyNy41NjlDMjM4LjU3OCAxMjUuNjkzIDIzNy40ODYgMTIzLjk0NSAyMzUuNzc5IDEyMy4xMjdMMjE0LjcwNyAxMTMuMDZWODYuNjU2MkgzMDguNDY5VjI2Ny4xMjVIMzEuNTMxMlYyMTJDMjcuNTkzOCAyMTIgMjkuMzI5MiAyMTIgMjYuNjA5NCAyMTJDMjMuODg5NSAyMTIgMjQuOTY4OCAyMTIgMjEuNjg3NSAyMTJWMjcyLjA0N0MyMS42ODc1IDI3NC43NjcgMjMuODg5NSAyNzYuOTY5IDI2LjYwOTQgMjc2Ljk2OUgzMTMuMzkxQzMxNi4xMSAyNzYuOTY5IDMxOC4zMTIgMjc0Ljc2NyAzMTguMzEyIDI3Mi4wNDdWODEuNzM0NEMzMTguMzEyIDc5LjAxNDUgMzE2LjExIDc2LjgxMjUgMzEzLjM5MSA3Ni44MTI1SDIxNC43MDdWNjYuOTY4OEgyMzNDMjMzIDY0LjAxNTYgMjMzIDY0Ljc2NjcgMjMzIDYyLjA0NjlDMjMzIDU5LjMyNyAyMzMgNTkuNzUgMjMzIDU3LjEyNUgyMTQuNzA3VjQ3LjI4MTJIMjU4Ljg0QzI2MS41NiA0Ny4yODEyIDI2My43NjIgNDUuMDc5MiAyNjMuNzYyIDQyLjM1OTRWMzAuNjg1M0MyNjkuNDkxIDI4LjY1MjUgMjczLjYwNSAyMy4xODIgMjczLjYwNSAxNi43NjU2QzI3My42MDUgOC42MjQwMiAyNjYuOTgxIDIgMjU4Ljg0IDJDMjUwLjY5OCAyIDI0NC4wNzQgOC42MjQwMiAyNDQuMDc0IDE2Ljc2NTZDMjQ0LjA3NCAyMy4xODIgMjQ4LjE4OSAyOC42NTI1IDI1My45MTggMzAuNjg1M1YzNy40Mzc1SDIwOS43ODVDMjA3LjA2NSAzNy40Mzc1IDIwNC44NjMgMzkuNjM5NSAyMDQuODYzIDQyLjM1OTRWNTcuMTI1SDE3NC45MjJWMzAuNjg1M0MxODAuNjUxIDI4LjY1MjUgMTg0Ljc2NiAyMy4xODIgMTg0Ljc2NiAxNi43NjU2QzE4NC43NjYgOC42MjQwMiAxNzguMTQyIDIgMTcwIDJDMTYxLjg1OCAyIDE1NS4yMzQgOC42MjQwMiAxNTUuMjM0IDE2Ljc2NTZDMTU1LjIzNCAyMy4xODIgMTU5LjM0OSAyOC42NTI1IDE2NS4wNzggMzAuNjg1M1Y1Ny4xMjVIMTM1LjEzN1Y0Mi4zNTk0QzEzNS4xMzcgMzkuNjM5NSAxMzIuOTM1IDM3LjQzNzUgMTMwLjIxNSAzNy40Mzc1SDg2LjA4MlYzMC42ODUzQzkxLjgxMTQgMjguNjUyNSA5NS45MjU4IDIzLjE4MiA5NS45MjU4IDE2Ljc2NTZDOTUuOTI1OCA4LjYyNDAyIDg5LjMwMTggMiA4MS4xNjAyIDJDNzMuMDE4NiAyIDY2LjM5NDUgOC42MjQwMiA2Ni4zOTQ1IDE2Ljc2NTZDNjYuMzk0NSAyMy4xODIgNzAuNTA4OSAyOC42NTI1IDc2LjIzODMgMzAuNjg1M1Y0Mi4zNTk0Qzc2LjIzODMgNDUuMDc5MiA3OC40NDAzIDQ3LjI4MTIgODEuMTYwMiA0Ny4yODEySDEyNS4yOTNWNTcuMTI1SDE3LjE1NTNDOC43OTgzNCA1Ny4xMjUgMiA2My45MjMzIDIgNzIuMjgwM1YyNjEuODEzQzIgMjcwLjE3IDguNzk4MzQgMjc2Ljk2OSAxNy4xNTUzIDI3Ni45NjlIMTIzLjg2M0MxMjEuOTU4IDI5NS4wMjMgMTEwLjAyIDMwNS41NjcgMTA2LjI1NyAzMDguNDY5SDg1LjM0MzhDNzcuMjAyMSAzMDguNDY5IDcwLjU3ODEgMzE1LjA5MyA3MC41NzgxIDMyMy4yMzRDNzAuNTc4MSAzMzEuMzc2IDc3LjIwMjEgMzM4IDg1LjM0MzggMzM4SDI1NC42NTZDMjYyLjc5OCAzMzggMjY5LjQyMiAzMzEuMzc2IDI2OS40MjIgMzIzLjIzNEMyNjkuNDIyIDMxNS4wOTMgMjYyLjc5OCAzMDguNDY5IDI1NC42NTYgMzA4LjQ2OUgyMzMuNzU2QzIzMC4wNDIgMzA1LjU3NyAyMTguMDYzIDI5NC45MzkgMjE2LjE0MyAyNzYuOTY5SDMyMi44NDVDMzMxLjIwMiAyNzYuOTY5IDMzOCAyNzAuMTcgMzM4IDI2MS44MTNWNzIuMjgwM0MzMzggNjMuOTIzMyAzMzEuMjAyIDU3LjEyNSAzMjIuODQ1IDU3LjEyNVpNMjU4Ljg0IDExLjg0MzhDMjYxLjU1NSAxMS44NDM4IDI2My43NjIgMTQuMDUwOSAyNjMuNzYyIDE2Ljc2NTZDMjYzLjc2MiAxOS40ODAzIDI2MS41NTUgMjEuNjg3NSAyNTguODQgMjEuNjg3NUMyNTYuMTI1IDIxLjY4NzUgMjUzLjkxOCAxOS40ODAzIDI1My45MTggMTYuNzY1NkMyNTMuOTE4IDE0LjA1MDkgMjU2LjEyNSAxMS44NDM4IDI1OC44NCAxMS44NDM4Wk0xNzAgMTEuODQzOEMxNzIuNzE1IDExLjg0MzggMTc0LjkyMiAxNC4wNTA5IDE3NC45MjIgMTYuNzY1NkMxNzQuOTIyIDE5LjQ4MDMgMTcyLjcxNSAyMS42ODc1IDE3MCAyMS42ODc1QzE2Ny4yODUgMjEuNjg3NSAxNjUuMDc4IDE5LjQ4MDMgMTY1LjA3OCAxNi43NjU2QzE2NS4wNzggMTQuMDUwOSAxNjcuMjg1IDExLjg0MzggMTcwIDExLjg0MzhaTTgxLjE2MDIgMTEuODQzOEM4My44NzQ5IDExLjg0MzggODYuMDgyIDE0LjA1MDkgODYuMDgyIDE2Ljc2NTZDODYuMDgyIDE5LjQ4MDMgODMuODc0OSAyMS42ODc1IDgxLjE2MDIgMjEuNjg3NUM3OC40NDU0IDIxLjY4NzUgNzYuMjM4MyAxOS40ODAzIDc2LjIzODMgMTYuNzY1NkM3Ni4yMzgzIDE0LjA1MDkgNzguNDQ1NCAxMS44NDM4IDgxLjE2MDIgMTEuODQzOFpNMTM1LjEzNyA4Ni42NTYySDE2NS4wNzhWOTQuMDUxOUwxMzUuMTM3IDEwOC4zNTlWODYuNjU2MlpNMjIyLjIzOSAxMjcuNTY5TDE3MCAxNTIuNTI1TDExNy43NjEgMTI3LjU2OUwxNzAgMTAyLjYxMUwyMjIuMjM5IDEyNy41NjlaTTExMS4yNjYgMTM1LjM3NUwxNjUuMDc4IDE2MS4wODRWMjMwLjQ0NEwxMTEuMjY2IDIwNC43MzVWMTM1LjM3NVpNMjA0Ljg2MyAxMDguMzU5TDE3NC45MjIgOTQuMDUxOVY4Ni42NTYySDIwNC44NjNWMTA4LjM1OVpNMjA0Ljg2MyA2Ni45Njg4Vjc2LjgxMjVIMTc0LjkyMlY2Ni45Njg4SDIwNC44NjNaTTE2NS4wNzggNjYuOTY4OFY3Ni44MTI1SDEzNS4xMzdWNjYuOTY4OEgxNjUuMDc4Wk0yNTkuNTc4IDMyMy4yMzRDMjU5LjU3OCAzMjUuOTQ5IDI1Ny4zNzEgMzI4LjE1NiAyNTQuNjU2IDMyOC4xNTZIODUuMzQzOEM4Mi42MjkgMzI4LjE1NiA4MC40MjE5IDMyNS45NDkgODAuNDIxOSAzMjMuMjM0QzgwLjQyMTkgMzIwLjUyIDgyLjYyOSAzMTguMzEyIDg1LjM0MzggMzE4LjMxMkgyNTQuNjU2QzI1Ny4zNzEgMzE4LjMxMiAyNTkuNTc4IDMyMC41MiAyNTkuNTc4IDMyMy4yMzRaTTIxOS42MzkgMzA4LjQ2OUgxMjAuMzYxQzEyNi4xMzEgMzAxLjcyOSAxMzIuNTMyIDI5MS4yMjcgMTMzLjc2IDI3Ni45NjlIMjA2LjI0QzIwNy40NjggMjkxLjIyNyAyMTMuODY5IDMwMS43MjkgMjE5LjYzOSAzMDguNDY5WiIgZmlsbD0iIzM5NDY1QSIvPgo8cGF0aCBkPSJNMjEuNjg3NSAyMTJWODEuNzM0NEMyMS42ODc1IDc5LjAxNDUgMjMuODg5NSA3Ni44MTI1IDI2LjYwOTQgNzYuODEyNUgxMjUuMjkzVjY2Ljk2ODhIMTcuMTU1M0MxNC4yMjUyIDY2Ljk2ODggMTEuODQzOCA2OS4zNTAyIDExLjg0MzggNzIuMjgwM1YyNjEuODEzQzExLjg0MzggMjY0Ljc0NCAxNC4yMjUyIDI2Ny4xMjUgMTcuMTU1MyAyNjcuMTI1SDMyMi44NDVDMzI1Ljc3NSAyNjcuMTI1IDMyOC4xNTYgMjY0Ljc0NCAzMjguMTU2IDI2MS44MTNWNzIuMjgwM0MzMjguMTU2IDY5LjM1MDIgMzI1Ljc3NSA2Ni45Njg4IDMyMi44NDUgNjYuOTY4OEgyMzIuMzQ0QzIzMi4zNDQgNjMuMDMxMiAyMzIuMzQ0IDY1LjA5NDggMjMyLjM0NCA2Mi4zNzVDMjMyLjM0NCA1OS42NTUyIDIzMi4zNDQgNTguNzY1NiAyMzIuMzQ0IDU3LjEyNUgzMjIuODQ1QzMzMS4yMDIgNTcuMTI1IDMzOCA2My45MjMzIDMzOCA3Mi4yODAzVjI2MS44MTNDMzM4IDI3MC4xNyAzMzEuMjAyIDI3Ni45NjkgMzIyLjg0NSAyNzYuOTY5SDIxNi4xNDNDMjE4LjA2MyAyOTQuOTM5IDIzMC4wNDIgMzA1LjU3NyAyMzMuNzU2IDMwOC40NjlIMjU0LjY1NkMyNjIuNzk4IDMwOC40NjkgMjY5LjQyMiAzMTUuMDkzIDI2OS40MjIgMzIzLjIzNEMyNjkuNDIyIDMzMS4zNzYgMjYyLjc5OCAzMzggMjU0LjY1NiAzMzhIODUuMzQzOEM3Ny4yMDIxIDMzOCA3MC41NzgxIDMzMS4zNzYgNzAuNTc4MSAzMjMuMjM0QzcwLjU3ODEgMzE1LjA5MyA3Ny4yMDIxIDMwOC40NjkgODUuMzQzOCAzMDguNDY5SDEwNi4yNTdDMTEwLjAyIDMwNS41NjcgMTIxLjk1OCAyOTUuMDIzIDEyMy44NjMgMjc2Ljk2OUgxNy4xNTUzQzguNzk4MzQgMjc2Ljk2OSAyIDI3MC4xNyAyIDI2MS44MTNWNzIuMjgwM0MyIDYzLjkyMzMgOC43OTgzNCA1Ny4xMjUgMTcuMTU1MyA1Ny4xMjVIMTI1LjI5M1Y0Ny4yODEySDgxLjE2MDJDNzguNDQwMyA0Ny4yODEyIDc2LjIzODMgNDUuMDc5MiA3Ni4yMzgzIDQyLjM1OTRWMzAuNjg1M0M3MC41MDg5IDI4LjY1MjUgNjYuMzk0NSAyMy4xODIgNjYuMzk0NSAxNi43NjU2QzY2LjM5NDUgOC42MjQwMiA3My4wMTg2IDIgODEuMTYwMiAyQzg5LjMwMTggMiA5NS45MjU4IDguNjI0MDIgOTUuOTI1OCAxNi43NjU2Qzk1LjkyNTggMjMuMTgyIDkxLjgxMTQgMjguNjUyNSA4Ni4wODIgMzAuNjg1M1YzNy40Mzc1SDEzMC4yMTVDMTMyLjkzNSAzNy40Mzc1IDEzNS4xMzcgMzkuNjM5NSAxMzUuMTM3IDQyLjM1OTRWNTcuMTI1SDE2NS4wNzhWMzAuNjg1M0MxNTkuMzQ5IDI4LjY1MjUgMTU1LjIzNCAyMy4xODIgMTU1LjIzNCAxNi43NjU2QzE1NS4yMzQgOC42MjQwMiAxNjEuODU4IDIgMTcwIDJDMTc4LjE0MiAyIDE4NC43NjYgOC42MjQwMiAxODQuNzY2IDE2Ljc2NTZDMTg0Ljc2NiAyMy4xODIgMTgwLjY1MSAyOC42NTI1IDE3NC45MjIgMzAuNjg1M1Y1Ny4xMjVIMjA0Ljg2M1Y0Mi4zNTk0QzIwNC44NjMgMzkuNjM5NSAyMDcuMDY1IDM3LjQzNzUgMjA5Ljc4NSAzNy40Mzc1SDI1My45MThWMzAuNjg1M0MyNDguMTg5IDI4LjY1MjUgMjQ0LjA3NCAyMy4xODIgMjQ0LjA3NCAxNi43NjU2QzI0NC4wNzQgOC42MjQwMiAyNTAuNjk4IDIgMjU4Ljg0IDJDMjY2Ljk4MSAyIDI3My42MDUgOC42MjQwMiAyNzMuNjA1IDE2Ljc2NTZDMjczLjYwNSAyMy4xODIgMjY5LjQ5MSAyOC42NTI1IDI2My43NjIgMzAuNjg1M1Y0Mi4zNTk0QzI2My43NjIgNDUuMDc5MiAyNjEuNTYgNDcuMjgxMiAyNTguODQgNDcuMjgxMkgyMTQuNzA3VjU3LjEyNUgyMzNDMjMzIDU5Ljc1IDIzMyA1OS4zMjcgMjMzIDYyLjA0NjlDMjMzIDY0Ljc2NjcgMjMzIDY0LjAxNTYgMjMzIDY2Ljk2ODhIMjE0LjcwN1Y3Ni44MTI1SDMxMy4zOTFDMzE2LjExIDc2LjgxMjUgMzE4LjMxMiA3OS4wMTQ1IDMxOC4zMTIgODEuNzM0NFYyNzIuMDQ3QzMxOC4zMTIgMjc0Ljc2NyAzMTYuMTEgMjc2Ljk2OSAzMTMuMzkxIDI3Ni45NjlIMjYuNjA5NEMyMy44ODk1IDI3Ni45NjkgMjEuNjg3NSAyNzQuNzY3IDIxLjY4NzUgMjcyLjA0N1YyMTJaTTIxLjY4NzUgMjEyQzI0LjMxMjUgMjEyIDIzLjg4OTUgMjEyIDI2LjYwOTQgMjEyTTIxLjY4NzUgMjEyQzI0Ljk2ODggMjEyIDIzLjg4OTUgMjEyIDI2LjYwOTQgMjEyTTI2LjYwOTQgMjEyQzI5LjMyOTIgMjEyIDI3LjkyMTkgMjEyIDMxLjUzMTIgMjEyTTI2LjYwOTQgMjEyQzI5LjMyOTIgMjEyIDI3LjU5MzggMjEyIDMxLjUzMTIgMjEyTTMxLjUzMTIgMjEyVjg2LjY1NjJIMTI1LjI5M1YxMTMuMDZMMTA0LjIyMSAxMjMuMTI3QzEwMi41NCAxMjMuOTMyIDEwMS40MjIgMTI1LjY3IDEwMS40MjIgMTI3LjU2OVYyMDcuODM3QzEwMS40MjIgMjA5LjczNCAxMDIuNTExIDIxMS40NjIgMTA0LjIyMSAyMTIuMjc5TDE2Ny44NzcgMjQyLjY5M0MxNjkuMjU3IDI0My4zNDEgMTcwLjgxMyAyNDMuMzA4IDE3Mi4xMjMgMjQyLjY5M0wyMDcuOTA5IDIyNS41OTRNMzEuNTMxMiAyMTJWMjY3LjEyNUgzMDguNDY5Vjg2LjY1NjJIMjE0LjcwN1YxMTMuMDZMMjM1Ljc3OSAxMjMuMTI3QzIzNy40ODYgMTIzLjk0NSAyMzguNTc4IDEyNS42OTMgMjM4LjU3OCAxMjcuNTY5VjIwNy44MzdDMjM4LjU3OCAyMDkuNzM0IDIzNy40ODkgMjExLjQ2MiAyMzUuNzc5IDIxMi4yNzlMMjA3LjkwOSAyMjUuNTk0TTIwNy45MDkgMjI1LjU5NEMyMTAuMzYyIDIyNC40MjMgMjExLjQgMjIxLjQ4MiAyMTAuMjI5IDIxOS4wMzJNMjA3LjkwOSAyMjUuNTk0QzIwNS40NTggMjI2Ljc2NiAyMTEuNCAyMjEuNDg1IDIxMC4yMjkgMjE5LjAzMk0yMTAuMjI5IDIxOS4wMzJDMjA5LjA1NyAyMTYuNTc4IDIwNi4xMTQgMjE1LjU0IDIwMy42NjQgMjE2LjcxMk0yMTAuMjI5IDIxOS4wMzJDMjA5LjA1NyAyMTYuNTgxIDIwMS4yMSAyMTcuODgzIDIwMy42NjQgMjE2LjcxMk0yMDMuNjY0IDIxNi43MTJMMTc0LjkyMiAyMzAuNDQ0VjE2MS4wODRMMjI4LjczNCAxMzUuMzc1VjIwNC43MzVMMjAzLjY2NCAyMTYuNzEyWk0yNTguODQgMTEuODQzOEMyNjEuNTU1IDExLjg0MzggMjYzLjc2MiAxNC4wNTA5IDI2My43NjIgMTYuNzY1NkMyNjMuNzYyIDE5LjQ4MDMgMjYxLjU1NSAyMS42ODc1IDI1OC44NCAyMS42ODc1QzI1Ni4xMjUgMjEuNjg3NSAyNTMuOTE4IDE5LjQ4MDMgMjUzLjkxOCAxNi43NjU2QzI1My45MTggMTQuMDUwOSAyNTYuMTI1IDExLjg0MzggMjU4Ljg0IDExLjg0MzhaTTE3MCAxMS44NDM4QzE3Mi43MTUgMTEuODQzOCAxNzQuOTIyIDE0LjA1MDkgMTc0LjkyMiAxNi43NjU2QzE3NC45MjIgMTkuNDgwMyAxNzIuNzE1IDIxLjY4NzUgMTcwIDIxLjY4NzVDMTY3LjI4NSAyMS42ODc1IDE2NS4wNzggMTkuNDgwMyAxNjUuMDc4IDE2Ljc2NTZDMTY1LjA3OCAxNC4wNTA5IDE2Ny4yODUgMTEuODQzOCAxNzAgMTEuODQzOFpNODEuMTYwMiAxMS44NDM4QzgzLjg3NDkgMTEuODQzOCA4Ni4wODIgMTQuMDUwOSA4Ni4wODIgMTYuNzY1NkM4Ni4wODIgMTkuNDgwMyA4My44NzQ5IDIxLjY4NzUgODEuMTYwMiAyMS42ODc1Qzc4LjQ0NTQgMjEuNjg3NSA3Ni4yMzgzIDE5LjQ4MDMgNzYuMjM4MyAxNi43NjU2Qzc2LjIzODMgMTQuMDUwOSA3OC40NDU0IDExLjg0MzggODEuMTYwMiAxMS44NDM4Wk0xMzUuMTM3IDg2LjY1NjJIMTY1LjA3OFY5NC4wNTE5TDEzNS4xMzcgMTA4LjM1OVY4Ni42NTYyWk0yMjIuMjM5IDEyNy41NjlMMTcwIDE1Mi41MjVMMTE3Ljc2MSAxMjcuNTY5TDE3MCAxMDIuNjExTDIyMi4yMzkgMTI3LjU2OVpNMTExLjI2NiAxMzUuMzc1TDE2NS4wNzggMTYxLjA4NFYyMzAuNDQ0TDExMS4yNjYgMjA0LjczNVYxMzUuMzc1Wk0yMDQuODYzIDEwOC4zNTlMMTc0LjkyMiA5NC4wNTE5Vjg2LjY1NjJIMjA0Ljg2M1YxMDguMzU5Wk0yMDQuODYzIDY2Ljk2ODhWNzYuODEyNUgxNzQuOTIyVjY2Ljk2ODhIMjA0Ljg2M1pNMTY1LjA3OCA2Ni45Njg4Vjc2LjgxMjVIMTM1LjEzN1Y2Ni45Njg4SDE2NS4wNzhaTTI1OS41NzggMzIzLjIzNEMyNTkuNTc4IDMyNS45NDkgMjU3LjM3MSAzMjguMTU2IDI1NC42NTYgMzI4LjE1Nkg4NS4zNDM4QzgyLjYyOSAzMjguMTU2IDgwLjQyMTkgMzI1Ljk0OSA4MC40MjE5IDMyMy4yMzRDODAuNDIxOSAzMjAuNTIgODIuNjI5IDMxOC4zMTIgODUuMzQzOCAzMTguMzEySDI1NC42NTZDMjU3LjM3MSAzMTguMzEyIDI1OS41NzggMzIwLjUyIDI1OS41NzggMzIzLjIzNFpNMjE5LjYzOSAzMDguNDY5SDEyMC4zNjFDMTI2LjEzMSAzMDEuNzI5IDEzMi41MzIgMjkxLjIyNyAxMzMuNzYgMjc2Ljk2OUgyMDYuMjRDMjA3LjQ2OCAyOTEuMjI3IDIxMy44NjkgMzAxLjcyOSAyMTkuNjM5IDMwOC40NjlaIiBzdHJva2U9IiMzQjQ2NTgiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K); background-size: 100%; background-repeat: no-repeat; background-position: right center; } .job-convenience__card a:hover { text-decoration: underline; } .job-convenience__card-more { font-size: 16px; line-height: 23px; text-decoration: underline; cursor: pointer; } .job-divisions { padding-top: 60px; padding-bottom: 50px; background-color: #f4f4f4; } @media only screen and (max-width: 750px) { .job-divisions { padding-top: 0; padding-bottom: 48px; background-color: #fff; } .job-divisions._grey-bg { padding-top: 40px; background-color: #f4f4f4; } } @media only screen and (max-width: 750px) { .job-divisions__container { padding: 0; } } .job-divisions p { font-size: 16px; font-weight: 300; line-height: 146%; } .job-divisions .landing__section-header { margin-bottom: 54px; } @media only screen and (max-width: 750px) { .job-divisions .landing__section-header { margin-bottom: 24px; margin-left: 20px; } } .job-divisions .job-intro__menu { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .job-divisions .job-intro__menu-item { margin-right: 0; } .job-divisions__menu { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 36px; /*stylelint-disable*/ scrollbar-width: none; /* Firefox */ /*stylelint-enable*/ -ms-overflow-style: none; /* IE 10+ */ overflow-x: scroll; overflow-y: hidden; } .job-divisions__menu::-webkit-scrollbar { display: none; /* Chrome Safari */ } @media only screen and (max-width: 750px) { .job-divisions__menu:before, .job-divisions__menu:after { content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 18px; } } .job-divisions__menu-item { -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; line-height: 18px; margin-right: 27px; cursor: pointer; } .job-divisions__menu-item:hover { color: #405054; } .job-divisions__menu-item.active { color: #a8a19a; } @media only screen and (max-width: 750px) { .job-divisions__slider { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .job-divisions__content .slick-dots { position: relative; bottom: unset; top: unset; right: unset; left: unset; -webkit-transform: none; transform: none; justify-self: center; } .job-divisions__content .slick-dots li { border: 1px solid #3b4658; border-radius: 50%; background-color: transparent; } .job-divisions__content .slick-dots li.slick-active { background-color: #3b4658; } .job-divisions__content .slick-dots li:after { display: none; } .job-divisions__content .slick-dots button { display: none; } .job-divisions__content-info { height: 100%; background-color: #fff; padding: 80px 85px 80px 70px; display: none; } .job-divisions__content-info h2 { margin-bottom: 50px; font-size: 32px; line-height: 1; } @media only screen and (max-width: 750px) { .job-divisions__content-info h2 { display: none; } } .slick-track .job-divisions__content-info { display: block; } @media only screen and (max-width: 750px) { .job-divisions__content-info { padding: 20px; } .job-divisions__content-info._grey-bg { background-color: #f4f4f4; } } @media only screen and (max-width: 750px) { .job-divisions .row { margin: 0 -20px; } } .job-divisions__slide { height: 410px; } @media only screen and (max-width: 750px) { .job-divisions__slide { height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .job-divisions__slide-left { width: 60%; height: 100%; } .job-divisions__slide-right { width: 40%; } .job-divisions__slide-left, .job-divisions__slide-right { padding: 0; } @media only screen and (max-width: 750px) { .job-divisions__slide-left, .job-divisions__slide-right { width: 100%; } } .job-divisions__image { position: relative; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(/static/images/division.png); } .job-divisions__image h2 { display: none; position: absolute; bottom: 20px; left: 40px; right: 40px; color: #fff; } @media only screen and (max-width: 750px) { .job-divisions__image h2 { display: inline-block; } } @media only screen and (max-width: 750px) { .job-divisions__image { height: 200px; } } .job-divisions__images .slick-dots li { display: none; } .job-projects { padding: 80px 0; } @media only screen and (max-width: 750px) { .job-projects { padding: 56px 0; } } .job-projects .landing__section-header { margin-bottom: 56px; } @media only screen and (max-width: 750px) { .job-projects .landing__section-header { margin-bottom: 24px; } } .job-projects__container { position: relative; } .job-projects__title { margin-bottom: 56px; } @media only screen and (max-width: 750px) { .job-projects__title { margin-bottom: 22px; } } .job-projects__item { display: block; width: 386px; height: auto; border: 1px solid #e6e6e6; } .job-projects__image { display: block; width: 100%; height: 250px; margin-bottom: 40px; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center; background-size: cover; } @media only screen and (max-width: 750px) { .job-projects__image { height: 217px; } } .job-projects__wrap { padding: 0 26px 42px; } .job-projects__slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .job-projects__slider { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .job-projects__slider .swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .job-projects__slider .swiper-pagination { position: relative; bottom: auto; margin-top: 24px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .job-projects__slider .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; background-color: transparent; border: 1px solid #3b4658; opacity: 1; } .job-projects__slider .swiper-pagination-bullet-active { background: #3b4658; } .job-projects__arrows { position: absolute; right: 20px; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .job-projects__arrows { display: none; } } .job-projects__arrow { display: inline-block; width: 14px; height: 28px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxNyAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDFMMiAxNUwxNiAyOSIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==); background-size: 100% 100%; background-repeat: no-repeat; outline: none; cursor: pointer; } .job-projects__arrow.swiper-button-disabled { opacity: .4; } .job-projects__arrow._left { margin-right: 70px; } .job-projects__arrow._right { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } @media only screen and (max-width: 750px) { .job-projects__arrow { position: relative; bottom: 20px; } } .job-projects__name { margin-bottom: 18px; font-size: 19px; line-height: 140%; } @media only screen and (max-width: 750px) { .job-projects__name { font-size: 17px; } } .job-projects__text { font-size: 14px; font-weight: 300; line-height: 175%; } .job-people { padding-top: 60px; overflow: hidden; background-color: #f4f4f4; } @media only screen and (max-width: 750px) { .job-people { padding-top: 48px; } } .job-people._pt60 { padding-top: 60px; } @media only screen and (max-width: 750px) { .job-people._pt60 { padding-top: 36px; } } @media only screen and (max-width: 750px) { .job-people .landing__section-header.desktop { display: none; } } .job-people .landing__section-header.mobile { display: none; } @media only screen and (max-width: 750px) { .job-people .landing__section-header.mobile { display: inline-block; margin-bottom: 24px; } } .job-people .row { margin: 0; } .job-people .row .col-1-2 { padding: 0; } @media only screen and (max-width: 750px) { .job-people .row { margin: 0; } .job-people .row .col-2-3, .job-people .row .col-1-3, .job-people .row .col-1-2 { padding: 0; } } .job-people .white { position: relative; background-color: #fff; } .job-people .white:after { content: ""; position: absolute; right: -1000%; top: 0; bottom: 0; width: 1000%; background-color: #fff; } @media only screen and (max-width: 750px) { .job-people .white { background-color: #f4f4f4; } .job-people .white:after { display: none; } } .job-people__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; } @media only screen and (max-width: 750px) { .job-people__info { padding-right: 0; height: auto; } } .job-people__info h1 { font-size: 32px; line-height: 38px; font-weight: 300; } @media only screen and (max-width: 750px) { .job-people__info h1 { font-size: 22px; line-height: 140%; margin-bottom: 18px; } } .job-people__info h3 { margin-top: 8px; font-size: 20px; } .job-people__info h4 { font-size: 16px; color: #727a87; margin-bottom: 30px; } .job-people__info p { font-weight: 300; font-size: 16px; line-height: 172%; } @media only screen and (max-width: 750px) { .job-people__info p { margin-bottom: 45px; font-size: 14px; line-height: 22px; } } .job-people__info-wrapper { width: 100%; height: 100%; padding: 52px 75px 52px 100px; background-color: white; } @media only screen and (max-width: 750px) { .job-people__info-wrapper { padding: 0; height: 100%; background-color: transparent; } } .job-people__info-wrapper .slick-slider { height: 100%; } .job-people__info-slide { opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .job-people__info-slide.slick-current { opacity: 1; } .job-people__info-slide span { display: block; width: 415px; height: 330px; margin-top: 32px; overflow: hidden; } @media only screen and (max-width: 750px) { .job-people__info-slide span { width: 100%; height: 100%; padding-right: 0; } } .job-people__arrows { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .job-people__arrows { position: relative; bottom: 20px; } } .job-people__arrows-cnt-left { width: 14px; margin-right: 70px; } .job-people__arrows-cnt-left:hover .job-people__arrows-left { -webkit-transform: translateX(-5px); transform: translateX(-5px); } @media only screen and (max-width: 750px) { .job-people__arrows-cnt-left:hover .job-people__arrows-left { -webkit-transform: none; transform: none; } } .job-people__arrows-cnt-right:hover .job-people__arrows-right { -webkit-transform: translateX(5px) rotateZ(180deg); transform: translateX(5px) rotateZ(180deg); } @media only screen and (max-width: 750px) { .job-people__arrows-cnt-right:hover .job-people__arrows-right { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } } .job-people__arrows-left, .job-people__arrows-right { display: inline-block; width: 14px; height: 28px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxNyAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDFMMiAxNUwxNiAyOSIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==); background-size: 100% 100%; background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; cursor: pointer; } .job-people__arrows-left { margin-right: 70px; -webkit-transform: translateX(0); transform: translateX(0); } .job-people__arrows-right { -webkit-transform: translateX(0) rotateZ(180deg); transform: translateX(0) rotateZ(180deg); } .job-people__photo { width: 100%; height: 100%; background-image: url(/static/images/people-image.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0; } .slick-track .job-people__photo { opacity: 1; } @media only screen and (max-width: 750px) { .job-people__photo { background-position: top; } } .job-people__photo-slider { height: 610px; width: 590px; } @media only screen and (max-width: 750px) { .job-people__photo-slider { width: unset; height: 245px; margin: 0 -20px 20px; } } .job-people__names { width: 100%; height: 100%; max-height: 700px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 80px 0 100px 95px; } .job-people__names ul { width: 100%; max-height: 520px; } @media only screen and (max-width: 750px) { .job-people__names ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 0; margin-bottom: 15px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; } } .job-people__names li { margin-bottom: 30px; font-size: 16px; line-height: 18px; cursor: pointer; } .job-people__names li.active { opacity: .6; } @media only screen and (max-width: 750px) { .job-people__names li { margin-right: 15px; margin-bottom: 0; white-space: nowrap; } } @media only screen and (max-width: 750px) { .job-people__names { padding: 0; } } .job-people .pb-80 { padding-bottom: 80px; } @media only screen and (max-width: 750px) { .job-people .pb-80 { padding: 0; } } .job-card { cursor: pointer; width: calc((100% - 40px) / 3); min-height: 300px; border: 1px solid #e6e6e6; margin-right: -1px; margin-top: -1px; padding: 46px 40px 28px; background-color: #fff; -webkit-transition: color 0.4s ease, background-color 0.4s ease; transition: color 0.4s ease, background-color 0.4s ease; } @media only screen and (max-width: 750px) { .job-card { width: 100%; margin-right: 0; } } .job-card:nth-child(3n) { margin-right: 0; } .job-card:hover { background-color: #3b4658; color: #fff; } .job-card__wrap { position: relative; height: 100%; } .job-card__title { margin-bottom: 32px; font-size: 20px; line-height: 1; } .job-card__text { padding-bottom: 70px; font-size: 16px; line-height: 1.4; opacity: .6; } .job-card__type { position: absolute; left: 0; bottom: 0; font-size: 12px; } .job-card__type p { margin-bottom: 5px; } .job-card__type-title { margin-right: 5px; opacity: .6; } .job-card { cursor: pointer; width: calc((100% - 40px) / 3); min-height: 300px; border: 1px solid #e6e6e6; margin-right: -1px; margin-top: -1px; padding: 46px 40px 28px; background-color: #fff; -webkit-transition: color 0.4s ease, background-color 0.4s ease; transition: color 0.4s ease, background-color 0.4s ease; } @media only screen and (max-width: 750px) { .job-card { width: 100%; margin-right: 0; } } .job-card:nth-child(3n) { margin-right: 0; } .job-card:hover { background-color: #3b4658; color: #fff; } .job-card__wrap { position: relative; height: 100%; } .job-card__title { margin-bottom: 32px; font-size: 20px; line-height: 1; } .job-card__text { padding-bottom: 70px; font-size: 16px; line-height: 1.4; opacity: .6; } .job-card__type { position: absolute; left: 0; bottom: 0; font-size: 12px; } .job-card__type p { margin-bottom: 5px; } .job-card__type-title { margin-right: 5px; opacity: .6; } .job-list { padding-top: 60px; } @media only screen and (max-width: 750px) { .job-list { padding-top: 48px; } } .job-list__header { margin-bottom: 20px; } .job-list__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 54px; margin-bottom: 50px; } @media only screen and (max-width: 750px) { .job-list__head { margin-top: 32px; margin-bottom: 36px; } } .job-list__button { width: 305px; height: 58px; margin-right: 24px; font-weight: 300; } @media only screen and (max-width: 750px) { .job-list__button.desktop { display: none; } } .job-list__button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 100px; } @media only screen and (max-width: 750px) { .job-list__button-wrap { margin: 20px auto; } } .job-list__button-wrap._mob { display: none; } @media only screen and (max-width: 750px) { .job-list__button-wrap._mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .job-list__button-wrap.fixed { position: fixed; bottom: 0; left: 0; right: 0; margin-bottom: 0; padding: 0; z-index: 2; } .job-list__button-wrap.fixed .job-list__button { width: 50%; height: 66px; margin-bottom: 0; } .job-list__button-wrap.fixed .job-list__button.vacancies { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .job-list__button { width: 100%; max-width: 100%; margin: 0 auto; } } .job-list__button.resume { margin-bottom: 52px; } .job-list__button.mobile { display: none; } @media only screen and (max-width: 750px) { .job-list__button.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .job-list__button.vacancies { display: none; border-right: 1px solid rgba(255, 255, 255, 0.28); } .job-list__filter-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-right: 40px; } @media only screen and (max-width: 750px) { .job-list__filter-wrap { width: 100%; max-width: 100%; margin-right: 0; } } .job-list__filter { height: 58px; width: 305px; } .job-list__filter:first-child { margin-right: 20px; } @media only screen and (max-width: 750px) { .job-list__filter:first-child { margin: 0 auto 16px; } } .job-list__filter > select { opacity: 0; } .job-list__filter .multiselect__placeholder { line-height: 36px; } @media only screen and (max-width: 750px) { .job-list__filter { width: 100%; margin: 0 auto; } } .job-list__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; } @media only screen and (max-width: 750px) { .job-list__list { margin-bottom: 36px; } } .job-list__list-empty { width: 100%; padding: 60px 0; text-align: center; color: rgba(57, 70, 90, 0.3); font-size: 24px; } .job-list__more-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 116px; margin-top: 120px; font-size: 16px; line-height: 28px; background-color: #f4f4f4; cursor: pointer; } .job-list__more-button.hide { display: none; } @media only screen and (max-width: 750px) { .job-list__more-button { height: auto; margin: 36px auto; text-decoration: underline; background-color: transparent; } } .job-list .multiselect__placeholder { line-height: 38px; } .job-modal { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); -webkit-transform: translate3d(0, -150%, 0); transform: translate3d(0, -150%, 0); opacity: 0; -webkit-transition: opacity .2s ease, -webkit-transform 0s ease .5s; transition: opacity .2s ease, -webkit-transform 0s ease .5s; transition: opacity .2s ease, transform 0s ease .5s; transition: opacity .2s ease, transform 0s ease .5s, -webkit-transform 0s ease .5s; overflow: hidden; } @media only screen and (max-width: 750px) { .job-modal { z-index: 99; } } .job-modal._active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, transform 0s ease; transition: opacity .2s ease, transform 0s ease, -webkit-transform 0s ease; overflow: auto; } @media only screen and (max-width: 750px) { .job-modal._active { overflow: hidden; } } .job-modal__scroll-content { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; min-height: 100%; padding: 80px 0; pointer-events: none; } @media only screen and (max-width: 750px) { .job-modal__scroll-content { position: relative; top: unset; left: unset; height: 100%; min-height: unset; padding: 0; } .job-modal__scroll-content:after { content: ''; position: absolute; top: 60px; z-index: 1; width: 100%; height: 72px; background: -webkit-gradient(linear, left top, left bottom, color-stop(35.34%, #fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, #fff 35.34%, rgba(255, 255, 255, 0) 100%); } } .job-modal__body { position: relative; width: 768px; padding: 80px 64px 60px 65px; background-color: #fff; pointer-events: all; } @media only screen and (max-width: 750px) { .job-modal__body { width: 100%; height: 100%; padding: 32px 15px; padding-top: 120px; overflow-y: auto; } } .job-modal__body-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .job-modal__body-bottom-col { width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media only screen and (max-width: 750px) { .job-modal__body-bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; } .job-modal__body-bottom-col { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .job-modal__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } @media only screen and (max-width: 750px) { .job-modal__links { margin-top: 20px; } } .job-modal__share-link { position: relative; width: 27px; height: 27px; margin-right: 11px; background-color: #e5e6e7; border-radius: 50%; background-position: center center; background-repeat: no-repeat; cursor: pointer; } .job-modal__share-link:last-child { margin-right: 0; } .job-modal__share-link-message { position: absolute; top: 30px; left: 30px; padding: 4px 15px; font-size: 12px; line-height: 140%; background-color: #f6f6f6; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; white-space: nowrap; } @media only screen and (max-width: 750px) { .job-modal__share-link-message { display: none; } } .job-modal__share-link-message._mobile { top: -40px; left: 0; z-index: 10; -webkit-transform: translateX(calc(-50% + 20px)); transform: translateX(calc(-50% + 20px)); } .job-modal__share-link-message._mobile.active { visibility: visible; opacity: 1; } @media only screen and (max-width: 750px) { .job-modal__share-link-message._mobile { display: block; } } .job-modal__share-link.facebook { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDggMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3OTM2IDE0LjY4NzFWOC4xNzk4OUg3LjQxMzE3TDcuNzA0NTQgNS42NTQ3Mkg1LjE3OTM2VjQuMDAzNjRDNS4xNzkzNiAzLjIyNjY2IDUuMzczNiAyLjc0MTA1IDYuNDQxOTUgMi43NDEwNUg3LjgwMTY2VjAuNDEwMTFDNy42MDc0MSAwLjQxMDExIDYuNzMzMzEgMC4zMTI5ODggNS44NTkyMSAwLjMxMjk4OEMzLjkxNjc3IDAuMzEyOTg4IDIuNTU3MDYgMS40Nzg0NiAyLjU1NzA2IDMuNzEyMjdWNS41NTc1OUgwLjMyMzI0MlY4LjA4Mjc3SDIuNTU3MDZWMTQuNTlMNS4xNzkzNiAxNC42ODcxWiIgZmlsbD0iIzM5NDY1QSIvPgo8L3N2Zz4K); } .job-modal__share-link.vk { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjU1ODUgMTYuNzM2M0MyMS41MDQgMTYuNjQ1IDIxLjE2NjggMTUuOTEyMyAxOS41NDQzIDE0LjQwNjRDMTcuODQ1NyAxMi44Mjk1IDE4LjA3MzggMTMuMDg1NiAyMC4xMTk3IDEwLjM1ODlDMjEuMzY1OCA4LjY5ODM2IDIxLjg2NCA3LjY4NDI3IDIxLjcwODEgNy4yNTA3NUMyMS41NTk4IDYuODM3NSAyMC42NDMzIDYuOTQ2NTIgMjAuNjQzMyA2Ljk0NjUyTDE3LjU5NTkgNi45NjQyN0MxNy41OTU5IDYuOTY0MjcgMTcuMzcwMyA2LjkzMzg0IDE3LjIwMTcgNy4wMzM5OEMxNy4wMzgyIDcuMTMyODYgMTYuOTMzIDcuMzYxMDMgMTYuOTMzIDcuMzYxMDNDMTYuOTMzIDcuMzYxMDMgMTYuNDUgOC42NDYzOCAxNS44MDYxIDkuNzM5MDZDMTQuNDQ4NSAxMi4wNDQ4IDEzLjkwNDcgMTIuMTY2NSAxMy42ODI4IDEyLjAyMzNDMTMuMTY2OSAxMS42ODk5IDEzLjI5NjIgMTAuNjgyMiAxMy4yOTYyIDkuOTY3MjNDMTMuMjk2MiA3LjczMjQ0IDEzLjYzNDcgNi44MDA3NCAxMi42MzU4IDYuNTU5OUMxMi4zMDM3IDYuNDgwMDQgMTIuMDYwMyA2LjQyNjggMTEuMjEyMyA2LjQxNzkzQzEwLjEyNDYgNi40MDY1MiA5LjIwMzA5IDYuNDIxNzMgOC42ODIxMSA2LjY3NjUyQzguMzM0NzggNi44NDYzOCA4LjA2NzMyIDcuMjI1MzkgOC4yMzA4NCA3LjI0Njk0QzguNDMyMzkgNy4yNzM1NiA4Ljg4ODczIDcuMzY5OSA5LjEzMDg0IDcuNjk5NDhDOS40NDM5NCA4LjEyNDEzIDkuNDMyNTMgOS4wNzk5MSA5LjQzMjUzIDkuMDc5OTFDOS40MzI1MyA5LjA3OTkxIDkuNjEyNTMgMTEuNzEwMiA5LjAxMjk1IDEyLjAzNzJDOC42MDA5OCAxMi4yNjE2IDguMDM2ODkgMTEuODA0IDYuODI2MzMgOS43MTExOEM2LjIwNjQ2IDguNjQwMDUgNS43Mzc0NSA3LjQ1NDgzIDUuNzM3NDUgNy40NTQ4M0M1LjczNzQ1IDcuNDU0ODMgNS42NDc0NSA3LjIzNDI3IDUuNDg2NDYgNy4xMTYzOEM1LjI5MTI1IDYuOTczMTQgNS4wMTc0NSA2LjkyNzUxIDUuMDE3NDUgNi45Mjc1MUwyLjExOTY5IDYuOTQ1MjVDMi4xMTk2OSA2Ljk0NTI1IDEuNjg0OSA2Ljk1NzkzIDEuNTI1MTggNy4xNDY4QzEuMzgzMjEgNy4zMTUzOSAxLjUxMzc3IDcuNjYyNzIgMS41MTM3NyA3LjY2MjcyQzEuNTEzNzcgNy42NjI3MiAzLjc4MjggMTIuOTcwMiA2LjM1MDk3IDE1LjY0NjFDOC43MDc0NiAxOC4wOTkgMTEuMzgyMSAxNy45MzggMTEuMzgyMSAxNy45MzhIMTIuNTk0QzEyLjU5NCAxNy45MzggMTIuOTYwMyAxNy44OTc0IDEzLjE0NjYgMTcuNjk1OUMxMy4zMTkgMTcuNTEwOCAxMy4zMTI3IDE3LjE2MzUgMTMuMzEyNyAxNy4xNjM1QzEzLjMxMjcgMTcuMTYzNSAxMy4yODg2IDE1LjUzNzEgMTQuMDQ0MSAxNS4yOTc1QzE0Ljc4ODIgMTUuMDYxOCAxNS43NDQgMTYuODY5NCAxNi43NTY4IDE3LjU2NTNDMTcuNTIyNCAxOC4wOTEzIDE4LjEwNDIgMTcuOTc2IDE4LjEwNDIgMTcuOTc2TDIwLjgxMzEgMTcuOTM4QzIwLjgxMzEgMTcuOTM4IDIyLjIzMDMgMTcuODUwNSAyMS41NTg1IDE2LjczNjNaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); } .job-modal__share-link.copy { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC42NjE3IDYuMTczOUMxNC44NTE0IDUuOTc3NDMgMTUuMDc4NCA1LjgyMDcxIDE1LjMyOTQgNS43MTI5QzE1LjU4MDQgNS42MDUwOCAxNS44NTAzIDUuNTQ4MzMgMTYuMTIzNSA1LjU0NTk2QzE2LjM5NjYgNS41NDM1OSAxNi42Njc1IDUuNTk1NjQgMTYuOTIwMyA1LjY5OTA3QzE3LjE3MzEgNS44MDI1MSAxNy40MDI4IDUuOTU1MjYgMTcuNTk2IDYuMTQ4NDFDMTcuNzg5MSA2LjM0MTU2IDE3Ljk0MTkgNi41NzEyNCAxOC4wNDUzIDYuODI0MDZDMTguMTQ4NyA3LjA3Njg3IDE4LjIwMDggNy4zNDc3NSAxOC4xOTg0IDcuNjIwOUMxOC4xOTYgNy44OTQwNSAxOC4xMzkzIDguMTYzOTkgMTguMDMxNSA4LjQxNDk2QzE3LjkyMzcgOC42NjU5NCAxNy43NjY5IDguODkyOTQgMTcuNTcwNSA5LjA4MjdMMTQuNDg0OCAxMi4xNjg0QzE0LjA5OSAxMi41NTQxIDEzLjU3NTggMTIuNzcwNyAxMy4wMzA0IDEyLjc3MDdDMTIuNDg0OSAxMi43NzA3IDExLjk2MTcgMTIuNTU0MSAxMS41NzYgMTIuMTY4NEMxMS4zODIgMTEuOTgxMSAxMS4xMjIxIDExLjg3NzQgMTAuODUyNSAxMS44Nzk3QzEwLjU4MjggMTEuODgyMSAxMC4zMjQ4IDExLjk5MDIgMTAuMTM0MSAxMi4xODA5QzkuOTQzMzggMTIuMzcxNyA5LjgzNTIxIDEyLjYyOTYgOS44MzI4NiAxMi44OTkzQzkuODMwNTIgMTMuMTY5IDkuOTM0MTkgMTMuNDI4OCAxMC4xMjE2IDEzLjYyMjhDMTAuODkzMSAxNC4zOTQxIDExLjkzOTQgMTQuODI3NCAxMy4wMzA0IDE0LjgyNzRDMTQuMTIxMyAxNC44Mjc0IDE1LjE2NzYgMTQuMzk0MSAxNS45MzkyIDEzLjYyMjhMMTkuMDI0OSAxMC41MzcxQzE5Ljc3NDMgOS43NjExNCAyMC4xODkgOC43MjE4NiAyMC4xNzk2IDcuNjQzMTFDMjAuMTcwMyA2LjU2NDM2IDE5LjczNzYgNS41MzI0NCAxOC45NzQ4IDQuNzY5NjJDMTguMjExOSA0LjAwNjggMTcuMTggMy41NzQxIDE2LjEwMTMgMy41NjQ3M0MxNS4wMjI1IDMuNTU1MzYgMTMuOTgzMiAzLjk3MDA1IDEzLjIwNzMgNC43MTk1TDExLjY2NDQgNi4yNjIzNkMxMS41NjYyIDYuMzU3MjQgMTEuNDg3OCA2LjQ3MDc0IDExLjQzMzkgNi41OTYyM0MxMS4zOCA2LjcyMTcyIDExLjM1MTYgNi44NTY2OSAxMS4zNTA0IDYuOTkzMjZDMTEuMzQ5MyA3LjEyOTg0IDExLjM3NTMgNy4yNjUyOCAxMS40MjcgNy4zOTE2OUMxMS40Nzg3IDcuNTE4MDkgMTEuNTU1MSA3LjYzMjkzIDExLjY1MTcgNy43Mjk1MUMxMS43NDgyIDcuODI2MDkgMTEuODYzMSA3LjkwMjQ2IDExLjk4OTUgNy45NTQxOEMxMi4xMTU5IDguMDA1OSAxMi4yNTEzIDguMDMxOTIgMTIuMzg3OSA4LjAzMDczQzEyLjUyNDUgOC4wMjk1NSAxMi42NTk1IDguMDAxMTcgMTIuNzg0OSA3Ljk0NzI3QzEyLjkxMDQgNy44OTMzNiAxMy4wMjM5IDcuODE1IDEzLjExODggNy43MTY3NkwxNC42NjE3IDYuMTczOVpNOS41MTg4MSAxMS4zMTY4QzkuOTA0NTggMTAuOTMxMSAxMC40Mjc3IDEwLjcxNDUgMTAuOTczMiAxMC43MTQ1QzExLjUxODcgMTAuNzE0NSAxMi4wNDE4IDEwLjkzMTEgMTIuNDI3NiAxMS4zMTY4QzEyLjUyMjUgMTEuNDE1IDEyLjYzNiAxMS40OTM0IDEyLjc2MTUgMTEuNTQ3M0MxMi44ODcgMTEuNjAxMiAxMy4wMjE5IDExLjYyOTUgMTMuMTU4NSAxMS42MzA3QzEzLjI5NTEgMTEuNjMxOSAxMy40MzA1IDExLjYwNTkgMTMuNTU2OSAxMS41NTQyQzEzLjY4MzMgMTEuNTAyNSAxMy43OTgyIDExLjQyNjEgMTMuODk0OCAxMS4zMjk1QzEzLjk5MTMgMTEuMjMyOSAxNC4wNjc3IDExLjExODEgMTQuMTE5NCAxMC45OTE3QzE0LjE3MTEgMTAuODY1MyAxNC4xOTcyIDEwLjcyOTggMTQuMTk2IDEwLjU5MzNDMTQuMTk0OCAxMC40NTY3IDE0LjE2NjQgMTAuMzIxNyAxNC4xMTI1IDEwLjE5NjJDMTQuMDU4NiAxMC4wNzA3IDEzLjk4MDMgOS45NTcyNCAxMy44ODIgOS44NjIzNkMxMy4xMTA1IDkuMDkxMDUgMTIuMDY0MiA4LjY1Nzc1IDEwLjk3MzIgOC42NTc3NUM5Ljg4MjI1IDguNjU3NzUgOC44MzU5NiA5LjA5MTA1IDguMDY0NDEgOS44NjIzNkw0Ljk3ODcgMTIuOTQ4MUM0LjU4NTc0IDEzLjMyNzYgNC4yNzIzMSAxMy43ODE2IDQuMDU2NjggMTQuMjgzNkMzLjg0MTA2IDE0Ljc4NTUgMy43Mjc1NiAxNS4zMjU0IDMuNzIyODEgMTUuODcxN0MzLjcxODA2IDE2LjQxOCAzLjgyMjE2IDE2Ljk1OTcgNC4wMjkwMyAxNy40NjU0QzQuMjM1OSAxNy45NzEgNC41NDE0IDE4LjQzMDQgNC45Mjc3IDE4LjgxNjdDNS4zMTQgMTkuMjAzIDUuNzczMzcgMTkuNTA4NSA2LjI3OSAxOS43MTUzQzYuNzg0NjMgMTkuOTIyMiA3LjMyNjQgMjAuMDI2MyA3Ljg3MjY5IDIwLjAyMTZDOC40MTg5OCAyMC4wMTY4IDguOTU4ODYgMTkuOTAzMyA5LjQ2MDgyIDE5LjY4NzdDOS45NjI3OCAxOS40NzIxIDEwLjQxNjggMTkuMTU4NiAxMC43OTYzIDE4Ljc2NTdMMTIuMzM5MiAxNy4yMjI4QzEyLjQzNzQgMTcuMTI3OSAxMi41MTU4IDE3LjAxNDQgMTIuNTY5NyAxNi44ODg5QzEyLjYyMzYgMTYuNzYzNSAxMi42NTE5IDE2LjYyODUgMTIuNjUzMSAxNi40OTE5QzEyLjY1NDMgMTYuMzU1MyAxMi42MjgzIDE2LjIxOTkgMTIuNTc2NiAxNi4wOTM1QzEyLjUyNDkgMTUuOTY3MSAxMi40NDg1IDE1Ljg1MjIgMTIuMzUxOSAxNS43NTU3QzEyLjI1NTMgMTUuNjU5MSAxMi4xNDA1IDE1LjU4MjcgMTIuMDE0MSAxNS41MzFDMTEuODg3NyAxNS40NzkzIDExLjc1MjIgMTUuNDUzMyAxMS42MTU3IDE1LjQ1NDRDMTEuNDc5MSAxNS40NTU2IDExLjM0NDEgMTUuNDg0IDExLjIxODYgMTUuNTM3OUMxMS4wOTMxIDE1LjU5MTggMTAuOTc5NiAxNS42NzAyIDEwLjg4NDggMTUuNzY4NEw5LjM0MTkgMTcuMzExM0M5LjE1MjEzIDE3LjUwNzggOC45MjUxNCAxNy42NjQ1IDguNjc0MTYgMTcuNzcyM0M4LjQyMzE4IDE3Ljg4MDEgOC4xNTMyNCAxNy45MzY4IDcuODgwMSAxNy45MzkyQzcuNjA2OTUgMTcuOTQxNiA3LjMzNjA3IDE3Ljg4OTUgNy4wODMyNSAxNy43ODYxQzYuODMwNDQgMTcuNjgyNyA2LjYwMDc1IDE3LjUyOTkgNi40MDc2IDE3LjMzNjhDNi4yMTQ0NSAxNy4xNDM2IDYuMDYxNyAxNi45MTM5IDUuOTU4MjcgMTYuNjYxMUM1Ljg1NDgzIDE2LjQwODMgNS44MDI3OCAxNi4xMzc0IDUuODA1MTYgMTUuODY0M0M1LjgwNzUzIDE1LjU5MTEgNS44NjQyOCAxNS4zMjEyIDUuOTcyMDkgMTUuMDcwMkM2LjA3OTkgMTQuODE5MiA2LjIzNjYyIDE0LjU5MjIgNi40MzMxIDE0LjQwMjVMOS41MTg4MSAxMS4zMTY4WiIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K); } .job-modal__share-link:hover .job-modal__share-link-message { opacity: 1; visibility: visible; } @media only screen and (max-width: 750px) { .job-modal__share-link { width: 40px; height: 40px; min-width: 40px; min-height: 40px; } } @media only screen and (max-width: 750px) { .job-modal__close { position: fixed; top: 84px; } } .job-modal__title { margin-bottom: 8px; font-size: 20px; } @media only screen and (max-width: 750px) { .job-modal__title { margin-bottom: 5px; } } .job-modal__city { padding-right: 20px; margin-bottom: 40px; font-size: 13px; line-height: 14px; opacity: .6; } @media only screen and (max-width: 750px) { .job-modal__city { padding-right: 30px; } } .job-modal__description { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .job-modal__description { margin-bottom: 20px; } } .job-modal__description p { font-weight: 300; } .job-modal__description h6 { font-size: 18px; font-weight: 400; } .job-modal__description h3, .job-modal__description h4, .job-modal__description h5 { font-size: 18px; font-weight: 400; margin-bottom: 24px; } @media only screen and (max-width: 750px) { .job-modal__description h3, .job-modal__description h4, .job-modal__description h5 { font-size: 16px; margin-bottom: 12px; } } .job-modal__description li { position: relative; margin-bottom: 10px; padding-left: 20px; font-weight: 300; } @media only screen and (max-width: 750px) { .job-modal__description li { margin-bottom: 5px; } } .job-modal__description li:last-child { margin-bottom: 0; } .job-modal__description ul { margin-bottom: 24px; } .job-modal__description ul li:before { content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; background-color: #14191a; border-radius: 50%; } .job-modal__description ol { padding-left: 0; counter-reset: counter; margin-bottom: 24px; } .job-modal__description ol li { counter-increment: counter; } .job-modal__description ol li:before { position: absolute; content: counter(counter) "."; left: 0; top: 0; } .job-modal__resume { width: 300px; height: 50px; } @media only screen and (max-width: 750px) { .job-modal__resume { width: 100%; } } .work-resume { position: relative; width: 300px; } @media only screen and (max-width: 750px) { .work-resume { width: 100%; } } .work-resume__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .work-resume__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .work-resume__item { display: block; margin-bottom: 12px; width: 100%; height: 48px; } @media only screen and (max-width: 750px) { .work-resume__item { width: 100%; } } .work-resume__item.--hidden { display: none; } .work-resume__item.wrong .work-resume__input { border-color: red; } .work-resume__input { display: block; width: 100%; height: 100%; background-color: white; } @media only screen and (max-width: 750px) { .work-resume__input { width: 100%; } } .work-resume__input.--file { padding-top: 0; padding-bottom: 0; line-height: 48px; cursor: pointer; color: rgba(59, 70, 88, 0.7); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .work-resume__input.--file._active { color: #3b4658; } .work-resume__file { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .work-resume__submit { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 50px; } .work-resume__submit.active { background-color: rgba(59, 70, 88, 0.7); pointer-events: none; } .work-resume__submit._disable { background: #f4f4f4; color: #3b4658; pointer-events: none; } .work-resume__submit._disable:hover { background: #f4f4f4; color: #3b4658; } .work-resume__success { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); pointer-events: none; background-color: #fff; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .work-resume__success.active { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; pointer-events: all; } .work-resume__disclaimer { margin-top: 20px; } @media only screen and (max-width: 750px) { .work-resume__disclaimer { margin-top: 5px; } } .work-resume__disclaimer .disclaimer__text { top: 0; width: auto; font-size: 14px; line-height: 1; color: #acacac; cursor: default; } .job-popup__body { width: 998px; margin: 0 auto; } @media only screen and (max-width: 750px) { .job-popup__body { width: 100%; padding: 0 20px; } } .job-popup__head { padding: 80px 40px 28px; } .job-popup__hr { display: block; width: 100%; height: 1px; margin: 30px 0; background-color: #eaeaea; } @media only screen and (max-width: 750px) { .job-popup__hr { margin: 18px 0; } } .job-popup__close { top: 28px; } .job-popup__title { font-size: 24px; line-height: 28px; } .job-popup__label { font-size: 18px; } .job-popup__item { padding: 0 40px; margin-bottom: 26px; } .job-popup__item.personal { margin-top: 0; } .job-popup__item._select { z-index: 2; } .job-popup__submit { height: 60px; font-size: 18px; } .job-start { position: relative; padding: 60px 20px 60px; background-color: white; } @media only screen and (max-width: 750px) { .job-start { padding: 48px 20px 0; } } .job-start__title { margin-bottom: 46px; font-size: 40px; line-height: 44px; } @media only screen and (max-width: 750px) { .job-start__title { margin-bottom: 16px; font-size: 26px; line-height: 140%; } } .job-start__text { margin-bottom: 70px; font-weight: 300; font-size: 16px; line-height: 28px; } @media only screen and (max-width: 750px) { .job-start__text { max-width: 100%; margin-bottom: 54px; } } .job-start__text p { margin-bottom: 32px; } @media only screen and (max-width: 750px) { .job-start__text p { margin-bottom: 20px; font-size: 14px; } .job-start__text p:last-of-type { margin-bottom: 36px; } } .job-start__text p:last-child { margin-bottom: 0; } .job-start__subtitle { margin-bottom: 32px; font-weight: normal; font-size: 32px; line-height: 146%; } @media only screen and (max-width: 750px) { .job-start__subtitle { font-size: 22px; line-height: 140%; } } .job-start__img { width: 476px; height: 440px; margin-left: 100px; background-image: url(/static/images/job-start.jpg); background-position: center bottom; background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .job-start__img { width: 100vw; height: 66.6vw; margin-left: -20px; } } .job-start__statement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 58px 78px; background-color: #f4f4f4; font-weight: normal; font-size: 24px; line-height: 36px; } @media only screen and (max-width: 750px) { .job-start__statement { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: transparent; font-size: 20px; line-height: 28px; padding: 0; } } @media only screen and (max-width: 750px) { .job-start__statement._desk { display: none; } } .job-start__button { height: 52px; padding: 0 86px; } @media only screen and (max-width: 750px) { .job-start__button { width: 100%; margin-top: 24px; } } .job-start__button._mob { display: none; } @media only screen and (max-width: 750px) { .job-start__button._mob { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0; } } .job-start__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .job-start__card { position: relative; width: calc(100% / 4 - 15px); height: 392px; margin-right: 20px; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #d4d4d4; } .job-start__card:last-child { margin-right: 0; } .job-start__card:nth-child(1) { background-image: url(/static/images/start-1.jpg); } .job-start__card:nth-child(2) { background-image: url(/static/images/start-2.png); } .job-start__card:nth-child(3) { background-image: url(/static/images/start-3.png); } .job-start__card:nth-child(4) { background-image: url(/static/images/start-4.png); } @media only screen and (max-width: 750px) { .job-start__card { width: 100%; height: 200px; margin-right: 0; margin-bottom: 20px; } .job-start__card:last-child { margin-bottom: 0; } } .job-start__card-text { position: absolute; bottom: 35px; left: 20px; font-weight: normal; font-size: 20px; line-height: 120%; color: white; } @media only screen and (max-width: 750px) { .job-start__card-text { bottom: 32px; font-size: 17px; } } .job-reviews { position: relative; padding: 70px 0; background-color: #f4f4f4; } @media only screen and (max-width: 750px) { .job-reviews { padding: 40px 0; } } .job-reviews__container { position: relative; margin-bottom: 60px; } @media only screen and (max-width: 750px) { .job-reviews__container { margin-bottom: 0; } } .job-reviews__title { margin-bottom: 42px; font-size: 32px; line-height: 140%; } @media only screen and (max-width: 750px) { .job-reviews__title { margin-bottom: 24px; font-size: 22px; line-height: 140%; } } .job-reviews__list { width: 75%; } @media only screen and (max-width: 750px) { .job-reviews__list { width: 100%; } .job-reviews__list .slick-dots { position: relative; bottom: unset; top: unset; right: unset; left: unset; margin-top: 24px; -webkit-transform: none; transform: none; justify-self: center; } .job-reviews__list .slick-dots li { border: 1px solid #3b4658; border-radius: 50%; background-color: #fff; } .job-reviews__list .slick-dots li.slick-active { background-color: #3b4658; } .job-reviews__list .slick-dots li:after { display: none; } .job-reviews__list .slick-dots button { display: none; } } .job-reviews .slick-initialized .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .job-reviews .slick-initialized .slick-slide { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .job-reviews__quotes { -ms-flex-negative: 0; flex-shrink: 0; width: 56px; height: 46px; margin-right: 46px; margin-bottom: 30px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA1NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4xIiBkPSJNMCA0NlYyNy43NjIxQzAgMTkuNjU2NCAxLjc3NTI1IDEzLjQ0MiA1LjMyNTc1IDkuMTE4OTRDOC44NzYyNCA0Ljc5NTg5IDE0LjYxMTcgMS43NTYyNCAyMi41MzIgMEwyNC45OSA3LjA5MjUxQzE1Ljg0MDcgMTAuMzM0OCAxMS4yNjYgMTUuNjcxMSAxMS4yNjYgMjMuMTAxM1YyNC43MjI1SDE4Ljg0NDlWNDZIMFpNMzEuMDEgNDZWMjcuNzYyMUMzMS4wMSAxOS42NTY0IDMyLjc4NTIgMTMuNDQyIDM2LjMzNTcgOS4xMTg5NEMzOS44ODYyIDQuNzk1ODkgNDUuNjIxNiAxLjc1NjI0IDUzLjU0MiAwTDU2IDcuMDkyNTFDNDYuODUwNiAxMC4zMzQ4IDQyLjI3NiAxNS42NzExIDQyLjI3NiAyMy4xMDEzVjI0LjcyMjVINDkuNjUwMVY0NkgzMS4wMVoiIGZpbGw9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .job-reviews__quotes { width: 39px; height: 32px; margin-bottom: 32px; } } .job-reviews__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .job-reviews__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 102px; } @media only screen and (max-width: 750px) { .job-reviews__arrows { display: none; } } .job-reviews__arrows-cnt-left { width: 14px; margin-right: 70px; } .job-reviews__arrows-cnt-left:hover .job-reviews__arrows-left { -webkit-transform: translateX(-5px); transform: translateX(-5px); } .job-reviews__arrows-cnt-right:hover .job-reviews__arrows-right { -webkit-transform: translateX(5px) rotateZ(180deg); transform: translateX(5px) rotateZ(180deg); } .job-reviews__arrows-left, .job-reviews__arrows-right { display: inline-block; width: 14px; height: 28px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxNyAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDFMMiAxNUwxNiAyOSIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==); background-size: 100% 100%; background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; cursor: pointer; } .job-reviews__arrows-left { margin-right: 70px; -webkit-transform: translateX(0); transform: translateX(0); } .job-reviews__arrows-right { -webkit-transform: translateX(0) rotateZ(180deg); transform: translateX(0) rotateZ(180deg); } .job-reviews__text { margin-bottom: 36px; font-weight: 300; font-size: 16px; line-height: 28px; } @media only screen and (max-width: 750px) { .job-reviews__text { font-size: 14px; line-height: 25px; } } .job-reviews__author, .job-reviews__from { font-weight: 300; font-size: 16px; line-height: 155.4%; } @media only screen and (max-width: 750px) { .job-reviews__author, .job-reviews__from { font-size: 14px; line-height: 22px; } } .job-reviews__author { font-weight: 400; } .job-challenge { padding-bottom: 60px; padding-top: 60px; border-bottom: 1px solid #e5e5e5; } @media only screen and (max-width: 750px) { .job-challenge { padding-top: 48px; padding-bottom: 56px; } } .job-challenge .swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .job-challenge .swiper-pagination { position: relative; bottom: auto; margin-bottom: 46px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .job-challenge .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; } .job-challenge .swiper-pagination-bullet-active { background: #3b4658; } .job-challenge__title { margin-bottom: 60px; font-size: 40px; line-height: 44px; } @media only screen and (max-width: 750px) { .job-challenge__title { margin-bottom: 18px; font-size: 26px; line-height: 36px; } } .job-challenge__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 46px; } @media only screen and (max-width: 750px) { .job-challenge__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 32px; } } .job-challenge__card { position: relative; width: 386px; height: 180px; margin-bottom: 20px; margin-right: 20px; padding: 40px 45px; font-weight: 300; font-size: 16px; line-height: 165%; border: 1px solid #e5e5e5; background-position: right bottom; background-repeat: no-repeat; } @media only screen and (max-width: 750px) { .job-challenge__card { width: 100%; height: auto; margin-right: 0; margin-bottom: 0; padding: 32px 30px; } } .job-challenge__card:nth-child(3n + 3) { margin-right: 0; } @media only screen and (max-width: 750px) { .job { background-color: #fff; } } .job .landing__section-header { margin-bottom: 35px; } @media only screen and (max-width: 750px) { .job .landing__section-header { margin-bottom: 24px; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .filter-select .multiselect--active { z-index: 49; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @media only screen and (max-width: 750px) { .flat-d-about__floor { width: 100%; } } .flat-d-about__floor._loading { position: relative; width: 184px; height: 44px; } @media only screen and (max-width: 750px) { .flat-d-about__floor._loading { width: 100%; } } .flat-d-about__floor._loading:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #d4d4d4; } @media only screen and (max-width: 750px) { .flat-d-about__floor._loading:before { top: 50%; width: 168px; height: 44px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } } .flat-d-about__floor-select.filter-select { width: 184px; height: 44px; border-radius: 4px; } @media only screen and (max-width: 750px) { .flat-d-about__floor-select.filter-select { width: 100%; } } .flat-d-about__floor-select._no-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 16px; border: 1px solid #d4d4d4; font-weight: 300; } .flat-d-about__floor-select .multiselect__content-wrapper { right: -1px; left: auto; min-width: 286px; } @media only screen and (max-width: 750px) { .flat-d-about__floor-select .multiselect__content-wrapper { min-width: 265px; } } .flat-d-about__floor-select .multiselect__tags { padding-right: 40px; } .flat-d-about__floor-select .multiselect__option { font-size: 14px; line-height: 21px; color: rgba(20, 25, 26, 0.6); } .flat-d-about__floor-select .multiselect__option--selected { position: relative; background-color: transparent; } .flat-d-about__floor-select .multiselect__option--selected:hover { background-color: #f2f2f2; } .flat-d-about__floor-select .multiselect__option--selected .flat-d-about__floor-icn._arrow { opacity: 1; } .flat-d-about__floor-bold { color: #14191a; font-weight: 500; } .flat-d-about__floor-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .flat-d-about__floor-item._booked .flat-d-about__floor-icn._book { opacity: 1; } .flat-d-about__floor-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } .flat-d-about__floor-icn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .flat-d-about__floor-icn._arrow { margin-left: 22px; } @media only screen and (max-width: 750px) { .flat-d-about__floor-icn._arrow { margin-left: 8px; } } .flat-d-about__floor-icn._book { margin-right: 2px; } .flat-d-about__floor-icn._hide { display: none; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .plus-tag { margin-left: 8px !important; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-mortgage-app { padding: 64px 0; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .flat-mortgage-app { padding: 0; } } .flat-mortgage-app__inner { padding-top: 5px; } @media only screen and (max-width: 750px) { .flat-mortgage-app__inner { padding-top: 0; } } .flat-mortgage-app__inner._loading { min-height: 650px; } @media only screen and (max-width: 750px) { .flat-mortgage-app__inner._loading { min-height: 500px; } } .flat-mortgage-app__container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 751px) { .flat-mortgage-app__container { width: 1240px; max-width: 100%; min-width: 1024px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 751px) and (max-width: 750px) { .flat-mortgage-app__container { width: 100%; min-width: 100%; padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 750px) { .flat-mortgage-app__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .flat-mortgage-app__best-offer { display: none; } @media only screen and (max-width: 750px) { .flat-mortgage-app__best-offer { display: block; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-mortgage-inputs { margin-top: 36px; } @media only screen and (max-width: 750px) { .flat-mortgage-inputs { margin-bottom: 46px; overflow: hidden; } } .flat-mortgage-inputs__item { position: relative; z-index: 1; } .flat-mortgage-inputs__item._select { z-index: 2; } .flat-mortgage-inputs__item._select .flat-mortgage-inputs__item-label { z-index: 51; top: 11px; } .flat-mortgage-inputs__item:not(:first-child) { margin-top: 16px; } @media only screen and (max-width: 750px) { .flat-mortgage-inputs__item:not(:first-child) { margin-top: 20px; } } .flat-mortgage-inputs__item-label { position: absolute; top: 5px; left: 16px; z-index: 3; font-size: 12px; line-height: 20px; font-weight: 400; color: #9da3ac; } .flat-mortgage-inputs__range { width: 100%; border-top-right-radius: 8px; border-top-left-radius: 8px; border-color: #e1e1e1; } .flat-mortgage-inputs__range .filter-slider-single__values { padding: 26px 16px 8px; } .flat-mortgage-inputs__range .v-input__native { height: 50px; } .flat-mortgage-inputs__hint { position: absolute; right: 18px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .flat-mortgage-inputs__hint:hover .flat-mortgage-inputs__hint-body { opacity: 1; -webkit-transform: translate3d(0, calc(-100% - 8px), 0); transform: translate3d(0, calc(-100% - 8px), 0); } .flat-mortgage-inputs__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; padding: 2px; border: 1px solid #c5c8cd; border-radius: 50%; font-size: 11px; color: #c5c8cd; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .flat-mortgage-inputs__icon:hover { border-color: #3b4658; background-color: #3b4658; color: white; } .flat-mortgage-inputs__hint-body { position: absolute; top: 0; right: -18px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 190px; padding: 12px 16px; border-radius: 4px; background: rgba(20, 25, 26, 0.9); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); font-size: 12px; line-height: 16px; color: white; text-align: center; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; pointer-events: none; } .flat-mortgage-inputs__hint-body:before { content: ""; position: absolute; bottom: -7px; right: 19px; border-top: 7px solid rgba(20, 25, 26, 0.9); border-right: 7px solid transparent; border-left: 7px solid transparent; } .flat-mortgage-inputs__deposit { position: absolute; right: 16px; top: 50%; color: #89909b; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .flat-mortgage-inputs__price { position: absolute; left: 16px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .flat-mortgage-inputs__shorts { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; margin-top: 30px; } .flat-mortgage-inputs__short { padding: 6px 12px; border: 1px solid rgba(20, 25, 26, 0.15); border-radius: 40px; line-height: 18px; color: #5b5e5f; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; cursor: pointer; } .flat-mortgage-inputs__short:hover { border-color: #3b4658; } .flat-mortgage-inputs__input._is-error { padding-bottom: 15px; } .flat-mortgage-inputs__input .v-input__inner { padding-left: 16px; padding-right: 16px; border-color: #e1e1e1; border-radius: 8px; } .flat-mortgage-inputs__input .v-input__native { height: 54px; padding: 25px 0 10px; } .flat-mortgage-inputs__input .v-input__placeholder { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; left: 16px; color: #9da3ac; } .flat-mortgage-inputs__input.is-focused .v-input__placeholder, .flat-mortgage-inputs__input.is-active .v-input__placeholder { top: 18px; font-size: 12px; opacity: 1; } .flat-mortgage-inputs__input.is-error.is-active .v-input__placeholder { color: #ef3b24; } .flat-mortgage-inputs__select { width: 100%; height: 56px; } .flat-mortgage-inputs__select .multiselect { border-color: #e1e1e1; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .flat-mortgage-inputs__select .multiselect__tags { z-index: 0; padding-top: 26px; padding-left: 15px; } .flat-mortgage-inputs__select .multiselect__placeholder { line-height: 20px; font-weight: 400; } .flat-mortgage-inputs__select .multiselect--disabled { pointer-events: none; } .flat-mortgage-inputs__select:hover .multiselect--disabled { border-color: #e1e1e1; } .flat-mortgage-inputs__select .filter-select__labels { line-height: 20px; color: #14191a; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-mortgage-fee { width: calc(100% + 56px); margin-left: -28px; } @media only screen and (max-width: 750px) { .flat-mortgage-fee { width: calc(100% + 40px); margin-left: -20px; } } .flat-mortgage-fee__switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 28px; } @media only screen and (max-width: 750px) { .flat-mortgage-fee__switch { padding: 0 20px; } } .flat-mortgage-fee__body { padding: 26px 28px 34px; } @media only screen and (max-width: 750px) { .flat-mortgage-fee__body { padding: 26px 20px 34px; } } .flat-mortgage-fee__item { position: relative; } .flat-mortgage-fee__item:not(:first-child) { margin-top: 22px; } .flat-mortgage-fee__item-label { position: absolute; top: 6px; left: 16px; font-size: 12px; line-height: 20px; font-weight: 400; color: #9da3ac; } .flat-mortgage-fee__range { width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; } .flat-mortgage-fee__range .filter-slider-single__values { padding: 26px 16px 8px; } .flat-mortgage-fee__hint { position: absolute; right: 18px; top: 50%; z-index: 5; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .flat-mortgage-fee__hint._relative { top: auto; right: auto; -webkit-transform: none; transform: none; position: relative; margin-left: 10px; } .flat-mortgage-fee__hint:hover .flat-mortgage-fee__hint-body { opacity: 1; -webkit-transform: translate3d(0, calc(-100% - 8px), 0); transform: translate3d(0, calc(-100% - 8px), 0); } .flat-mortgage-fee__deposit { position: absolute; right: 16px; top: 50%; color: #89909b; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .flat-mortgage-fee__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; padding: 2px; border: 1px solid #c5c8cd; border-radius: 50%; font-size: 11px; color: #c5c8cd; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .flat-mortgage-fee__icon:hover { border-color: #3b4658; background-color: #3b4658; color: white; } .flat-mortgage-fee__hint-body { position: absolute; top: 0; right: -18px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 190px; padding: 12px 16px; border-radius: 4px; background: rgba(20, 25, 26, 0.9); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); font-size: 12px; line-height: 16px; color: white; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; pointer-events: none; } .flat-mortgage-fee__hint-body:before { content: ""; position: absolute; bottom: -7px; right: 19px; border-top: 7px solid rgba(20, 25, 26, 0.9); border-right: 7px solid transparent; border-left: 7px solid transparent; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-mortgage-filter { scrollbar-color: #3b4658 #e5e6e7; scrollbar-width: thin; -ms-flex-negative: 0; flex-shrink: 0; position: sticky; top: 103px; width: 394px; height: -webkit-max-content; height: -moz-max-content; height: max-content; max-height: calc(100vh - 80px); overflow-y: auto; overflow-x: hidden; padding: 28px; border: 1px solid #eee; background-color: white; z-index: 10; } .flat-mortgage-filter::-webkit-scrollbar { background-color: #e5e6e7; width: 2px; } .flat-mortgage-filter::-webkit-scrollbar-thumb { background-color: #3b4658; } @media only screen and (max-width: 750px) { .flat-mortgage-filter { width: 1240px; max-width: 100%; min-width: 1024px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; position: static; top: 0; width: 100%; height: -webkit-max-content; height: -moz-max-content; height: max-content; max-height: none; overflow: initial; padding-bottom: 32px; border: none; } } @media only screen and (max-width: 750px) and (max-width: 750px) { .flat-mortgage-filter { width: 100%; min-width: 100%; padding-left: 20px; padding-right: 20px; } } .flat-mortgage-filter__title { font-size: 18px; line-height: 24px; } .flat-mortgage-filter__about { margin-top: 36px; } .flat-mortgage-filter__checkbox { margin-top: 20px; } .flat-mortgage-filter__checkbox._offset-top { margin-top: 36px; } .flat-mortgage-filter .filter-slider-single__input { padding: 0; } @media only screen and (max-width: 750px) { .flat-mortgage-filter .range-filter__body { border-bottom: 1px solid #dedede; } } @media only screen and (max-width: 750px) { .flat-mortgage-filter .range-filter__body:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 6px; height: 2px; background-color: #3b4658; } } .flat-mortgage-filter .v-range-slider .vue-slider-rail { height: 2px; } @media only screen and (max-width: 750px) { .flat-mortgage-filter .v-range-slider .vue-slider-dot .vue-slider-dot-handle { width: 14px; height: 14px; } } @media only screen and (max-width: 750px) { .flat-mortgage-filter .v-range-slider { width: calc(100% - 12px); margin: 0 auto; -webkit-transform: translateY(1px); transform: translateY(1px); } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-mortgage-offer-card-rates { -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates { width: 100%; margin-top: 24px; line-height: 20px; } } .flat-mortgage-offer-card-rates._mb { margin-bottom: 24px; } .flat-mortgage-offer-card-rates__row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 26px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates__row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: initial; } } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates__row:not(:first-child) .flat-mortgage-offer-card-rates__label { display: none; } } .flat-mortgage-offer-card-rates__cell._term { width: 116px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates__cell._term { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100px; } } .flat-mortgage-offer-card-rates__cell._rate { width: 110px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates__cell._rate { width: 40px; } } .flat-mortgage-offer-card-rates__cell._payment { width: 128px; text-align: end; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates__cell._payment { width: 88px; text-align: left; } } .flat-mortgage-offer-card-rates__label { color: rgba(20, 25, 26, 0.4); } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates__label { display: block; font-size: 12px; line-height: 20px; } } .flat-mortgage-offer-card-rates__label._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates__label._mobile { display: block; } } .flat-mortgage-offer-card-rates__val { font-weight: 500; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates__val { display: block; margin-top: 12px; } } .flat-mortgage-offer-card-rates__val._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates__val._mobile { display: block; } } .flat-mortgage-offer-card-rates__val b { font-weight: 400; color: rgba(20, 25, 26, 0.4); } .flat-mortgage-offer-card-rates__val p:not(:first-child) { margin-top: 8px; } .flat-mortgage-offer-card-rates__remaining { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-rates__remaining { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .flat-mortgage-offer-card-rates__remaining-new { font-size: 1.6rem; font-weight: 500; line-height: 2.6rem; color: #ef3b24; } .flat-mortgage-offer-card-rates__remaining-old { text-decoration: line-through; font-size: 1.4rem; font-weight: 400; line-height: 2rem; color: #8a8c8d; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-mortgage-offer-card-terms { padding: 24px 32px 40px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-terms { padding: 24px 20px 24px; } } .flat-mortgage-offer-card-terms__title { font-size: 16px; line-height: 26px; font-weight: 500; } .flat-mortgage-offer-card-terms__title._mt { margin-top: 24px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-terms__title._mt { margin-top: 24px; } } .flat-mortgage-offer-card-terms__body { margin-top: 32px; } .flat-mortgage-offer-card-terms__body._mt { margin-top: 20px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-terms__body._mt { margin-top: 16px; } } .flat-mortgage-offer-card-terms__item { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-terms__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .flat-mortgage-offer-card-terms__item:not(:first-child) { margin-top: 16px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-terms__item:not(:first-child) { margin-top: 24px; } } .flat-mortgage-offer-card-terms__label { width: 152px; color: rgba(20, 25, 26, 0.6); } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-terms__label { display: block; font-size: 14px; line-height: 20px; font-weight: 500; color: #14191a; } } .flat-mortgage-offer-card-terms__label._auto { width: auto; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card-terms__val { display: block; margin-top: 12px; } } .flat-mortgage-offer-card-terms__val span { color: #ef3b24; } .flat-mortgage-offer-card-terms__val p:not(:first-child) { margin-top: 8px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-mortgage-offer-card { border: 1px solid #e1e1e1; background-color: white; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card { border-color: #f2f2f2; } } .flat-mortgage-offer-card__main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 32px; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__main { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 20px; } } .flat-mortgage-offer-card__best { position: absolute; top: -12px; right: 16px; padding: 8px 16px; border-radius: 100px; background-color: #ef3b24; font-size: 12px; line-height: 14px; font-weight: 500; color: white; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__best { right: 0; } } .flat-mortgage-offer-card__best._family { right: 196px; white-space: nowrap; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__best._family { right: 178px; } } @media only screen and (max-width: 375px) { .flat-mortgage-offer-card__best._family { right: 168px; } } .flat-mortgage-offer-card__best._no-hint { right: 159px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__best._no-hint { right: 143px; } } .flat-mortgage-offer-card__family { position: absolute; top: -12px; right: 16px; padding: 7px 16px; border-radius: 100px; border: 1px solid #9aca3c; background-color: white; font-size: 12px; line-height: 14px; font-weight: 500; color: #9aca3c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__family { right: 0; } } @media only screen and (max-width: 375px) { .flat-mortgage-offer-card__family { right: -10px; } } .flat-mortgage-offer-card__family-hint { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; margin-left: 8px; border: 1px solid #9aca3c; border-radius: 50%; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .flat-mortgage-offer-card__family-hint:hover { border-color: #9aca3c; background-color: #9aca3c; color: white; } .flat-mortgage-offer-card__family-hint._active:hover { border-color: #9aca3c; background-color: white; color: #9aca3c; } .flat-mortgage-offer-card__family-icon { font-size: 12px; line-height: 12px; } .flat-mortgage-offer-card__bank { -ms-flex-negative: 0; flex-shrink: 0; width: 68px; height: 68px; margin-right: 22px; border-radius: 50%; overflow: hidden; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__bank { width: 44px; height: 44px; margin-right: 22px; } } .flat-mortgage-offer-card__bank img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .flat-mortgage-offer-card__about { margin-right: 26px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__about { width: calc(100% - 66px); margin-right: 0; } } .flat-mortgage-offer-card__name { color: #727576; } .flat-mortgage-offer-card__text { margin-top: 4px; font-size: 16px; line-height: 20px; font-weight: 500; } .flat-mortgage-offer-card__info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 32px 20px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__info { display: none; padding: 0 20px 16px; margin-top: 12px; } } .flat-mortgage-offer-card__info:before { content: ""; position: absolute; top: 0; left: 32px; height: 1px; width: calc(100% - 64px); background: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #c5c8cd)); background: linear-gradient(to left, transparent 50%, #c5c8cd 50%); background-size: 8px 1px; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__info:before { left: 20px; width: calc(100% - 40px); background: #e5e5e5; } } .flat-mortgage-offer-card__info._mobile { display: none; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__info._mobile { display: block; } } .flat-mortgage-offer-card__info-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 197px; height: 38px; color: #ef3b24; border: 1px solid #ef3b24; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; cursor: pointer; } .flat-mortgage-offer-card__info-btn:hover { background-color: #ef3b24; color: white; } .flat-mortgage-offer-card__info-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #3b4658; -webkit-transition: color .3s ease; transition: color .3s ease; cursor: pointer; } .flat-mortgage-offer-card__info-more:hover { color: #89909b; } .flat-mortgage-offer-card__info-more:hover .flat-mortgage-offer-card__info-more-icn svg { stroke: #89909b; } .flat-mortgage-offer-card__info-more-icn { width: 16px; height: 16px; margin-left: 8px; } .flat-mortgage-offer-card__info-more-icn._rotate svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .flat-mortgage-offer-card__info-more-icn svg { stroke: #3b4658; -webkit-transition: stroke .3s ease, -webkit-transform .3s ease; transition: stroke .3s ease, -webkit-transform .3s ease; transition: stroke .3s ease, transform .3s ease; transition: stroke .3s ease, transform .3s ease, -webkit-transform .3s ease; } .flat-mortgage-offer-card__btn { width: 100%; height: 40px; font-size: 14px; } .flat-mortgage-offer-card__btn:not(:first-child) { margin-top: 8px; } .flat-mortgage-offer-card__btn._with-border { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ef3b24; background-color: white; color: #ef3b24; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } @media (hover), (min-width: 0 \0) { .flat-mortgage-offer-card__btn._with-border:hover { border-color: #f26250; background-color: #f26250; color: white; } } .flat-mortgage-offer-card__remaining { position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px 20px; background: #f9f9f9; font-size: 12px; font-weight: 500; line-height: 16px; color: #8a8c8d; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-card__remaining { right: 15%; } } .flat-mortgage-offer-card__remaining span { color: #ef3b24; } .flat-mortgage-offer-card__remaining-dot { display: block; width: 6px; height: 6px; margin: 0 6px 0; border-radius: 50%; background-color: #ef3b24; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; } @-webkit-keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @media only screen and (max-width: 750px) { .flat-mortgage-offer-group._pinned { position: sticky; bottom: -1px; left: 0; z-index: 100; margin-bottom: 0 !important; margin-top: 530px; } } @media only screen and (max-width: 750px) { .flat-mortgage-offer-group._pinned .flat-mortgage-offer-card { border-top-left-radius: 20px; border-top-right-radius: 20px; -webkit-box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.07); box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.07); } } @media only screen and (max-width: 750px) { .flat-mortgage-offer-group._pinned .flat-mortgage-offer-card__best { right: 20px; } } @media only screen and (max-width: 750px) { .flat-mortgage-offer-group._pinned .flat-mortgage-offer-card__best._family { right: 196px; } } @media only screen and (max-width: 750px) { .flat-mortgage-offer-group._pinned .flat-mortgage-offer-card__family { right: 29px; } } .flat-mortgage-offer-group:not(:last-child) { margin-bottom: 16px; } .flat-mortgage-offer-group__more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 193px; padding: 10px 24px 10px 28px; border: 1px solid #e1e1e1; border-top-color: transparent; border-radius: 0 0 12px 12px; background-color: white; font-size: 12px; line-height: 20px; color: #3b4658; -webkit-transition: color .3s ease; transition: color .3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-mortgage-offer-group__more { width: 100%; padding: 10px 24px; border-color: #eee; } } @media (hover), (min-width: 0 \0) { .flat-mortgage-offer-group__more:hover { color: #89909b; } .flat-mortgage-offer-group__more:hover .flat-mortgage-offer-group__more-icn svg { stroke: #89909b; } } .flat-mortgage-offer-group__more-icn { width: 16px; height: 16px; margin-left: 8px; } .flat-mortgage-offer-group__more-icn._rotate svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .flat-mortgage-offer-group__more-icn svg { stroke: #3b4658; -webkit-transition: stroke .3s ease, -webkit-transform .3s ease; transition: stroke .3s ease, -webkit-transform .3s ease; transition: stroke .3s ease, transform .3s ease; transition: stroke .3s ease, transform .3s ease, -webkit-transform .3s ease; } .flat-mortgage-offer-group__item { margin-top: 16px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-mortgage-offers { position: relative; z-index: 1; height: 100%; } .flat-mortgage-offers__link { position: relative; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 28px auto 0; color: #727576; text-align: center; } .flat-mortgage-offers__link:after { content: ""; position: absolute; top: 94%; left: 0; width: 100%; height: 1px; background-color: #727576; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .flat-mortgage-offers__link:hover:after { opacity: 0; } .flat-mortgage-offers__more { position: absolute; top: 50%; left: 50%; padding: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-mortgage-info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 750px; margin-left: 20px; } @media only screen and (max-width: 750px) { .flat-mortgage-info { width: 1240px; max-width: 100%; min-width: 1024px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; min-height: auto; padding-top: 36px; padding-bottom: 40px; margin-left: 0; } } @media only screen and (max-width: 750px) and (max-width: 750px) { .flat-mortgage-info { width: 100%; min-width: 100%; padding-left: 20px; padding-right: 20px; } } .flat-mortgage-info:after { content: ""; position: absolute; top: 0; height: 100%; background-color: #f9f9f9; } .flat-mortgage-info__count { position: relative; z-index: 1; margin-bottom: 32px; color: #727576; } @media only screen and (max-width: 750px) { .flat-mortgage-info__count { margin-bottom: 32px; } } .flat-mortgage-info__count span { color: #14191a; } .flat-mortgage-info__programs { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; padding-bottom: 16px; position: sticky; top: var(--header-dynamic-height); z-index: 9; margin-top: -58px; padding-top: 59px; background: #f9f9f9; margin-bottom: 16px; -webkit-transition: top 0.3s ease; transition: top 0.3s ease; } @media only screen and (max-width: 750px) { .flat-mortgage-info__programs { width: 100vw; top: var(--header-dynamic-height-mobile); padding-left: 20px; padding-right: 20px; margin-bottom: 36px; margin-left: -20px; margin-top: -16px; padding-top: 16px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .flat-mortgage-info__programs::-webkit-scrollbar { display: none; } } .flat-mortgage-info__program { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 12px; color: #5b5e5f; border: 1px solid rgba(20, 25, 26, 0.15); border-radius: 40px; background-color: white; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } @media only screen and (min-width: 751px) { .flat-mortgage-info__program:hover { border-color: #ef3b24; } } .flat-mortgage-info__program._active { border-color: #ef3b24; background-color: #ef3b24; color: white; } .flat-mortgage-info__program._active .flat-mortgage-info__program-hint { color: white; border-color: white; } .flat-mortgage-info__program._disabled { pointer-events: none; opacity: .6; } .flat-mortgage-info__program-hint { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; margin-left: 10px; border: 1px solid #c5c8cd; border-radius: 50%; color: #c5c8cd; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .flat-mortgage-info__program-hint { display: none; } } .flat-mortgage-info__program-hint:hover { border-color: #ef3b24; background-color: #ef3b24; color: white; } .flat-mortgage-info__program-hint._active:hover { border-color: #ef3b24; background-color: white; color: #ef3b24; } .flat-mortgage-info__program-icon { font-size: 12px; line-height: 12px; } .flat-mortgage-info__program-hint-body { position: fixed; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 300px; padding: 12px; border-radius: 4px; background: rgba(20, 25, 26, 0.9); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); font-size: 12px; line-height: 16px; color: white; opacity: 0; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); pointer-events: none; z-index: 11; white-space: normal; } .flat-mortgage-info__program-hint-body:after { content: ""; position: absolute; bottom: 0; left: 50%; border-top: 7px solid rgba(20, 25, 26, 0.9); border-right: 7px solid transparent; border-left: 7px solid transparent; -webkit-transform: translate(-50%, 7px); transform: translate(-50%, 7px); } @media screen and (max-device-width: 1024px) { .flat-mortgage-info__program-hint-body:after { left: 86%; } } .flat-mortgage-info__program-hint-body._active { opacity: 1; -webkit-transform: translate(-50%, calc(-100% - 14px)); transform: translate(-50%, calc(-100% - 14px)); } .flat-mortgage-info__programs-text { position: relative; z-index: 1; display: none; padding-bottom: 36px; margin-top: -20px; color: #8a8c8d; } @media only screen and (max-width: 750px) { .flat-mortgage-info__programs-text { display: block; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-d-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flat-d-share__body { position: relative; width: 520px; padding: 72px 40px 48px; background-color: white; } @media only screen and (max-width: 750px) { .flat-d-share__body { width: 100%; } } .flat-d-share__title { font-size: 28px; line-height: 34px; font-weight: 500; color: #3b4658; } .flat-d-share__subtitle { margin-top: 36px; font-size: 18px; line-height: 24px; color: #3b4658; } .flat-d-share__copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 10px 35px 10px 20px; margin-top: 12px; border: 1px solid #d8dade; cursor: pointer; word-break: break-all; } @media (hover), (min-width: 0 \0) { .flat-d-share__copy:hover .flat-d-share__copy-icon svg { stroke: #f26250; } } .flat-d-share__copy-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 26px; color: #434748; } .flat-d-share__copy-icon { position: absolute; top: 14px; right: 10px; width: 20px; height: 20px; } .flat-d-share__copy-icon svg { stroke: #9da3ac; -webkit-transition: stroke .3s ease; transition: stroke .3s ease; } .flat-d-share__bottom { margin-top: 8px; font-size: 16px; line-height: 26px; color: #9da3ac; } .flat-d-share__links { margin-top: 28px; } .flat-d-share__links-title { font-size: 18px; line-height: 24px; color: #3b4658; } .flat-d-share__links-items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; margin-top: 12px; } .flat-d-share__links-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; border: 1px solid #3b4658; border-radius: 50%; background-color: #3b4658; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (min-width: 751px) { .flat-d-share__links-item:hover { background-color: white; } .flat-d-share__links-item:hover .flat-d-share__links-item-icon { fill: #3b4658; } } .flat-d-share__links-item-icon { width: 24px; height: 24px; fill: #fff; stroke: none; -webkit-transition: fill .3s ease; transition: fill .3s ease; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .extensions-enter-active, .extensions-leave-active { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .extensions-enter-from, .extensions-leave-to { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .minimap > svg g { overflow: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .minimap > svg g.hover { opacity: 0; pointer-events: none; } .minimap > svg g.hover.active { opacity: .4; cursor: pointer; pointer-events: all; } .minimap > svg g.hover.active:hover { opacity: 1; } .minimap > svg g.hover.current { opacity: 1; pointer-events: none; } .minimap > svg g.default { opacity: 1; pointer-events: none; } .minimap > svg g.default.hide { opacity: 0; } .minimap > svg g#default .hide { opacity: 0; } .minimap > svg g#hover .active { opacity: .4; cursor: pointer; pointer-events: all; } .minimap > svg g#hover .active:hover { opacity: 1; } .minimap > svg g#hover .current { opacity: 1; pointer-events: none; } .minimap > svg g#hover .hide { opacity: 0; pointer-events: none; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .window-view-overlay { position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.4); } .window-view-overlay__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 300px; } .window-view-overlay__icon { width: 72px; height: 72px; margin-bottom: 4px; } .window-view-overlay__text { font-size: 16px; line-height: 148%; color: #fff; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .window-view-building-info { padding: 16px 20px; background-color: #fff; } .window-view-building-info__title { margin-bottom: 4px; font-size: 16px; font-weight: 400; line-height: 148%; } .window-view-building-info__content { font-size: 14px; line-height: 148%; color: #9da3ac; } .window-view-building-info__name { padding-right: 8px; } .window-view-building-info__floor { position: relative; padding-left: 12px; } .window-view-building-info__floor:before { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; border-radius: 100%; background-color: #9da3ac; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .window-view-infra-pin { position: absolute; padding: 4px 12px; border-radius: 58px; background-color: #fff; color: #3b4658; line-height: 20px; font-size: 11px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .window-view-infra-pin { opacity: 0; visibility: hidden; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .window-view-build-pin { position: absolute; padding: 4px 12px; border-radius: 58px; background-color: #fff; color: #3b4658; line-height: 20px; font-size: 11px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 3; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .window-view-build-pin._active { opacity: 0; } } .window-view-build-pin__name { font-weight: 500; } .window-view-build-pin__name._pr { padding-right: 9px; } .window-view-build-pin__floor { padding-left: 9px; border-left: 1px solid #ecedef; color: #767e8b; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .window-view-pin { position: absolute; width: 120px; height: 120px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; -webkit-transition: all .3s ease; transition: all .3s ease; } .window-view-pin__point { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; border-radius: 50%; border: 4px solid #fff; background-color: #ef3b24; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 750px) { .window-view-pin__point { width: 24px; height: 24px; } } .window-view-pin__range { position: absolute; top: 50%; left: 50%; width: 75px; height: 80px; padding-bottom: 52px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .window-view-pin__range._has-one-angle { width: 98px; height: 183px; padding-left: 1px; padding-bottom: 0; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-d-window-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .window-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 750px) { .window-view { width: 100%; max-height: none; aspect-ratio: auto; } } .window-view__wrapper { position: relative; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .window-view__wrapper._hidden { opacity: 0; } @media only screen and (max-width: 750px) { .window-view__wrapper { width: 100%; height: 100vh; overflow-x: scroll; /*stylelint-disable*/ scrollbar-width: none; /* Firefox */ /*stylelint-enable*/ -ms-overflow-style: none; /* IE 10+ */ } .window-view__wrapper::-webkit-scrollbar { display: none; /* Chrome Safari */ } } .window-view__overlay { display: none; z-index: 3; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .window-view__overlay { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 750px) { .window-view__overlay._hide { opacity: 0; visibility: hidden; } } .window-view__plan { position: relative; max-width: 1440px; max-height: calc(100vh - 20px * 2); -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .window-view__plan { position: absolute; top: 0; left: 0; max-width: none; max-height: none; } } @media only screen and (max-width: 750px) { .window-view__plan._offset-y { top: 80px; } } @media only screen and (max-width: 750px) and (orientation: landscape) { .window-view__plan._offset-y { top: 0; } } .window-view__plan img { display: block; width: 100%; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } @media only screen and (max-width: 750px) { .window-view__plan img { width: auto; height: 100vh; } } .window-view__building-plan { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .window-view__building-plan polygon { fill: rgba(107, 205, 30, 0.4); } @media only screen and (max-width: 750px) { .window-view__pin._mobile-hide { opacity: 0; } } .window-view__close { position: absolute; top: 24px; right: 24px; z-index: 4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; background-color: #fff; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .window-view__close { position: fixed; background-color: #f2f2f2; } } @media only screen and (max-width: 750px) { .window-view__close._hide { opacity: 0; visibility: hidden; } } .window-view__close:hover svg { -webkit-transform: scale(0.9); transform: scale(0.9); } .window-view__close svg { width: 14px; height: 14px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; stroke: #3b4658; } .window-view__info { position: fixed; top: 0; left: 0; right: 0; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .window-view__info._hide { opacity: 0; visibility: hidden; } } @media only screen and (max-width: 750px) { .window-view__info { opacity: 1; visibility: visible; } } @media only screen and (max-width: 750px) and (orientation: landscape) { .window-view__info { opacity: 0; visibility: hidden; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .feature { padding-top: 72px; padding-bottom: 48px; min-height: auto; } @media only screen and (max-width: 750px) { .feature { padding: 24px 20px; } } .feature__wrapper { min-height: auto; } .feature__wrapper._loading { min-height: 100vh; } .feature__title { margin-bottom: 40px; font-size: 28px; line-height: 1.6; } @media only screen and (max-width: 750px) { .feature__title { margin-bottom: 27px; font-size: 18px; line-height: 148%; } } .feature__figure { margin: 0 0 24px; } @media only screen and (max-width: 750px) { .feature__figure { margin-bottom: 16px; } } .feature__box { cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (hover), (min-width: 0 \0) { .feature__box:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } .feature__image { overflow: hidden; -webkit-clip-path: content-box; clip-path: content-box; border-radius: 8px; } .feature__image img { display: block; width: 100%; height: 100%; min-height: 235px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 750px) { .feature__image img { min-height: 120px; } } .feature__caption { margin-top: 8px; font-size: 16px; line-height: 18px; } .feature__modal._scroll { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .feature__modal > .modal__content { height: 100%; } } .feature__modal-close { position: absolute; top: 24px; right: 24px; z-index: 10; } @media only screen and (max-width: 750px) { .feature__modal-close { top: 20px; right: 20px; background-color: #fff; } } .feature__modal-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1240px; min-height: 520px; } @media only screen and (max-width: 750px) { .feature__modal-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: none; height: 100%; overflow-y: auto; } } .feature__modal-slider { -webkit-box-flex: 0; -ms-flex: 0 0 734px; flex: 0 0 734px; width: 734px; } @media only screen and (max-width: 750px) { .feature__modal-slider { -ms-flex-preferred-size: 280px; flex-basis: 280px; width: auto; } } .feature__modal-slider-thumb { height: 100%; } .feature__modal-slider-thumb .thumbs-slider__top { height: 100%; } @media only screen and (max-width: 750px) { .feature__modal-slider-thumb .thumbs-slider__next, .feature__modal-slider-thumb .thumbs-slider__prev { display: none; } } .feature__modal-slider-thumb .thumbs-slider__pagination.swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: 0.5; } .feature__modal-slider-thumb .thumbs-slider__pagination.swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; opacity: 1; } @media only screen and (max-width: 750px) { .feature__modal-slider-thumb .thumbs-slider__pagination.swiper-pagination { position: absolute; bottom: 24px; } } .feature__modal-slider-thumb .swiper-button-next, .feature__modal-slider-thumb .swiper-button-prev { width: 30px; height: 40px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAzMiAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDBMMTguNDExMSAxLjU0Nzc4TDI2LjgzMzMgMTBIMFYxMi4yMjIySDI2LjgzMzNMMTguNDExMSAyMC42MzY3TDIwIDIyLjIyMjJMMzEuMTExMSAxMS4xMTExTDIwIDBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); background-size: 30px; } @media only screen and (max-width: 750px) { .feature__modal-slider-thumb .swiper-button-next, .feature__modal-slider-thumb .swiper-button-prev { display: none; } } .feature__modal-slider-thumb .swiper-button-prev { -webkit-transform: translateY(-50%) scale(-1, 1); transform: translateY(-50%) scale(-1, 1); left: 50px; } .feature__modal-slider-thumb .swiper-button-prev:hover { -webkit-transform: translateY(-50%) scale(-1, 1) translateX(4px); transform: translateY(-50%) scale(-1, 1) translateX(4px); } .feature__modal-slider-thumb .swiper-button-next { -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 50px; } .feature__modal-slider-thumb .swiper-button-next:hover { -webkit-transform: translateY(-50%) translateX(4px); transform: translateY(-50%) translateX(4px); } @media only screen and (max-width: 750px) { .feature__modal-slider-thumb .thumbs-slider__top { height: 100%; } } .feature__modal-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 1 734px; flex: 0 1 734px; width: 734px; padding: 40px 40px 40px 64px; } @media only screen and (max-width: 750px) { .feature__modal-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: auto; padding: 40px 28px; } } .feature__modal-title { max-width: 450px; margin-bottom: 40px; font-weight: 500; font-size: 24px; line-height: 29px; } @media only screen and (max-width: 750px) { .feature__modal-title { max-width: none; margin-bottom: 32px; font-size: 20px; line-height: 24px; } } .feature__modal-text { margin-bottom: 64px; font-size: 16px; line-height: 26px; color: #5b5e5f; } @media only screen and (max-width: 750px) { .feature__modal-text { margin-bottom: 32px; font-size: 14px; line-height: 24px; } } .feature__modal-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: auto; } .feature__modal-button { font-size: 16px; line-height: 19px; position: relative; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .feature__modal-button:after { content: ''; position: absolute; width: 12px; height: 20px; margin-left: 10px; margin-top: -2px; } .feature__modal-button._red { margin-bottom: 16px; padding: 12px 20px; border-radius: 8px; background-color: #ef3b24; color: #fff; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } @media (hover), (min-width: 0 \0) { .feature__modal-button._red:hover { background-color: #f14f3a; } } .feature__modal-button._default:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjc1IDhDMTAuNzUgNy41ODU3OSAxMC40MTQyIDcuMjUgMTAgNy4yNUwzLjI1IDcuMjVDMi44MzU3OSA3LjI1IDIuNSA3LjU4NTc5IDIuNSA4QzIuNSA4LjQxNDIxIDIuODM1NzkgOC43NSAzLjI1IDguNzVIOS4yNVYxNC43NUM5LjI1IDE1LjE2NDIgOS41ODU3OSAxNS41IDEwIDE1LjVDMTAuNDE0MiAxNS41IDEwLjc1IDE1LjE2NDIgMTAuNzUgMTQuNzVMMTAuNzUgOFpNMi41MzAzMyAxNi41MzAzTDEwLjUzMDMgOC41MzAzM0w5LjQ2OTY3IDcuNDY5NjdMMS40Njk2NyAxNS40Njk3TDIuNTMwMzMgMTYuNTMwM1oiIGZpbGw9IiM1QjVFNUYiLz4KPC9zdmc+Cg==); } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .furnish-block { position: relative; min-height: 500px; } @media only screen and (max-width: 750px) { .furnish-block { min-height: 300px; } } .furnish-block._loaded { min-height: auto; } .furnish-block__title { font-size: 28px; line-height: 1.6; } @media only screen and (max-width: 750px) { .furnish-block__title { font-size: 18px; line-height: 1.48; } } .furnish-block__body { position: relative; margin-top: 44px; } @media only screen and (max-width: 750px) { .furnish-block__body { margin-top: 20px; } } .furnish-block__info { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .furnish-block__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .furnish-block__gallery { -ms-flex-negative: 0; flex-shrink: 0; width: 620px; } @media only screen and (max-width: 750px) { .furnish-block__gallery { width: 100vw; margin-left: -20px; } } .furnish-block__gallery .thumbs-slider__top { height: 366px; } @media only screen and (max-width: 750px) { .furnish-block__gallery .thumbs-slider__top { height: 220px; } } @media only screen and (max-width: 750px) { .furnish-block__gallery .thumbs-slider__next, .furnish-block__gallery .thumbs-slider__prev { margin-top: 0; } } .furnish-block__text { max-height: 366px; padding-right: 15px; margin-left: 52px; font-size: 16px; line-height: 26px; font-weight: 300; color: #000; } @media only screen and (max-width: 750px) { .furnish-block__text { max-height: 268px; margin-top: 32px; margin-left: 0; font-size: 14px; line-height: 20px; } } .furnish-block__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 44px; margin-bottom: -12px; } @media only screen and (max-width: 750px) { .furnish-block__tags { margin-top: 24px; margin-bottom: -8px; margin-right: -8px; } } .furnish-block__tag { position: relative; padding: 10px 24px 10px 40px; margin-right: 12px; margin-bottom: 12px; border-radius: 36px; background-color: #f9f9f9; font-size: 14px; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } @media only screen and (max-width: 750px) { .furnish-block__tag { padding: 12px 12px 12px 28px; margin-right: 8px; margin-bottom: 8px; font-size: 12px; } } .furnish-block__tag:before { content: ""; position: absolute; top: 50%; left: 24px; width: 8px; height: 8px; border-radius: 50%; background-color: rgba(59, 70, 88, 0.5); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: background-color .3s ease; transition: background-color .3s ease; } @media only screen and (max-width: 750px) { .furnish-block__tag:before { left: 13px; width: 6px; height: 6px; } } .furnish-block__tag:hover { background-color: #292522; color: white; } @media only screen and (max-width: 750px) { .furnish-block__tag:hover { background-color: #f9f9f9; color: #14191a; } } .furnish-block__tag:hover:before { background-color: white; } @media only screen and (max-width: 750px) { .furnish-block__tag:hover:before { background-color: rgba(59, 70, 88, 0.5); } } .furnish-block__tag:hover .furnish-block__tag-tooltip { opacity: 1; -webkit-transform: translate3d(-50%, calc(-100% - 23px), 0); transform: translate3d(-50%, calc(-100% - 23px), 0); } .furnish-block__tag._red { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 22px 10px 24px; border: 1px solid rgba(239, 59, 36, 0.4); background-color: white; color: #ef3b24; } @media only screen and (max-width: 750px) { .furnish-block__tag._red { padding: 11px 16px 11px 24px; } } .furnish-block__tag._red:before { opacity: 0; } .furnish-block__tag._red:hover svg { -webkit-transform: translate3d(3px, 0, 0); transform: translate3d(3px, 0, 0); } .furnish-block__tag._red svg { width: 12px; height: 14px; margin-top: 3px; margin-left: 14px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .furnish-block__tag._red svg { margin-top: 1px; margin-left: 10px; } } .furnish-block__tag-tooltip { position: absolute; top: 0; left: 50%; z-index: 1; width: 273px; padding: 24px; border-radius: 4px; background-color: white; font-size: 14px; line-height: 20px; color: #14191a; opacity: 0; -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05); -webkit-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.05)); -webkit-transform: translate3d(-50%, calc(-100% - 16px), 0); transform: translate3d(-50%, calc(-100% - 16px), 0); -webkit-transition: all .3s ease; transition: all .3s ease; pointer-events: none; } @media only screen and (max-width: 750px) { .furnish-block__tag-tooltip { display: none; } } .furnish-block__tag-tooltip:before { content: ""; position: absolute; left: calc(50% - 10px); bottom: -10px; border-top: 11px solid white; border-right: 12px solid transparent; border-left: 12px solid transparent; } .furnish-block__modal { padding: 80px 40px 52px; font-size: 16px; line-height: 26px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .booking-form-info { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .booking-form-info { margin-bottom: 32px; } } .booking-form-info__undertitle { font-size: 16px; line-height: 142.48%; padding-bottom: 32px; } @media only screen and (max-width: 750px) { .booking-form-info__undertitle { padding-bottom: 16px; } } .booking-form-info__scrolling-inner { padding-right: 12px; } @media only screen and (max-width: 750px) { .booking-form-info__scrolling-inner { padding-right: 0; } } .booking-form-info__scrolling .ps__rail-y { width: 4px; opacity: 1; } .booking-form-info__scrolling .ps__thumb-y { right: 0; } .booking-form-info__item { margin-bottom: 24px; } @media only screen and (max-width: 750px) { .booking-form-info__item { padding: 16px; background-color: #f9f9f9; margin-bottom: 16px; } .booking-form-info__item:last-child { margin-bottom: 0; } } .booking-form-info__item:last-child { margin-bottom: 0; } .booking-form-info__item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .booking-form-info__item-num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 25px; height: 25px; margin-right: 12px; font-size: 12px; line-height: 124%; border: 1px solid #3b4658; border-radius: 50%; } .booking-form-info__item-name { font-size: 16px; line-height: 124%; } .booking-form-info__item-text { font-weight: 300; font-size: 16px; line-height: 120.56%; } @media only screen and (max-width: 750px) { .booking-form-info__item-text { font-size: 14px; line-height: 164%; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .booking-form-contacts { position: relative; margin-top: 24px; margin-bottom: 10px; } @media only screen and (max-width: 750px) { .booking-form-contacts { margin-bottom: 40px; } } @media only screen and (max-width: 750px) { .booking-form-contacts .booking-form__close-link { margin-bottom: 10px; } } .booking-form-contacts__text { margin-bottom: 32px; font-size: 16px; line-height: 142.48%; } .booking-form-contacts__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .booking-form-contacts__row:last-child { margin-bottom: 0; } .booking-form-contacts__label { margin-bottom: 12px; font-weight: normal; font-size: 20px; line-height: 22px; } @media only screen and (max-width: 750px) { .booking-form-contacts__label { margin-bottom: 16px; } } .booking-form-contacts .form-success__text { width: 100%; } .booking-form-contacts__personal { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 36px; margin-bottom: 16px; } @media only screen and (max-width: 750px) { .booking-form-contacts__personal { margin-bottom: 24px; margin-top: 40px; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .booking-form__title { margin-bottom: 40px; font-size: 36px; line-height: 120.56%; } @media only screen and (max-width: 750px) { .booking-form__title { max-width: 80%; margin-bottom: 20px; font-size: 24px; line-height: 124%; } } .booking-form__error { position: absolute; bottom: calc(100% + 7px); left: 0; width: 100%; text-align: center; color: #f00; opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-transition: all .2s ease; transition: all .2s ease; } @media only screen and (max-width: 750px) { .booking-form__error { bottom: calc(100% + 5px); } } .booking-form__error._active { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .booking-form__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 680px; } @media only screen and (max-width: 750px) { .booking-form__inner { min-height: unset; padding-top: 16px; } } .booking-form__inner-wrap { width: 100%; height: 100vh; padding-top: 56px; padding-bottom: 40px; background-color: white; opacity: 0; -webkit-transition: .2s; transition: .2s; } @media only screen and (max-width: 750px) { .booking-form__inner-wrap { padding-top: 32px; padding-bottom: 20px; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } } .booking-form__close { top: -35px; right: -140px; padding: 20px; background-size: 21px; } @media only screen and (max-width: 750px) { .booking-form__close { top: -28px; right: 4px; } } .booking-form__close-link { height: 50px; margin-top: 13px; padding-top: 15px; border: 1px solid #3b4658; font-size: 18px; line-height: 20px; text-align: center; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .booking-form__close-link { margin-top: 15px; margin-bottom: 120px; } } .booking-form__close-link:hover { background-color: #3b4658; color: #fff; } .booking-form__container { position: relative; width: 590px; margin: 0 auto; } @media only screen and (max-width: 750px) { .booking-form__container { position: relative; height: calc(100% - 32px); width: 100%; padding: 0 20px; } } .booking-form__text { margin-top: 27px; margin-bottom: 32px; font-size: 16px; line-height: 142.48%; } @media only screen and (max-width: 750px) { .booking-form__text { margin-top: 16px; margin-bottom: 16px; } .booking-form__text._mb70-mob { margin-bottom: 70px; } } .booking-form__text p { display: block; margin-bottom: 32px; font-size: 20px; line-height: 120%; } @media only screen and (max-width: 750px) { .booking-form__text p { margin-bottom: 20px; } } .booking-form__btn-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; } .booking-form__btn { width: 100%; font-size: 18px; height: 50px; } .booking-form__btn._half { width: calc(50% - 10px); } .booking-form__btn._half:first-child { margin-right: 20px; } .booking-form__btn._bordered { background-color: transparent; border: 1px solid #3b4658; color: #3b4658; } .booking-form__btn._disable { background: #f4f4f4; color: #3b4658; pointer-events: none; } .booking-form__btn._disable:hover { background: #f4f4f4; color: #3b4658; } .booking-form__personal { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .booking-form__wrapper { position: fixed; left: 0; top: 0; display: block; width: 100%; z-index: 11; pointer-events: none; } @media only screen and (max-width: 750px) { .booking-form__wrapper { z-index: 101; } } .booking-form__wrapper._active { pointer-events: all; } .booking-form__wrapper._active .booking-form__inner-wrap { opacity: 1; -webkit-transition: 0s; transition: 0s; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ @media only screen and (max-width: 750px) { .booking-flat.form { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transition: opacity .2s ease .3s, -webkit-transform 0s ease .5s; transition: opacity .2s ease .3s, -webkit-transform 0s ease .5s; transition: opacity .2s ease .3s, transform 0s ease .5s; transition: opacity .2s ease .3s, transform 0s ease .5s, -webkit-transform 0s ease .5s; } } .booking-flat.form.active { -webkit-transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, -webkit-transform 0s ease; transition: opacity .2s ease, transform 0s ease; transition: opacity .2s ease, transform 0s ease, -webkit-transform 0s ease; } @media only screen and (max-width: 750px) { .booking-flat.form.active .form__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: auto; -webkit-transition: opacity .3s ease .3s, -webkit-transform .3s ease; transition: opacity .3s ease .3s, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease .3s; transition: transform .3s ease, opacity .3s ease .3s, -webkit-transform .3s ease; } } @media only screen and (max-width: 750px) { .booking-flat.form .form__container { pointer-events: none; opacity: 1; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-animation: none; animation: none; } } .booking-flat__wrap { position: relative; width: 508px; padding: 80px 32px 30px; background-color: white; } @media only screen and (max-width: 750px) { .booking-flat__wrap { width: 100%; padding: 80px 20px 40px; } } .booking-flat__close.close-button { top: 32px; right: 32px; } @media only screen and (max-width: 750px) { .booking-flat__close.close-button { top: 24px; right: 24px; } } .booking-flat__title { width: calc(100% - 54px); font-size: 24px; line-height: 34px; color: #3b4658; } @media only screen and (max-width: 750px) { .booking-flat__title { width: 100%; font-size: 20px; line-height: 28px; } } .booking-flat__objects { position: relative; padding: 16px 23px; margin-top: 24px; background-color: #f8f8f8; color: #626b79; } @media only screen and (max-width: 750px) { .booking-flat__objects { padding: 12px 16px; margin-top: 16px; } } .booking-flat__objects:before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: #3b4658; } .booking-flat__input { margin-top: 24px; font-size: 16px; } @media only screen and (max-width: 750px) { .booking-flat__input { margin-top: 16px; } } .booking-flat__checkbox.v-checkbox { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 32px; font-size: 12px; line-height: 150%; color: #626b79; } @media only screen and (max-width: 750px) { .booking-flat__checkbox.v-checkbox { margin-top: 24px; } } .booking-flat__checkbox.v-checkbox .v-checkbox__box { margin-top: 2px; } .booking-flat__submit { position: relative; width: 160px; height: 52px; margin-top: 16px; font-size: 14px; } @media only screen and (max-width: 750px) { .booking-flat__submit { width: 100%; height: 61px; margin-top: 32px; font-size: 16px; } } .booking-flat__submit .more { padding: 0; } .booking-flat__submit-error { position: absolute; } .booking-flat__result { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: white; font-size: 26px; color: #3b4658; text-align: center; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .v-input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; font-size: 14px; line-height: 15px; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; /* Colors */ /* End colors */ /* Size */ /* End size */ /* Modificators */ /* End Modificators */ } .v-input--default { border-color: #cacaca; color: #000; } .v-input--default .v-input__label { color: #000; } .v-input--default .v-input__placeholder { color: rgba(0, 0, 0, 0.44); } .v-input--default.is-error { border-color: #ef3b24; } .v-input--default.is-error .v-input__label { color: #ef3b24; } .v-input--default.is-error .v-input__label .v-input__hint-body { color: #000; } .v-input--default.is-error .v-input__inner { border-color: #ef3b24; } .v-input--default.is-error .v-input__error { opacity: 1; } .v-input--medium .v-input__native { height: 54px; } .v-input--medium .v-input__placeholder { font-size: 16px; } .v-input--large .v-input__native { height: 60px; } .v-input--large .v-input__placeholder { font-size: 16px; } .v-input.has-label.has-placeholder .v-input__label, .v-input.is-active .v-input__label, .v-input.is-focused .v-input__label, .v-input.has-content .v-input__label { -webkit-transform: translateY(-44px); transform: translateY(-44px); } .v-input.is-textarea .v-input__placeholder { top: 16px; -webkit-transform: none; transform: none; } .v-input.has-label { padding-top: 38px; } .v-input.has-label.has-placeholder.is-active .v-input__placeholder { opacity: 0; } @media screen and (max-device-width: 1024px) { .v-input.has-label.has-placeholder.is-focused .v-input__placeholder { opacity: 0; -webkit-transition-duration: 0s; transition-duration: 0s; } } .v-input.is-active .v-input__placeholder { opacity: 0; -webkit-transition-duration: 0s; transition-duration: 0s; } @media screen and (max-device-width: 1024px) { .v-input.is-focused .v-input__placeholder { opacity: 0; -webkit-transition-duration: 0s; transition-duration: 0s; } } .v-input.is-disabled { opacity: .3; } .v-input__inner { position: relative; width: 100%; padding: 0 20px; border: 1px solid #cacaca; -webkit-transition: all .3s ease; transition: all .3s ease; } .v-input__inner input[type=file] { opacity: 0; } .v-input__native, .v-input__textarea { width: 100%; height: 48px; padding: 16px 0; border: none; background-color: transparent; outline: none; font-size: inherit; color: inherit; } .v-input__native:placeholder-shown ~ .v-input__placeholder, .v-input__textarea:placeholder-shown ~ .v-input__placeholder { opacity: 0; } .v-input__native::-webkit-outer-spin-button, .v-input__native::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .v-input__native[type=number] { -moz-appearance: textfield; } .v-input__textarea { height: 80px; resize: none; } .v-input__label, .v-input__placeholder, .v-input__error { position: absolute; pointer-events: none; } .v-input__label { left: 0; top: 14px; font-size: 16px; line-height: 18px; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: color .2s ease, -webkit-transform .3s ease; transition: color .2s ease, -webkit-transform .3s ease; transition: transform .3s ease, color .2s ease; transition: transform .3s ease, color .2s ease, -webkit-transform .3s ease; } .v-input__label._pointer { pointer-events: auto; } .v-input__hint { position: absolute; top: 50%; left: calc(100% + 10px); width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIiBmaWxsPSIjREVERURFIi8+CjxwYXRoIGQ9Ik0xMC44MjggNi4yTDEwLjY3MiAxMS40OEg5LjM1Mkw5LjE5NiA2LjJIMTAuODI4Wk05LjM2NCAxMy44MDhDOS4xODggMTMuNjMyIDkuMSAxMy40MTYgOS4xIDEzLjE2QzkuMSAxMi45MDQgOS4xODggMTIuNjg4IDkuMzY0IDEyLjUxMkM5LjU0IDEyLjMyOCA5Ljc1NiAxMi4yMzYgMTAuMDEyIDEyLjIzNkMxMC4yNjggMTIuMjM2IDEwLjQ4NCAxMi4zMjggMTAuNjYgMTIuNTEyQzEwLjgzNiAxMi42ODggMTAuOTI0IDEyLjkwNCAxMC45MjQgMTMuMTZDMTAuOTI0IDEzLjQxNiAxMC44MzYgMTMuNjMyIDEwLjY2IDEzLjgwOEMxMC40ODQgMTMuOTc2IDEwLjI2OCAxNC4wNiAxMC4wMTIgMTQuMDZDOS43NTYgMTQuMDYgOS41NCAxMy45NzYgOS4zNjQgMTMuODA4WiIgZmlsbD0iIzM5NDY1QSIvPgo8L3N2Zz4K); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); cursor: pointer; } .v-input__hint-body { position: absolute; top: -16px; left: 40%; width: 300px; padding: 30px 35px; background-color: #fff; -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0); } @media only screen and (max-width: 750px) { .v-input__hint-body { left: 112%; width: 280px; padding: 15px 20px; font-size: 14px; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .v-input__hint-body:before { content: ''; position: absolute; display: block; left: calc(50% - 10px); bottom: -10px; border-top: 11px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; } @media only screen and (max-width: 750px) { .v-input__hint-body:before { left: calc(100% - 24px); bottom: -11px; } } .v-input__placeholder { left: 20px; top: 50%; width: calc(100% - 40px); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .v-input__error { left: 0; bottom: -18px; font-size: 11px; color: #ef3b24; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .v-input__addon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } .v-input__addon.is-left { margin-right: 8px; } .v-input__addon.is-right { margin-left: 8px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .flat-viewing-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flat-viewing-form__body { position: relative; width: 520px; background-color: white; } @media only screen and (max-width: 750px) { .flat-viewing-form__body { width: 100%; } } .flat-viewing-form__close.form__close { top: 32px; right: 32px; } @media only screen and (max-width: 750px) { .flat-viewing-form__close.form__close { top: 24px; right: 20px; } } .flat-viewing-form__container { padding: 72px 40px 0; } @media only screen and (max-width: 750px) { .flat-viewing-form__container { padding: 52px 20px 0; } } .flat-viewing-form__title { margin-bottom: 36px; font-size: 30px; line-height: 36px; font-weight: 500; color: #3b4658; } @media only screen and (max-width: 750px) { .flat-viewing-form__title { font-size: 24px; line-height: 32px; } } .flat-viewing-form__input { margin-bottom: 28px; } @media only screen and (max-width: 750px) { .flat-viewing-form__input { margin-bottom: 24px; } } .flat-viewing-form__input.v-input--default .v-input__label { color: #3b4658; } .flat-viewing-form__input.v-input--default .v-input__placeholder { font-size: 16px; line-height: 26px; color: #9da3ac; } .flat-viewing-form__input.v-input.has-label { padding-top: 34px; } @media only screen and (max-width: 750px) { .flat-viewing-form__input.v-input.has-label { padding-top: 26px; } } .flat-viewing-form__input .v-input__label { top: 6px; font-size: 20px; line-height: 24px; } @media only screen and (max-width: 750px) { .flat-viewing-form__input .v-input__label { top: 14px; font-size: 16px; line-height: 20px; } } .flat-viewing-form__input .filter-select { width: 100%; } @media only screen and (max-width: 750px) { .flat-viewing-form__input .multiselect__tags { padding: 10px 36px 10px 16px; } } @media only screen and (max-width: 750px) { .flat-viewing-form__input .multiselect__select { right: 12px; width: 8px; height: 8px; } } .flat-viewing-form__item { width: calc(50% - 8px); position: relative; } .flat-viewing-form__item .flat-viewing-form__input { margin-bottom: 0; } .flat-viewing-form__item._error .flat-viewing-form__item-label { color: #ef3b24; } .flat-viewing-form__item._error .multiselect { border: 1px solid #ef3b24; } .flat-viewing-form__item .multiselect__placeholder { font-size: 16px; line-height: 26px; font-weight: 400; color: #9da3ac; } .flat-viewing-form__item .multiselect__single { display: block; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .flat-viewing-form__item .filter-select._big { width: 100%; } .flat-viewing-form__item .v-input.has-label { padding-top: 39px; } .flat-viewing-form__item-label { margin-bottom: 12px; font-size: 20px; line-height: 24px; color: #3b4658; } @media only screen and (max-width: 750px) { .flat-viewing-form__item-label { font-size: 16px; line-height: 20px; } } .flat-viewing-form__item-body { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .flat-viewing-form__item-error { position: absolute; margin-top: 2px; font-size: 11px; color: #ef3b24; } .flat-viewing-form__submit { width: 100%; height: 80px; margin-top: 36px; font-size: 24px; line-height: 32px; font-weight: 500; } @media only screen and (max-width: 750px) { .flat-viewing-form__submit { height: 56px; font-size: 16px; line-height: 26px; font-weight: 400; } } .flat-viewing-form__submit .more { padding: 0; } .flat-viewing-form__result { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 20px; background-color: white; font-size: 24px; z-index: 3; } .flat-viewing-form__checkbox.v-checkbox { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 28px; font-size: 14px; line-height: 160%; } @media only screen and (max-width: 750px) { .flat-viewing-form__checkbox.v-checkbox { margin-top: 24px; font-size: 12px; line-height: 14px; } } .flat-viewing-form__checkbox.v-checkbox .v-checkbox__box { margin-top: 2px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .feature-slider._loaded { min-height: auto; padding-top: 72px; padding-bottom: 80px; border-bottom: 1px solid #e1e1e1; } @media only screen and (max-width: 750px) { .feature-slider._loaded { padding: 32px 0; } } .feature-slider__title { font-size: 28px; line-height: 40px; } @media only screen and (max-width: 750px) { .feature-slider__title { font-size: 18px; line-height: 24px; } } .feature-slider__desc { max-width: 768px; margin-top: 24px; font-weight: 300; font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .feature-slider__desc { margin-top: 20px; font-size: 14px; line-height: 20px; } } .feature-slider__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 32px; } @media only screen and (max-width: 750px) { .feature-slider__tabs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100vw; margin-left: -20px; padding: 0 20px; overflow: auto; } } .feature-slider__tabs-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .feature-slider__tabs-row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .feature-slider__tab { padding: 10px 24px; margin-bottom: 10px; border: 1px solid #dedede; border-radius: 50px; background-color: white; white-space: nowrap; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .feature-slider__tab:not(:last-child) { margin-right: 8px; } .feature-slider__tab._active { border-color: #3b4658; background-color: #3b4658; color: white; } @media (hover), (min-width: 0 \0) { .feature-slider__tab:hover { border-color: #3b4658; background-color: #3b4658; color: white; } } .feature-slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 24px; } @media only screen and (max-width: 750px) { .feature-slider__item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 32px; } } .feature-slider__item-content { margin-left: 60px; } @media only screen and (max-width: 750px) { .feature-slider__item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0; } } .feature-slider__item-title { margin-bottom: 32px; font-size: 24px; line-height: 30px; font-weight: 600; } @media only screen and (max-width: 750px) { .feature-slider__item-title { display: none; } } .feature-slider__item-text { font-size: 16px; line-height: 26px; font-weight: 300; } @media only screen and (max-width: 750px) { .feature-slider__item-text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 24px; font-size: 14px; line-height: 20px; } } .feature-slider__item-more { display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-top: 24px; line-height: 26px; border-bottom: 1px solid #3b4658; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .feature-slider__item-more { margin-top: 12px; } } .feature-slider__item-more:hover { border-color: transparent; } .feature-slider__item-button { height: 56px; min-width: 332px; margin-top: 32px; } @media only screen and (max-width: 750px) { .feature-slider__item-button { display: none; min-width: 100%; margin-top: 16px; } } .feature-slider__item-button._mob { display: none; } @media only screen and (max-width: 750px) { .feature-slider__item-button._mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .feature-slider__item-gallery { -ms-flex-negative: 0; flex-shrink: 0; width: 756px; } @media only screen and (max-width: 750px) { .feature-slider__item-gallery { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } } .feature-slider__item-gallery .thumbs-slider__top { height: 480px; } @media only screen and (max-width: 750px) { .feature-slider__item-gallery .thumbs-slider__top { height: auto; } } @media only screen and (max-width: 750px) { .feature-slider__item-gallery .thumbs-slider__slide { min-height: 206px; } } @media only screen and (max-width: 750px) { .feature-slider__item-gallery .thumbs-slider__pagination.swiper-pagination { margin-top: 16px; } } @media only screen and (max-width: 750px) { .feature-slider__item-gallery .thumbs-slider__next, .feature-slider__item-gallery .thumbs-slider__prev { display: none; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .ui-radio-button__content { font-family: "Grtsk-Exa", "Verdana", sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; line-height: 2rem; color: #3b4658; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .mortgage-programs-popup { position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: calc(var(--vh, 1vh) * 100); z-index: 100; overflow: auto; } @media only screen and (max-width: 750px) { .mortgage-programs-popup { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: white; } } .mortgage-programs-popup__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .mortgage-programs-popup__close { position: absolute; top: 48px; right: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; z-index: 6; font-size: 14px; line-height: 110%; text-transform: uppercase; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__close { top: 16px; right: 16px; font-size: 12px; } } .mortgage-programs-popup__close:hover .mortgage-programs-popup__cross { -webkit-transform: scale(0.8); transform: scale(0.8); } .mortgage-programs-popup__close:active .mortgage-programs-popup__cross { -webkit-transform: scale(0.7); transform: scale(0.7); } .mortgage-programs-popup__cross { width: 100%; height: 100%; min-width: 21px; min-height: 21px; margin-left: 12px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHRpdGxlPkdyb3VwIDQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPgo8ZyBpZD0iQ2FudmFzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyMzkgLTEyNTEpIj4KPGcgaWQ9Ikdyb3VwIDQiPgo8ZyBpZD0iVmVjdG9yIDI4Ij4KPHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjI0MCAxMjUyKSIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjguMSI+Cjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcgMSAtMSA2LjEyMzIzZS0xNyAxMjI2MS41IDEyNTIpIiBmaWxsPSIjM0I0NjU4Ii8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNIC0wLjM1MzU1MyAwLjM1MzU1M0wgMjEuMTQ2NCAyMS44NTM2TCAyMS44NTM2IDIxLjE0NjRMIDAuMzUzNTUzIC0wLjM1MzU1M0wgLTAuMzUzNTUzIDAuMzUzNTUzWiIvPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat; background-size: contain; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__cross { min-width: 16px; min-height: 16px; } } .mortgage-programs-popup__content { position: relative; max-width: 756px; width: 100%; padding: 48px; background-color: white; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__content { max-width: none; height: 100%; padding: 52px 20px 23px; } } .mortgage-programs-popup__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 16px; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 24px; } } .mortgage-programs-popup__left { max-width: 393px; } .mortgage-programs-popup__title { font-weight: 500; font-size: 24px; line-height: 40px; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__title { font-size: 18px; line-height: 24px; } } .mortgage-programs-popup__desc { font-weight: 300; font-size: 16px; line-height: 26px; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__desc { font-size: 14px; line-height: 20px; } } .mortgage-programs-popup__button { width: 256px; height: 56px; margin-top: 32px; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__button { display: none; width: 100%; margin-top: 56px; } } .mortgage-programs-popup__button._mob { display: none; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__button._mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .mortgage-programs-popup__right { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 40px; padding-left: 56px; border-left: 1px solid #d9d9d9; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 40px; padding-top: 40px; margin-left: 0; padding-left: 0; border-left: none; border-top: 1px solid #d9d9d9; } } .mortgage-programs-popup__info { z-index: 1; } .mortgage-programs-popup__info-item:not(:last-child) { margin-bottom: 48px; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__info-item:not(:last-child) { margin-bottom: 24px; } } .mortgage-programs-popup__label { max-width: 112px; margin-top: 8px; font-weight: 300; font-size: 16px; line-height: 20px; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__label { font-size: 14px; line-height: 20px; } } .mortgage-programs-popup__value { font-weight: 600; font-size: 24px; line-height: 26px; opacity: .8; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__value { font-size: 18px; line-height: 22px; } } .mortgage-programs-popup__icon { position: absolute; right: 0; bottom: 0; width: 136px; height: 136px; fill: #f5f6f7; } @media only screen and (max-width: 750px) { .mortgage-programs-popup__icon { position: static; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .mortgage-programs { min-height: 374px; background-color: #f9f9f9; } .mortgage-programs._loaded { min-height: auto; } .mortgage-programs__container { padding-top: 72px; padding-bottom: 72px; } @media only screen and (max-width: 750px) { .mortgage-programs__container { padding-top: 40px; padding-bottom: 40px; } } .mortgage-programs__title { margin-bottom: 40px; } @media only screen and (max-width: 750px) { .mortgage-programs__title { margin-bottom: 24px; padding-top: 0; } } .mortgage-programs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -16px; } @media only screen and (max-width: 750px) { .mortgage-programs__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .mortgage-programs__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 389px; min-height: 230px; padding: 40px; margin-bottom: 16px; background-color: white; cursor: pointer; fill: #f5f6f7; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 750px) { .mortgage-programs__item { width: 100%; min-height: auto; padding: 32px; } } .mortgage-programs__item:hover { background-color: #3b4658; color: white; fill: rgba(237, 244, 255, 0.05); } .mortgage-programs__item:not(:nth-child(3n)) { margin-right: 16px; } .mortgage-programs__icon { position: absolute; right: 16px; bottom: 16px; width: 100px; height: 100px; } @media only screen and (max-width: 750px) { .mortgage-programs__icon { width: 72px; height: 72px; right: 14px; bottom: 14px; } } .mortgage-programs__icon svg { width: 100%; height: 100%; } .mortgage-programs__item-title { font-weight: 500; font-size: 23px; line-height: 30px; margin-bottom: 10px; } @media only screen and (max-width: 750px) { .mortgage-programs__item-title { font-size: 22px; margin-bottom: 0; } } .mortgage-programs__info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 8px; z-index: 1; } @media only screen and (max-width: 750px) { .mortgage-programs__info { margin-top: 16px; } } .mortgage-programs__info-item:not(:last-child) { margin-right: 46px; } .mortgage-programs__label { max-width: 112px; margin-top: 8px; font-weight: 300; font-size: 16px; line-height: 20px; } @media only screen and (max-width: 750px) { .mortgage-programs__label { font-size: 14px; line-height: 20px; } } .mortgage-programs__value { font-weight: 600; font-size: 24px; line-height: 26px; opacity: .8; white-space: nowrap; } @media only screen and (max-width: 750px) { .mortgage-programs__value { font-size: 18px; line-height: 22px; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .filter-item__hint { position: absolute; top: 50%; left: calc(100% + 10px); z-index: 7; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIiBmaWxsPSIjREVERURFIi8+CjxwYXRoIGQ9Ik0xMC44MjggNi4yTDEwLjY3MiAxMS40OEg5LjM1Mkw5LjE5NiA2LjJIMTAuODI4Wk05LjM2NCAxMy44MDhDOS4xODggMTMuNjMyIDkuMSAxMy40MTYgOS4xIDEzLjE2QzkuMSAxMi45MDQgOS4xODggMTIuNjg4IDkuMzY0IDEyLjUxMkM5LjU0IDEyLjMyOCA5Ljc1NiAxMi4yMzYgMTAuMDEyIDEyLjIzNkMxMC4yNjggMTIuMjM2IDEwLjQ4NCAxMi4zMjggMTAuNjYgMTIuNTEyQzEwLjgzNiAxMi42ODggMTAuOTI0IDEyLjkwNCAxMC45MjQgMTMuMTZDMTAuOTI0IDEzLjQxNiAxMC44MzYgMTMuNjMyIDEwLjY2IDEzLjgwOEMxMC40ODQgMTMuOTc2IDEwLjI2OCAxNC4wNiAxMC4wMTIgMTQuMDZDOS43NTYgMTQuMDYgOS41NCAxMy45NzYgOS4zNjQgMTMuODA4WiIgZmlsbD0iIzM5NDY1QSIvPgo8L3N2Zz4K); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); cursor: pointer; } .filter-item__hint-body { position: absolute; top: -16px; left: 40%; width: 300px; padding: 30px 35px; background-color: #fff; -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0); } @media only screen and (max-width: 750px) { .filter-item__hint-body { left: 223px; width: 280px; padding: 15px 20px; font-size: 14px; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .filter-item__hint-body:before { content: ''; position: absolute; display: block; left: calc(50% - 10px); bottom: -10px; border-top: 11px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; } @media only screen and (max-width: 750px) { .filter-item__hint-body:before { left: 55px; bottom: -11px; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .filter-tag-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: .8rem 1.2rem; margin-right: 1.2rem; height: 3.2rem; border-radius: 50px; border: 1px solid #d0d1d1; background-color: #fff; margin-bottom: 1.2rem; color: #292522; font-size: 1.4rem; line-height: 1.6rem; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; /* Size */ } @media only screen and (max-width: 750px) { .filter-tag-item { margin-right: .8rem; margin-bottom: .8rem; } } .filter-tag-item span { font-family: Grtsk-Exa, sans-serif; } .filter-tag-item.swiper-slide { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 1px; } .filter-tag-item.active { background-color: #292522; color: #fff; fill: #fff; border: 1px solid #292522; } .filter-tag-item.active .filter-tag-item__icn svg > path { fill: #fff; } .filter-tag-item.active .filter-tag-item__icn svg > g path { fill: #fff; } .filter-tag-item.active .filter-tag-item__tag-plus { fill: #fff; } .filter-tag-item.active .filter-tag-item__hint { color: #fff; } .filter-tag-item.active .filter-tag-item-anim-new__gradient._red, .filter-tag-item.active .filter-tag-item-anim-new__gradient_white { display: none; } .filter-tag-item._no-shrink { -ms-flex-negative: 0; flex-shrink: 0; } .filter-tag-item.disabled { background-color: #fff; color: #b9babb; border-color: #e8e8e9; fill: #d0d1d1; pointer-events: none; } .filter-tag-item.disabled > svg > path { fill: #d0d1d1; } .filter-tag-item.disabled > svg > g path { fill: #d0d1d1; } .filter-tag-item.disabled .filter-tag-item__tag-plus { fill: #d4d4d4; } .filter-tag-item.disabled .filter-tag-item__hint-question { color: #d0d1d1; } .filter-tag-item.disabled .filter-tag-item-anim-new__gradient._red, .filter-tag-item.disabled .filter-tag-item-anim-new__gradient_white { display: none; } .filter-tag-item .filter-tag-item-anim-new__gradient { display: none; } .filter-tag-item._anim { overflow: hidden; } .filter-tag-item._anim:hover { overflow: visible; } .filter-tag-item._anim:hover .filter-tag-item-anim-new__gradient { display: none; } .filter-tag-item._anim .filter-tag-item-anim-new__gradient { display: block; } .filter-tag-item._anim .filter-tag-item-anim-new__gradient._white { opacity: 0; } .filter-tag-item._anim .filter-tag-item-anim-new__gradient._red { opacity: .27; } .filter-tag-item.red { border: 1px solid #fbc5be; color: #ef3b24; } .filter-tag-item.red .filter-tag-item__icn svg { fill: #ef3b24; -webkit-transition: all .2s ease; transition: all .2s ease; } .filter-tag-item.red .filter-tag-item__icn svg > path { fill: #ef3b24; } .filter-tag-item.red .filter-tag-item__icn svg > g path { fill: #ef3b24; } .filter-tag-item.red .filter-tag-item__hint { color: #ef3b24; } .filter-tag-item.red.active { border: 1px solid #292522; color: #fff; fill: #fff; } .filter-tag-item.red.active .filter-tag-item__icn svg { fill: #fff; } .filter-tag-item.red.active .filter-tag-item__icn svg > path { fill: #fff; } .filter-tag-item.red.active .filter-tag-item__icn svg > g path { fill: #fff; } .filter-tag-item.red.active .filter-tag-item__hint { color: white; } .filter-tag-item.red.disabled { border: 1px solid #e8e8e9; color: #b9babb; fill: #d0d1d1; pointer-events: none; } .filter-tag-item.red.disabled .filter-tag-item__icn svg { fill: #d0d1d1; } .filter-tag-item.red.disabled .filter-tag-item__icn svg > path { fill: #d0d1d1; } .filter-tag-item.red.disabled .filter-tag-item__icn svg > g path { fill: #d0d1d1; } .filter-tag-item.red.disabled .filter-tag-item__hint { color: #d0d1d1; } .filter-tag-item.red.disabled .filter-tag-item__hint-question { color: #d0d1d1; } @media (hover), (min-width: 0 \0) { .filter-tag-item.red:hover { background-color: #292522; color: white; fill: #fff; border-color: #292522; } .filter-tag-item.red:hover .filter-tag-item__icn svg { fill: #fff; } .filter-tag-item.red:hover .filter-tag-item__icn svg > path { fill: #fff; } .filter-tag-item.red:hover .filter-tag-item__icn svg > g path { fill: #fff; } .filter-tag-item.red:hover .filter-tag-item__hint { border-color: white; } } .filter-tag-item.grey { border: 1px solid #292522; color: #292522; } .filter-tag-item.grey.active { color: #fff; } .filter-tag-item.grey.disabled { color: #b9babb; border: 1px solid #e8e8e9; } .filter-tag-item._special_order { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .filter-tag-item.first_order.order_1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .filter-tag-item.first_order.order_2 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .filter-tag-item.first_order.order_3 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .filter-tag-item.first_order.order_4 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .filter-tag-item.first_order.order_5 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .filter-tag-item.first_order.order_6 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .filter-tag-item._ipoteka-plus { background-color: #ef3b24; border-color: #ef3b24; color: white; } .filter-tag-item._ipoteka-plus .filter-tag-item__hint { color: white; } @media (hover), (min-width: 0 \0) { .filter-tag-item._ipoteka-plus:hover { background-color: white; color: #ef3b24; fill: #ef3b24; border-color: #ef3b24; } .filter-tag-item._ipoteka-plus:hover .filter-tag-item__icn svg { fill: #ef3b24; } .filter-tag-item._ipoteka-plus:hover .filter-tag-item__icn svg > path { fill: #ef3b24; } .filter-tag-item._ipoteka-plus:hover .filter-tag-item__icn svg > g path { fill: #ef3b24; } .filter-tag-item._ipoteka-plus:hover .filter-tag-item__hint { color: #ef3b24; } .filter-tag-item._ipoteka-plus:hover .filter-tag-item__tag-plus { fill: #ef3b24; } } .filter-tag-item._ipoteka-plus.active { background-color: #292522; border-color: #292522; } @media (hover), (min-width: 0 \0) { .filter-tag-item._ipoteka-plus.active:hover { color: white; border-color: #292522; } .filter-tag-item._ipoteka-plus.active:hover .filter-tag-item__hint { color: white; } .filter-tag-item._ipoteka-plus.active:hover .filter-tag-item__tag-plus { fill: white; } } .filter-tag-item._ipoteka-plus.disabled { background-color: white; } .filter-tag-item--small { height: 32px; padding: 6px 12px; margin-bottom: 8px; } .filter-tag-item--small .filter-tag-item__hint { margin-left: 4px; } @media only screen and (max-width: 750px) { .filter-tag-item .filter-tag-item__hint { margin-left: 4px; } } @media (hover), (min-width: 0 \0) { .filter-tag-item:hover { background-color: #292522; color: white; fill: #fff; border-color: #292522; } .filter-tag-item:hover .filter-tag-item__icn svg > path { fill: #fff; } .filter-tag-item:hover .filter-tag-item__icn svg > g path { fill: #fff; } .filter-tag-item:hover .filter-tag-item__tag-plus { fill: #fff; } .filter-tag-item:hover .filter-tag-item__hint { color: white; } } .filter-tag-item__icn { width: 1.6rem; height: 1.6rem; margin-right: .4rem; } .filter-tag-item__icn svg { width: 100%; height: 100%; } .filter-tag-item__icn._more { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 14px; height: 14px; margin-right: -3px; margin-left: 4px; stroke: #ef3b24; } .filter-tag-item__hint { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.6rem; height: 1.6rem; margin-left: .4rem; color: #b9babb; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .filter-tag-item__hint:hover { color: #767e8b; } @media only screen and (max-width: 750px) { .filter-tag-item__hint._hide { display: none; } } .filter-tag-item__hint .v-popover { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter-tag-item__hint-question { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-tag-item__hint-question--wrapper { position: relative; z-index: 3; } @media only screen and (max-width: 750px) { .filter-tag-item__hint-question--wrapper:before { content: ""; position: absolute; z-index: 3; top: 50%; left: 50%; width: 150%; height: 150%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .filter-tag-item__tag-plus { margin-left: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; fill: #fff; } @media only screen and (max-width: 750px) { .filter-tag-item__tag-plus { margin-left: 8px; } } .filter-tag-item__tag-plus._short { margin-left: 8px; } .filter-tag-item__blackfriday-icon { margin: 0 6px 0 0; } .filter-tag-item__text._flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .filter-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -12px; } .filter-tag.swiper-wrapper { margin-bottom: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .filter-tag.second { margin-top: 16px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .v-switch { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; cursor: pointer; /* Colors */ /* End Colors */ /* Sizes */ /* End Sizes */ /* Modificators */ /* End Modificators */ } .v-switch--default .v-switch__field { background-color: rgba(41, 37, 34, 0.3); } @media (hover), (min-width: 0 \0) { .v-switch--default .v-switch__field:hover { background-color: #968a81; } } .v-switch--default .v-switch__dot { background-color: #fff; } .v-switch--default .v-switch__label._left { color: #292522; } .v-switch--default .v-switch__label._right { color: #292522; } .v-switch--default.is-checked .v-switch__field { background-color: #292522; } @media (hover), (min-width: 0 \0) { .v-switch--default.is-checked .v-switch__field:hover { background-color: rgba(41, 37, 34, 0.5); } } .v-switch--large .v-switch__label { font-size: 16px; line-height: 1.16; } @media only screen and (max-width: 750px) { .v-switch--large .v-switch__label { font-size: 14px; } } .v-switch--large .v-switch__field { width: 36px; height: 20px; } .v-switch--large .v-switch__dot { width: 16px; height: 16px; } .v-switch--large.is-checked .v-switch__dot { left: calc(100% - 16px - 3px); } .v-switch--medium .v-switch__label { font-size: 1.6rem; line-height: 2.4rem; } @media only screen and (max-width: 750px) { .v-switch--medium .v-switch__label { font-size: 12px; } } .v-switch--medium .v-switch__field { width: 36px; height: 20px; } .v-switch--medium .v-switch__dot { width: 16px; height: 16px; } .v-switch--medium.is-checked .v-switch__dot { left: calc(100% - 16px - 3px); } @media only screen and (max-width: 750px) { .v-switch.is-mobile-big .v-switch__field { width: 48px; height: 28px; border-radius: 14px; } .v-switch.is-mobile-big .v-switch__dot { width: 22px; height: 22px; } .v-switch.is-mobile-big.is-checked .v-switch__dot { left: calc(100% - 22px - 3px); } } .v-switch.is-disabled { opacity: .5; cursor: not-allowed; } .v-switch.is-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .v-switch.is-reverse .v-switch__label._left { margin-right: 0; margin-left: 1.4rem; } .v-switch.is-reverse .v-switch__label._right { margin-right: 1.4rem; margin-left: 0; } .v-switch__label { -webkit-transition: color .3s ease; transition: color .3s ease; opacity: .6; } .v-switch__label._left { margin-right: 14px; } @media only screen and (max-width: 750px) { .v-switch__label._left { margin-right: 8px; } } .v-switch__label._right { margin-left: 14px; } @media only screen and (max-width: 750px) { .v-switch__label._right { margin-left: 8px; } } .v-switch__label.is-active { opacity: 1; } .v-switch__field { position: relative; display: block; border-radius: 1rem; outline: none; -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; cursor: pointer; } .v-switch__dot { position: absolute; top: 50%; left: 3px; border-radius: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: left .3s ease; transition: left .3s ease; will-change: left; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .promo-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc((100% - 80px) / 4); min-height: 413px; padding: 24px; border-radius: 8px; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); overflow: hidden; } @media only screen and (max-width: 750px) { .promo-card { width: 100%; } } .promo-card:before { content: ""; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 284px; background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #14191a), color-stop(26.56%, rgba(20, 25, 26, 0.9)), to(rgba(20, 25, 26, 0))); background: linear-gradient(0, #14191a 0%, rgba(20, 25, 26, 0.9) 26.56%, rgba(20, 25, 26, 0) 100%); opacity: 0.8; } .promo-card:hover .promo-card__button { background-color: #dcdcdc; color: #4f4f4f; } @media only screen and (max-width: 750px) { .promo-card:hover .promo-card__button { background-color: #fff; color: #14191a; } } .promo-card._active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .promo-card._big { width: calc((100% - 60px) / 4 * 2 + 10px); padding: 32px; } @media only screen and (max-width: 750px) { .promo-card._big { width: 100%; padding: 24px; } } .promo-card._big:before { height: 132px; } @media only screen and (max-width: 750px) { .promo-card._big:before { height: 284px; } } .promo-card._big .promo-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 750px) { .promo-card._big .promo-card__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 751px) { .promo-card._big .promo-card__button { width: auto; padding: 12px 28px 14px; font-size: 16px; } } .promo-card__frame { position: absolute; top: 0; left: 50%; width: auto; height: 100%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 0; } .promo-card__frame.is-video { opacity: 1; } .promo-card__image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .promo-card__content { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } @media only screen and (max-width: 750px) { .promo-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .promo-card__title { font-size: 24px; line-height: 24px; font-family: "Grtsk-Tera", "Verdana", sans-serif; font-weight: 600; color: white; } @media only screen and (max-width: 750px) { .promo-card__title { -ms-flex-item-align: start; align-self: flex-start; } } .promo-card__button { width: 100%; margin-top: 20px; padding: 13px; border-radius: 8px; background-color: #fff; font-size: 14px; line-height: 20px; text-align: center; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; color: #14191a; } @media only screen and (max-width: 750px) { .promo-card__button { width: 100%; max-width: 214px; padding: 13px 20px; font-size: 14px; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .exchange-flats { margin-bottom: 80px; } @media only screen and (max-width: 750px) { .exchange-flats { margin-bottom: 44px; } } .exchange-flats__list { width: 100%; background-color: #f9f9f9; padding-bottom: 32px; } .exchange-flats__list > .flat-l-params { z-index: auto; } .job-vacancies-app__show-more { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: -webkit-max-content; height: -moz-max-content; height: max-content; padding: 15px 60px; margin: 40px auto; line-height: 26px; } @media only screen and (max-width: 750px) { .job-vacancies-app__show-more { margin: 0 auto; } } .more { width: 99px; padding: 13px 26px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .excursion-form { width: auto; } @media only screen and (max-width: 750px) { .excursion-form { width: 100%; } } .excursion-form__error { position: absolute; bottom: calc(100% + 7px); left: 0; width: 100%; text-align: center; color: #f00; opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-transition: all .2s ease; transition: all .2s ease; } @media only screen and (max-width: 750px) { .excursion-form__error { bottom: calc(100% + 5px); } } .excursion-form__error._active { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .excursion-form__wrapper { position: fixed; left: 0; top: 0; display: block; width: 100%; z-index: 10; pointer-events: none; } @media only screen and (max-width: 750px) { .excursion-form__wrapper { z-index: 101; } } .excursion-form__wrapper._active { pointer-events: all; } .excursion-form__wrapper._active .excursion-form__inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .7s; transition: .7s; } .excursion-form__inner-wrap { width: 100%; height: 100vh; padding-bottom: 50px; background-color: white; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: .7s; transition: .7s; } @media only screen and (max-width: 750px) { .excursion-form__inner-wrap { padding-bottom: 0; } } .excursion-form__inner-wrap._popup { padding-top: 60px; } @media only screen and (max-width: 750px) { .excursion-form__inner-wrap._popup { padding-top: 20px; } .excursion-form__inner-wrap._popup .excursion-form__close { top: 0; z-index: 5; } } .excursion-form__inner-wrap._block { -webkit-transform: translateX(0); transform: translateX(0); height: auto; } @media only screen and (max-width: 750px) { .excursion-form__inner-wrap._block { height: auto; margin: 0 0 40px; padding: 1px 0; } .excursion-form__inner-wrap._block .excursion-form__container { height: auto; overflow: unset; } .excursion-form__inner-wrap._block .excursion-form__projects { max-height: none; } .excursion-form__inner-wrap._block .excursion-form__btn-wrap { margin-bottom: 35px; } .excursion-form__inner-wrap._block .excursion-contacts { margin-bottom: 0; } } .excursion-form__close { top: 70px; right: 100px; } @media only screen and (max-width: 750px) { .excursion-form__close { top: 35px; right: 20px; } } .excursion-form__title { margin-bottom: 46px; font-size: 28px; line-height: 34px; text-align: center; } @media only screen and (max-width: 750px) { .excursion-form__title { padding: 35px 104px 30px 20px; margin: 0; font-size: 18px; line-height: 24px; text-align: left; background-color: white; } } .excursion-form__container { width: 590px; margin: 0 auto; } @media only screen and (max-width: 750px) { .excursion-form__container { position: relative; height: calc(100vh - 70px); width: 100%; padding: 0 20px; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } } .excursion-form__projects-wrapper { height: 474px; margin-top: 50px; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .excursion-form__projects-wrapper { height: auto; margin-top: 25px; margin-bottom: 30px; } } .excursion-form__btn-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; } .excursion-form__btn { width: 100%; font-size: 18px; height: 50px; } .excursion-form__btn._half { width: calc(50% - 10px); } .excursion-form__btn._half:first-child { margin-right: 20px; } .excursion-form__btn._bordered { background-color: transparent; border: 1px solid #3b4658; color: #14191a; } .excursion-form__btn._disable { background: #f4f4f4; color: #14191a; } .excursion-form__btn._disable:hover { background: #f4f4f4; color: #14191a; } .excursion-form__personal { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .villas-intro { width: 100%; height: 452px; margin: 0 auto; background-repeat: no-repeat; background-position: right 0 bottom 0; background-size: 760px 93%; background-color: #efefef; } @media only screen and (max-width: 1399px) { .villas-intro { background-position: left 935px bottom -34px; } } @media screen and (max-device-width: 1024px) { .villas-intro { background-position: left 480px bottom -90px; background-size: 460px 57%; } } @media only screen and (max-width: 750px) { .villas-intro { height: 400px; background-position: left 144px bottom -108px; } } .villas-intro__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; padding-bottom: 82px; } @media only screen and (max-width: 750px) { .villas-intro__container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 40px; padding-bottom: 32px; overflow-x: auto; } } .villas-intro__title { margin-bottom: 40px; font-size: 36px; line-height: 48px; max-width: 502px; } @media only screen and (max-width: 750px) { .villas-intro__title { font-size: 21px; line-height: 28px; } } .villas-intro__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 520px; } @media only screen and (max-width: 750px) { .villas-intro__content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .villas-intro__colunm { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .villas-intro__colunm { margin-right: 32px; } } .villas-intro__colunm-icon { width: 100%; height: 100%; max-width: 35px; max-height: 35px; margin-right: 23px; background-repeat: no-repeat; background-position: 50% 50%; } @media only screen and (max-width: 750px) { .villas-intro__colunm-icon { margin-right: 19px; min-width: 35px; } } .villas-intro__colunm-icon._1i { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNy4wNDcgNi4wNTI3M0gyMy4xOTY2VjIuMDY4MzZDMjMuMTk2NiAxLjQyMjIyIDIyLjY3MDggMC44OTY0ODQgMjIuMDI0NyAwLjg5NjQ4NEg2LjYyMjkxQzUuOTc2NzcgMC44OTY0ODQgNS40NTEwMyAxLjQyMjIyIDUuNDUxMDMgMi4wNjgzNlY2LjA1MjczSDEuNjAwNTlDMC45NTQ0NDggNi4wNTI3MyAwLjQyODcxMSA2LjU3ODQ3IDAuNDI4NzExIDcuMjI0NjFWMzQuNjhDMC40Mjg3MTEgMzQuOTU3NCAwLjY1MzUxIDM1LjE4MjIgMC45MzA5NDMgMzUuMTgyMkgyNy43MTY3QzI3Ljk5NDEgMzUuMTgyMiAyOC4yMTg5IDM0Ljk1NzQgMjguMjE4OSAzNC42OFY3LjIyNDYxQzI4LjIxODkgNi41Nzg0NyAyNy42OTMyIDYuMDUyNzMgMjcuMDQ3IDYuMDUyNzNaTTE2LjUwMDEgMzQuMTc3N0gxMi4xNDc1VjI2LjkyMzNDMTIuMTQ3NSAyNi44MzA5IDEyLjIyMjUgMjYuNzU1OSAxMi4zMTQ5IDI2Ljc1NTlIMTYuMzMyN0MxNi40MjUxIDI2Ljc1NTkgMTYuNTAwMSAyNi44MzA5IDE2LjUwMDEgMjYuOTIzM1YzNC4xNzc3Wk0yNy4yMTQ0IDM0LjE3NzdIMTcuNTA0NlYyNi45MjMzQzE3LjUwNDYgMjYuMjc3MiAxNi45Nzg5IDI1Ljc1MTQgMTYuMzMyNyAyNS43NTE0SDEyLjMxNDlDMTEuNjY4NyAyNS43NTE0IDExLjE0MyAyNi4yNzcyIDExLjE0MyAyNi45MjMzVjM0LjE3NzdIMS40MzMxOFY3LjIyNDYxQzEuNDMzMTggNy4xMzIyNyAxLjUwODI0IDcuMDU3MiAxLjYwMDU5IDcuMDU3MkgxMy4zODYzQzEzLjY2MzcgNy4wNTcyIDEzLjg4ODUgNi44MzI0IDEzLjg4ODUgNi41NTQ5N0MxMy44ODg1IDYuMjc3NTMgMTMuNjYzNyA2LjA1MjczIDEzLjM4NjMgNi4wNTI3M0g2LjQ1NTVWMi4wNjgzNkM2LjQ1NTUgMS45NzYwMiA2LjUzMDU2IDEuOTAwOTUgNi42MjI5MSAxLjkwMDk1SDIyLjAyNDdDMjIuMTE3IDEuOTAwOTUgMjIuMTkyMSAxLjk3NjAyIDIyLjE5MjEgMi4wNjgzNlY2LjA1MjczSDE1LjI2MTNDMTQuOTgzOSA2LjA1MjczIDE0Ljc1OTEgNi4yNzc1MyAxNC43NTkxIDYuNTU0OTdDMTQuNzU5MSA2LjgzMjQgMTQuOTgzOSA3LjA1NzIgMTUuMjYxMyA3LjA1NzJIMjcuMDQ3QzI3LjEzOTQgNy4wNTcyIDI3LjIxNDQgNy4xMzIyNyAyNy4yMTQ0IDcuMjI0NjFWMzQuMTc3N1oiIGZpbGw9IiMzQzQ1NTciLz4KPHBhdGggZD0iTTYuNDEyMTEgMTQuMDgzNUgyMS45MDY2IiBzdHJva2U9IiMzQzQ1NTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTYuNDEyMTEgMTkuMzU3OUgyMS45MDY2IiBzdHJva2U9IiMzQzQ1NTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); } .villas-intro__colunm-icon._2i { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzUgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMi4yNTk1IDEuMjY1MTRIMzIuOTA0OEMzMy42MTc0IDEuMjY1MTQgMzQuMTk1MSAxLjg0Mjg0IDM0LjE5NTEgMi41NTU0N1YzMy41MjM0QzM0LjE5NTEgMzQuMjM2MSAzMy42MTc0IDM0LjgxMzggMzIuOTA0OCAzNC44MTM4SDIyLjI1OTVNMjIuMjU5NSAxLjI2NTE0VjEyLjgzNzhNMjIuMjU5NSAxLjI2NTE0SDEuOTM2ODJDMS4yMjQxOSAxLjI2NTE0IDAuNjQ2NDg0IDEuODQyODQgMC42NDY0ODQgMi41NTU0N1YxMi44Mzc4TTIyLjI1OTUgMzQuODEzOFYyMy4yMDA4TTIyLjI1OTUgMzQuODEzOEgxLjkzNjgyQzEuMjI0MTkgMzQuODEzOCAwLjY0NjQ4NCAzNC4yMzYxIDAuNjQ2NDg0IDMzLjUyMzRWMjMuMjAwOE0yMi4yNTk1IDEyLjgzNzhWMTYuNzQ5MUMyMi42ODMyIDE2Ljc0OTEgMjMuMTAyNiAxNi44MzI2IDIzLjQ5NCAxNi45OTQ3QzIzLjg4NTQgMTcuMTU2OCAyNC4yNDEgMTcuMzk0NCAyNC41NDA1IDE3LjY5MzlDMjQuODQwMSAxNy45OTM1IDI1LjA3NzcgMTguMzQ5MSAyNS4yMzk4IDE4Ljc0MDVDMjUuNDAxOSAxOS4xMzE4IDI1LjQ4NTQgMTkuNTUxMyAyNS40ODU0IDE5Ljk3NDlIMjIuMjU5NVYyMy4yMDA4TTIyLjI1OTUgMTIuODM3OEgxMi45MDQ2VjguOTY2OEMxMi40ODEgOC45NjY4IDEyLjA2MTUgOS4wNTAyNCAxMS42NzAyIDkuMjEyMzVDMTEuMjc4OCA5LjM3NDQ3IDEwLjkyMzIgOS42MTIwOCAxMC42MjM2IDkuOTExNjNDMTAuMzI0MSAxMC4yMTEyIDEwLjA4NjUgMTAuNTY2OCA5LjkyNDM2IDEwLjk1ODJDOS43NjIyNCAxMS4zNDk1IDkuNjc4ODEgMTEuNzY5IDkuNjc4ODEgMTIuMTkyNlYxMi44Mzc4SDAuNjQ2NDg0TTAuNjQ2NDg0IDEyLjgzNzhWMTYuMDgzOE0yMi4yNTk1IDIzLjIwMDhIMTIuOTA0NlYyNi43NDkyQzEyLjQ4MSAyNi43NDkyIDEyLjA2MTUgMjYuNjY1NyAxMS42NzAyIDI2LjUwMzZDMTEuMjc4OCAyNi4zNDE1IDEwLjkyMzIgMjYuMTAzOSAxMC42MjM2IDI1LjgwNDRDMTAuMzI0MSAyNS41MDQ4IDEwLjA4NjUgMjUuMTQ5MiA5LjkyNDM2IDI0Ljc1NzhDOS43NjIyNCAyNC4zNjY1IDkuNjc4ODEgMjMuOTQ3IDkuNjc4ODEgMjMuNTIzNFYyMy4yMDA4SDAuNjQ2NDg0TTAuNjQ2NDg0IDIzLjIwMDhWMTkuOTY0OSIgc3Ryb2tlPSIjM0M0NTU3IiBzdHJva2Utd2lkdGg9IjEuMDkzOTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .villas-intro__colunm-icon._3i { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzUgMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjU1NTkgMzAuNzYyMlYzMC40OTcxTDkuMzA5MiAzMC41OTQyQzguMjQ2MjQgMzEuMDEyOCA3LjQ5NzY3IDMyLjEzMjYgNy40OTc2NyAzMy40MjkyQzcuNDk3NjcgMzMuODY4NiA3LjE4MTQ5IDM0LjE5MTUgNi44Mjk2NCAzNC4xOTE1SDEuNzM4MjJDMS4zODYzOCAzNC4xOTE1IDEuMDcwMiAzMy44Njg2IDEuMDcwMiAzMy40MjkyVjEuMzcyMDZDMS4wNzAyIDAuOTMyNjU0IDEuMzg2MzggMC42MDk3NDYgMS43MzgyMiAwLjYwOTc0NkgzMy45ODM5QzM0LjMzNTggMC42MDk3NDYgMzQuNjUxOSAwLjkzMjY1NCAzNC42NTE5IDEuMzcyMDZWMjAuMjI5MkMzNC42NTE5IDIwLjY2ODYgMzQuMzM1OCAyMC45OTE1IDMzLjk4MzkgMjAuOTkxNUgxNy4wMTI1SDE2LjgzMTlWMjEuMTcyVjMzLjQyOTJDMTYuODMxOSAzMy44Njg2IDE2LjUxNTggMzQuMTkxNSAxNi4xNjM5IDM0LjE5MTVIMTAuMjIzOUM5Ljg3MjA5IDM0LjE5MTUgOS41NTU5IDMzLjg2ODYgOS41NTU5IDMzLjQyOTJWMzAuNzYyMlpNMzMuMTM1MyAxOS40NjY5SDMzLjMxNTlWMTkuMjg2M1YyLjMxNDkxVjIuMTM0MzdIMzMuMTM1M0gyMi45NTI1SDIyLjc3MTlWMi4zMTQ5MVYxMS44MzgzVjExLjk4MjZMMjIuOTEyNiAxMi4wMTQ0QzI0Ljc1NDQgMTIuNDMxMyAyNi4xNjYyIDE0LjI1NDcgMjYuMTY2MiAxNi40NTc4QzI2LjE2NjIgMTYuODk3MiAyNS44NSAxNy4yMjAxIDI1LjQ5ODIgMTcuMjIwMUgyMi45NTI1SDIyLjc3MTlWMTcuNDAwNlYxOS4yODYzVjE5LjQ2NjlIMjIuOTUyNUgzMy4xMzUzWk0xMi4xMDE2IDIuMzE0OTFWMi4xMzQzN0gxMS45MjExSDIuNTg2NzlIMi40MDYyNFYyLjMxNDkxVjExLjc0MzVWMTEuOTI0SDIuNTg2NzlIOC4zNDYyNFYxMy40NDg2SDIuNTg2NzlIMi40MDYyNFYxMy42MjkyVjMyLjQ4NjNWMzIuNjY2OUgyLjU4Njc5SDYuMDY2NDNINi4yMTY4Nkw2LjI0NDAxIDMyLjUxODlDNi42MjU1NSAzMC40NDAyIDguMjc2NDYgMjguODk1NCAxMC4yMjM5IDI4Ljg5NTRDMTAuNTc1OCAyOC44OTU0IDEwLjg5MiAyOS4yMTg0IDEwLjg5MiAyOS42NTc4VjMyLjQ4NjNWMzIuNjY2OUgxMS4wNzI1SDE1LjMxNTRIMTUuNDk1OVYzMi40ODYzVjIwLjIyOTJDMTUuNDk1OSAxOS43ODk4IDE1LjgxMjEgMTkuNDY2OSAxNi4xNjM5IDE5LjQ2NjlIMjEuMjU1NEgyMS40MzU5VjE5LjI4NjNWMTYuNDU3OEMyMS40MzU5IDE2LjAxODQgMjEuNzUyMSAxNS42OTU1IDIyLjEwMzkgMTUuNjk1NUgyNC41MDQ2SDI0Ljc1MThMMjQuNjc2NiAxNS40NkMyNC4zMDYyIDE0LjMwMDMgMjMuMzAxNCAxMy40NDg2IDIyLjEwMzkgMTMuNDQ4NkMyMS43NTIxIDEzLjQ0ODYgMjEuNDM1OSAxMy4xMjU3IDIxLjQzNTkgMTIuNjg2M1YyLjMxNDkxVjIuMTM0MzdIMjEuMjU1NEgxMy42MTgySDEzLjQzNzdWMi4zMTQ5MVYxMi42ODYzQzEzLjQzNzcgMTMuMTI1NyAxMy4xMjE1IDEzLjQ0ODYgMTIuNzY5NiAxMy40NDg2SDExLjI1M1YxMS45MjRIMTEuOTIxMUgxMi4xMDE2VjExLjc0MzVWMi4zMTQ5MVoiIGZpbGw9IiMzQzQ1NTciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC4zNjEwOTQiLz4KPC9zdmc+Cg==); } .villas-intro__colunm-icon._4i { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjYgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjcyODA4IDIwLjk4NjhDMi4wMDU2MiAyMC45ODY4IDIuMjMwNTcgMjAuNzYyMSAyLjIzMDU3IDIwLjQ4NDZWMi4zODUzOUMyLjIzMDU3IDIuMTE4NTggMi40NDc2OSAxLjkwMTIxIDIuNzE0NSAxLjkwMTIxSDE2LjYzNzZDMTYuOTE1MSAxLjkwMTIxIDE3LjE0MDEgMS42NzY1MSAxNy4xNDAxIDEuMzk4OThDMTcuMTQwMSAxLjEyMTQ0IDE2LjkxNTEgMC44OTY0ODQgMTYuNjM3NiAwLjg5NjQ4NEgyLjcxNDVDMS44OTM2NiAwLjg5NjQ4NCAxLjIyNTU5IDEuNTY0MyAxLjIyNTU5IDIuMzg1MzlWMjAuNDg0NkMxLjIyNTU5IDIwLjc2MjEgMS40NTA1NCAyMC45ODY4IDEuNzI4MDggMjAuOTg2OFoiIGZpbGw9IiMzQzQ1NTciLz4KPHBhdGggZD0iTTI0LjczMzYgMzAuNzY0NEgyNC42MzU4VjIuMzg1MzlDMjQuNjM1OCAxLjU2NDMgMjMuOTY4IDAuODk2NDg0IDIzLjE0NjkgMC44OTY0ODRIMTguOTU5OEMxOC42ODIzIDAuODk2NDg0IDE4LjQ1NzMgMS4xMjE0NCAxOC40NTczIDEuMzk4OThDMTguNDU3MyAxLjY3NjUxIDE4LjY4MjMgMS45MDEyMSAxOC45NTk4IDEuOTAxMjFIMjMuMTQ2OUMyMy40MTM3IDEuOTAxMjEgMjMuNjMxMSAyLjExODMyIDIzLjYzMTEgMi4zODUzOVYzMC43NjQ0SDIuMjMwMjRWMjIuODIwN0MyLjIzMDI0IDIyLjU0MzIgMi4wMDUyOCAyMi4zMTgzIDEuNzI3NzUgMjIuMzE4M0MxLjQ1MDIxIDIyLjMxODMgMS4yMjUyNSAyMi41NDMyIDEuMjI1MjUgMjIuODIwN1YzMC43NjQxSDEuMTI3NDJDMC41ODQzODYgMzAuNzY0MSAwLjE0MjU3OCAzMS4yMDYyIDAuMTQyNTc4IDMxLjc0OTJWMzQuMTk3MUMwLjE0MjU3OCAzNC43NDA0IDAuNTg0Mzg2IDM1LjE4MjIgMS4xMjc0MiAzNS4xODIySDI0LjczMzZDMjUuMjc2NyAzNS4xODIyIDI1LjcxODUgMzQuNzQwNCAyNS43MTg1IDM0LjE5NzFWMzEuNzQ5MkMyNS43MTg1IDMxLjIwNjIgMjUuMjc2NyAzMC43NjQ0IDI0LjczMzYgMzAuNzY0NFpNMjQuNzEzOCAzNC4xNzc1SDEuMTQ3M1YzMS43NjkxSDI0LjcxMzhWMzQuMTc3NVoiIGZpbGw9IiMzQzQ1NTciLz4KPHBhdGggZD0iTTUuNjEzMTQgMjYuMzM2OEw1LjYxMzE0IDYuNTc4NjFDNS42MTMxNCA2LjAyNjMzIDYuMDYwODUgNS41Nzg2MSA2LjYxMzE0IDUuNTc4NjFMOS4yMjg1MiA1LjU3ODYxQzkuNzgwOCA1LjU3ODYxIDEwLjIyODUgNi4wMjYzMyAxMC4yMjg1IDYuNTc4NjFMMTAuMjI4NSAyNi4zMzY4QzEwLjIyODUgMjYuODg5MSA5Ljc4MDggMjcuMzM2OCA5LjIyODUyIDI3LjMzNjhMNi42MTMxNCAyNy4zMzY4QzYuMDYwODUgMjcuMzM2OCA1LjYxMzE0IDI2Ljg4OTEgNS42MTMxNCAyNi4zMzY4WiIgc3Ryb2tlPSIjM0M0NTU3IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNMjAuMDA2OCAxOS45NDQ5QzIxLjAwNTUgMTkuOTQ0OSAyMS44MTc5IDE5LjEzMjEgMjEuODE3OSAxOC4xMzM0QzIxLjgxNzkgMTcuMTM0NyAyMS4wMDU1IDE2LjMyMjMgMjAuMDA2OCAxNi4zMjIzQzE5LjAwOCAxNi4zMjIzIDE4LjE5NTMgMTcuMTM0NyAxOC4xOTUzIDE4LjEzMzRDMTguMTk1MyAxOS4xMzIxIDE5LjAwOCAxOS45NDQ5IDIwLjAwNjggMTkuOTQ0OVpNMjAuMDA2OCAxNy4zMjdDMjAuNDUxNCAxNy4zMjcgMjAuODEzMiAxNy42ODg4IDIwLjgxMzIgMTguMTMzNEMyMC44MTMyIDE4LjU3ODEgMjAuNDUxNCAxOC45Mzk5IDIwLjAwNjggMTguOTM5OUMxOS41NjIxIDE4LjkzOTkgMTkuMjAwMyAxOC41NzgxIDE5LjIwMDMgMTguMTMzNEMxOS4yMDAzIDE3LjY4ODggMTkuNTYyMSAxNy4zMjcgMjAuMDA2OCAxNy4zMjdaIiBmaWxsPSIjM0M0NTU3Ii8+Cjwvc3ZnPgo=); } @media only screen and (max-width: 750px) { .villas-intro__colunm-content { white-space: nowrap; } } .villas-intro__colunm-content h4 { margin-top: -3px; margin-bottom: 0; font-size: 20px; line-height: 24px; } @media only screen and (max-width: 750px) { .villas-intro__colunm-content h4 { font-size: 16px; line-height: 19px; } } .villas-intro__colunm-content p { font-weight: 300; font-size: 14px; line-height: 17px; opacity: .8; } .villas-intro__colunm:first-child, .villas-intro__colunm:nth-child(2) { margin-bottom: 32px; } .villas-menu { margin-bottom: 102px; background-color: #f9f9f9; -webkit-transition: top .5s; transition: top .5s; } .villas-menu.--fixed { position: fixed; top: 60px; width: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); z-index: 9; } @media only screen and (max-width: 750px) { .villas-menu { height: 65px; margin-bottom: 44px; } } .villas-menu__container { position: relative; height: 100%; } @media only screen and (max-width: 750px) { .villas-menu__container { padding: 0; } } .villas-menu__list { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .villas-menu__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; } .villas-menu__list:before, .villas-menu__list:after { content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 100%; } } .villas-menu__item { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24.5px 0; margin-right: 60px; font-size: 16px; line-height: 26px; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; } .villas-menu__item:after { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 2px; background-color: #14191a; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } @media only screen and (max-width: 750px) { .villas-menu__item.desktop { display: none; } } .villas-menu__item.mobile { display: none; } @media only screen and (max-width: 750px) { .villas-menu__item.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .villas-menu__item.--active { color: #576c70; } .villas-menu__item.--active:after { opacity: 1; } .villas-menu__item:last-child { margin-right: 40px; } .villas-menu__item:hover { color: #576c70; } @media only screen and (max-width: 750px) { .villas-menu__item { font-size: 14px; line-height: 15.3px; margin-right: 20px; } .villas-menu__item:active { color: #576c70; } .villas-menu__item:active:after { opacity: 1; } } .villas-menu__overlay { position: absolute; top: 0; right: 0; width: 58px; height: 65px; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 750px) { .villas-menu__overlay { opacity: 1; } } .villas-menu__overlay:after { content: ""; position: absolute; width: 56px; height: 100%; top: 0; right: 0; background: -webkit-gradient(linear, right top, left top, color-stop(50.24%, #f2f2f2), to(rgba(242, 242, 242, 0))); background: linear-gradient(270deg, #f2f2f2 50.24%, rgba(242, 242, 242, 0) 100%); } .villas-about { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .villas-about { margin-bottom: 36px; } } .villas-about__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .villas-about__card { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; min-height: 400px; padding: 0 10px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .villas-about__card:last-child { margin-bottom: 0; } } .villas-about__card:nth-child(2) > .villas-about__card-img:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(50.22deg, #000 -18.32%, rgba(0, 0, 0, 0) 56.16%); opacity: .7; z-index: 1; } @media only screen and (max-width: 750px) { .villas-about__card:nth-child(2) > .villas-about__card-img:before { background: rgba(0, 0, 0, 0.4); } } .villas-about__card:nth-child(3) > .villas-about__card-img:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), linear-gradient(29.5deg, rgba(0, 0, 0, 0.3) -8.97%, rgba(0, 0, 0, 0) 81.32%); opacity: .7; z-index: 1; } @media only screen and (max-width: 750px) { .villas-about__card:nth-child(3) > .villas-about__card-img:before { background: rgba(0, 0, 0, 0.4); } } .villas-about__card:nth-child(4) > .villas-about__card-img:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(50.22deg, #000 -18.32%, rgba(0, 0, 0, 0) 56.16%), rgba(0, 0, 0, 0.1); opacity: .7; z-index: 1; } @media only screen and (max-width: 750px) { .villas-about__card:nth-child(4) > .villas-about__card-img:before { background: rgba(0, 0, 0, 0.4); } } @media only screen and (max-width: 750px) { .villas-about__card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: 160px; width: auto; } } .villas-about__card-img { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 40px; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; } @media only screen and (max-width: 750px) { .villas-about__card-img { padding: 20px; } .villas-about__card-img:after { background: rgba(0, 0, 0, 0.4); } } .villas-about__card-img:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(60, 69, 87, 0.5)), to(rgba(60, 69, 87, 0.5))); background: linear-gradient(0deg, rgba(60, 69, 87, 0.5), rgba(60, 69, 87, 0.5)); opacity: 0; z-index: 3; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .villas-about__card-img:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(50.22deg, #000 -18.32%, rgba(0, 0, 0, 0) 56.16%); opacity: .7; z-index: 1; } @media only screen and (max-width: 750px) { .villas-about__card-img:before { background: rgba(0, 0, 0, 0.4); } } .villas-about__card-img:hover:before { opacity: 0; } .villas-about__card-img:hover:after { opacity: 1; } .villas-about__card-title { position: relative; color: #fff; font-size: 24px; line-height: 160%; z-index: 4; } @media only screen and (max-width: 750px) { .villas-about__card-title { font-size: 20px; } } .villas-about__card-text { display: none; color: #fff; font-size: 20px; line-height: 160%; } .villas-about__descr { height: 100%; padding: 48px 0 48px 90px; background-color: #efefef; } @media only screen and (max-width: 750px) { .villas-about__descr { background-color: #fff; padding: 0; margin-bottom: 24px; } } .villas-about__descr-title { font-size: 28px; line-height: 160%; margin-bottom: 23px; } @media only screen and (max-width: 750px) { .villas-about__descr-title { font-size: 26px; line-height: 140%; } } .villas-about__descr-link { display: block; font-size: 24px; line-height: 160%; margin-bottom: 12px; } .villas-about__descr-link span { position: relative; font-size: 18px; line-height: 160%; -webkit-transition: opacity 2s ease; transition: opacity 2s ease; } .villas-about__descr-link span:after { content: ""; position: absolute; top: 70%; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: bottom; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3IiBoZWlnaHQ9IjMiIHZpZXdCb3g9IjAgMCAxMzcgMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMkwxMzYgMSIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2UtZGFzaGFycmF5PSIzLjMgMy4zIi8+Cjwvc3ZnPgo=); opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .villas-about__descr-link:hover span:after { opacity: 0; } .villas-about__descr-link:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px) { .villas-about__descr-link { font-size: 20px; } .villas-about__descr-link span { font-size: 20px; } } .villas-about__descr-btn { padding: 21px 64px; margin-top: 38px; display: inline-block; } @media only screen and (max-width: 750px) { .villas-about__descr-btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 20px; } } .villas-about__video { margin-top: 65px; } @media only screen and (max-width: 750px) { .villas-about__video { margin-top: 36px; } } .villas-about__video-wrap { width: 100%; height: 677px; margin-top: 56px; } @media only screen and (max-width: 750px) { .villas-about__video-wrap { width: 100vw; height: 300px; margin: 25px 0 0 -20px; } } .villas-about__video-wrap iframe { width: 100%; height: 100%; } .comp-d-gallery { font-size: 15px; margin-bottom: 100px; } @media only screen and (max-width: 750px) { .comp-d-gallery { margin-bottom: 40px; padding-top: 0; } } .comp-d-gallery._mb92 { margin-bottom: 92px; } @media only screen and (max-width: 750px) { .comp-d-gallery._mb92 { margin-bottom: 42px; } } .comp-d-gallery__title { margin-bottom: 30px; } .comp-d-gallery__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .comp-d-gallery__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } } .comp-d-gallery__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: 76px; width: 537px; } @media only screen and (max-width: 750px) { .comp-d-gallery__text { width: 100%; margin-right: 0; padding: 0 20px; } } .comp-d-gallery__text p { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 174%; } .comp-d-gallery__text p:last-child { margin-bottom: 0; } .comp-d-gallery__slider { margin-top: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 587px; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider { height: 276px; width: 100%; margin-bottom: 12px; margin-top: 36px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .comp-d-gallery__slider iframe { width: 587px; height: 330px; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider iframe { width: 100%; height: 300px; } } .comp-d-gallery__slider._block { width: 100%; height: 676px; margin-top: 0; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider._block { height: calc((100vw - 40px) / 1.77); margin-bottom: 0; } } .comp-d-gallery__slider._block iframe { width: 100%; height: 100%; } .comp-d-gallery__slider._wide { width: 990px; margin-top: 0; aspect-ratio: 16 / 9; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider._wide { height: unset; width: 100%; aspect-ratio: 16 / 9; } } .comp-d-gallery__slider._wide iframe { width: 100%; height: 100%; } .comp-d-gallery__slider.slick-slider { display: block; } .comp-d-gallery__slider-item { height: 455px; cursor: pointer; overflow: hidden; } @media only screen and (max-width: 750px) { .comp-d-gallery__slider-item { height: 276px; } } .comp-d-gallery__slider-img { height: 100%; width: 100%; background-size: cover; background-position: center; background-color: #f2f2f2; -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); } .slick-active .comp-d-gallery__slider-img { -webkit-transform: scale(1); transform: scale(1); } .villas-location-infra { padding-bottom: 98px; overflow: hidden; } @media only screen and (max-width: 750px) { .villas-location-infra { padding-bottom: 0; } } .villas-location-infra__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .villas-location-infra__header { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .villas-location-infra__title { font-size: 38px; line-height: 52px; } @media only screen and (max-width: 750px) { .villas-location-infra__title { font-size: 26px; line-height: 36px; } } .villas-location-infra__controls { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .villas-location-infra__controls { display: none; } } .villas-location-infra__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border: 1px solid #dedede; fill: #3b4658; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; } .villas-location-infra__control:hover { background-color: #3b4658; border-color: #3b4658; fill: white; } .villas-location-infra__control._next { margin-left: 16px; -webkit-transform: scale(-1); transform: scale(-1); } .villas-location-infra__control.swiper-button-lock { visibility: hidden; } @media only screen and (max-width: 750px) { .villas-location-infra__control { width: 32px; height: 32px; } } .villas-location-infra__control-icn { width: 6px; height: 12px; } @media only screen and (max-width: 750px) { .villas-location-infra__pagination .swiper-pagination-bullet-active { background-color: #37465b; } } .villas-location-infra__pagination.swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .villas-location-infra__pagination.swiper-pagination { position: relative; left: 50%; bottom: auto; margin-top: 20px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .villas-location-infra__pagination.swiper-pagination-bullet { width: 10px; height: 10px; } } .villas-location-infra__popup .layout-pop-up__block { width: 592px; padding: 44px; } @media only screen and (max-width: 750px) { .villas-location-infra__popup .layout-pop-up__block { width: 100%; padding: 24px; } } .villas-location-infra__popup .layout-pop-up__text-container { font-weight: 300; } .villas-location-infra__popup .layout-pop-up__container { width: 100%; } .villas-location-infra__popup ul { padding-left: 40px; } .villas-location-infra__popup li { list-style: disc; } .villas-location-infra__cards-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 56px; overflow: visible; } @media only screen and (max-width: 750px) { .villas-location-infra__cards-container { margin-top: 36px; padding-bottom: 24px; } } .villas-location-infra__card { position: relative; width: 387px; height: auto; border: 1px solid #e6e6e6; } @media only screen and (max-width: 750px) { .villas-location-infra__card { width: 100%; } } .villas-location-infra__card-img { width: 100%; height: 420px; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .villas-location-infra__card-img._image-loaded { opacity: 1; } .villas-location-infra__card-img:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(15.18deg, #000 -18.81%, rgba(0, 0, 0, 0) 56.82%), rgba(0, 0, 0, 0.05); z-index: 1; } @media only screen and (max-width: 750px) { .villas-location-infra__card-img { height: 320px; } } .villas-location-infra__card-text { position: absolute; max-width: 306px; top: 75%; left: 28px; color: #fff; z-index: 1; } @media only screen and (max-width: 750px) { .villas-location-infra__card-text { top: auto; bottom: 20px; left: 20px; } } .villas-location-infra__card-title { font-size: 24px; line-height: 33.6px; } @media only screen and (max-width: 750px) { .villas-location-infra__card-title { max-width: 205px; font-size: 20px; line-height: 140%; } } .villas-location-infra__card-desc { margin-top: 8px; font-size: 16px; line-height: 24px; } @media only screen and (max-width: 750px) { .villas-location-infra__card-desc { font-weight: 300; font-size: 14px; line-height: 24px; } } .villas-location-infra__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 368px; margin-top: 80px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .villas-location-infra__bottom { display: none; } } .villas-location-infra__bottom-img { width: 50%; height: auto; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .villas-location-infra__bottom-img._image-loaded { opacity: 1; } .villas-location-infra__bottom-text { width: 50%; padding: 57px 80px 57px 92px; } .villas-location-infra__bottom-title { font-size: 34px; line-height: 37px; } .villas-location-infra__bottom-desc { margin-top: 28px; font-size: 16px; } .villas-home__main { position: relative; display: block; width: 100%; height: 100%; min-height: 790px; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .villas-home__main._image-loaded { opacity: 1; } .villas-home__main:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } @media only screen and (max-width: 750px) { .villas-home__main { min-height: 320px; margin-bottom: 32px; } } .villas-home__layout, .villas-home__yard { background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .villas-home__layout, .villas-home__yard { background-color: #fff; } } .villas-wrap.--slide-active { display: block; } .villas-format, .villas-layout, .villas-furnish { padding: 102px 0; } @media only screen and (max-width: 750px) { .villas-format__gallery, .villas-layout__gallery, .villas-furnish__gallery { margin: 40px 0; } } @media only screen and (max-width: 750px) { .villas-format, .villas-layout, .villas-furnish { padding: 0; } } .villas-yard, .villas-entrances { padding: 58px 0 88px 0; } @media only screen and (max-width: 750px) { .villas-yard, .villas-entrances { padding: 0; } } .villas-format__description, .villas-layout__description, .villas-furnish__description, .villas-yard__description, .villas-entrances__description { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -40px; } .villas-format__description-text, .villas-layout__description-text, .villas-furnish__description-text, .villas-yard__description-text, .villas-entrances__description-text { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding: 0 40px; } @media only screen and (max-width: 750px) { .villas-format__description-text, .villas-layout__description-text, .villas-furnish__description-text, .villas-yard__description-text, .villas-entrances__description-text { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media only screen and (max-width: 750px) { .villas-format__description, .villas-layout__description, .villas-furnish__description, .villas-yard__description, .villas-entrances__description { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .villas-format__content, .villas-layout__content, .villas-furnish__content, .villas-yard__content, .villas-entrances__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 750px) { .villas-format__content._unwrap, .villas-layout__content._unwrap, .villas-furnish__content._unwrap, .villas-yard__content._unwrap, .villas-entrances__content._unwrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .villas-format__row, .villas-layout__row, .villas-furnish__row, .villas-yard__row, .villas-entrances__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -11px; } .villas-format__row:last-child, .villas-layout__row:last-child, .villas-furnish__row:last-child, .villas-yard__row:last-child, .villas-entrances__row:last-child { margin-bottom: 0; } .villas-format__column, .villas-layout__column, .villas-furnish__column, .villas-yard__column, .villas-entrances__column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .villas-format__column:first-child, .villas-layout__column:first-child, .villas-furnish__column:first-child, .villas-yard__column:first-child, .villas-entrances__column:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; } .villas-format__column:last-child, .villas-layout__column:last-child, .villas-furnish__column:last-child, .villas-yard__column:last-child, .villas-entrances__column:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 66.67%; flex: 1 1 66.67%; } .villas-format__card, .villas-layout__card { position: relative; margin: 0 11px 22px 11px; overflow: hidden; } .villas-format__card:before, .villas-layout__card:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(51.64deg, #000 -26.5%, rgba(0, 0, 0, 0) 56.22%), rgba(0, 0, 0, 0.1); z-index: 2; opacity: 1; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .villas-format__card._dark-hover:after, .villas-layout__card._dark-hover:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(60, 69, 87, 0.5)), to(rgba(60, 69, 87, 0.5))); background: linear-gradient(0deg, rgba(60, 69, 87, 0.5), rgba(60, 69, 87, 0.5)); opacity: 0; z-index: 3; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .villas-format__card._dark-hover:hover:before, .villas-layout__card._dark-hover:hover:before { opacity: 0; } .villas-format__card._dark-hover:hover:after, .villas-layout__card._dark-hover:hover:after { opacity: 1; } .villas-format__card._small, .villas-layout__card._small { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; } .villas-format__card._small-s, .villas-layout__card._small-s { -webkit-box-flex: 1; -ms-flex: 1 1 32.2%; flex: 1 1 32.2%; } @media only screen and (max-width: 750px) { .villas-format__card._small-s, .villas-layout__card._small-s { width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0; } } @media only screen and (max-width: 750px) { .villas-format__card._small, .villas-layout__card._small { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; margin: 0; } } .villas-format__card._half, .villas-layout__card._half { -webkit-box-flex: 1; -ms-flex: 1 1 66.67%; flex: 1 1 66.67%; } @media only screen and (max-width: 750px) { .villas-format__card._half, .villas-layout__card._half { width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0; } } .villas-format__card._low, .villas-layout__card._low { height: 300px; } @media only screen and (max-width: 750px) { .villas-format__card._low, .villas-layout__card._low { height: 320px; } } .villas-format__card._tall, .villas-layout__card._tall { height: 622px; } @media only screen and (max-width: 750px) { .villas-format__card._tall, .villas-layout__card._tall { height: 320px; } } .villas-format__card-img, .villas-layout__card-img { display: block; width: 100%; height: 100%; min-height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .villas-format__card-img._image-loaded, .villas-layout__card-img._image-loaded { opacity: 1; } .villas-format__card-img._tall, .villas-layout__card-img._tall { min-height: 380px; } .villas-format__card-title, .villas-layout__card-title { position: absolute; bottom: 46px; left: 50px; padding-right: 50px; font-size: 24px; line-height: 120%; color: white; z-index: 4; } @media only screen and (max-width: 750px) { .villas-format__card-title, .villas-layout__card-title { bottom: 20px; left: 20px; } } .villas-buy { margin-bottom: 102px; } @media only screen and (max-width: 750px) { .villas-buy { margin-top: 44px; margin-bottom: 0; } } .villas-buy__title { margin-bottom: 46px; } .villas-buy__ways { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 46px -10px 0 -10px; } @media only screen and (max-width: 750px) { .villas-buy__ways { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 24px; } } .villas-buy__column { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; padding: 0 10px; } @media only screen and (max-width: 750px) { .villas-buy__column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 20px; } .villas-buy__column:last-child { margin-bottom: 0; } } .villas-buy__column-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; border: 1px solid #e6e6e6; } .villas-buy__column-title { display: block; font-size: 28px; padding: 40px 0 40px 50px; background: #f6f6f6; } @media only screen and (max-width: 750px) { .villas-buy__column-title { padding: 20px 0 20px 24px; font-size: 20px; line-height: 26px; } } .villas-buy__column-text { margin: 56px 15px 32px 0; padding-left: 50px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .villas-buy__column-text li { max-width: 263px; font-size: 16px; line-height: 164%; margin-bottom: 16px; padding-left: 23px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDMuODA4OTFMNS41ODU2MyA3LjY3MDQ5TDExLjAwNSAxLjAwMDQ5IiBzdHJva2U9IiMzQjQ2NTciIHN0cm9rZS13aWR0aD0iMS42Ii8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: top 7px left; } @media only screen and (max-width: 750px) { .villas-buy__column-text li { margin-bottom: 12px; max-width: none; } .villas-buy__column-text li:last-child { margin-bottom: 0; } } @media only screen and (max-width: 750px) { .villas-buy__column-text { padding-left: 20px; margin: 44px 15px 44px 0; } } .villas-buy__column-link { padding-left: 73px; font-size: 16px; margin-bottom: 50px; text-decoration: underline; } @media only screen and (max-width: 750px) { .villas-buy__column-link { padding-left: 43px; margin-bottom: 44px; } } .villas-buy__online { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 50px; margin: 82px 0 102px 0; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjIwNCIgdmlld0JveD0iMCAwIDE2MCAyMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMDQiPgo8cGF0aCBkPSJNMTE5LjU5NSAxMTQuODAzQzEyMy45IDExNC44MDMgMTI3LjIxMiAxMTEuMzkgMTI3LjIxMiAxMDYuOTUyQzEyNy4yMTIgMTAyLjUxNCAxMjMuOSA5OS4xMDAxIDExOS41OTUgOTkuMTAwMUMxMTUuMjg5IDk5LjEwMDEgMTExLjk3OCAxMDIuNTE0IDExMS45NzggMTA2Ljk1MkMxMTIuMzA5IDExMS4zOSAxMTUuNjIxIDExNC44MDMgMTE5LjU5NSAxMTQuODAzWk0xMTkuNTk1IDEwNC4yMjFDMTIwLjkyIDEwNC4yMjEgMTIyLjI0NCAxMDUuNTg2IDEyMi4yNDQgMTA2Ljk1MkMxMjIuMjQ0IDEwOC4zMTcgMTIwLjkyIDEwOS42ODMgMTE5LjU5NSAxMDkuNjgzQzExOC4yNyAxMDkuNjgzIDExNi45NDUgMTA4LjMxNyAxMTYuOTQ1IDEwNi45NTJDMTE3LjI3NyAxMDUuNTg2IDExOC4yNyAxMDQuMjIxIDExOS41OTUgMTA0LjIyMVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNDguNDA3IDE2LjgyNzlINjEuMzA0NUM1OC4zMjM4IDEwLjAwMDMgNTQuMzQ5NSAzLjg1NTUxIDQ4LjcxOTMgLTEuNjA2NTNDMzkuMTE0OSAtMTAuODIzNyAyNi44NjA5IC0xNS42MDMgMTMuNjEzNCAtMTUuNjAzQzAuNjk3MTQgLTE1LjYwMyAtMTEuODg4IC0xMC40ODI0IC0yMS40OTI0IC0xLjYwNjUzQy0yNi43OTE0IDMuNTE0MTMgLTMxLjA5NjggOS42NTg5MyAtMzQuMDc3NSAxNi44Mjc5SC01MC42MzY5Qy01NS42MDQ3IDE2LjgyNzkgLTU5LjkxMDIgMjAuOTI0NCAtNTkuOTEwMiAyNi4zODY0VjE2Ny43MTdDLTU5LjkxMDIgMTcyLjgzOCAtNTUuOTM1OSAxNzcuMjc1IC01MC42MzY5IDE3Ny4yNzVIMjEuMjMwOEw4LjY0NTY0IDE5Ni43MzRILTQuNjAxODZWMjAxLjg1NUgxMDIuMzcyVjE5Ni43MzRIODkuMTI0Mkw3Ni41MzkxIDE3Ny4yNzVIMTQ4LjQwN0MxNTMuMzc1IDE3Ny4yNzUgMTU3LjY4IDE3My4xNzkgMTU3LjY4IDE2Ny43MTdWMjYuMzg2NEMxNTcuNjggMjAuOTI0NCAxNTMuMzc1IDE2LjgyNzkgMTQ4LjQwNyAxNi44Mjc5Wk0tMTMuODc1MSA0MC4zODI5Qy0xMy41NDM5IDQ5LjYwMDEgLTEyLjIxOTIgNTguMTM0NiAtMTAuMjMyIDY1LjMwMzVDLTEzLjU0MzkgNjcuMDEwNCAtMTYuODU1OCA2OS4wNTg3IC0xOS44MzY1IDcxLjc4OTdDLTI3Ljc4NSA2My4yNTUyIC0zMi43NTI4IDUyLjMzMTIgLTMzLjQxNTIgNDAuMzgyOUgtMTMuODc1MVpNMTEuMjk1MSA4NS43ODYyQzUuMzMzNzcgODQuNDIwNyAwLjAzNDc3MSA3Ny41OTMxIC0zLjYwODI5IDY4LjAzNDVDMS4wMjgzMyA2NS45ODYzIDYuMzI3MzMgNjQuOTYyMSAxMS4yOTUxIDY0LjYyMDhWODUuNzg2MlpNMTYuMjYzIDg1Ljc4NjJWNjQuNjIwOEMyMS41NjIgNjQuOTYyMSAyNi41Mjk4IDY1Ljk4NjMgMzEuMTY2NCA2OC4wMzQ1QzI3LjUyMzMgNzcuNTkzMSAyMi4yMjQzIDg0LjQyMDcgMTYuMjYzIDg1Ljc4NjJaTTE2LjI2MyA1OS41MDAxVjQwLjM4MjlIMzYuNDY1NEMzNi4xMzQyIDQ4LjU3NiAzNS4xNDA2IDU2LjQyNzcgMzMuMTUzNSA2My4yNTUyQzI3LjUyMzMgNjAuODY1NiAyMS44OTMxIDU5LjUwMDEgMTYuMjYzIDU5LjUwMDFaTTE2LjI2MyAzNS4yNjIzVjE2LjE0NTFDMjEuODkzMSAxNS44MDM3IDI3LjUyMzMgMTQuNDM4MiAzMi44MjIzIDEyLjM5QzM0LjgwOTQgMTkuMjE3NSAzNi4xMzQyIDI2LjcyNzggMzYuMTM0MiAzNS4yNjIzSDE2LjI2M1pNMTYuMjYzIDExLjAyNDRWLTEwLjE0MUMyMi4yMjQzIC04Ljc3NTQ3IDI3LjUyMzMgLTEuOTQ3OTEgMzEuMTY2NCA3LjYxMDY3QzI2LjUyOTggOS42NTg5MyAyMS41NjIgMTEuMDI0NCAxNi4yNjMgMTEuMDI0NFpNMjcuODU0NSAtOC4wOTI3MUMzMy40ODQ3IC02LjM4NTgzIDM4Ljc4MzcgLTMuMzEzNDIgNDMuMDg5MSAwLjQ0MTczMkM0MC43NzA4IDIuNDkgMzguMTIxMyA0LjE5Njg5IDM1LjgwMyA1LjU2MjRDMzMuODE1OSAwLjEwMDM1NCAzMS4xNjY0IC00LjY3ODk0IDI3Ljg1NDUgLTguMDkyNzFaTTExLjI5NTEgLTEwLjE0MVYxMS4wMjQ0QzUuOTk2MTUgMTAuNjgzMSAxLjAyODMzIDkuNjU4OTMgLTMuNjA4MjkgNy42MTA2N0MwLjAzNDc3MSAtMS45NDc5MSA1LjMzMzc3IC04LjQzNDA5IDExLjI5NTEgLTEwLjE0MVpNLTguMjQ0OTIgNS41NjI0Qy0xMC44OTQ0IDQuMTk2ODkgLTEzLjIxMjcgMi40OSAtMTUuNTMxIDAuNDQxNzMyQy0xMC44OTQ0IC0zLjMxMzQyIC01LjU5NTQyIC02LjM4NTgzIC0wLjI5NjQxNyAtOC4wOTI3MUMtMy42MDgyOSAtNC42Nzg5NCAtNi4yNTc3OSAwLjEwMDM1NCAtOC4yNDQ5MiA1LjU2MjRaTTExLjI5NTEgMTYuMTQ1MVYzNS4yNjIzSC04LjkwNzI5Qy04LjU3NjEgMjcuMDY5MiAtNy41ODI1NCAxOS4yMTc1IC01LjU5NTQyIDEyLjM5QzAuMDM0NzcxIDE0Ljc3OTYgNS42NjQ5NiAxNi4xNDUxIDExLjI5NTEgMTYuMTQ1MVpNMTEuMjk1MSA0MC4zODI5VjU5LjUwMDFDNS42NjQ5NiA1OS44NDE1IDAuMDM0NzcxIDYxLjIwNyAtNS4yNjQyMyA2My4yNTUyQy03LjI1MTM1IDU2LjQyNzcgLTguNTc2MSA0OC45MTc0IC04LjU3NjEgNDAuNzI0M0gxMS4yOTUxVjQwLjM4MjlaTS0xNS44NjIyIDc1LjIwMzVDLTEzLjU0MzkgNzMuMTU1MiAtMTAuODk0NCA3MS40NDgzIC04LjU3NjEgNzAuMDgyOEMtNi41ODg5OCA3NS41NDQ4IC0zLjYwODI5IDgwLjMyNDEgLTAuNjI3NjA1IDgzLjczNzlDLTUuOTI2NjEgODIuMDMxIC0xMS4yMjU2IDc4Ljk1ODYgLTE1Ljg2MjIgNzUuMjAzNVpNMzUuODAzIDcwLjA4MjhDMzguNDUyNSA3MS40NDgzIDQwLjc3MDggNzMuMTU1MiA0My4wODkxIDc1LjIwMzVDNDMuMDg5MSA3NS4yMDM1IDQzLjA4OTEgNzUuMjAzNSA0My40MjAzIDc1LjIwMzVDMzguNzgzNyA3OC45NTg2IDMzLjQ4NDcgODIuMDMxIDI3Ljg1NDUgODMuNzM3OUMzMS4xNjY0IDgwLjMyNDEgMzMuODE1OSA3NS41NDQ4IDM1LjgwMyA3MC4wODI4Wk00Ny4wNjM0IDcxLjc4OTdDNDQuMDgyNyA2OS4wNTg3IDQwLjc3MDggNjcuMDEwNCAzNy40NTg5IDY1LjMwMzVDMzkuNzc3MyA1OC4xMzQ2IDQxLjEwMiA0OS42MDAxIDQxLjEwMiA0MC4zODI5SDYwLjMxMDlDNTkuNjQ4NSA1Mi4zMzEyIDU1LjAxMTkgNjMuMjU1MiA0Ny4wNjM0IDcxLjc4OTdaTTQ1LjczODYgNzIuODEzOEw0NS40MDc0IDczLjE1NTJMNDUuMDc2MyA3My40OTY2QzQ1LjA3NjMgNzMuNDk2NiA0NS40MDc0IDczLjE1NTIgNDUuNzM4NiA3Mi44MTM4Wk02MC4zMTA5IDM1LjI2MjNINDEuMTAyQzQwLjc3MDggMjYuMDQ1MSAzOS40NDYxIDE3LjUxMDYgMzcuNDU4OSAxMC4zNDE3QzQwLjc3MDggOC42MzQ4IDQ0LjA4MjcgNi4yNDUxNiA0Ni43MzIyIDMuODU1NTFDNTUuMDExOSAxMi4zOSA1OS42NDg1IDIzLjY1NTQgNjAuMzEwOSAzNS4yNjIzWk0tMTkuNTA1MyAzLjg1NTUxQy0xNi41MjQ2IDYuMjQ1MTYgLTEzLjU0MzkgOC42MzQ4IC05LjkwMDg2IDEwLjM0MTdDLTEyLjIxOTIgMTcuNTEwNiAtMTMuNTQzOSAyNi4wNDUxIC0xMy41NDM5IDM1LjI2MjNILTMyLjc1MjhDLTMyLjQyMTYgMjMuNjU1NCAtMjcuNDUzOCAxMi4zOSAtMTkuNTA1MyAzLjg1NTUxWk0tNTAuMzA1NyAyMS45NDg1SC0zNS43MzM1Qy0zNy4zODk0IDI3LjA2OTIgLTM4LjA1MTggMzIuNTMxMiAtMzguMDUxOCAzNy42NTE5Qy0zOC4wNTE4IDUyLjY3MjUgLTMyLjA5MDQgNjcuMDEwNCAtMjEuMTYxMiA3Ni45MTA0Qy0xMi4yMTkyIDg1LjQ0NDggLTAuNjI3NjA1IDkwLjIyNDEgMTEuNjI2MyA5MC45MDY5QzEyLjk1MTEgMTExLjczMSAyOS44NDE3IDEyOC40NTggNTAuMzc1MyAxMjguNDU4QzcxLjkwMjUgMTI4LjQ1OCA4OS40NTU0IDExMC4zNjUgODkuNDU1NCA4OC4xNzU4VjczLjE1NTJDODkuNDU1NCA2NS4zMDM1IDk1Ljc0OCA1OC44MTczIDEwMy4zNjUgNTguODE3M0MxMTAuOTgzIDU4LjgxNzMgMTE3LjI3NSA2NS4zMDM1IDExNy4yNzUgNzMuMTU1MlY5MC4yMjQxQzEwOC4wMDIgOTEuNTg5NiAxMDAuMzg1IDk5Ljc4MjcgMTAwLjM4NSAxMDkuNjgzVjEyNC43MDNDMTAwLjM4NSAxMzUuNjI3IDEwOC45OTUgMTQ0LjUwMyAxMTkuNTkzIDE0NC41MDNDMTMwLjE5MSAxNDQuNTAzIDEzOC44MDIgMTM1LjYyNyAxMzguODAyIDEyNC43MDNWMTA5LjY4M0MxMzguODAyIDk5Ljc4MjcgMTMxLjUxNiA5MS4yNDgyIDEyMS45MTIgOTAuMjI0MVY3My4xNTUyQzEyMS45MTIgNjIuMjMxMSAxMTMuMzAxIDUzLjY5NjcgMTAzLjAzNCA1My42OTY3QzkyLjQzNjEgNTMuNjk2NyA4NC4xNTY0IDYyLjU3MjUgODQuMTU2NCA3My4xNTUyVjg4LjE3NThDODQuMTU2NCAxMDcuNjM0IDY4LjkyMTggMTIzLjMzOCA1MC4wNDQxIDEyMy4zMzhDMzIuMTYgMTIzLjMzOCAxNy41ODc3IDEwOSAxNi4yNjMgOTAuOTA2OUMyOC4xODU3IDkwLjIyNDEgMzkuNzc3MyA4NS40NDQ4IDQ4LjcxOTMgNzYuOTEwNEM1OS4zMTczIDY2LjY2OSA2NS42MDk5IDUyLjY3MjUgNjUuNjA5OSAzNy42NTE5QzY1LjYwOTkgMzIuMTg5OSA2NC42MTYzIDI2LjcyNzggNjMuMjkxNiAyMS45NDg1SDE0OC40MDdDMTUwLjcyNSAyMS45NDg1IDE1Mi43MTIgMjMuOTk2OCAxNTIuNzEyIDI2LjM4NjRWMTUyLjY5NkgtNTQuMjhWMjYuMzg2NEMtNTQuMjggMjMuOTk2OCAtNTIuNjI0IDIxLjk0ODUgLTUwLjMwNTcgMjEuOTQ4NVpNMTE5LjU5MyA5NS4zNDQ4QzEyNy41NDIgOTUuMzQ0OCAxMzMuODM1IDEwMS44MzEgMTMzLjgzNSAxMTAuMDI0VjEyNS4wNDVDMTMzLjgzNSAxMzMuMjM4IDEyNy41NDIgMTM5LjcyNCAxMTkuNTkzIDEzOS43MjRDMTExLjY0NSAxMzkuNzI0IDEwNS4zNTIgMTMzLjIzOCAxMDUuMzUyIDEyNS4wNDVWMTEwLjAyNEMxMDUuMzUyIDEwMi4xNzIgMTExLjk3NiA5NS4zNDQ4IDExOS41OTMgOTUuMzQ0OFpNODMuMTYyOCAxOTYuMzkzSDE0LjkzODJMMjcuNTIzMyAxNzYuOTM0SDcwLjU3NzdMODMuMTYyOCAxOTYuMzkzWk0xNDguNDA3IDE3MS44MTNILTUwLjMwNTdDLTUyLjYyNCAxNzEuODEzIC01NC4yOCAxNjkuNzY1IC01NC4yOCAxNjcuMzc1VjE1Ny40NzZIMTUyLjcxMlYxNjcuMzc1QzE1Mi43MTIgMTY5Ljc2NSAxNTAuNzI1IDE3MS44MTMgMTQ4LjQwNyAxNzEuODEzWiIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+Cjwvc3ZnPgo=) top left no-repeat; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .villas-buy__online { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100vw; padding: 32px 20px; margin: 0 0 32px -20px; background-image: none; } } @media only screen and (max-width: 750px) { .villas-buy__online-container { margin-top: 36px; } } .villas-buy__online-info h3 { font-size: 28px; margin-bottom: 24px; } @media only screen and (max-width: 750px) { .villas-buy__online-info h3 { font-size: 26px; } } .villas-buy__online-info p { max-width: 510px; font-size: 16px; line-height: 164%; } @media only screen and (max-width: 750px) { .villas-buy__online-info p { margin-bottom: 20px; } } .villas-buy__online-btn { padding: 21px 101px; margin-right: 50px; } @media only screen and (max-width: 750px) { .villas-buy__online-btn { width: 100%; padding: 21px 0; margin-top: 12px; margin-right: 0; } } .villas-filter { padding: 100px 0 60px 0; background: #f9f9f9; } @media only screen and (max-width: 750px) { .villas-filter { padding: 44px 0; margin: 44px 0; } } .villas-filter__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .villas-filter__content { width: 100%; padding: 48px 0 0 0; } .villas-filter__content.flat-l-filter__row { margin-bottom: 50px; } .villas-filter__content.filter-item .short._last { margin-right: 0; } .villas-filter__content .filter-item:last-of-type { margin-bottom: 32px; } @media only screen and (max-width: 750px) { .villas-filter__content .filter-item:last-of-type { margin-right: 0; } } .villas-filter__content .filter-item:nth-child(5n) { margin-right: 40px; } .villas-filter__content.filter-tag { width: 623px; margin-right: 64px; } @media only screen and (max-width: 750px) { .villas-filter__content.filter-tag { margin-bottom: 17px; } } .villas-filter__content .filter-buttons__item { background: #fff; } .villas-filter__content .filter-buttons__item:hover, .villas-filter__content .filter-buttons__item.active { color: #3b4658; } @media only screen and (max-width: 750px) { .villas-filter__content { padding-top: 32px; } } .villas-filter__filter { width: 100%; } .villas-filter__filter-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .villas-filter__button { padding: 19px 119px; } @media only screen and (max-width: 750px) { .villas-filter__button { width: 100%; height: 60px; padding: 0; } } .filter-item._mr85 { margin-right: 85px; } @media only screen and (max-width: 750px) { .filter-item._mr85 { margin-right: 0; } } .villas-parking { position: relative; padding: 100px 0; width: 100%; overflow: hidden; } @media only screen and (max-width: 750px) { .villas-parking { width: 100%; padding: 0; margin-left: 0; margin-bottom: 44px; } } .villas-parking:first-child { padding-top: 0; } .villas-parking:last-child { padding-bottom: 50px; margin-bottom: 50px; } @media only screen and (max-width: 750px) { .villas-parking:last-child { padding-bottom: 0; margin-bottom: 0; } } @media only screen and (max-width: 750px) and (max-width: 750px) { .villas-parking:last-child .villas-parking__title { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } .villas-parking._background-color:after { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #f4f4f4; width: 200vw; height: 100%; z-index: 1; } .villas-parking__text-wrap { width: 80%; } .villas-parking__text-wrap._margin-top { margin-top: 40px; } @media only screen and (max-width: 750px) { .villas-parking__text-wrap { width: 100%; } } .villas-parking__title-btn { position: absolute; left: 40px; display: none; width: 30px; height: 30px; font-size: 24px; line-height: 26px; text-align: center; border-radius: 50%; background-color: #d4d4d4; cursor: pointer; } @media only screen and (max-width: 750px) { .villas-parking__title-btn { display: block; } } .villas-parking__title-btn:before, .villas-parking__title-btn:after { background: #3b4658; content: ""; height: 2px; left: 9px; position: absolute; top: 13px; width: 12px; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; } .villas-parking__title-btn:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center; transform-origin: center; } .villas-parking__title-btn.--collapsed:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .villas-parking__title-btn.--collapsed:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .villas-parking__subtitle { margin-bottom: 46px; font-size: 24px; line-height: 42px; font-weight: 300; } @media only screen and (max-width: 750px) { .villas-parking__subtitle { margin-bottom: 32px; font-size: 20px; line-height: 164%; } } .villas-parking__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 134px; } @media only screen and (max-width: 750px) { .villas-parking__row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } } .villas-parking__row:last-child { margin-bottom: 0; } .villas-parking__row._reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .villas-parking__row._margin-top { margin-top: 50px; } .villas-parking__content { width: 100%; max-width: 560px; } .villas-parking__content._image { width: 530px; margin-right: 70px; } @media only screen and (max-width: 750px) { .villas-parking__content._image { width: 100%; max-width: none; margin-right: 0; } } .villas-parking__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-top: 40px; } @media only screen and (max-width: 750px) { .villas-parking__right { display: none; } } @media only screen and (max-width: 750px) { .villas-parking__right .villas-parking__image { display: none; } } .villas-parking__image { -ms-flex-negative: 0; flex-shrink: 0; height: 410px; width: 508px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f2f2f2; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .villas-parking__image._image-loaded { opacity: 1; } @media only screen and (max-width: 750px) { .villas-parking__image { height: 308px; width: 100%; } } .villas-parking__button { display: inline-block; padding: 19px 119px; } @media only screen and (max-width: 750px) { .villas-parking__button { display: none; } } @media only screen and (max-width: 750px) { .villas-parking__button._margin-bot-mob { margin-bottom: 32px; } } .villas-parking__button._no-margin { margin-top: 0; } .villas-parking__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media only screen and (max-width: 750px) { .villas-parking__gallery { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; } } .villas-parking__gallery-wrapper { margin: 50px 0; } @media only screen and (max-width: 750px) { .villas-parking__gallery-wrapper { margin: 0 -20px 0; } } @media only screen and (max-width: 750px) { .villas-parking__gallery-slider { margin-bottom: 8px; } } .villas-parking__gallery._column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .villas-parking__gallery-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 49.6%; } .villas-parking__gallery-column .scroll-section-slide__row { margin-top: 6px; } .villas-parking__gallery-column .scroll-section-slide__row:first-child { margin-top: 0; } .villas-parking__cell { width: calc(50% - 25px); } @media only screen and (max-width: 750px) { .villas-parking__cell { width: 100%; } } .villas-progress { position: relative; padding-top: 80px; overflow: hidden; } @media only screen and (max-width: 750px) { .villas-progress { padding-top: 0; } } .villas-progress__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .villas-progress__header { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .villas-progress__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 750px) { .villas-progress__title { font-size: 26px; line-height: 36px; } } .villas-progress__camera, .villas-progress__mobile-camera { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 24px; margin-left: 56px; cursor: pointer; background: #fff; border: 1px solid #3b4658; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color .3s ease, opacity .3s ease; transition: background-color .3s ease, opacity .3s ease; } .villas-progress__camera-icon, .villas-progress__mobile-camera-icon { display: inline-block; width: 100%; height: 100%; min-width: 16px; min-height: 16px; margin-right: 12px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04IDEwLjg5NzlDMTAuMjQwMSAxMC44OTc5IDEyLjA2MjUgOS4wNzE2NyAxMi4wNjI1IDYuODI2ODVDMTIuMDYyNSA0LjU4MjAyIDEwLjI0MDEgMi43NTU3OSA4IDIuNzU1NzlDNS43NTk4OSAyLjc1NTc5IDMuOTM3NSA0LjU4MjAyIDMuOTM3NSA2LjgyNjg1QzMuOTM3NSA5LjA3MTY3IDUuNzU5ODkgMTAuODk3OSA4IDEwLjg5NzlaTTggNC4wMDg0MkM5LjU1MDc4IDQuMDA4NDIgMTAuODEyNSA1LjI3MjggMTAuODEyNSA2LjgyNjg1QzEwLjgxMjUgOC4zODA4OSA5LjU1MDc4IDkuNjQ1MjcgOCA5LjY0NTI3QzYuNDQ5MjIgOS42NDUyNyA1LjE4NzUgOC4zODA4OSA1LjE4NzUgNi44MjY4NUM1LjE4NzUgNS4yNzI4IDYuNDQ5MjIgNC4wMDg0MiA4IDQuMDA4NDJaTTcuMjE4NzUgNi44MjY4NUM3LjIxODc1IDYuMzk0NDIgNy41Njg0OCA2LjA0Mzk1IDggNi4wNDM5NUM4LjQzMTUyIDYuMDQzOTUgOC43ODEyNSA2LjM5NDQyIDguNzgxMjUgNi44MjY4NUM4Ljc4MTI1IDcuMjU5MjcgOC40MzE1MiA3LjYwOTc0IDggNy42MDk3NEM3LjU2ODQ4IDcuNjA5NzQgNy4yMTg3NSA3LjI1OTI3IDcuMjE4NzUgNi44MjY4NVpNMTMuOTg2OCAxMC4wOTAyQzE0LjUyNTkgOS4xMDA1NCAxNC44MTI1IDcuOTg1OSAxNC44MTI1IDYuODI2ODVDMTQuODEyNSAzLjA1MzkgMTEuNzY1NiAwIDggMEM0LjIzNDk5IDAgMS4xODc1IDMuMDUzMjkgMS4xODc1IDYuODI2ODVDMS4xODc1IDcuOTg1NzcgMS40NzQxMiA5LjEwMDU0IDIuMDEzMTggMTAuMDkwMkMwLjcxMTc5MiAxMS41NTc3IDAgMTMuNDI3NiAwIDE1LjQwNzRDMCAxNS43NTMzIDAuMjc5Nzg1IDE2LjAzMzcgMC42MjUgMTYuMDMzN0gxNS4zNzVDMTUuNzIwMiAxNi4wMzM3IDE2IDE1Ljc1MzMgMTYgMTUuNDA3NEMxNiAxMy40MjczIDE1LjI4ODMgMTEuNTU3NyAxMy45ODY4IDEwLjA5MDJaTTggMS4yNTI2M0MxMS4wNjcxIDEuMjUyNjMgMTMuNTYyNSAzLjc1MzI1IDEzLjU2MjUgNi44MjY4NUMxMy41NjI1IDkuOTAwNDQgMTEuMDY3MSAxMi40MDExIDggMTIuNDAxMUM0LjkzMjg2IDEyLjQwMTEgMi40Mzc1IDkuOTAwNDQgMi40Mzc1IDYuODI2ODVDMi40Mzc1IDMuNzUzMjUgNC45MzI4NiAxLjI1MjYzIDggMS4yNTI2M1pNMS4yNzgzMiAxNC43ODExQzEuMzk5NDEgMTMuNDUxNyAxLjkwNDc5IDEyLjIwMzMgMi43NDA0OCAxMS4xNjY1QzQuMDA0NTIgMTIuNjk5MyA1Ljg4NTM4IDEzLjY1MzcgOCAxMy42NTM3QzEwLjExNDcgMTMuNjUzNyAxMS45OTU2IDEyLjY5OTMgMTMuMjU5NiAxMS4xNjY1QzE0LjA5NTIgMTIuMjAzMSAxNC42MDA3IDEzLjQ1MTUgMTQuNzIxNyAxNC43ODExSDEuMjc4MzJaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); } @media only screen and (max-width: 750px) { .villas-progress__camera-icon, .villas-progress__mobile-camera-icon { max-width: 16px; } } .villas-progress__camera-text, .villas-progress__mobile-camera-text { font-size: 16px; line-height: 18px; white-space: nowrap; } @media only screen and (max-width: 750px) { .villas-progress__camera, .villas-progress__mobile-camera { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 21px 69px; margin-left: 0; } } @media only screen and (max-width: 750px) { .villas-progress__camera { display: none; } } .villas-progress__controls { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 750px) { .villas-progress__controls { display: none; } } .villas-progress__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border: 1px solid #dedede; fill: #3b4658; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; } .villas-progress__control:hover { background-color: #3b4658; border-color: #3b4658; fill: white; } .villas-progress__control._next { margin-left: 16px; -webkit-transform: scale(-1); transform: scale(-1); } .villas-progress__control.swiper-button-lock { visibility: hidden; } .villas-progress__control.swiper-button-disabled { opacity: .4; pointer-events: none; } .villas-progress__control-icn { width: 6px; height: 12px; } .villas-progress__slider-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 285px; margin-left: 0; margin-top: 56px; overflow: visible; } @media only screen and (max-width: 750px) { .villas-progress__slider-container { width: 100%; margin-top: 36px; } } .villas-progress__slide { width: 285px; -webkit-transition: width 0.4s ease, opacity 0.3s ease; transition: width 0.4s ease, opacity 0.3s ease; } .villas-progress__slide:first-child .villas-progress__slide-track:before { content: ''; position: absolute; right: calc(100% + 4px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; width: 100vw; background-color: #3b4658; } .villas-progress__slide:last-child .villas-progress__slide-track:after { content: ''; position: absolute; left: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; width: 100vw; background-color: #3b4658; } .villas-progress__slide._active { width: 591px; } .villas-progress__slide._active .villas-progress__slide-top { opacity: 1; } .villas-progress__slide._active .villas-progress__slide-top-text { opacity: 1; -webkit-transition: opacity 0.4s ease 0.3s; transition: opacity 0.4s ease 0.3s; } .villas-progress__slide._active ~ * .villas-progress__slide-top { opacity: 1; } .villas-progress__slide._active ~ * .villas-progress__slide-bottom { opacity: .4; } .villas-progress__slide-top { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; height: 464px; padding-left: 44px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f9f9f9; overflow: hidden; opacity: .5; cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (max-width: 750px) { .villas-progress__slide-top { height: 260px; } } .villas-progress__slide-top-text { -ms-flex-negative: 0; flex-shrink: 0; width: 364px; padding: 44px; opacity: 0; background-color: white; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } @media only screen and (max-width: 750px) { .villas-progress__slide-top-text { display: none; } } .villas-progress__slide-top-counter { position: absolute; top: 32px; left: 40px; font-size: 16px; line-height: 18px; color: #fff; } .villas-progress__slide-top-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 24px; line-height: 26px; } .villas-progress__slide-top-desc { margin-top: 20px; font-size: 16px; line-height: 24px; } .villas-progress__slide-bottom { position: relative; width: 100%; margin-top: 56px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (max-width: 750px) { .villas-progress__slide-bottom { margin-top: 32px; } } .villas-progress__slide-track { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 16px); } .villas-progress__slide-ball { width: 16px; height: 16px; margin-right: 4px; border-radius: 50%; background-color: #3b4658; } .villas-progress__slide-line { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1px; background-color: #3b4658; } .villas-progress__slide-bottom-text { margin-top: 56px; } @media only screen and (max-width: 750px) { .villas-progress__slide-bottom-text { margin-top: 24px; } } .villas-progress__slide-bottom-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 99px; font-size: 16px; line-height: 18px; } @media only screen and (max-width: 750px) { .villas-progress__slide-bottom-title { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 24px; line-height: 26px; } .villas-progress__slide-bottom-title span:last-child { display: none; } } .villas-progress__slide-bottom-desc { display: none; } @media only screen and (max-width: 750px) { .villas-progress__slide-bottom-desc { display: block; max-width: none; font-size: 16px; line-height: 20px; } } .villas-progress__pagination { display: none; } @media only screen and (max-width: 750px) { .villas-progress__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 236px; left: 0; width: 100vw; height: 16px; } } .villas-progress__pagination-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: auto; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .villas-progress__pagination-wrapper:after { content: ''; position: absolute; top: 50%; left: 0; width: calc(100% + 100vw); height: 1px; background-color: #3b4658; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .villas-progress__bullet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 16px; height: 8px; margin-right: calc((100vw - 40px) / 4 - 18px); padding: 0 4px; background-color: white; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .villas-progress__bullet:before { content: ''; width: 100%; height: 100%; border-radius: 50%; background-color: #3b4658; } .villas-progress__bullet:first-child { width: 12px; padding-left: 0; -webkit-transform-origin: left; transform-origin: left; } .villas-progress__bullet._active { -webkit-transform: scale(2); transform: scale(2); } .villas-progress__mobile { display: none; } @media only screen and (max-width: 750px) { .villas-progress__mobile { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 32px; } } .villas-documents { margin: 102px 0 62px 0; } @media only screen and (max-width: 750px) { .villas-documents { margin-top: 24px; margin-bottom: 48px; } } .villas-documents__content { position: relative; margin-top: 56px; } @media only screen and (max-width: 750px) { .villas-documents__content { margin-top: 32px; } } .villas-documents__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .villas-documents__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; margin-bottom: 40px; } @media only screen and (max-width: 750px) { .villas-documents__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; } } .villas-documents__item:hover .villas-documents__name { text-decoration: underline; -webkit-transition: -webkit-text-decoration .3s ease; transition: -webkit-text-decoration .3s ease; transition: text-decoration .3s ease; transition: text-decoration .3s ease, -webkit-text-decoration .3s ease; } .villas-documents__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 45px; text-transform: uppercase; height: 45px; margin-right: 22px; font-size: 14px; border: 1px solid #dedede; } .villas-documents__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .villas-documents__name { position: relative; max-width: 430px; margin-bottom: 6px; font-size: 18px; line-height: 20px; -webkit-transition: -webkit-text-decoration .3s ease; transition: -webkit-text-decoration .3s ease; transition: text-decoration .3s ease; transition: text-decoration .3s ease, -webkit-text-decoration .3s ease; } .villas-documents__desc { line-height: 18px; color: #9c9a9a; } @media only screen and (max-width: 750px) { .villas-documents__desc { font-size: 16px; } } .villas-popup { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: hidden; opacity: 0; pointer-events: none; background: rgba(0, 0, 0, 0.3); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .villas-popup-close { position: absolute; top: 50px; right: 50px; z-index: 1; } @media only screen and (max-width: 750px) { .villas-popup-close { top: 20px; right: 20px; } } .villas-popup.active { visibility: visible; opacity: 1; pointer-events: all; } .villas-popup-about__wrapper { position: relative; height: auto; width: 993px; margin: 15px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } @media only screen and (max-width: 750px) { .villas-popup-about__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 96vw; } } .villas-popup-about__slide { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 610px; } @media only screen and (max-width: 750px) { .villas-popup-about__slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 500px; } } .villas-popup-about__column { background: #fff; } .villas-popup-about__column:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 43%; flex: 1 1 43%; } @media only screen and (max-width: 750px) { .villas-popup-about__column:first-child { min-width: 96vw; height: 35vh; } } .villas-popup-about__column:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 57%; flex: 1 1 57%; } .villas-popup-about__img { position: relative; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .villas-popup-about__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 150px 80px 125px 80px; color: #3b4658; } @media only screen and (max-width: 750px) { .villas-popup-about__content { padding: 25px 25px 20px 25px; } } .villas-popup-about__content-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .villas-popup-about__content-title { margin-bottom: 32px; font-size: 28px; line-height: 44.8px; } @media only screen and (max-width: 750px) { .villas-popup-about__content-title { margin-bottom: 15px; font-size: 24px; line-height: 28px; } } .villas-popup-about__content-descr { font-size: 20px; line-height: 32px; } @media only screen and (max-width: 750px) { .villas-popup-about__content-descr { font-size: 16px; line-height: 18px; } } .villas-popup-about__controls { position: absolute; top: 80%; left: 51%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 30px; } @media only screen and (max-width: 750px) { .villas-popup-about__controls { display: none; } } .villas-popup-about__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border: 1px solid #dedede; fill: #3b4658; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; } .villas-popup-about__control:hover { background-color: #3b4658; border-color: #3b4658; fill: white; } .villas-popup-about__control._next { margin-left: 16px; -webkit-transform: scale(-1); transform: scale(-1); } .villas-popup-about__control.swiper-button-lock { visibility: hidden; } .villas-popup-about__control-icn { width: 6px; height: 12px; } .villas-camera-popup { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: hidden; opacity: 0; pointer-events: none; background: rgba(0, 0, 0, 0.3); -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .villas-camera-popup__wrapper { position: relative; width: 800px; height: 600px; margin: 15px; } @media only screen and (max-width: 750px) { .villas-camera-popup__wrapper { width: 100%; height: 400px; } } .villas-camera-popup__wrapper iframe { width: 100%; height: 100%; } .villas-camera-popup__close { position: absolute; top: -50px; right: -50px; } @media only screen and (max-width: 750px) { .villas-camera-popup__close { top: -50px; right: 0; } } .villas-camera-popup.active { visibility: visible; opacity: 1; pointer-events: all; } .villas { position: relative; background-color: white; } .villas__title { position: relative; -ms-flex-item-align: start; align-self: flex-start; font-size: 28px; line-height: 34px; max-width: 560px; } .villas__title-btn { position: absolute; left: 0; display: none; width: 30px; height: 30px; font-size: 24px; line-height: 26px; text-align: center; border-radius: 50%; background-color: #f2f2f2; cursor: pointer; } @media only screen and (max-width: 750px) { .villas__title-btn { display: block; } } .villas__title-btn:before, .villas__title-btn:after { background: #3b4658; content: ""; height: 2px; left: 9px; position: absolute; top: 13px; width: 12px; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; } .villas__title-btn:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center; transform-origin: center; } .villas__title-btn.--collapsed:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .villas__title-btn.--collapsed:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 750px) { .villas__title { font-size: 18px; line-height: 24px; margin: 0; } .villas__title._close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 26px 0 26px 45px; } .villas__title._close:before { content: ""; position: absolute; width: 120vw; height: 1px; top: 0; left: -20%; background: #e5e5e5; } .villas__title._close:after { content: ""; position: absolute; width: 120vw; height: 1px; bottom: -1px; left: -20%; background: #e5e5e5; } } .villas__title._hidden { display: none; } @media only screen and (max-width: 750px) { .villas__title._hidden { display: block; } } .villas__title.genplan-bottom { margin-bottom: 56px; } @media only screen and (max-width: 750px) { .villas__title.genplan-bottom { margin-bottom: 0; } } .villas__subtitle { margin-top: 40px; font-size: 24px; line-height: 130%; } @media only screen and (max-width: 750px) { .villas__subtitle { max-width: 250px; font-size: 20px; } } .villas__text { max-width: 812px; margin: 40px 0; font-size: 16px; line-height: 164%; } @media only screen and (max-width: 750px) { .villas__text { font-size: 14px; margin-top: 24px; margin-bottom: 0; } .villas__text._hidden { display: none; } .villas__text._bottom { margin-bottom: 44px; } .villas__text._top0 { margin-top: 0; } } @media only screen and (max-width: 750px) { .villas-wrap { display: none; } } .villas__icons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 750px) { .villas__icons { margin-bottom: 44px; } .villas__icons._bottom0 { margin-bottom: 0; } } .villas__icon { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 42px; margin-bottom: 32px; } .villas__icon-img { width: 100%; height: 100%; max-width: 42px; max-height: 42px; margin-right: 24px; background-repeat: no-repeat; background-position: center; } .villas__icon-img._1 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi4yNSAxNi4yNVYxNUg5Ljc1VjE2LjI1SDEyLjI1WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMTIuMjUgMTguNzVWMTcuNUg5Ljc1VjE4Ljc1SDEyLjI1WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjI1IDE1SDM4LjVIMzkuNzVWNDBIMVYwSDkuNzVWOC43NVYxMFYxNVYxNi4yNVYxNy41VjE4Ljc1VjI4Ljc1SDE0Ljc1SDE2SDM4LjVWMjcuNVYyNi4yNVYyNUgxNkgxNC43NUgxMy41VjE4Ljc1SDEyLjI1VjE3LjVIMTQuNzVWMjMuNzVIMzguNVYxNi4yNUgxMi4yNVYxNVpNOC41IDEwVjExLjI1SDIuMjVWOC43NUg4LjVWMTBaTTYgMTIuNUg4LjVWMTVINlYxMi41Wk00Ljc1IDE1SDIuMjVWMTIuNUg0Ljc1VjE1Wk04LjUgMTYuMjVWMTguNzVIMi4yNVYxNi4yNUg4LjVaTTYgMjBIOC41VjIyLjVINlYyMFpNNC43NSAyMFYyMi41SDIuMjVWMjBINC43NVpNOC41IDIzLjc1VjI2LjI1SDIuMjVWMjMuNzVIOC41Wk00Ljc1IDI3LjVWMzBIMi4yNVYyNy41SDQuNzVaTTYgMjcuNUg4LjVWMzBINlYyNy41Wk02IDVIOC41VjcuNUg2VjVaTTQuNzUgNy41SDIuMjVWNUg0Ljc1VjcuNVpNOC41IDEuMjVWMy43NUgyLjI1VjEuMjVIOC41Wk0yLjI1IDMxLjI1SDguNVYzMy43NUgyLjI1VjMxLjI1Wk0zOC41IDMxLjI1VjMzLjc1SDkuNzVWMzBIMzguNVYzMS4yNVpNMi4yNSAzNy41VjM4Ljc1SDM4LjVWMzcuNVYzNi4yNVYzNUgyLjI1VjM2LjI1VjM3LjVaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); } .villas__icon-img._2 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS43MzUzIDE5LjQyNDJDMTIuNjQ5MSAxOS40MjQyIDEwLjE2OCAxNi45NDMxIDEwLjE2OCAxMy44NTY5QzEwLjE2OCAxMC43NzA3IDEyLjY0OTEgOC4yODk1NyAxNS43MzUzIDguMjg5NTdDMTguODIxNSA4LjI4OTU3IDIxLjMwMjYgMTAuNzcwNyAyMS4zMDI2IDEzLjg1NjlDMjEuMzAyNiAxNi44ODI2IDE4LjgyMTUgMTkuNDI0MiAxNS43MzUzIDE5LjQyNDJaTTE1LjczNTMgOS40MzkzNUMxMy4zMTQ3IDkuNDM5MzUgMTEuMzc4MyAxMS4zNzU4IDExLjM3ODMgMTMuNzk2NEMxMS4zNzgzIDE2LjIxNyAxMy4zMTQ3IDE4LjE1MzQgMTUuNzM1MyAxOC4xNTM0QzE4LjE1NTkgMTguMTUzNCAyMC4wOTIzIDE2LjIxNyAyMC4wOTIzIDEzLjc5NjRDMjAuMDkyMyAxMS40MzYzIDE4LjA5NTQgOS40MzkzNSAxNS43MzUzIDkuNDM5MzVaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik0xMS41NTg2IDE3LjEyNjFINC45MDIwMkM0LjUzODkzIDE3LjEyNjEgNC4yOTY4OCAxNi44ODQgNC4yOTY4OCAxNi41MjA5VjExLjE5NTdDNC4yOTY4OCAxMC44MzI2IDQuNTM4OTMgMTAuNTkwNSA0LjkwMjAyIDEwLjU5MDVIMTEuNDk4MUMxMS44NjEyIDEwLjU5MDUgMTIuMTAzMiAxMC44MzI2IDEyLjEwMzIgMTEuMTk1N0MxMi4xMDMyIDExLjU1ODggMTEuODYxMiAxMS44MDA4IDExLjQ5ODEgMTEuODAwOEg1LjUwNzE2VjE1LjkxNThIMTEuNDk4MUMxMS44NjEyIDE1LjkxNTggMTIuMTAzMiAxNi4xNTc5IDEyLjEwMzIgMTYuNTIwOUMxMi4xNjM3IDE2LjgyMzUgMTEuODYxMiAxNy4xMjYxIDExLjU1ODYgMTcuMTI2MVoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTMwLjc0MDkgMjIuNzUzOUgyNS40MTU3QzI1LjA1MjYgMjIuNzUzOSAyNC44MTA1IDIyLjUxMTkgMjQuODEwNSAyMi4xNDg4VjE4LjI3NTlDMjQuODEwNSAxNy42MTAyIDI0LjI2NTkgMTcuMDY1NiAyMy42NjA3IDE3LjA2NTZIMTkuOTA4OUMxOS41NDU4IDE3LjA2NTYgMTkuMzAzNyAxNi44MjM1IDE5LjMwMzcgMTYuNDYwNEMxOS4zMDM3IDE2LjA5NzMgMTkuNTQ1OCAxNS44NTUzIDE5LjkwODkgMTUuODU1M0gyMy42NjA3QzI0Ljk5MjEgMTUuODU1MyAyNi4wMjA4IDE2Ljk0NDUgMjYuMDIwOCAxOC4yNzU5VjIxLjU0MzZIMzAuMDc1M1YxNS42MTMyQzMwLjA3NTMgMTMuNDk1MiAyOC4zODA5IDExLjgwMDggMjYuMjYyOSAxMS44MDA4SDE5LjkwODlDMTkuNTQ1OCAxMS44MDA4IDE5LjMwMzcgMTEuNTU4OCAxOS4zMDM3IDExLjE5NTdDMTkuMzAzNyAxMC44MzI2IDE5LjU0NTggMTAuNTkwNSAxOS45MDg5IDEwLjU5MDVIMjYuMzIzNEMyOS4xMDcgMTAuNTkwNSAzMS4zNDYxIDEyLjgyOTYgMzEuMzQ2MSAxNS42MTMyVjIyLjE0ODhDMzEuMzQ2MSAyMi41MTE5IDMxLjA0MzUgMjIuNzUzOSAzMC43NDA5IDIyLjc1MzlaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik00LjkwMTY2IDIwLjkzODJIMC42MDUxNDRDMC4yNDIwNTcgMjAuOTM4MiAwIDIwLjY5NjIgMCAyMC4zMzMxVjcuMzIyNTFDMCA2Ljk1OTQzIDAuMjQyMDU3IDYuNzE3MzcgMC42MDUxNDQgNi43MTczN0g0LjkwMTY2QzUuMjY0NzUgNi43MTczNyA1LjUwNjgxIDYuOTU5NDMgNS41MDY4MSA3LjMyMjUxVjIwLjM5MzZDNS41MDY4MSAyMC42OTYyIDUuMjY0NzUgMjAuOTM4MiA0LjkwMTY2IDIwLjkzODJaTTEuMjEwMjkgMTkuNzI4SDQuMjk2NTJWNy45Mjc2NkgxLjIxMDI5VjE5LjcyOFoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTE3LjEyNjEgOS42ODIzNEMxNi43NjMgOS42ODIzNCAxNi41MjA5IDkuNDQwMjggMTYuNTIwOSA5LjA3NzE5VjQuNjU5NjRIMTQuODg3VjkuMDE2NjhDMTQuODg3IDkuMzc5NzYgMTQuNjQ1IDkuNjIxODIgMTQuMjgxOSA5LjYyMTgyQzEzLjkxODggOS42MjE4MiAxMy42NzY4IDkuMzc5NzYgMTMuNjc2OCA5LjAxNjY4VjQuMDU0NUMxMy42NzY4IDMuNjkxNDEgMTMuOTE4OCAzLjQ0OTM2IDE0LjI4MTkgMy40NDkzNkgxNy4xMjYxQzE3LjQ4OTIgMy40NDkzNiAxNy43MzEyIDMuNjkxNDEgMTcuNzMxMiA0LjA1NDVWOS4wMTY2OEMxNy43MzEyIDkuMzc5NzYgMTcuNDg5MiA5LjY4MjM0IDE3LjEyNjEgOS42ODIzNFoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTIwLjY5NjUgNC42NTk2NEgxMC43MTE2QzEwLjM0ODUgNC42NTk2NCAxMC4xMDY0IDQuNDE3NTkgMTAuMTA2NCA0LjA1NDVDMTAuMTA2NCAzLjY5MTQxIDEwLjM0ODUgMy40NDkzNiAxMC43MTE2IDMuNDQ5MzZIMjAuNjk2NUMyMS4wNTk1IDMuNDQ5MzYgMjEuMzAxNiAzLjY5MTQxIDIxLjMwMTYgNC4wNTQ1QzIxLjMwMTYgNC40MTc1OSAyMS4wNTk1IDQuNjU5NjQgMjAuNjk2NSA0LjY1OTY0WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMjAuNjMzIDIuMjM4MTRIMTAuNzY5MkMxMC40MDYxIDIuMjM4MTQgMTAuMTY0MSAxLjk5NjA4IDEwLjE2NDEgMS42MzNDMTAuMTY0MSAxLjI2OTkxIDEwLjQwNjEgMS4wMjc4NSAxMC43NjkyIDEuMDI3ODVIMjAuNjMzQzIwLjk5NjEgMS4wMjc4NSAyMS4yMzgyIDEuMjY5OTEgMjEuMjM4MiAxLjYzM0MyMS4yMzgyIDEuOTM1NTcgMjAuOTk2MSAyLjIzODE0IDIwLjYzMyAyLjIzODE0WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNOS4wMTYxMiA1LjU2NzgzQzcuNTAzMjYgNS41Njc4MyA2LjI5Mjk3IDQuMzU3NTUgNi4yOTI5NyAyLjc4NDE3QzYuMjkyOTcgMS4yMTA4IDcuNTAzMjYgMC4wMDA1MTExNjkgOS4wMTYxMiAwLjAwMDUxMTE2OUMxMC41MjkgMC4wMDA1MTExNjkgMTEuNzM5MyAxLjIxMDggMTEuNzM5MyAyLjc4NDE3QzExLjczOTMgNC4zNTc1NSAxMC41MjkgNS41Njc4MyA5LjAxNjEyIDUuNTY3ODNaTTkuMDE2MTIgMS4yNzEzMUM4LjE2ODkxIDEuMjcxMzEgNy41MDMyNiAxLjkzNjk3IDcuNTAzMjYgMi44NDQ2OUM3LjUwMzI2IDMuNjkxODkgOC4xNjg5MSA0LjQxODA2IDkuMDE2MTIgNC40MTgwNkM5Ljg2MzMyIDQuNDE4MDYgMTAuNTI5IDMuNzUyNCAxMC41MjkgMi44NDQ2OUMxMC41MjkgMS45MzY5NyA5Ljg2MzMyIDEuMjcxMzEgOS4wMTYxMiAxLjI3MTMxWiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMjIuNDUwNyA1LjU2NzgzQzIwLjkzNzggNS41Njc4MyAxOS43Mjc1IDQuMzU3NTUgMTkuNzI3NSAyLjc4NDE3QzE5LjcyNzUgMS4yMTA4IDIwLjkzNzggMC4wMDA1MTExNjkgMjIuNDUwNyAwLjAwMDUxMTE2OUMyMy45NjM1IDAuMDAwNTExMTY5IDI1LjE3MzggMS4yMTA4IDI1LjE3MzggMi43ODQxN0MyNS4xNzM4IDQuMzU3NTUgMjMuOTYzNSA1LjU2NzgzIDIyLjQ1MDcgNS41Njc4M1pNMjIuNDUwNyAxLjI3MTMxQzIxLjYwMzUgMS4yNzEzMSAyMC45Mzc4IDEuOTM2OTcgMjAuOTM3OCAyLjg0NDY5QzIwLjkzNzggMy42OTE4OSAyMS42MDM1IDQuNDE4MDYgMjIuNDUwNyA0LjQxODA2QzIzLjI5NzkgNC40MTgwNiAyMy45NjM1IDMuNzUyNCAyMy45NjM1IDIuODQ0NjlDMjMuOTYzNSAxLjkzNjk3IDIzLjI5NzkgMS4yNzEzMSAyMi40NTA3IDEuMjcxMzFaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik0xOS42NjQyIDMyLjA3MjNDMTkuNDIyMiAzMi4wNzIzIDE5LjE4MDEgMzEuOTUxMyAxOS4xMTk2IDMxLjcwOTJDMTguOTk4NiAzMS40MDY2IDE5LjExOTYgMzEuMDQzNiAxOS40ODI3IDMwLjkyMjVMMzAuMDcyNyAyNi42ODY1QzMwLjM3NTMgMjYuNTY1NSAzMC43Mzg0IDI2LjY4NjUgMzAuODU5NCAyNy4wNDk2QzMwLjk4MDQgMjcuMzUyMiAzMC44NTk0IDI3LjcxNTMgMzAuNDk2MyAyNy44MzYzTDE5LjkwNjMgMzIuMDcyM0MxOS43ODUzIDMyLjA3MjMgMTkuNzI0NyAzMi4wNzIzIDE5LjY2NDIgMzIuMDcyM1oiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTIxLjA1ODggMzUuNjQwN0MyMC44MTY3IDM1LjY0MDcgMjAuNTc0NyAzNS41MTk2IDIwLjUxNDEgMzUuMjc3NkMyMC4zOTMxIDM0Ljk3NSAyMC41MTQxIDM0LjYxMTkgMjAuODc3MiAzNC40OTA5TDMxLjQ2NzIgMzAuMjU0OUMzMS43Njk4IDMwLjEzMzkgMzIuMTMyOSAzMC4yNTQ5IDMyLjI1MzkgMzAuNjE4QzMyLjM3NSAzMC45MjA1IDMyLjI1MzkgMzEuMjgzNiAzMS44OTA4IDMxLjQwNDdMMjEuMzAwOCAzNS42NDA3QzIxLjI0MDMgMzUuNjQwNyAyMS4xNzk4IDM1LjY0MDcgMjEuMDU4OCAzNS42NDA3WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMzQuODU2MSAzMi42MTY0QzMzLjU4NTMgMzIuNjE2NCAzMi4yNTQgMzIuMTMyMiAzMS4yODU3IDMxLjIyNDVDMzAuNzQxMSAzMC42Nzk5IDMwLjMxNzUgMzAuMDc0OCAzMC4wMTQ5IDI5LjM0ODZDMjkuNzEyNCAyOC42MjI0IDI5LjU5MTMgMjcuODk2MiAyOS42NTE4IDI3LjEwOTZDMjkuNzcyOSAyNS4xMTI2IDMxLjA0MzcgMjMuMjk3MSAzMi45MTk2IDIyLjU3MUMzNC42NzQ1IDIxLjg0NDggMzYuNjcxNSAyMi4yMDc5IDM4LjEyMzkgMjMuMzU3N0MzOC4zNjU5IDIzLjU5OTcgMzguNDI2NCAyMy45NjI4IDM4LjE4NDQgMjQuMjA0OUMzNy45NDIzIDI0LjQ0NjkgMzcuNTc5MiAyNC41MDc0IDM3LjMzNzIgMjQuMjY1NEMzNi4yNDc5IDIzLjM1NzcgMzQuNjc0NSAyMy4xMTU2IDMzLjM0MzIgMjMuNjYwMkMzMS44OTA5IDI0LjIwNDkgMzAuOTIyNiAyNS41OTY3IDMwLjg2MjEgMjcuMTcwMUMzMC44MDE2IDI3Ljc3NTIgMzAuOTIyNiAyOC4zMTk4IDMxLjE2NDcgMjguODY0NUMzMS40MDY4IDI5LjQwOTEgMzEuNzA5MyAyOS44OTMyIDMyLjEzMjkgMzAuMzE2OEMzMy4yMjIyIDMxLjM0NTYgMzQuOTE2NiAzMS43MDg2IDM2LjMwODQgMzEuMTAzNUMzNy41NzkyIDMwLjU1ODkgMzguNTQ3NSAyOS40Njk2IDM4LjcyOSAyOC4wNzc4QzM4Ljc4OTUgMjcuNzc1MiAzOS4wOTIxIDI3LjUzMzIgMzkuNDU1MiAyNy41OTM3QzM5Ljc1NzcgMjcuNjU0MiAzOS45OTk4IDI3Ljk1NjggMzkuOTM5MyAyOC4zMTk4QzM5LjYzNjcgMzAuMTM1MyAzOC40MjY0IDMxLjU4NzYgMzYuNzMyIDMyLjMxMzhDMzYuMTI2OSAzMi40OTUzIDM1LjQ2MTIgMzIuNjE2NCAzNC44NTYxIDMyLjYxNjRaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik0zNi40OTE5IDI5Ljk1MjVDMzYuMzcwOCAyOS45NTI1IDM2LjMxMDMgMjkuOTUyNSAzNi4yNDk4IDI5Ljg5MkwzMy40NjYxIDI4LjU2MDdDMzMuMTYzNiAyOC40Mzk3IDMzLjA0MjUgMjguMDc2NiAzMy4xNjM2IDI3LjgzNDVMMzQuMjUyOCAyNC45Mjk4QzM0LjMxMzMgMjQuNzQ4MyAzNC40MzQ0IDI0LjYyNzMgMzQuNjE1OSAyNC41NjY4TDM3LjUyMDYgMjMuNDE3QzM3LjgyMzIgMjMuMjk2IDM4LjE4NjMgMjMuNDE3IDM4LjMwNzMgMjMuNzgwMUMzOC40MjgzIDI0LjA4MjYgMzguMzA3MyAyNC40NDU3IDM3Ljk0NDIgMjQuNTY2OEwzNS4yODE2IDI1LjY1NkwzNC40OTQ5IDI3LjcxMzVMMzYuNTUyNCAyOC43NDIzTDM5LjE1NDUgMjcuNzEzNUMzOS40NTcxIDI3LjU5MjUgMzkuODIwMSAyNy43MTM1IDM5Ljk0MTIgMjguMDc2NkM0MC4wNjIyIDI4LjM3OTIgMzkuOTQxMiAyOC43NDIzIDM5LjU3ODEgMjguODYzM0wzNi43MzM5IDMwLjAxMzFDMzYuNjczNCAyOS45NTI1IDM2LjU1MjQgMjkuOTUyNSAzNi40OTE5IDI5Ljk1MjVaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik0xNi41MTg3IDM5Ljk5OTVDMTUuNDI5NSAzOS45OTk1IDE0LjM0MDIgMzkuNjM2NCAxMy40MzI1IDM4Ljk3MDdDMTMuMTkwNCAzOC43ODkyIDEzLjEyOTkgMzguMzY1NiAxMy4zMTE1IDM4LjEyMzVDMTMuNDkzIDM3Ljg4MTUgMTMuOTE2NiAzNy44MjEgMTQuMTU4NyAzOC4wMDI1QzE1LjI0NzkgMzguODQ5NyAxNi43MDAzIDM5LjAzMTMgMTguMDMxNiAzOC40ODY2QzE5LjQ4MzkgMzcuOTQyIDIwLjQ1MjIgMzYuNTUwMiAyMC41MTI3IDM0Ljk3NjhDMjAuNTEyNyAzNC4zNzE3IDIwLjQ1MjIgMzMuODI3IDIwLjIxMDEgMzMuMjgyNEMxOS45NjggMzIuNzM3OCAxOS42NjU1IDMyLjI1MzYgMTkuMjQxOSAzMS44M0MxOC4xNTI2IDMwLjc0MDggMTYuNDU4MiAzMC40MzgyIDE1LjA2NjQgMzEuMDQzNEMxMy43MzUxIDMxLjU4OCAxMi43NjY4IDMyLjc5ODMgMTIuNTg1MyAzNC4yNTA2QzEyLjUyNDggMzQuNTUzMiAxMi4yMjIyIDM0Ljc5NTMgMTEuOTE5NiAzNC43OTUzQzExLjYxNzEgMzQuNzM0NyAxMS4zNzUgMzQuNDMyMiAxMS4zNzUgMzQuMTI5NkMxMS42MTcxIDMyLjI1MzYgMTIuODI3MyAzMC42MTk4IDE0LjU4MjMgMjkuOTU0MUMxNi40NTgyIDI5LjIyNzkgMTguNTc2MiAyOS41OTEgMjAuMDI4NiAzMC45ODI4QzIwLjU3MzIgMzEuNTI3NSAyMC45OTY4IDMyLjEzMjYgMjEuMjk5NCAzMi44NTg4QzIxLjYwMTkgMzMuNTg1IDIxLjcyMyAzNC4zMTExIDIxLjY2MjQgMzUuMDM3M0MyMS41NDE0IDM3LjAzNDMgMjAuMjcwNiAzOC44NDk3IDE4LjM5NDcgMzkuNTc1OUMxNy43ODk1IDM5Ljg3ODUgMTcuMTg0NCAzOS45OTk1IDE2LjUxODcgMzkuOTk5NVoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTEzLjc5NDIgMzkuMDkxNkMxMy41NTIxIDM5LjA5MTYgMTMuMzEgMzguOTcwNSAxMy4yNDk1IDM4LjcyODVDMTMuMTI4NSAzOC40MjU5IDEzLjI0OTUgMzguMDYyOCAxMy42MTI2IDM3Ljk0MThMMTYuMjE0NyAzNi45MTNMMTcuMDAxNCAzNC43OTVMMTQuOTQzOSAzMy43NjYzTDEyLjI4MTMgMzQuODU1NkMxMS45Nzg3IDM0Ljk3NjYgMTEuNjE1NiAzNC44NTU2IDExLjQ5NDYgMzQuNDkyNUMxMS4zNzM2IDM0LjE4OTkgMTEuNDk0NiAzMy44MjY4IDExLjg1NzcgMzMuNzA1OEwxNC43NjI0IDMyLjU1NkMxNC45NDM5IDMyLjQ5NTUgMTUuMTI1NSAzMi40OTU1IDE1LjI0NjUgMzIuNTU2TDE4LjAzMDIgMzMuODg3M0MxOC4zMzI3IDM0LjAwODQgMTguNDUzOCAzNC4zNzE0IDE4LjMzMjcgMzQuNjEzNUwxNy4yNDM1IDM3LjUxODJDMTcuMTgzIDM3LjY5OTcgMTcuMDYxOSAzNy44MjA4IDE2Ljg4MDQgMzcuODgxM0wxNC4wMzYyIDM5LjAzMUMxMy45MTUyIDM5LjA5MTYgMTMuODU0NyAzOS4wOTE2IDEzLjc5NDIgMzkuMDkxNloiIGZpbGw9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); } .villas__icon-img._3 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjI1IDMwLjY1QzQuMjUgMzMuNDYyNyA2LjUzNzM1IDM1Ljc1IDkuMzUgMzUuNzVDMTIuMTYyNiAzNS43NSAxNC40NSAzMy40NjI3IDE0LjQ1IDMwLjY1QzE0LjQ1IDI3LjgzNzQgMTIuMTYyNiAyNS41NSA5LjM1IDI1LjU1QzYuNTM3MzUgMjUuNTUgNC4yNSAyNy44Mzc0IDQuMjUgMzAuNjVaTTEyLjc1IDMwLjY1QzEyLjc1IDMyLjUyNTEgMTEuMjI1MSAzNC4wNSA5LjM1IDM0LjA1QzcuNDc0OSAzNC4wNSA1Ljk1IDMyLjUyNTEgNS45NSAzMC42NUM1Ljk1IDI4Ljc3NDkgNy40NzQ5IDI3LjI1IDkuMzUgMjcuMjVDMTEuMjI1MSAyNy4yNSAxMi43NSAyOC43NzQ5IDEyLjc1IDMwLjY1WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjM0MzQgOUgxMi43NUMxMC40MDY1IDkgOC41IDEwLjkwNjUgOC41IDEzLjI1VjIxLjNINy42NUM3LjE3OTk1IDIxLjMgNi44IDIxLjY3OTkgNi44IDIyLjE1VjIyLjU0NjlDNi4zNjA1NSAyMi42ODQ2IDUuOTMzIDIyLjg1OTggNS41MjA3NSAyMy4wNjg5TDQuODUwOTUgMjIuMzk5QzQuNTE4NiAyMi4wNjY3IDMuOTgxNCAyMi4wNjY3IDMuNjQ5MDUgMjIuMzk5TDEuMDk5MDUgMjQuOTQ5QzAuNzY2NyAyNS4yODE0IDAuNzY2NyAyNS44MTg2IDEuMDk5MDUgMjYuMTUxTDEuNzY4ODUgMjYuODIwN0MxLjU1OTc1IDI3LjIzMyAxLjM4NDY1IDI3LjY2MDYgMS4yNDY5NSAyOC4xSDAuODVDMC4zNzk5NSAyOC4xIDAgMjguNDc5OSAwIDI4Ljk1VjMyLjM1QzAgMzIuODIwMSAwLjM3OTk1IDMzLjIgMC44NSAzMy4ySDEuMjQ2OTVDMS4zODQ2NSAzMy42Mzk1IDEuNTU5NzUgMzQuMDY3IDEuNzY4ODUgMzQuNDc5M0wxLjA5OTA1IDM1LjE0OUMwLjc2NjcgMzUuNDgxNCAwLjc2NjcgMzYuMDE4NiAxLjA5OTA1IDM2LjM1MUwzLjY0OTA1IDM4LjkwMUMzLjk4MTQgMzkuMjMzMyA0LjUxODYgMzkuMjMzMyA0Ljg1MDk1IDM4LjkwMUw1LjUyMDc1IDM4LjIzMTJDNS45MzMgMzguNDQwMyA2LjM2MDU1IDM4LjYxNTQgNi44IDM4Ljc1MzFWMzkuMTVDNi44IDM5LjYyMDEgNy4xNzk5NSA0MCA3LjY1IDQwSDExLjA1QzExLjUyMDEgNDAgMTEuOSAzOS42MjAxIDExLjkgMzkuMTVWMzguNzUzMUMxMi4zMzk1IDM4LjYxNTQgMTIuNzY3IDM4LjQ0MDMgMTMuMTc5MiAzOC4yMzEyTDEzLjg0OSAzOC45MDFDMTQuMTgxNCAzOS4yMzMzIDE0LjcxODYgMzkuMjMzMyAxNS4wNTEgMzguOTAxTDE3LjYwMSAzNi4zNTFDMTcuOTMzMyAzNi4wMTg2IDE3LjkzMzMgMzUuNDgxNCAxNy42MDEgMzUuMTQ5TDE2LjkzMTIgMzQuNDc5M0MxNy4xNDAzIDM0LjA2NyAxNy4zMTU0IDMzLjYzOTUgMTcuNDUzMSAzMy4ySDE3Ljg1QzE4LjMyMDEgMzMuMiAxOC43IDMyLjgyMDEgMTguNyAzMi4zNVYyOC45NUMxOC43IDI4LjQ3OTkgMTguMzIwMSAyOC4xIDE3Ljg1IDI4LjFIMTcuNDUzMUMxNy4zMTU0IDI3LjY2MDYgMTcuMTQwMyAyNy4yMzMgMTYuOTMxMiAyNi44MjA3TDE3LjYwMSAyNi4xNTFDMTcuOTMzMyAyNS44MTg2IDE3LjkzMzMgMjUuMjgxNCAxNy42MDEgMjQuOTQ5TDE1LjA1MSAyMi4zOTlDMTQuNzE4NiAyMi4wNjY3IDE0LjE4MTQgMjIuMDY2NyAxMy44NDkgMjIuMzk5TDEzLjE3OTIgMjMuMDY4OUMxMi43NjcgMjIuODU5OCAxMi4zMzk1IDIyLjY4NDYgMTEuOSAyMi41NDY5VjIyLjE1QzExLjkgMjEuNjc5OSAxMS41MjAxIDIxLjMgMTEuMDUgMjEuM0gxMC4yVjEzLjI1QzEwLjIgMTEuODQ0MSAxMS4zNDQxIDEwLjcgMTIuNzUgMTAuN0gyMC4zNDE3TDIwLjM0MzQgOVpNMTIuODgyNiAyNC44NDk2QzEyLjI1MjggMjQuNDY0NiAxMS41NzE5IDI0LjE4NTggMTAuODYxMyAyNC4wMjQzQzEwLjQ3NDYgMjMuOTM2NyAxMC4yIDIzLjU5MjQgMTAuMiAyMy4xOTU1VjIzSDguNVYyMy4xOTU1QzguNSAyMy41OTI0IDguMjI1NDUgMjMuOTM2NyA3LjgzODcgMjQuMDIzNEM3LjEyODEgMjQuMTg1NyA2LjQ0NzI1IDI0LjQ2MzcgNS44MTc0IDI0Ljg0ODdDNS40ODMzNSAyNS4wNTI3IDUuMDQ5ODUgMjUuMDAzNCA0Ljc3Mjc1IDI0LjcyNDZMNC4yNSAyNC4yMDE5TDIuOTAxOSAyNS41NUwzLjQyNTUgMjYuMDcyOEMzLjcwMzQ1IDI2LjM1MDcgMy43NTM2IDI2Ljc4MTcgMy41NDk2IDI3LjExNzRDMy4xNjQ1NSAyNy43NDczIDIuODg1NzUgMjguNDI4MSAyLjcyNDI1IDI5LjEzODdDMi42MzU4NSAyOS41MjU0IDIuMjkyNDUgMjkuOCAxLjg5NTUgMjkuOEgxLjdWMzEuNUgxLjg5NTVDMi4yOTI0NSAzMS41IDIuNjM2NyAzMS43NzQ2IDIuNzIzNCAzMi4xNjEzQzIuODg1NzUgMzIuODcxOSAzLjE2MzcgMzMuNTUyNyAzLjU0ODc1IDM0LjE4MjZDMy43NTM2IDM0LjUxODQgMy43MDI2IDM0Ljk1MDEgMy40MjQ2NSAzNS4yMjcyTDIuOTAxOSAzNS43NUw0LjI1IDM3LjA5ODFMNC43NzI3NSAzNi41NzQ1QzUuMDUwNyAzNi4yOTU3IDUuNDgzMzUgMzYuMjQ1NiA1LjgxNzQgMzYuNDUwNEM2LjQ0NzI1IDM2LjgzNTUgNy4xMjgxIDM3LjExNDIgNy44Mzg3IDM3LjI3NTdDOC4yMjU0NSAzNy4zNjQxIDguNSAzNy43MDc2IDguNSAzOC4xMDQ1VjM4LjNIMTAuMlYzOC4xMDQ1QzEwLjIgMzcuNzA3NiAxMC40NzQ2IDM3LjM2MzMgMTAuODYxMyAzNy4yNzY2QzExLjU3MTkgMzcuMTE0MyAxMi4yNTI4IDM2LjgzNjMgMTIuODgyNiAzNi40NTEzQzEzLjIxNTggMzYuMjQ1NiAxMy42NTAyIDM2LjI5NjYgMTMuOTI3MyAzNi41NzU0TDE0LjQ1IDM3LjA5ODFMMTUuNzk4MSAzNS43NUwxNS4yNzQ1IDM1LjIyNzJDMTQuOTk2NSAzNC45NDkzIDE0Ljk0NjQgMzQuNTE4NCAxNS4xNTA0IDM0LjE4MjZDMTUuNTM1NCAzMy41NTI3IDE1LjgxNDMgMzIuODcxOSAxNS45NzU4IDMyLjE2MTNDMTYuMDY0MiAzMS43NzQ2IDE2LjQwNzYgMzEuNSAxNi44MDQ1IDMxLjVIMTdWMjkuOEgxNi44MDQ1QzE2LjQwNzYgMjkuOCAxNi4wNjMzIDI5LjUyNTQgMTUuOTc2NiAyOS4xMzg3QzE1LjgxNDIgMjguNDI4MSAxNS41MzYzIDI3Ljc0NzMgMTUuMTUxMyAyNy4xMTc0QzE0Ljk0NjQgMjYuNzgxNyAxNC45OTc0IDI2LjM0OTkgMTUuMjc1NCAyNi4wNzI4TDE1Ljc5ODEgMjUuNTVMMTQuNDUgMjQuMjAxOUwxMy45MjczIDI0LjcyNTVDMTMuNjQ5MyAyNS4wMDQzIDEzLjIxNTggMjUuMDUyNyAxMi44ODI2IDI0Ljg0OTZaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzkuOTk5NiA5LjIzMDc3QzM5LjU5MjggNC4wNzYxNSAzNS4xNTY5IDAgMjkuNzUxNSAwQzI0LjM0NjIgMCAxOS45MTAzIDQuMDc2MTUgMTkuNTAzNSA5LjIzMDc3TDE5LjUwMiAxMC43NjkyQzE5LjY5MDMgMTMuMTkwOCAyMC43NTcxIDE1LjQzNDYgMjIuNTcxMSAxNy4xNTIzQzIzLjYxMzMgMTguMTM4NSAyNC4yMTE3IDE5LjUzIDI0LjIxMTcgMjAuOTY4NVYyNC42MTU0SDIyLjYyODhWMjYuMTUzOEgyNS43OTQ1VjI4LjQ2MTVDMjUuNzk0NSAyOC44ODY5IDI2LjE0ODIgMjkuMjMwOCAyNi41ODU5IDI5LjIzMDhIMjcuMzc3M1YzMEMyNy4zNzczIDMxLjI3MjMgMjguNDQyNSAzMi4zMDc3IDI5Ljc1MTUgMzIuMzA3N0MzMS4wNjA1IDMyLjMwNzcgMzIuMTI1OCAzMS4yNzIzIDMyLjEyNTggMzBWMjkuMjMwOEgzMi45MTcyQzMzLjM1NDggMjkuMjMwOCAzMy43MDg2IDI4Ljg4NjkgMzMuNzA4NiAyOC40NjE1VjI2LjE1MzhIMzYuODc0M1YyNC42MTU0SDM1LjI5MTRWMjAuOTY4NUMzNS4yOTE0IDE5LjUzIDM1Ljg4OTcgMTguMTM4NSAzNi45MzIgMTcuMTUxNUMzOC43NDUyIDE1LjQzNDYgMzkuODEyIDEzLjE5MDggNDAuMDAwMyAxMC43NjkyTDM5Ljk5OTYgOS4yMzA3N1pNMjkuNzUxNSAzMC43NjkyQzMwLjE4ODQgMzAuNzY5MiAzMC41NDMgMzAuNDI0NiAzMC41NDMgMzBWMjkuMjMwOEgyOC45NjAxVjMwQzI4Ljk2MDEgMzAuNDI0NiAyOS4zMTQ3IDMwLjc2OTIgMjkuNzUxNSAzMC43NjkyWk0yNy4zNzczIDI3LjY5MjNIMzIuMTI1OFYyNi4xNTM4SDI3LjM3NzNWMjcuNjkyM1pNMjUuNzk0NSAyMy4wNzY5VjI0LjYxNTRIMzMuNzA4NlYyMy4wNzY5SDI1Ljc5NDVaTTI3LjM3NzMgMTIuMzA3N0MyNy4zNzczIDEzLjU4IDI4LjQ0MjUgMTQuNjE1NCAyOS43NTE1IDE0LjYxNTRDMzEuMDYwNSAxNC42MTU0IDMyLjEyNTggMTMuNTggMzIuMTI1OCAxMi4zMDc3QzMyLjEyNTggMTEuMDM1NCAzMS4wNjA1IDEwIDI5Ljc1MTUgMTBDMjguNDQyNSAxMCAyNy4zNzczIDExLjAzNTQgMjcuMzc3MyAxMi4zMDc3Wk0zMy43MDg2IDIwLjk2ODVDMzMuNzA4NiAxOS4xMTc3IDM0LjQ4MSAxNy4zMjM4IDM1LjgyOCAxNi4wNDkyQzM3LjUyMzIgMTQuNDQzOCAzOC40NTcxIDEyLjI5NTQgMzguNDU3MSAxMEMzOC40NTcxIDUuMzM0NjIgMzQuNTUxNSAxLjUzODQ2IDI5Ljc1MTUgMS41Mzg0NkMyNC45NTE2IDEuNTM4NDYgMjEuMDQ2IDUuMzM0NjIgMjEuMDQ2IDEwQzIxLjA0NiAxMi4yOTU0IDIxLjk3OTkgMTQuNDQzOCAyMy42NzU5IDE2LjA1QzI1LjAyMjEgMTcuMzI0NiAyNS43OTQ1IDE5LjExNzcgMjUuNzk0NSAyMC45Njg1VjIxLjUzODVIMjguOTYwMVYxNi4wNzYyQzI3LjE1NjUgMTUuNzE4NSAyNS43OTQ1IDE0LjE2NDYgMjUuNzk0NSAxMi4zMDc3QzI1Ljc5NDUgMTAuMTg2OSAyNy41Njk2IDguNDYxNTQgMjkuNzUxNSA4LjQ2MTU0QzMxLjkzMzUgOC40NjE1NCAzMy43MDg2IDEwLjE4NjkgMzMuNzA4NiAxMi4zMDc3QzMzLjcwODYgMTQuMTY1NCAzMi4zNDY2IDE1LjcxODUgMzAuNTQzIDE2LjA3NjJWMjEuNTM4NUgzMy43MDg2VjIwLjk2ODVaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); } .villas__icon-img._4 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMy43MjU5IDExLjkxNzlWNC41MTY4N0MzMy43MjU5IDMuOTY0NTggMzMuMjc4MiAzLjUxNjg3IDMyLjcyNTkgMy41MTY4N0gyOC44ODI2QzI4LjMzMDMgMy41MTY4NyAyNy44ODI2IDMuOTY0NTggMjcuODgyNiA0LjUxNjg3VjYuODQ1MDJMMTkuOTk4MSA2LjEwMzUyZS0wNUwxMS4xMDUyIDcuNzIwNDZDMTAuODU1MyA3LjkzNzQ3IDEwLjgyNjIgOC4zMTUxMiAxMS4wNDAxIDguNTY3ODFDMTEuMjU3OCA4LjgyNTA0IDExLjY0MzcgOC44NTQ3MiAxMS44OTgyIDguNjMzOEwxOS45OTgxIDEuNjAxNzVMMzguNzU2MSAxNy44ODY1QzM5LjAxMDYgMTguMTA3NCAzOS4zOTY1IDE4LjA3NzcgMzkuNjE0MiAxNy44MjA1QzM5LjgyOCAxNy41Njc4IDM5Ljc5OSAxNy4xOTAyIDM5LjU0OSAxNi45NzMxTDMzLjcyNTkgMTEuOTE3OVpNMzIuNTI1MiAxMC44NzU1TDI5LjA4MzMgNy44ODczOFY0LjczMjk3SDMyLjUyNTJWMTAuODc1NVoiIGZpbGw9IiMzQzQ1NTciLz4KPHBhdGggZD0iTTcuMzk5NjEgMTEuNzM1QzcuMTgzNzcgMTEuNDgwMSA3LjIxMzE5IDExLjA5NTkgNy40NjUzNCAxMC44NzY5TDkuMjg2MiA5LjI5NTA2QzkuNTM4MzQgOS4wNzYwMiA5LjkxNzcyIDkuMTA1MDcgMTAuMTMzNiA5LjM1OTk2QzEwLjM0OTQgOS42MTQ4NCAxMC4zMiA5Ljk5OTA0IDEwLjA2NzggMTAuMjE4MUw4LjI0Njk4IDExLjc5OTlDNy45OTQ4NCAxMi4wMTkgNy42MTU0NiAxMS45ODk5IDcuMzk5NjEgMTEuNzM1WiIgZmlsbD0iIzNDNDU1NyIvPgo8cGF0aCBkPSJNMC4zOTA4MjMgMTcuODIwOUMwLjE3NDk3NyAxNy41NjYxIDAuMjA0NDAzIDE3LjE4MTkgMC40NTY1NDYgMTYuOTYyOEw1LjY0MTI3IDEyLjQ1ODdDNS44OTM0MiAxMi4yMzk3IDYuMjcyOCAxMi4yNjg3IDYuNDg4NjQgMTIuNTIzNkM2LjcwNDQ5IDEyLjc3ODUgNi42NzUwNiAxMy4xNjI3IDYuNDIyOTIgMTMuMzgxOEwxLjIzODE5IDE3Ljg4NThDMC45ODYwNDggMTguMTA0OSAwLjYwNjY2OCAxOC4wNzU4IDAuMzkwODIzIDE3LjgyMDlaIiBmaWxsPSIjM0M0NTU3Ii8+CjxwYXRoIGQ9Ik0zMy44MDU3IDM4Ljc4NDJINi4xODk5NFYxNi42NDM0QzYuMTg5OTQgMTYuMzExOCA1LjkyMTE2IDE2LjA0MyA1LjU4OTYgMTYuMDQzQzUuMjU4MDQgMTYuMDQzIDQuOTg5MjYgMTYuMzExOCA0Ljk4OTI2IDE2LjY0MzRWMzguMDAwM0M0Ljk4OTI2IDM5LjEwNDggNS44ODQ2OSA0MC4wMDAzIDYuOTg5MjYgNDAuMDAwM0gzMy4wMDY0QzM0LjExMDkgNDAuMDAwMyAzNS4wMDY0IDM5LjEwNDggMzUuMDA2NCAzOC4wMDAzVjI4LjY5MDVIMzMuODA1N1YzOC43ODQyWiIgZmlsbD0iIzNDNDU1NyIvPgo8cGF0aCBkPSJNMzMuODA2NiAyNC40MjY2QzMzLjgwNjYgMjQuMDk1IDM0LjA3NTQgMjMuODI2MiAzNC40MDcgMjMuODI2MkMzNC43Mzg1IDIzLjgyNjIgMzUuMDA3MyAyNC4wOTUgMzUuMDA3MyAyNC40MjY2VjI2Ljg3NDJDMzUuMDA3MyAyNy4yMDU4IDM0LjczODUgMjcuNDc0NSAzNC40MDcgMjcuNDc0NUMzNC4wNzU0IDI3LjQ3NDUgMzMuODA2NiAyNy4yMDU4IDMzLjgwNjYgMjYuODc0MlYyNC40MjY2WiIgZmlsbD0iIzNDNDU1NyIvPgo8cGF0aCBkPSJNMzMuODA2NiAxNi42NDM0QzMzLjgwNjYgMTYuMzExOCAzNC4wNzU0IDE2LjA0MyAzNC40MDcgMTYuMDQzQzM0LjczODUgMTYuMDQzIDM1LjAwNzMgMTYuMzExOCAzNS4wMDczIDE2LjY0MzRWMjIuMDA5NkMzNS4wMDczIDIyLjM0MTIgMzQuNzM4NSAyMi42MSAzNC40MDcgMjIuNjFDMzQuMDc1NCAyMi42MSAzMy44MDY2IDIyLjM0MTIgMzMuODA2NiAyMi4wMDk2VjE2LjY0MzRaIiBmaWxsPSIjM0M0NTU3Ii8+CjxwYXRoIGQ9Ik0xNy43OTY5IDI5Ljg0NjhDMTcuNzk2OSAzMS4wNzYyIDE4Ljc4NDMgMzIuMDc2MyAxOS45OTgxIDMyLjA3NjNDMjEuMjExOSAzMi4wNzYzIDIyLjE5OTQgMzEuMDc2MiAyMi4xOTk0IDI5Ljg0NjhDMjIuMTk5NCAyOC42MTc0IDIxLjIxMTkgMjcuNjE3MiAxOS45OTgxIDI3LjYxNzJDMTguNzg0MyAyNy42MTcyIDE3Ljc5NjkgMjguNjE3NCAxNy43OTY5IDI5Ljg0NjhaTTIwLjk5ODcgMjkuODQ2OEMyMC45OTg3IDMwLjQwNTYgMjAuNTQ5OSAzMC44NjAyIDE5Ljk5ODEgMzAuODYwMkMxOS40NDY0IDMwLjg2MDIgMTguOTk3NiAzMC40MDU2IDE4Ljk5NzYgMjkuODQ2OEMxOC45OTc2IDI5LjI4NzkgMTkuNDQ2NCAyOC44MzM0IDE5Ljk5ODEgMjguODMzNEMyMC41NDk5IDI4LjgzMzQgMjAuOTk4NyAyOS4yODc5IDIwLjk5ODcgMjkuODQ2OFoiIGZpbGw9IiMzQzQ1NTciLz4KPHBhdGggZD0iTTE0LjYwMzkgMzAuMTUwNEMxNC42NzY0IDMxLjQ5NzMgMTUuMjQxOCAzMi43Njc0IDE2LjE5NjEgMzMuNzI2N0MxNy4xNTAxIDM0LjY4NTkgMTguNDA4NCAzNS4yNDkxIDE5LjczODcgMzUuMzEyOEMxOS44MjQ4IDM1LjMxNjkgMTkuOTEyMyAzNS4zMTkxIDE5Ljk5ODggMzUuMzE5MUMyMi45NzgxIDM1LjMxOTEgMjUuNDAxOSAzMi44NjQyIDI1LjQwMTkgMjkuODQ2NkMyNS40MDE5IDI4LjAyMjkgMjQuNDkwMSAyNi4zMTIxIDIzLjAwMDUgMjUuMjk5OFYxNy43Mjk4SDIxLjc5OThWMjUuOTg2OEwyMi4wOTg5IDI2LjE2MjVDMjMuMzk1NyAyNi45MjQzIDI0LjIwMTIgMjguMzM1OSAyNC4yMDEyIDI5Ljg0NjVDMjQuMjAxMiAzMi4xOTM1IDIyLjMxNTkgMzQuMTAyOSAxOS45OTg4IDM0LjEwMjlDMTkuOTMxMSAzNC4xMDI5IDE5Ljg2MjggMzQuMTAxMyAxOS43OTU1IDM0LjA5OEMxNy42NzIzIDMzLjk5NjQgMTUuOTE4NSAzMi4yMzMzIDE1LjgwMjkgMzAuMDg0MUMxNS43OTg2IDMwLjAwNSAxNS43OTY1IDI5LjkyNTEgMTUuNzk2NSAyOS44NDY0QzE1Ljc5NjUgMjguMzM1OSAxNi42MDIgMjYuOTI0MyAxNy44OTg3IDI2LjE2MjVMMTguMTk3OCAyNS45ODY4VjIzLjk2ODdIMTkuNTE4NlYyMi43NTI2SDE4LjE5NzhWMjAuNzI1N0gyMC42MzkxVjE5LjUwOTZIMTguMTk3OFYxNy40ODI4SDE5LjUxODVWMTYuMjY2N0gxOC4xOTc4VjE0LjkyOUMxOC4xOTc4IDEzLjkyMzEgMTkuMDA1NyAxMy4xMDQ4IDE5Ljk5ODggMTMuMTA0OEMyMC45OTE5IDEzLjEwNDggMjEuNzk5OCAxMy45MjMxIDIxLjc5OTggMTQuOTI5VjE2LjUxMzZIMjMuMDAwNVYxNC45MjlDMjMuMDAwNSAxMy4yNTI2IDIxLjY1NCAxMS44ODg3IDE5Ljk5ODggMTEuODg4N0MxOC4zNDM2IDExLjg4ODcgMTYuOTk3MSAxMy4yNTI2IDE2Ljk5NzEgMTQuOTI5VjI1LjI5OThDMTUuNTA3NCAyNi4zMTIgMTQuNTk1NyAyOC4wMjI4IDE0LjU5NTcgMjkuODQ2NEMxNC41OTU3IDI5Ljk0NyAxNC41OTg1IDMwLjA0OTMgMTQuNjAzOSAzMC4xNTA0WiIgZmlsbD0iIzNDNDU1NyIvPgo8L3N2Zz4K); } .villas__icon-img._5 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOS4yMDQ1IDI5LjgzOTVDMTkuMTQzMSAyOS43NDc0IDE5LjA1ODUgMjkuNjcxNiAxOC45NTg0IDI5LjYxOTFDMTguODU4MyAyOS41NjY2IDE4Ljc0NiAyOS41MzkxIDE4LjYzMTkgMjkuNTM5MUMxOC41MTc4IDI5LjUzOTEgMTguNDA1NSAyOS41NjY2IDE4LjMwNTQgMjkuNjE5MUMxOC4yMDUzIDI5LjY3MTYgMTguMTIwNyAyOS43NDc0IDE4LjA1OTMgMjkuODM5NUwxNi4wNTQ2IDMzLjMyNjlDMTUuODExNSAzMy43NTM2IDE1LjY4NjEgMzQuMjMyNyAxNS42OTA1IDM0LjcxODdDMTUuNjk2MSAzNS4xNDY1IDE1LjgwMzUgMzUuNTY3NCAxNi4wMDQ1IDM1Ljk0OTZDMTYuMjA1NSAzNi4zMzE3IDE2LjQ5NDkgMzYuNjY0OSAxNi44NTA3IDM2LjkyMzlDMTcuMjA2NSAzNy4xODMgMTcuNjE5MiAzNy4zNjEgMTguMDU3NyAzNy40NDQ1QzE4LjQ5NjEgMzcuNTI4IDE4Ljk0ODYgMzcuNTE0NyAxOS4zODA5IDM3LjQwNTdDMTkuODEzMiAzNy4yOTY4IDIwLjIxMzggMzcuMDk0OSAyMC41NTI0IDM2LjgxNTZDMjAuODkwOSAzNi41MzYyIDIxLjE1ODUgMzYuMTg2NyAyMS4zMzQ4IDM1Ljc5MzVDMjEuNTExIDM1LjQwMDQgMjEuNTkxMyAzNC45NzQgMjEuNTY5NiAzNC41NDY3QzIxLjU0NzggMzQuMTE5NCAyMS40MjQ2IDMzLjcwMjQgMjEuMjA5MiAzMy4zMjc1TDE5LjIwNDUgMjkuODM5NVpNMTguNjMxOSAzNi4yODI2QzE4LjM0NiAzNi4yNzc2IDE4LjA2NjMgMzYuMjAyMyAxNy44MTk4IDM2LjA2MzhDMTcuNTczMiAzNS45MjUzIDE3LjM2OCAzNS43MjgzIDE3LjIyNDEgMzUuNDkxOUMxNy4wODAyIDM1LjI1NTUgMTcuMDAyNCAzNC45ODc2IDE2Ljk5ODEgMzQuNzE0QzE2Ljk5MzggMzQuNDQwNCAxNy4wNjMzIDM0LjE3MDQgMTcuMTk5OCAzMy45Mjk5TDE4LjYzMTkgMzEuNDM5TDIwLjA2NCAzMy45MzA2QzIwLjIwMDggMzQuMTcyNCAyMC4yNzA0IDM0LjQ0MzggMjAuMjY2IDM0LjcxODdDMjAuMjY2IDM1LjEzMzUgMjAuMDkzOCAzNS41MzEzIDE5Ljc4NzQgMzUuODI0NUMxOS40ODA5IDM2LjExNzggMTkuMDY1MyAzNi4yODI2IDE4LjYzMTkgMzYuMjgyNloiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTEwLjA1MDIgMzIuMzQxNUM5Ljk4ODgyIDMyLjI0OTQgOS45MDQxOSAzMi4xNzM2IDkuODA0MTEgMzIuMTIxMUM5LjcwNDAzIDMyLjA2ODUgOS41OTE3NCAzMi4wNDEgOS40Nzc2MSAzMi4wNDFDOS4zNjM0NyAzMi4wNDEgOS4yNTExOCAzMi4wNjg1IDkuMTUxMTEgMzIuMTIxMUM5LjA1MTAzIDMyLjE3MzYgOC45NjYzOSAzMi4yNDk0IDguOTA1MDIgMzIuMzQxNUw2LjkwMDMyIDM1LjgyODlDNi42NTcxNyAzNi4yNTU2IDYuNTMxODUgMzYuNzM0NiA2LjUzNjI0IDM3LjIyMDdDNi41NDE4MSAzNy42NDg1IDYuNjQ5MTkgMzguMDY5NCA2Ljg1MDIyIDM4LjQ1MTVDNy4wNTEyNSAzOC44MzM2IDcuMzQwNjMgMzkuMTY2OCA3LjY5NjQgMzkuNDI1OUM4LjA1MjE2IDM5LjY4NDkgOC40NjQ5NCAzOS44NjI5IDguOTAzMzYgMzkuOTQ2NEM5LjM0MTc5IDQwLjAyOTkgOS43OTQzNCA0MC4wMTY3IDEwLjIyNjYgMzkuOTA3N0MxMC42NTg5IDM5Ljc5ODcgMTEuMDU5NSAzOS41OTY5IDExLjM5ODEgMzkuMzE3NUMxMS43MzY2IDM5LjAzODIgMTIuMDA0MiAzOC42ODg2IDEyLjE4MDUgMzguMjk1NUMxMi4zNTY3IDM3LjkwMjMgMTIuNDM3IDM3LjQ3NTkgMTIuNDE1MyAzNy4wNDg2QzEyLjM5MzUgMzYuNjIxMyAxMi4yNzAzIDM2LjIwNDQgMTIuMDU0OSAzNS44Mjk1TDEwLjA1MDIgMzIuMzQxNVpNOS40Nzc2MSAzOC43ODQ1QzkuMTkxNzUgMzguNzc5NiA4LjkxMjA0IDM4LjcwNDIgOC42NjU0NiAzOC41NjU3QzguNDE4ODggMzguNDI3MiA4LjIxMzc1IDM4LjIzMDMgOC4wNjk4MyAzNy45OTM5QzcuOTI1OTEgMzcuNzU3NCA3Ljg0ODA3IDM3LjQ4OTUgNy44NDM4IDM3LjIxNTlDNy44Mzk1NCAzNi45NDIzIDcuOTA5IDM2LjY3MjMgOC4wNDU0OSAzNi40MzE5TDkuNDc3NjEgMzMuOTQxTDEwLjkwOTcgMzYuNDMyNUMxMS4wNDY1IDM2LjY3NDMgMTEuMTE2MSAzNi45NDU3IDExLjExMTcgMzcuMjIwN0MxMS4xMTE3IDM3LjYzNTQgMTAuOTM5NSAzOC4wMzMyIDEwLjYzMzEgMzguMzI2NUMxMC4zMjY2IDM4LjYxOTggOS45MTEgMzguNzg0NSA5LjQ3NzYxIDM4Ljc4NDVaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik0zOS42NjggMC4wODE3NDc0QzM5LjU2NzMgMC4wMjY3MjczIDM5LjQ1MzEgLTAuMDAxNDgwMzMgMzkuMzM3MyA1Ljk4NTg0ZS0wNUMzOS4yMjE0IDAuMDAxNjAwMDUgMzkuMTA4MSAwLjAzMjgzMTggMzkuMDA5MSAwLjA5MDUwNDlMMzQuODA2OSAyLjUwOTQ3QzM0Ljc5NDQgMi41MDg4NSAzNC43ODQgMi41MDI1OSAzNC43NzA5IDIuNTAyNTlIMzIuMTU2NEMzMS45ODMgMi41MDI1OSAzMS44MTY4IDIuNTY4NSAzMS42OTQyIDIuNjg1ODFDMzEuNTcxNiAyLjgwMzEyIDMxLjUwMjcgMi45NjIyMyAzMS41MDI3IDMuMTI4MTNWNC4zNzkyMkgxMy43MjU2QzEzLjAzMjIgNC4zNzkyMiAxMi4zNjcyIDQuNjQyODQgMTEuODc2OSA1LjExMjA4QzExLjM4NjUgNS41ODEzMyAxMS4xMTExIDYuMjE3NzcgMTEuMTExMSA2Ljg4MTM4VjEyLjgwMTVDOC41MTQzNCAxMy4zNzAxIDYuMTk1NyAxNC43NjQ0IDQuNTMzNjkgMTYuNzU2N0MyLjg3MTY5IDE4Ljc0OSAxLjk2NDQ4IDIxLjIyMTYgMS45NjAxOCAyMy43NzFWMjQuNDI4NEMxLjM4ODE5IDI0LjUwNjUgMC44Njg0MzMgMjQuNzg5MyAwLjUwNTc0MyAyNS4yMTk3QzAuMTQzMDUzIDI1LjY1MDEgLTAuMDM1NTc1OSAyNi4xOTYyIDAuMDA1ODg5NDkgMjYuNzQ3N0MwLjA0NzM1NDkgMjcuMjk5MiAwLjMwNTgyOCAyNy44MTUyIDAuNzI5MTcyIDI4LjE5MTVDMS4xNTI1MSAyOC41Njc4IDEuNzA5MjIgMjguNzc2NCAyLjI4NyAyOC43NzUzSDI1LjE2NDNDMjUuNzQyIDI4Ljc3NjQgMjYuMjk4OCAyOC41Njc4IDI2LjcyMjEgMjguMTkxNUMyNy4xNDU0IDI3LjgxNTIgMjcuNDAzOSAyNy4yOTkyIDI3LjQ0NTQgMjYuNzQ3N0MyNy40ODY4IDI2LjE5NjIgMjcuMzA4MiAyNS42NTAxIDI2Ljk0NTUgMjUuMjE5N0MyNi41ODI4IDI0Ljc4OTMgMjYuMDYzMSAyNC41MDY1IDI1LjQ5MTEgMjQuNDI4NFYyMy43NzFDMjUuNDg3IDIxLjMzMjIgMjQuNjU2NiAxOC45NjA0IDIzLjEyNDUgMTcuMDExNUMyMS41OTI0IDE1LjA2MjcgMTkuNDQxMiAxMy42NDE5IDE2Ljk5MzggMTIuOTYyM1Y5LjM4MzU0SDMxLjUwMjdWMTAuNjM0NkMzMS41MDI3IDEwLjgwMDUgMzEuNTcxNiAxMC45NTk2IDMxLjY5NDIgMTEuMDc3QzMxLjgxNjggMTEuMTk0MyAzMS45ODMgMTEuMjYwMiAzMi4xNTY0IDExLjI2MDJIMzQuNzcwOUMzNC43ODQgMTEuMjYwMiAzNC43OTQ0IDExLjI1MzkgMzQuODA2OSAxMS4yNTMzTDM5LjAwOTEgMTMuNjcyM0MzOS4xMDgyIDEzLjcyOTQgMzkuMjIxNCAxMy43NjAzIDM5LjMzNzIgMTMuNzYxOUMzOS40NTI5IDEzLjc2MzUgMzkuNTY3IDEzLjczNTYgMzkuNjY3NyAxMy42ODExQzM5Ljc2ODUgMTMuNjI2NyAzOS44NTI0IDEzLjU0NzYgMzkuOTEwOCAxMy40NTE5QzM5Ljk2OTEgMTMuMzU2MyAzOS45OTk5IDEzLjI0NzYgNDAgMTMuMTM2OFYwLjYyNTk2OEMzOS45OTk5IDAuNTE1MjQ5IDM5Ljk2OTIgMC40MDY1MyAzOS45MTA4IDAuMzEwOTE3QzM5Ljg1MjUgMC4yMTUzMDQgMzkuNzY4NyAwLjEzNjIyMSAzOS42NjggMC4wODE3NDc0Wk0yNi4xNDQ3IDI2LjU4NTlDMjYuMTQ0NyAyNi44MzQ4IDI2LjA0MTQgMjcuMDczNCAyNS44NTc2IDI3LjI0OTRDMjUuNjczNyAyNy40MjU0IDI1LjQyNDMgMjcuNTI0MiAyNS4xNjQzIDI3LjUyNDJIMi4yODdDMi4wMjY5NyAyNy41MjQyIDEuNzc3NTggMjcuNDI1NCAxLjU5MzcxIDI3LjI0OTRDMS40MDk4NCAyNy4wNzM0IDEuMzA2NTQgMjYuODM0OCAxLjMwNjU0IDI2LjU4NTlDMS4zMDY1NCAyNi4zMzcxIDEuNDA5ODQgMjYuMDk4NCAxLjU5MzcxIDI1LjkyMjRDMS43Nzc1OCAyNS43NDY1IDIuMDI2OTcgMjUuNjQ3NiAyLjI4NyAyNS42NDc2SDI1LjE2NDNDMjUuNDI0MyAyNS42NDc2IDI1LjY3MzcgMjUuNzQ2NSAyNS44NTc2IDI1LjkyMjRDMjYuMDQxNCAyNi4wOTg0IDI2LjE0NDcgMjYuMzM3MSAyNi4xNDQ3IDI2LjU4NTlaTTI0LjE4MzggMjMuNzcxVjI0LjM5NjVIMy4yNjc0NVYyMy43NzFDMy4yNjc0NSAyMS4xMTY1IDQuMzY5MjkgMTguNTcwOCA2LjMzMDU4IDE2LjY5MzhDOC4yOTE4NyAxNC44MTY4IDEwLjk1MiAxMy43NjIzIDEzLjcyNTYgMTMuNzYyM0MxNi40OTkzIDEzLjc2MjMgMTkuMTU5NCAxNC44MTY4IDIxLjEyMDcgMTYuNjkzOEMyMy4wODIgMTguNTcwOCAyNC4xODM4IDIxLjExNjUgMjQuMTgzOCAyMy43NzFaTTE2LjM0MDIgOC4xMzI0NkMxNi4xNjY4IDguMTMyNDYgMTYuMDAwNiA4LjE5ODM3IDE1Ljg3OCA4LjMxNTY4QzE1Ljc1NTQgOC40MzI5OSAxNS42ODY1IDguNTkyMSAxNS42ODY1IDguNzU4VjEyLjUxMTNIMTIuNDE4NFY2Ljg4MTM4QzEyLjQxODQgNi41NDk1NyAxMi41NTYxIDYuMjMxMzYgMTIuODAxMyA1Ljk5NjczQzEzLjA0NjQgNS43NjIxMSAxMy4zNzg5IDUuNjMwMyAxMy43MjU2IDUuNjMwM0gzMS41MDI3VjguMTMyNDZIMTYuMzQwMlpNMzIuODEgOC43NThWMy43NTM2N0gzNC4xMTczVjEwLjAwOTFIMzIuODFWOC43NThaTTM4LjY5MjcgMTIuMDMwMkwzNS40MjQ1IDEwLjE0OTJWMy42MTM1NUwzOC42OTI3IDEuNzMyNTVWMTIuMDMwMloiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTIxLjk1NiAyMS4yNjhIMjMuMjYzM0MyMy4yNjE3IDE5Ljk0MTIgMjIuNzEwMyAxOC42NjkyIDIxLjczIDE3LjczMTFDMjAuNzQ5NyAxNi43OTI5IDE5LjQyMDUgMTYuMjY1MiAxOC4wMzQyIDE2LjI2MzdWMTcuNTE0OEMxOS4wNzQgMTcuNTE1NyAyMC4wNzA5IDE3LjkxMTUgMjAuODA2MiAxOC42MTUyQzIxLjU0MTQgMTkuMzE4OCAyMS45NTUgMjAuMjcyOSAyMS45NTYgMjEuMjY4WiIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K); } .villas__icon-img._6 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjE4ODM5IDEyLjY2MzlIMzMuODEyMkMzNC4xMzMgMTIuNjYzOSAzNC4zOTMxIDEyLjQwNCAzNC4zOTMxIDEyLjA4MjlWNS4xNjc0NEMzNC4zOTMxIDQuODQ2MzIgMzQuMTMzIDQuNTg2NDcgMzMuODEyMiA0LjU4NjQ3SDYuMTg4MzlDNS44Njc1NSA0LjU4NjQ3IDUuNjA3NDIgNC44NDYzMiA1LjYwNzQyIDUuMTY3NDRWMTIuMDgyOUM1LjYwNzQyIDEyLjQwNCA1Ljg2NzU1IDEyLjY2MzkgNi4xODgzOSAxMi42NjM5Wk02Ljc2OTM2IDUuNzQ4NDFIMzMuMjMxMlYxMS41MDE5SDYuNzY5MzZWNS43NDg0MVoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTM5LjQxOSAwSDAuNTgwOTY4QzAuMjYwMTMxIDAgMCAwLjI1NTE2MSAwIDAuNTcwNDkyVjM5LjQyOTVDMCAzOS43NDQ4IDAuMjYwMTMxIDQwIDAuNTgwOTY4IDQwSDM5LjQxOUMzOS43Mzk5IDQwIDQwIDM5Ljc0NDggNDAgMzkuNDI5NVYwLjU3MDQ5MkM0MCAwLjI1NTE2MSAzOS43Mzk5IDAgMzkuNDE5IDBaTTM4LjgzODEgMzguODU5SDEuMTYxOTRWMS4xNDA5OEgzOC44MzgxVjM4Ljg1OVoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTI0LjYzMzggMjMuOTcyMkwyMC44NzExIDIzLjg5MzdMMjMuNzM2NSAxOC4wMjc0QzIzLjgwODQgMTcuODgwMyAyMy43OTk0IDE3LjcwNjIgMjMuNzEyNiAxNy41Njc1QzIzLjYyNTggMTcuNDI4MiAyMy40NzMzIDE3LjM0MzggMjMuMzA5NSAxNy4zNDM4SDE4LjcwOTJDMTguNTAzMiAxNy4zNDM4IDE4LjMyMDggMTcuNDc2NSAxOC4yNTcyIDE3LjY3MjNMMTUuNTIyMiAyNi4wOTk2QzE1LjQ3NTMgMjYuMjQ0NCAxNS41MDA0IDI2LjQwMjcgMTUuNTg5NyAyNi41MjU3QzE1LjY3OTMgMjYuNjQ4NyAxNS44MjIzIDI2LjcyMTUgMTUuOTc0MiAyNi43MjE1SDE4Ljk2NjZMMTYuMDI1MSAzNC43MDQyQzE1Ljk0NDMgMzQuOTIzNyAxNi4wMzUzIDM1LjE2OTcgMTYuMjM5NyAzNS4yODM0QzE2LjMxMjYgMzUuMzI0MyAxNi4zOTIyIDM1LjM0MzggMTYuNDcwOCAzNS4zNDM4QzE2LjYxMzEgMzUuMzQzOCAxNi43NTI2IDM1LjI4MDIgMTYuODQ1NCAzNS4xNjE0TDI0Ljk5ODEgMjQuNzQwM0MyNS4xMDkxIDI0LjU5ODcgMjUuMTMwNCAyNC40MDYxIDI1LjA1MzEgMjQuMjQzN0MyNC45NzYxIDI0LjA4MTIgMjQuODEzNyAyMy45NzU5IDI0LjYzMzggMjMuOTcyMlpNMTcuOTY1NyAzMi4xODY5TDIwLjA5NDEgMjYuNDEwNkMyMC4xNDc3IDI2LjI2NDkgMjAuMTI2OSAyNi4xMDE5IDIwLjAzOCAyNS45NzQzQzE5Ljk0OTEgMjUuODQ3MiAxOS44MDM2IDI1Ljc3MSAxOS42NDgxIDI1Ljc3MUgxNi42MjgyTDE5LjA1NDggMTguMjk0MkgyMi41NDgzTDE5LjY5MDYgMjQuMTQ0OEMxOS42MTk0IDI0LjI5MDEgMTkuNjI3NSAyNC40NjIzIDE5LjcxMTkgMjQuNjAwNkMxOS43OTY0IDI0LjczOTMgMTkuOTQ1NiAyNC44MjQ3IDIwLjEwNzYgMjQuODI4NEwyMy42NjQzIDI0LjkwMjdMMTcuOTY1NyAzMi4xODY5WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMTIuMjExNSA4LjgzOTM0SDguOTkyMUM4LjY3MTI2IDguODM5MzQgOC40MTExMyA5LjA5OTE5IDguNDExMTMgOS40MjAzMUM4LjQxMTEzIDkuNzQxNDMgOC42NzEyNiAxMC4wMDEzIDguOTkyMSAxMC4wMDEzSDEyLjIxMTVDMTIuNTMyNCAxMC4wMDEzIDEyLjc5MjUgOS43NDE0MyAxMi43OTI1IDkuNDIwMzFDMTIuNzkyNSA5LjA5OTE5IDEyLjUzMjQgOC44MzkzNCAxMi4yMTE1IDguODM5MzRaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); } .villas__icon-img._7 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0zLjYzNjQ1IDM4Ljc4NzdWMTAuNTA2TDAuOTAzMjk3IDEyLjA0MzRDMC42MTE1NjYgMTIuMjA3NSAwLjI0MjAzOCAxMi4xMDQgMC4wNzc5Mzk0IDExLjgxMjNDLTAuMDg2MTU4NCAxMS41MjA1IDAuMDE3MzA4OSAxMS4xNTEgMC4zMDkwMzkgMTAuOTg2OUwxOS43MDI5IDAuMDc3ODkzM0MxOS44ODc0IC0wLjAyNTg4MzEgMjAuMTEyNiAtMC4wMjU4ODMxIDIwLjI5NzEgMC4wNzc4OTMzTDM5LjY5MSAxMC45ODY5QzM5Ljk4MjcgMTEuMTUxIDQwLjA4NjIgMTEuNTIwNSAzOS45MjIxIDExLjgxMjNDMzkuNzU4IDEyLjEwNCAzOS4zODg0IDEyLjIwNzUgMzkuMDk2NyAxMi4wNDM0TDM2LjM2MzUgMTAuNTA2VjM4Ljc4NzdIMzkuMzkzOEMzOS43Mjg1IDM4Ljc4NzcgMzkuOTk5OSAzOS4wNTkxIDM5Ljk5OTkgMzkuMzkzOEMzOS45OTk5IDM5LjcyODUgMzkuNzI4NSAzOS45OTk4IDM5LjM5MzggMzkuOTk5OEgwLjYwNjE2OEMwLjI3MTQ1MiAzOS45OTk4IDAuMDAwMTEwODAxIDM5LjcyODUgMC4wMDAxMTA4MDEgMzkuMzkzOEMwLjAwMDExMDgwMSAzOS4wNTkxIDAuMjcxNDUyIDM4Ljc4NzcgMC42MDYxNjggMzguNzg3N0gzLjYzNjQ1Wk00Ljg0ODU3IDM4Ljc4NzdIMzUuMTUxNFY5LjgyNDE2TDIwIDEuMzAxNDhMNC44NDg1NyA5LjgyNDE2VjM4Ljc4NzdaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik0yMi4yMDc5IDM0LjU1OTlDMjIuNDA5MSAzNC43NjAyIDIyLjczNTMgMzQuNzYwMiAyMi45MzY1IDM0LjU1OTlDMjMuMTM3NyAzNC4zNTk2IDIzLjEzNzcgMzQuMDM1IDIyLjkzNjUgMzMuODM0N0wyMC4zNjA3IDMxLjI3MDZDMjAuMTU5NiAzMS4wNzAzIDE5LjgzMzQgMzEuMDcwMyAxOS42MzIyIDMxLjI3MDZMMTcuMDU2NSAzMy44MzQ3QzE2Ljg1NTMgMzQuMDM1IDE2Ljg1NTMgMzQuMzU5NiAxNy4wNTY1IDM0LjU1OTlDMTcuMjU3NiAzNC43NjAyIDE3LjU4MzggMzQuNzYwMiAxNy43ODUgMzQuNTU5OUwxOS40ODEzIDMyLjg3MTJWNDAuMzUxMUMxOS40ODEzIDQwLjYzNDMgMTkuNzEyIDQwLjg2MzkgMTkuOTk2NSA0MC44NjM5QzIwLjI4MSA0MC44NjM5IDIwLjUxMTYgNDAuNjM0MyAyMC41MTE2IDQwLjM1MTFWMzIuODcxMkwyMi4yMDc5IDM0LjU1OTlaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik0xNy43ODkxIDUuOTUyODVDMTcuNTg3OSA1Ljc1MjU5IDE3LjI2MTggNS43NTI1OSAxNy4wNjA2IDUuOTUyODVDMTYuODU5NCA2LjE1MzEyIDE2Ljg1OTQgNi40Nzc4MSAxNy4wNjA2IDYuNjc4MDdMMTkuNjM2MyA5LjI0MjE2QzE5LjgzNzUgOS40NDI0MyAyMC4xNjM3IDkuNDQyNDMgMjAuMzY0OSA5LjI0MjE2TDIyLjk0MDYgNi42NzgwN0MyMy4xNDE4IDYuNDc3ODEgMjMuMTQxOCA2LjE1MzEyIDIyLjk0MDYgNS45NTI4NUMyMi43Mzk0IDUuNzUyNTkgMjIuNDEzMyA1Ljc1MjU5IDIyLjIxMjEgNS45NTI4NUwyMC41MTU4IDcuNjQxNTJWMS4xNjE2NUMyMC41MTU4IDAuODc4NDI4IDIwLjI4NTEgMC42NDg4MyAyMC4wMDA2IDAuNjQ4ODNDMTkuNzE2MSAwLjY0ODgzIDE5LjQ4NTUgMC44Nzg0MjggMTkuNDg1NSAxLjE2MTY1VjcuNjQxNTJMMTcuNzg5MSA1Ljk1Mjg1WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMTMuNTU5NiAyNC4yMDAxSDguNzc5M1YyMy4zODQ2TDExLjE0NzUgMjAuODAxNkMxMS40ODkzIDIwLjQyMDggMTEuNzMxOCAyMC4xMDM0IDExLjg3NSAxOS44NDk1QzEyLjAyMTUgMTkuNTkyMyAxMi4wOTQ3IDE5LjMzNTIgMTIuMDk0NyAxOS4wNzhDMTIuMDk0NyAxOC43Mzk1IDExLjk5ODcgMTguNDY2IDExLjgwNjYgMTguMjU3N0MxMS42MTc4IDE4LjA0OTQgMTEuMzYyMyAxNy45NDUyIDExLjA0IDE3Ljk0NTJDMTAuNjU1OSAxNy45NDUyIDEwLjM1ODEgMTguMDYyNCAxMC4xNDY1IDE4LjI5NjhDOS45MzQ5IDE4LjUzMTEgOS44MjkxIDE4Ljg1MTggOS44MjkxIDE5LjI1ODdIOC42NDI1OEM4LjY0MjU4IDE4LjgyNTcgOC43NDAyMyAxOC40MzY3IDguOTM1NTUgMTguMDkxN0M5LjEzNDExIDE3Ljc0MzQgOS40MTU2OSAxNy40NzMyIDkuNzgwMjcgMTcuMjgxMUMxMC4xNDgxIDE3LjA4OTEgMTAuNTcxMyAxNi45OTMgMTEuMDQ5OCAxNi45OTNDMTEuNzM5OSAxNi45OTMgMTIuMjgzNSAxNy4xNjcyIDEyLjY4MDcgMTcuNTE1NUMxMy4wODExIDE3Ljg2MDYgMTMuMjgxMiAxOC4zMzkxIDEzLjI4MTIgMTguOTUxQzEzLjI4MTIgMTkuMzA1OSAxMy4xODAzIDE5LjY3ODYgMTIuOTc4NSAyMC4wNjkyQzEyLjc3OTkgMjAuNDU2NiAxMi40NTI4IDIwLjg5NzcgMTEuOTk3MSAyMS4zOTI1TDEwLjI1ODggMjMuMjUyOEgxMy41NTk2VjI0LjIwMDFaTTE0LjY4NyAyNS44MDE2TDE0LjA0NzQgMjUuNDIwOEMxNC4yMzYyIDI1LjEyNDYgMTQuMzY0OCAyNC44NjU4IDE0LjQzMzEgMjQuNjQ0NEMxNC41MDQ3IDI0LjQyNjMgMTQuNTQyMiAyNC4yMDMzIDE0LjU0NTQgMjMuOTc1NVYyMy4wNTI2SDE1LjYxNDhMMTUuNjA5OSAyMy45MDcxQzE1LjYwNjYgMjQuMjUyMiAxNS41MTg3IDI0LjU5NzIgMTUuMzQ2MiAyNC45NDIzQzE1LjE3NjkgMjUuMjkwNiAxNC45NTcyIDI1LjU3NyAxNC42ODcgMjUuODAxNlpNMTkuOTg0NCAyMS4yMjY0QzE5LjU4NzMgMjEuNjQ2NCAxOS4xMjM0IDIxLjg1NjMgMTguNTkyOCAyMS44NTYzQzE3Ljk2NzggMjEuODU2MyAxNy40Njk4IDIxLjYzODIgMTcuMDk4NyAyMS4yMDJDMTYuNzI3NiAyMC43NjI2IDE2LjU0MiAyMC4xODY0IDE2LjU0MiAxOS40NzM1QzE2LjU0MiAxOS4wMDQ4IDE2LjYzNjQgMTguNTggMTYuODI1MiAxOC4xOTkxQzE3LjAxNCAxNy44MTgyIDE3LjI4MjYgMTcuNTIyIDE3LjYzMDkgMTcuMzEwNEMxNy45NzkyIDE3LjA5ODggMTguMzgyOSAxNi45OTMgMTguODQxOCAxNi45OTNDMTkuNTU4IDE2Ljk5MyAyMC4xMjYgMTcuMjYgMjAuNTQ1OSAxNy43OTM4QzIwLjk2NTkgMTguMzI3NyAyMS4xNzU4IDE5LjA0MjIgMjEuMTc1OCAxOS45Mzc0VjIwLjI2OTRDMjEuMTc1OCAyMS41NTIgMjAuODg2MSAyMi41MzAyIDIwLjMwNjcgMjMuMjA0QzE5LjcyNzMgMjMuODc3OCAxOC44NjMgMjQuMjE5NiAxNy43MTM5IDI0LjIyOTRIMTcuNTcyM1YyMy4yNDc5SDE3Ljc0MzJDMTguNDQzMSAyMy4yMzgyIDE4Ljk4MDIgMjMuMDcwNSAxOS4zNTQ1IDIyLjc0NUMxOS43Mjg5IDIyLjQxNjIgMTkuOTM4OCAyMS45MSAxOS45ODQ0IDIxLjIyNjRaTTE4Ljg0MTggMjAuOTI4NkMxOS4wNzk1IDIwLjkyODYgMTkuMzAyNCAyMC44NjAyIDE5LjUxMDggMjAuNzIzNUMxOS43MTkxIDIwLjU4NjggMTkuODgwMiAyMC4zOTggMTkuOTk0MiAyMC4xNTcxVjE5LjY5MzJDMTkuOTk0MiAxOS4xNjkxIDE5Ljg4NjggMTguNzQ3NiAxOS42NzE5IDE4LjQyODZDMTkuNDU3MSAxOC4xMDk2IDE5LjE3ODggMTcuOTUwMSAxOC44MzcgMTcuOTUwMUMxOC40OTUyIDE3Ljk1MDEgMTguMjIxNyAxOC4wOTE3IDE4LjAxNjYgMTguMzc0OUMxNy44MTQ4IDE4LjY1NDggMTcuNzEzOSAxOS4wMDk2IDE3LjcxMzkgMTkuNDM5M0MxNy43MTM5IDE5Ljg4NTMgMTcuODE2NCAyMC4yNDUgMTguMDIxNSAyMC41MTg0QzE4LjIyNjYgMjAuNzkxOSAxOC41IDIwLjkyODYgMTguODQxOCAyMC45Mjg2Wk0yNy45NjY5IDIyLjc0MDFMMjkuNTI5NCAxOC45MTY5SDMxLjAxMzhWMjQuMjAwMUgyOS44MjcyVjIwLjcwNEwyOC4zNzIxIDI0LjIwMDFIMjcuNTY2NUwyNi4xMDY1IDIwLjY4NDRWMjQuMjAwMUgyNC45MlYxOC45MTY5SDI2LjQxNDFMMjcuOTY2OSAyMi43NDAxWiIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); } .villas__icon-img._8 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zOS4zNzUgMTVIMzQuODg0NEMzNC42MjU2IDE0LjI3NDQgMzMuOTM4MSAxMy43NSAzMy4xMjUgMTMuNzVIMzAuNjI1QzI5LjgxIDEzLjc1IDI5LjExNSAxNC4yNzI1IDI4Ljg1NjkgMTVIMjYuMjVDMjUuNTYwNiAxNSAyNSAxNC40Mzk0IDI1IDEzLjc1VjExLjE0MzFDMjUuNzI3NSAxMC44ODUgMjYuMjUgMTAuMTkgMjYuMjUgOS4zNzVWNi44NzVDMjYuMjUgNi4wNjEyNSAyNS43MjU2IDUuMzc0MzggMjUgNS4xMTU2M1YwLjYyNUMyNSAwLjI3OTM3NSAyNC43MjA2IDAgMjQuMzc1IDBIMTUuNjI1QzE1LjI3OTQgMCAxNSAwLjI3OTM3NSAxNSAwLjYyNVY1LjExNTYzQzE0LjI3MzggNS4zNzQzOCAxMy43NSA2LjA2MTI1IDEzLjc1IDYuODc1VjkuMzc1QzEzLjc1IDEwLjE5IDE0LjI3MjUgMTAuODg1IDE1IDExLjE0MzFWMTMuNzVDMTUgMTQuNDM5NCAxNC40Mzg4IDE1IDEzLjc1IDE1SDExLjE0MjVDMTAuODg1IDE0LjI3MjUgMTAuMTkgMTMuNzUgOS4zNzUgMTMuNzVINi44NzVDNi4wNjEyNSAxMy43NSA1LjM3NDM3IDE0LjI3NDQgNS4xMTUgMTVIMC42MjVDMC4yNzkzNzUgMTUgMCAxNS4yNzk0IDAgMTUuNjI1VjI0LjM3NUMwIDI0LjcyMDYgMC4yNzkzNzUgMjUgMC42MjUgMjVINS4xMTU2M0M1LjM3NDM4IDI1LjcyNTYgNi4wNjE4NyAyNi4yNSA2Ljg3NSAyNi4yNUg5LjM3NUMxMC4xOSAyNi4yNSAxMC44ODUgMjUuNzI3NSAxMS4xNDI1IDI1SDEzLjc1QzE0LjQzOTQgMjUgMTUgMjUuNTYwNiAxNSAyNi4yNVYyOC44NTY5QzE0LjI3MjUgMjkuMTE1IDEzLjc1IDI5LjgxIDEzLjc1IDMwLjYyNVYzMy4xMjVDMTMuNzUgMzMuOTM4OCAxNC4yNzM4IDM0LjYyNTYgMTUgMzQuODg0NFYzOS4zNzVDMTUgMzkuNzIwNiAxNS4yNzk0IDQwIDE1LjYyNSA0MEgyNC4zNzVDMjQuNzIwNiA0MCAyNSAzOS43MjA2IDI1IDM5LjM3NVYzNC44ODQ0QzI1LjcyNTYgMzQuNjI1NiAyNi4yNSAzMy45MzgxIDI2LjI1IDMzLjEyNVYzMC42MjVDMjYuMjUgMjkuODEgMjUuNzI3NSAyOS4xMTUgMjUgMjguODU2OVYyNi4yNUMyNSAyNS41NjA2IDI1LjU2MDYgMjUgMjYuMjUgMjVIMjguODU2OUMyOS4xMTUgMjUuNzI3NSAyOS44MSAyNi4yNSAzMC42MjUgMjYuMjVIMzMuMTI1QzMzLjkzODggMjYuMjUgMzQuNjI1NiAyNS43MjU2IDM0Ljg4NDQgMjVIMzkuMzc1QzM5LjcyMDYgMjUgNDAgMjQuNzIwNiA0MCAyNC4zNzVWMTUuNjI1QzQwIDE1LjI3OTQgMzkuNzIwNiAxNSAzOS4zNzUgMTVaTTE2LjI1IDEuMjVIMjMuNzVWNUgxNi4yNVYxLjI1Wk0xLjI1IDE2LjI1SDVWMjMuNzVIMS4yNVYxNi4yNVpNMjMuNzUgMzguNzVIMTYuMjVWMzVIMjMuNzVWMzguNzVaTTMzLjEyNSAyNUgzMC42MjVDMzAuMjggMjUgMzAgMjQuNzIgMzAgMjQuMzc1VjIwLjYyNUMzMCAyMC4yNzk0IDI5LjcyMDYgMjAgMjkuMzc1IDIwQzI5LjAyOTQgMjAgMjguNzUgMjAuMjc5NCAyOC43NSAyMC42MjVWMjMuNzVIMjYuMjVDMjQuODcxMyAyMy43NSAyMy43NSAyNC44NzEzIDIzLjc1IDI2LjI1VjI5LjM3NUMyMy43NSAyOS43MjA2IDI0LjAyOTQgMzAgMjQuMzc1IDMwQzI0LjcyIDMwIDI1IDMwLjI4IDI1IDMwLjYyNVYzMy4xMjVDMjUgMzMuNDcgMjQuNzIgMzMuNzUgMjQuMzc1IDMzLjc1SDE1LjYyNUMxNS4yODA2IDMzLjc1IDE1IDMzLjQ3IDE1IDMzLjEyNVYzMC42MjVDMTUgMzAuMjggMTUuMjgwNiAzMCAxNS42MjUgMzBIMTkuMzc1QzE5LjcyMDYgMzAgMjAgMjkuNzIwNiAyMCAyOS4zNzVDMjAgMjkuMDI5NCAxOS43MjA2IDI4Ljc1IDE5LjM3NSAyOC43NUgxNi4yNVYyNi4yNUMxNi4yNSAyNC44NzEzIDE1LjEyODEgMjMuNzUgMTMuNzUgMjMuNzVIMTAuNjI1QzEwLjI3OTQgMjMuNzUgMTAgMjQuMDI5NCAxMCAyNC4zNzVDMTAgMjQuNzIgOS43MTkzNyAyNSA5LjM3NSAyNUg2Ljg3NUM2LjUzMDYyIDI1IDYuMjUgMjQuNzIgNi4yNSAyNC4zNzVWMTUuNjI1QzYuMjUgMTUuMjggNi41MzA2MiAxNSA2Ljg3NSAxNUg5LjM3NUM5LjcxOTM3IDE1IDEwIDE1LjI4IDEwIDE1LjYyNVYxOS4zNzVDMTAgMTkuNzIwNiAxMC4yNzk0IDIwIDEwLjYyNSAyMEMxMC45NzA2IDIwIDExLjI1IDE5LjcyMDYgMTEuMjUgMTkuMzc1VjE2LjI1SDEzLjc1QzE1LjEyODEgMTYuMjUgMTYuMjUgMTUuMTI4NyAxNi4yNSAxMy43NVYxMC42MjVDMTYuMjUgMTAuMjc5NCAxNS45NzA2IDEwIDE1LjYyNSAxMEMxNS4yODA2IDEwIDE1IDkuNzIgMTUgOS4zNzVWNi44NzVDMTUgNi41MyAxNS4yODA2IDYuMjUgMTUuNjI1IDYuMjVIMjQuMzc1QzI0LjcyIDYuMjUgMjUgNi41MyAyNSA2Ljg3NVY5LjM3NUMyNSA5LjcyIDI0LjcyIDEwIDI0LjM3NSAxMEgyMC42MjVDMjAuMjc5NCAxMCAyMCAxMC4yNzk0IDIwIDEwLjYyNUMyMCAxMC45NzA2IDIwLjI3OTQgMTEuMjUgMjAuNjI1IDExLjI1SDIzLjc1VjEzLjc1QzIzLjc1IDE1LjEyODcgMjQuODcxMyAxNi4yNSAyNi4yNSAxNi4yNUgyOS4zNzVDMjkuNzIwNiAxNi4yNSAzMCAxNS45NzA2IDMwIDE1LjYyNUMzMCAxNS4yOCAzMC4yOCAxNSAzMC42MjUgMTVIMzMuMTI1QzMzLjQ3IDE1IDMzLjc1IDE1LjI4IDMzLjc1IDE1LjYyNVYyNC4zNzVDMzMuNzUgMjQuNzIgMzMuNDcgMjUgMzMuMTI1IDI1Wk0zOC43NSAyMy43NUgzNVYxNi4yNUgzOC43NVYyMy43NVoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTEwLjE4MTMgMjEuNDMwOEMxMC4wNjgxIDIxLjU0ODkgMTAgMjEuNzEyIDEwIDIxLjg3NDVDMTAgMjIuMDM3IDEwLjA2ODEgMjIuMTk5NSAxMC4xODEzIDIyLjMxODNDMTAuMyAyMi40MzA4IDEwLjQ2MjUgMjIuNDk5NSAxMC42MjUgMjIuNDk5NUMxMC43OTMxIDIyLjQ5OTUgMTAuOTQ5NCAyMi40MzA4IDExLjA2ODcgMjIuMzE4M0MxMS4xODEyIDIyLjE5OTUgMTEuMjUgMjIuMDM3IDExLjI1IDIxLjg3NDVDMTEuMjUgMjEuNzEyIDExLjE4MTIgMjEuNTQ4OSAxMS4wNjg3IDIxLjQzMDhDMTAuODM3NSAyMS4xOTk1IDEwLjQxODggMjEuMTk5NSAxMC4xODEzIDIxLjQzMDhaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik0yOC45MzEzIDE3LjY4MDhDMjguODE4MSAxNy43OTg5IDI4Ljc1IDE3Ljk2MiAyOC43NSAxOC4xMjQ1QzI4Ljc1IDE4LjI4NyAyOC44MTgxIDE4LjQ0OTUgMjguOTMxMyAxOC41NjgzQzI5LjA0OTQgMTguNjgwOCAyOS4yMTI1IDE4Ljc0OTUgMjkuMzc1IDE4Ljc0OTVDMjkuNTM3NSAxOC43NDk1IDI5LjY5OTQgMTguNjgwOCAyOS44MTg3IDE4LjU2ODNDMjkuOTMxMiAxOC40NDk1IDMwIDE4LjI4NyAzMCAxOC4xMjQ1QzMwIDE3Ljk2MiAyOS45MzEyIDE3Ljc5ODkgMjkuODE4NyAxNy42ODA4QzI5LjU4MTIgMTcuNDQ5NSAyOS4xNjI1IDE3LjQ0OTUgMjguOTMxMyAxNy42ODA4WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMjEuNDMxMyAyOC45MzA4QzIxLjMxODEgMjkuMDQ4OSAyMS4yNSAyOS4yMDUxIDIxLjI1IDI5LjM3NDVDMjEuMjUgMjkuNTM3IDIxLjMxODEgMjkuNjk5NSAyMS40MzEzIDI5LjgxODNDMjEuNTQ5NCAyOS45MzA4IDIxLjcxMjUgMjkuOTk5NSAyMS44NzUgMjkuOTk5NUMyMi4wMzc1IDI5Ljk5OTUgMjIuMTk5NCAyOS45MzA4IDIyLjMxODcgMjkuODE4M0MyMi40MzEyIDI5LjY5OTUgMjIuNSAyOS41MzcgMjIuNSAyOS4zNzQ1QzIyLjUgMjkuMjA1MSAyMi40MzEyIDI5LjA0ODkgMjIuMzE4NyAyOC45MzA4QzIyLjA4MTIgMjguNjk5NSAyMS42NjI1IDI4LjY5OTUgMjEuNDMxMyAyOC45MzA4WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMTguMTI1IDExLjI0OTVDMTguMjg3NSAxMS4yNDk1IDE4LjQ0OTQgMTEuMTg2NCAxOC41Njg3IDExLjA2ODNDMTguNjg3NSAxMC45NDk1IDE4Ljc1IDEwLjc4NyAxOC43NSAxMC42MjQ1QzE4Ljc1IDEwLjQ2MiAxOC42ODc1IDEwLjI5ODkgMTguNTY4NyAxMC4xODA4QzE4LjMzMTIgOS45NDk1MSAxNy45MTg4IDkuOTQ5NTEgMTcuNjgxMyAxMC4xODA4QzE3LjU2ODEgMTAuMjk4OSAxNy41IDEwLjQ2MiAxNy41IDEwLjYyNDVDMTcuNSAxMC43ODcgMTcuNTY4MSAxMC45NDk1IDE3LjY4MTMgMTEuMDY4M0MxNy44IDExLjE4NjQgMTcuOTYyNSAxMS4yNDk1IDE4LjEyNSAxMS4yNDk1WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMjAgMTYuODc1QzE5LjY1NDQgMTYuODc1IDE5LjM3NSAxNy4xNTQ0IDE5LjM3NSAxNy41QzE5LjM3NSAxNy44NDU2IDE5LjY1NDQgMTguMTI1IDIwIDE4LjEyNUMyMS4wMzM4IDE4LjEyNSAyMS44NzUgMTguOTY2MiAyMS44NzUgMjBDMjEuODc1IDIwLjM0NTYgMjIuMTU0NCAyMC42MjUgMjIuNSAyMC42MjVDMjIuODQ1NiAyMC42MjUgMjMuMTI1IDIwLjM0NTYgMjMuMTI1IDIwQzIzLjEyNSAxOC4yNzY5IDIxLjcyMzEgMTYuODc1IDIwIDE2Ljg3NVoiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTIwIDIxLjg3NUMxOC45NjYyIDIxLjg3NSAxOC4xMjUgMjEuMDMzOCAxOC4xMjUgMjBDMTguMTI1IDE5LjY1NDQgMTcuODQ1NiAxOS4zNzUgMTcuNSAxOS4zNzVDMTcuMTU0NCAxOS4zNzUgMTYuODc1IDE5LjY1NDQgMTYuODc1IDIwQzE2Ljg3NSAyMS43MjMxIDE4LjI3NjkgMjMuMTI1IDIwIDIzLjEyNUMyMC4zNDU2IDIzLjEyNSAyMC42MjUgMjIuODQ1NiAyMC42MjUgMjIuNUMyMC42MjUgMjIuMTU0NCAyMC4zNDU2IDIxLjg3NSAyMCAyMS44NzVaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); } .villas__icon-img._9 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjcyNzkzIDE0Ljc0NzZWMy42NjgzM0gxOC4yMzAzVjE0Ljc0NzZIMy43Mjc5M1oiIHN0cm9rZT0iIzNCNDY1OCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KPHBhdGggZD0iTTIxLjc4NzUgMTQuNzQ3NlYzLjY2ODMzSDM2LjI4OTlWMTQuNzQ3NkgyMS43ODc1WiIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjEuMiIvPgo8cGF0aCBkPSJNMy43Mjc5MyAyNS40NTY5VjE0Ljc0NjVIMTguMjMwM1YyNS40NTY5SDMuNzI3OTNaIiBzdHJva2U9IiMzQjQ2NTgiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0yMS43ODc1IDI1LjQ1NjlWMTQuNzQ2NUgzNi4yODk5VjI1LjQ1NjlIMjEuNzg3NVoiIHN0cm9rZT0iIzNCNDY1OCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KPHBhdGggZD0iTTMuNzI3OTMgMzYuNTY2VjI1LjQ4NjdIMTguMjMwM1YzNi41NjZIMy43Mjc5M1oiIHN0cm9rZT0iIzNCNDY1OCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KPHBhdGggZD0iTTIxLjc4NzUgMzYuNTY2VjI1LjQ4NjdIMzYuMjg5OVYzNi41NjZIMjEuNzg3NVoiIHN0cm9rZT0iIzNCNDY1OCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KPHJlY3QgeD0iMC42IiB5PSIwLjU5OTk3IiB3aWR0aD0iMzguOCIgaGVpZ2h0PSIzOC44IiBzdHJva2U9IiMzQjQ2NTgiIHN0cm9rZS13aWR0aD0iMS4yIi8+Cjwvc3ZnPgo=); } .villas__icon-img._10 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjMzMzMxIDI2LjAwMDFIMTQuNjY2N0MxNS40MDI4IDI1Ljk5OTEgMTUuOTk5MSAyNS40MDI4IDE2LjAwMDEgMjQuNjY2N1YxNS4zMzMzQzE1Ljk5OTEgMTQuNTk3MiAxNS40MDI4IDE0LjAwMDkgMTQuNjY2NyAxMy45OTk5SDEuMzMzMzFDMC41OTcyMjkgMTQuMDAwOSAwLjAwMDkxNTUzMSAxNC41OTcyIDAgMTUuMzMzM1YyNC42NjY3QzAuMDAwOTE1NTMxIDI1LjQwMjggMC41OTcyMjkgMjUuOTk5MSAxLjMzMzMxIDI2LjAwMDFaTTEuMzMzMzEgMTUuMzMzM0gxNC42NjY3TDE0LjY2NzQgMjQuNjY2N0gxLjMzMzMxVjE1LjMzMzNaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik0xLjMzMzMxIDQwSDYuNjY2NTZDNy40MDI2NSAzOS45OTkxIDcuOTk5MjcgMzkuNDAyOCA3Ljk5OTg4IDM4LjY2NjdWMjkuMzMzMkM3Ljk5OTI3IDI4LjU5NzQgNy40MDI2NSAyOC4wMDA4IDYuNjY2NTYgMjcuOTk5OUgxLjMzMzMxQzAuNTk3MjI5IDI4LjAwMDggMC4wMDA5MTU1MzEgMjguNTk3NCAwIDI5LjMzMzJWMzguNjY2N0MwLjAwMDkxNTUzMSAzOS40MDI4IDAuNTk3MjI5IDM5Ljk5OTEgMS4zMzMzMSA0MFpNMS4zMzMzMSAyOS4zMzMySDYuNjY2NTZMNi42Njc0OCAzOC42NjY3SDEuMzMzMzFWMjkuMzMzMloiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTM4LjY2NjcgMEgxLjMzMzMxQzAuNTk3MjI5IDAuMDAwOTE1NTMxIDAuMDAwOTE1NTMxIDAuNTk3MjI5IDAgMS4zMzMzMVYxMC42NjY4QzAuMDAwOTE1NTMxIDExLjQwMjYgMC41OTcyMjkgMTEuOTk5MiAxLjMzMzMxIDEyLjAwMDFIMTkuNjg5OUMyMC4wNjU5IDEyLjYzOTIgMjAuMzg4NSAxMy4zMDgxIDIwLjY1NDkgMTMuOTk5OUgxOS4zMzMyQzE4LjU5NzQgMTQuMDAwOSAxOC4wMDA4IDE0LjU5NzIgMTcuOTk5OSAxNS4zMzMzVjI0LjY2NjdDMTguMDAwOCAyNS40MDI4IDE4LjU5NzQgMjUuOTk5MSAxOS4zMzMyIDI2LjAwMDFIMjAuNjE2NUMyMC42MDczIDI2LjMwMTMgMjAuNTg5NiAyNi42MDQgMjAuNTkzIDI2LjkwMTZDMjAuNTk3NSAyNy4yNTQzIDIwLjYxNDYgMjcuNjIzOSAyMC42Mzc1IDI3Ljk5OTlIMTEuMzMzM0MxMC41OTcyIDI4LjAwMDggMTAuMDAwOSAyOC41OTc0IDEwIDI5LjMzMzJWMzguNjY2N0MxMC4wMDA5IDM5LjQwMjggMTAuNTk3MiAzOS45OTkxIDExLjMzMzMgNDBIMzguNjY2N0MzOS40MDI4IDM5Ljk5OTEgMzkuOTk5MSAzOS40MDI4IDQwIDM4LjY2NjdWMS4zMzMzMUMzOS45OTkxIDAuNTk3MjI5IDM5LjQwMjggMC4wMDA5MTU1MzEgMzguNjY2NyAwVjBaTTEuMzMzMzEgMS4zMzMzMUgxMi40OTUxQzEyLjQ1MjQgMi4yNjc0NiAxMi40ODI2IDMuMjAzNDMgMTIuNTg2MSA0LjEzMjY5QzEyLjk1NSA2LjA0Njc1IDE0LjQ0OTIgNy4wMTMyNCAxNS43Njc1IDcuODY2MjFMMTUuOTgxOCA4LjAwNDc2QzE3LjA2OTQgOC43MjI4NCAxOC4wMjQ2IDkuNjIzNDEgMTguODA1NSAxMC42NjY4SDEuMzMzMzFWMS4zMzMzMVpNMTkuMzMzMiAxNS4zMzMzSDIxLjA4MjVDMjEuMzg3IDE2LjQ0NTYgMjEuNTUyMSAxNy41OTE2IDIxLjU3MzUgMTguNzQ0NUMyMS41NTQzIDE5Ljc3NDUgMjEuNDEyNCAyMC43OTgzIDIxLjE1MTEgMjEuNzk0N0MyMS4wNTE5IDIyLjI0NDMgMjAuOTUyNSAyMi42OTc0IDIwLjg3MDQgMjMuMTY0NEMyMC43ODM3IDIzLjY1MjYgMjAuNzI2OSAyNC4xNTggMjAuNjg0MiAyNC42NjY3SDE5LjMzMzJWMTUuMzMzM1pNMTEuMzMzMyAyOS4zMzMySDIwLjc3MDNDMjEuMTI1NSAzMi43MzE2IDIyLjQyMSAzNS45NjM3IDI0LjUxMTQgMzguNjY2N0gxMS4zMzMzVjI5LjMzMzJaTTM4LjY2NjcgMzguNjY2N0gyNi4yNzk5QzIzLjc3NTMgMzUuODgzOCAyMi4yNzQ1IDMyLjM0MTkgMjIuMDE3NSAyOC42MDY2QzIxLjk2MzUgMjguMDA4NyAyMS45MzMgMjcuNDI5MiAyMS45MjY2IDI2Ljg4NDVDMjEuOTE5OSAyNi4zODcgMjEuOTMzNiAyNS44NzkyIDIxLjk2NjYgMjUuMzY1M0MyMS45OTc0IDI0LjcwNDkgMjIuMDcgMjQuMDQ3MiAyMi4xODMyIDIzLjM5NkMyMi4yNjI5IDIyLjk0NzcgMjIuMzU4NCAyMi41MTI1IDIyLjQ1MzYgMjIuMDgxQzIyLjczODMgMjAuOTgzOSAyMi44OTA2IDE5Ljg1NjkgMjIuOTA3NCAxOC43MjM0QzIyLjg4MzMgMTcuMjc5NyAyMi42NTUgMTUuODQ2NiAyMi4yMjkzIDE0LjQ2NjZDMjEuODQ5NyAxMy4yNDI4IDIxLjMxNjIgMTIuMDcyNCAyMC42NDEyIDEwLjk4MzNDMTkuNjUgOS4zNDM4NyAxOC4zMDcyIDcuOTQ0OTUgMTYuNzA5NiA2Ljg4NzUxTDE2LjQ5MTQgNi43NDYyMkMxNS4yMzkgNS45MzU2NyAxNC4xNTYyIDUuMjM1OSAxMy44OTc3IDMuODk4NjJDMTMuODE5MyAzLjA0NTk2IDEzLjc5MzkgMi4xODkwMyAxMy44MjE3IDEuMzMzMzFIMzguNjY2N1YzOC42NjY3WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMTUuMjM0IDMuNzUzMDVDMTUuNDMzOSA0LjQ0NTggMTYuMTE2OCA0LjkxNjM4IDE3LjIxNTIgNS42MjYyMkwxNy40NDA0IDUuNzcyNEMxOS4xOTg1IDYuOTMzMjkgMjAuNjc3MSA4LjQ3MDQ2IDIxLjc2ODQgMTAuMjcyOEMyMi41MDcyIDExLjQ2NDUgMjMuMDkxIDEyLjc0NTQgMjMuNTA2NCAxNC4wODQ4QzIzLjYxNjggMTQuNDM2IDIzLjk5MSAxNC42MzEgMjQuMzQyMyAxNC41MjA5QzI0LjY5MzUgMTQuNDEwNCAyNC44ODg4IDE0LjAzNTkgMjQuNzc4MyAxMy42ODQ3QzI0LjMyOTcgMTIuMjM4OCAyMy42OTg5IDEwLjg1NTcgMjIuOTAxNSA5LjU2ODc4QzIxLjcwNzEgNy42MDA0IDIwLjA5MDIgNS45MjIyNCAxOC4xNjc5IDQuNjU1MTVMMTcuOTM5NyA0LjUwNzE0QzE3LjQxOTkgNC4yMTY2MSAxNi45NDU3IDMuODUxNjIgMTYuNTMxOSAzLjQyMzc2TDE2LjUyMTUgMy4yODkxOEMxNi40OTcxIDIuOTIxNDQgMTYuMTc5NCAyLjY0MzQzIDE1LjgxMiAyLjY2Nzg0QzE1LjQ0NDUgMi42OTI1NiAxNS4xNjY1IDMuMDEwMjUgMTUuMTkwOSAzLjM3NzY4QzE1LjE5NzcgMy40NzMyIDE1LjIwNDEgMy41NTk4NyAxNS4yMTA4IDMuNjMyODFDMTUuMjE1MSAzLjY3MzQgMTUuMjIyNyAzLjcxMzY4IDE1LjIzNCAzLjc1MzA1WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMjQuMjM5MSAxOC43QzI0LjIyMzkgMTkuOTUxNSAyNC4wNTg0IDIxLjE5NjYgMjMuNzQ2MyAyMi40MDg4QzIzLjY1NzggMjIuODA5NCAyMy41NjkzIDIzLjIxMjYgMjMuNDk2MyAyMy42MjdDMjMuMzkwNyAyNC4yMzM0IDIzLjMyMzkgMjQuODQ1NiAyMy4yOTU4IDI1LjQ2MDVDMjMuMjY1OSAyNS45MjkgMjMuMjUzNCAyNi40MDMyIDIzLjI1OTIgMjYuODY4NkMyMy4yNjUzIDI3LjM3ODggMjMuMjk0IDI3LjkxOSAyMy4zNDQ2IDI4LjQ3ODRDMjMuNTY0NyAzMS42MTY1IDI0LjcyMDQgMzQuNjE2NCAyNi42NjIyIDM3LjA5MTRDMjYuODExNCAzNy4yODMgMjcuMDUzMSAzNy4zNzgyIDI3LjI5MyAzNy4zNDA0QzI3LjUzMjkgMzcuMzAyMiAyNy43MzMxIDM3LjEzNjggMjcuODE1NSAzNi45MDg2QzI3Ljg5ODIgMzYuNjggMjcuODUgMzYuNDI0OSAyNy42ODk3IDM2LjI0MjRDMjUuOTMwMSAzMy45Njc2IDI0Ljg4MDMgMzEuMjI0MSAyNC42NzIyIDI4LjM1NTdDMjQuNjI1NSAyNy44MzM5IDI0LjU5ODkgMjcuMzI4MiAyNC41OTI4IDI2Ljg1MjFDMjQuNTg2NyAyNi40MiAyNC41OTgzIDI1Ljk4MTQgMjQuNjI3MyAyNS41MzU2QzI0LjY1MjMgMjQuOTczNCAyNC43MTMxIDI0LjQxMzggMjQuODA4OSAyMy44NTkzQzI0Ljg3OTEgMjMuNDY0MSAyNC45NjQ1IDIzLjA3ODMgMjUuMDU3NiAyMi42NTM4QzI1LjM4OTYgMjEuMzU0NCAyNS41NjI0IDIwLjAxOTIgMjUuNTcyNCAxOC42NzhDMjUuNTY2NiAxOC4zMTQyIDI1LjI2OTcgMTguMDIyMiAyNC45MDU5IDE4LjAyMjVIMjQuODk0OUMyNC43MTc5IDE4LjAyNTIgMjQuNTQ5NSAxOC4wOTgxIDI0LjQyNjggMTguMjI1NEMyNC4zMDM4IDE4LjM1MjQgMjQuMjM2NCAxOC41MjMzIDI0LjIzOTEgMTguN1oiIGZpbGw9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); } .villas__icon-img._11 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjY2Nzk3IDBDMS4yMDIxNyAwIDAgMS4yMDA5MSAwIDIuNjY2NzFDMCAzLjU1NTggMS4zMzQ2NCAzLjU1NTggMS4zMzQ2NCAyLjY2NjcxQzEuMzM0NjQgMS45MTY1IDEuOTE3NzYgMS4zMzMzNSAyLjY2Nzk3IDEuMzMzMzVIMzcuMzM4NUMzOC4wODg4IDEuMzMzMzUgMzguNjY2NyAxLjkxNjUgMzguNjY2NyAyLjY2NjcxVjM3LjMzMjFDMzguNjY2NyAzOC4wODIzIDM4LjA4ODggMzguNjY2NyAzNy4zMzg1IDM4LjY2NjdIMi42Njc5N0MxLjkxNzc2IDM4LjY2NjcgMS4zMzQ2NCAzOC4wODIzIDEuMzM0NjQgMzcuMzMyMVY1LjMzNDY1QzEuMzM0NjQgNC40NDU1MiAwIDQuNDQ1NTIgMCA1LjMzNDY1VjM3LjMzMjFDMCAzOC43OTc5IDEuMjAyMTcgNDAgMi42Njc5NyA0MEgzNy4zMzg1QzM4LjgwNDMgNDAgNDAgMzguNzk3OSA0MCAzNy4zMzIxVjIuNjY2NzFDNDAgMS4yMDA5MSAzOC44MDQzIDAgMzcuMzM4NSAwSDIuNjY3OTdaTTQuNjM2NzIgNC4wMDEyOUM0LjI2MTA5IDQuMDM1NTYgNC4wMDA4MyA0LjMyMjQ1IDQuMDAxMzEgNC42NjUzNVYzNS4zMzQ2QzQuMDAyNjQgMzUuNzAyOSA0LjMwMjI3IDM2LjAwMDEgNC42NzA1NyAzNS45OTg3SDM1LjMzNTlDMzYuMjI1IDM1Ljk5ODcgMzYuMjI1IDM0LjY2NTQgMzUuMzM1OSAzNC42NjU0SDUuMzM1OTRWNS4zMzQ2NUgzNC42NzA2VjMyLjY2NjdDMzQuNjcwNiAzMy41NTU4IDM2LjAwNTIgMzMuNTU1OCAzNi4wMDUyIDMyLjY2NjdWNC42NjUzNUMzNi4wMDM5IDQuMjk3MDUgMzUuNzA0MiAzLjk5OTg4IDM1LjMzNTkgNC4wMDEyOUg0LjYzNjcyWk0yMCA3Ljk5NjEyQzE5LjU0ODQgNy45OTYxMiAxOS4zMjg3IDguMzQxMDcgMTkuMzM1OSA4LjY3OTcyVjEzLjMzMDhDMTkuMzM1OSAxNC4yMTk5IDIwLjY2OTMgMTQuMjE5OSAyMC42NjkzIDEzLjMzMDhWOS4zNjQ2MkMyNi4yNTQxIDkuNzEwODIgMzAuNjY5MyAxNC4zMjcgMzAuNjY5MyAyMEMzMC42NjkzIDI1LjY3MzEgMjYuMjU0MSAzMC4yODQ0IDIwLjY2OTMgMzAuNjMwMlYyNi42NjI4QzIwLjY3MzMgMjYuMjg2NyAyMC4zNjY5IDI1Ljk4MTMgMTkuOTkwOSAyNS45ODgzQzE5LjYyNDUgMjUuOTk1OSAxOS4zMzE4IDI2LjI5NjMgMTkuMzM1OSAyNi42NjI4VjMwLjYzMDJDMTMuNzQ5NCAzMC4yODY1IDkuMzM1OTQgMjUuNjc0NiA5LjMzNTk0IDIwQzkuMzM1OTQgMTUuMDczNSAxMi43MDMgMTAuNzkwOSAxNy40OTA5IDkuNjMwMjFDMTguNDA0NCA5LjQ1MTgyIDE4LjA2OTEgOC4wNzQ2NiAxNy4xNzU4IDguMzM2QzExLjc5NjcgOS42Mzk5OSA4LjAwMjYxIDE0LjQ2NTEgOC4wMDI2MSAyMEM4LjAwMjYxIDI2LjYxMzQgMTMuMzcwNyAzMS45ODYxIDE5Ljk4MTggMzEuOTk2MUMxOS45OTY0IDMxLjk5NjUgMjAuMDEwMSAzMS45OTY2IDIwLjAyNDggMzEuOTk2MUMyNi42MzI4IDMxLjk4MzUgMzIuMDAzOSAyNi42MTEyIDMyLjAwMzkgMjBDMzIuMDAzOSAxMy4zODA1IDI2LjYxOTYgNy45OTYxMiAyMCA3Ljk5NjEySDIwWk0xNC42NzA2IDE3Ljk5NjFDMTMuNTczOSAxNy45OTYxIDEyLjY2OCAxOC45MDMzIDEyLjY2OCAyMEMxMi42NjggMjEuMDk2NyAxMy41NzM5IDIxLjk5NzQgMTQuNjcwNiAyMS45OTc0QzE1Ljc2NzMgMjEuOTk3NCAxNi42NjkzIDIxLjA5NjcgMTYuNjY5MyAyMEMxNi42NjkzIDE4LjkwMzMgMTUuNzY3MyAxNy45OTYxIDE0LjY3MDYgMTcuOTk2MVpNMjUuMzM1OSAxNy45OTYxQzI0LjIzOTIgMTcuOTk2MSAyMy4zMzcyIDE4LjkwMzMgMjMuMzM3MiAyMEMyMy4zMzcyIDIxLjA5NjcgMjQuMjM5MiAyMS45OTc0IDI1LjMzNTkgMjEuOTk3NEMyNi40MzI2IDIxLjk5NzQgMjcuMzM4NSAyMS4wOTY3IDI3LjMzODUgMjBDMjcuMzM4NSAxOC45MDMzIDI2LjQzMjYgMTcuOTk2MSAyNS4zMzU5IDE3Ljk5NjFaTTE0LjY3MDYgMTkuMzMwOEMxNS4wNDY3IDE5LjMzMDggMTUuMzM1OSAxOS42MjM5IDE1LjMzNTkgMjBDMTUuMzM1OSAyMC4zNzYxIDE1LjA0NjcgMjAuNjY0MSAxNC42NzA2IDIwLjY2NDFDMTQuMjk0NSAyMC42NjQxIDE0LjAwMTMgMjAuMzc2MSAxNC4wMDEzIDIwQzE0LjAwMTMgMTkuNjIzOSAxNC4yOTQ1IDE5LjMzMDggMTQuNjcwNiAxOS4zMzA4Wk0yNS4zMzU5IDE5LjMzMDhDMjUuNzEyIDE5LjMzMDggMjYuMDA1MiAxOS42MjM5IDI2LjAwNTIgMjBDMjYuMDA1MiAyMC4zNzYxIDI1LjcxMiAyMC42NjQxIDI1LjMzNTkgMjAuNjY0MUMyNC45NTk4IDIwLjY2NDEgMjQuNjcwNiAyMC4zNzYxIDI0LjY3MDYgMjBDMjQuNjcwNiAxOS42MjM5IDI0Ljk1OTggMTkuMzMwOCAyNS4zMzU5IDE5LjMzMDhaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); } .villas__icon-img._12 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgo8cGF0aCBkPSJNMzguNjc4NCA3LjY5MjMxSDMzLjUxNzFWMEg2LjQyMDM2VjcuNjkyMzFILTAuMDMxMjVWMTYuOTIzMUg2LjQyMDM2VjIzLjA3NjlILTAuMDMxMjVWMzIuMzA3N0g2LjQyMDM2VjQwSDMzLjUxNzFWMzIuMzA3N0gzOS45Njg4VjIzLjA3NjlIMzMuNTE3MVYxNi45MjMxSDM5Ljk2ODhWNy42OTIzMUgzOC42Nzg0Wk0zMi4yMjY4IDEuNTM4NDZWNy42OTIzMUgyMC42MTM5VjEuNTM4NDZIMzIuMjI2OFpNMjUuNzc1MiAxNS4zODQ2SDE0LjE2MjNWOS4yMzA3N0gyNS43NzUyVjE1LjM4NDZaTTcuNzEwNjkgMS41Mzg0NkgxOS4zMjM2VjcuNjkyMzFINy43MTA2OVYxLjUzODQ2Wk0xLjI1OTA3IDE1LjM4NDZWOS4yMzA3N0gxMi44NzJWMTUuMzg0NkgxLjI1OTA3Wk03LjcxMDY5IDE2LjkyMzFIMTkuMzIzNlYyMy4wNzY5SDcuNzEwNjlWMTYuOTIzMVpNMjUuNzc1MiAzMC43NjkySDE0LjE2MjNWMjQuNjE1NEgyNS43NzUyVjMwLjc2OTJaTTEuMjU5MDcgMzAuNzY5MlYyNC42MTU0SDEyLjg3MlYzMC43NjkySDEuMjU5MDdaTTE0LjE2MjMgMzguNDYxNUg3LjcxMDY5VjMyLjMwNzdIMTkuMzIzNlYzOC40NjE1SDE0LjE2MjNaTTMyLjIyNjggMzguNDYxNUgyMC42MTM5VjMyLjMwNzdIMzIuMjI2OFYzOC40NjE1Wk0zOC42Nzg0IDI0LjYxNTRWMzAuNzY5MkgyNy4wNjU1VjI0LjYxNTRIMzguNjc4NFpNMzIuMjI2OCAyMy4wNzY5SDIwLjYxMzlWMTYuOTIzMUgzMi4yMjY4VjIzLjA3NjlaTTM4LjY3ODQgMTUuMzg0NkgyNy4wNjU1VjkuMjMwNzdIMzguNjc4NFYxNS4zODQ2WiIgZmlsbD0iIzNCNDY1OCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); } .villas__icon-img._13 { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgo8cGF0aCBkPSJNNS4zNDE4OCA0MC4yMDAxSDM0LjQwMTdDMzQuNzAxIDQwLjIwMDEgMzQuOTQzNiAzOS45NTc1IDM0Ljk0MzYgMzkuNjU4MlYwLjM0MjAwMkMzNC45NDM2IDAuMDQyNzQxNCAzNC43MDEgLTAuMTk5ODc4IDM0LjQwMTcgLTAuMTk5ODc4SDUuMzQxODhDNS4wNDI2MiAtMC4xOTk4NzggNC44IDAuMDQyNzQyIDQuOCAwLjM0MjAwMlYzOS42NTgyQzQuOCAzOS45NTc1IDUuMDQyNjIgNDAuMjAwMSA1LjM0MTg4IDQwLjIwMDFaTTMzLjg1OTggMC44ODM4ODNWMzkuMTE2NEg1Ljg4Mzc2VjAuODgzODgzSDMzLjg1OThaIiBmaWxsPSIjM0I0NjU4IiBzdHJva2U9IiMzQjQ2NTgiIHN0cm9rZS13aWR0aD0iMC40Ii8+CjxwYXRoIGQ9Ik05LjYxNTMyIDQwLjIwMDFIMzAuMTI4MUMzMC40Mjc0IDQwLjIwMDEgMzAuNjcgMzkuOTU3NSAzMC42NyAzOS42NTgyVjQuNjE1NUMzMC42NyA0LjMxNjI0IDMwLjQyNzQgNC4wNzM2MiAzMC4xMjgxIDQuMDczNjJIOS42MTUzMkM5LjMxNjA2IDQuMDczNjIgOS4wNzM0NCA0LjMxNjI0IDkuMDczNDQgNC42MTU1VjM5LjY1ODJDOS4wNzM0NCAzOS45NTc1IDkuMzE2MDYgNDAuMjAwMSA5LjYxNTMyIDQwLjIwMDFaTTI5LjU4NjMgNS4xNTczOFYzOS4xMTY0SDEwLjE1NzJWNS4xNTczOEgyOS41ODYzWiIgZmlsbD0iIzNCNDY1OCIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjAuNCIvPgo8cGF0aCBkPSJNMTMuMzQ2OSAyMC44NTQ4QzEzLjM0NjkgMjIuNTY3NyAxNC43NCAyMy45NjA4IDE2LjQ1MjkgMjMuOTYwOEMxOC4xNjU3IDIzLjk2MDggMTkuNTU4OCAyMi41Njc3IDE5LjU1ODggMjAuODU0OEMxOS41NTg4IDE5LjE0MiAxOC4xNjU3IDE3Ljc0ODkgMTYuNDUyOSAxNy43NDg5QzE0Ljc0IDE3Ljc0ODkgMTMuMzQ2OSAxOS4xNDIgMTMuMzQ2OSAyMC44NTQ4Wk0xNC40MzA2IDIwLjg1NDhDMTQuNDMwNiAxOS43NCAxNS4zMzggMTguODMyNiAxNi40NTI5IDE4LjgzMjZDMTcuNTY3NyAxOC44MzI2IDE4LjQ3NTEgMTkuNzQgMTguNDc1MSAyMC44NTQ4QzE4LjQ3NTEgMjEuOTY5OCAxNy41Njc3IDIyLjg3NzEgMTYuNDUyOSAyMi44NzcxQzE1LjMzOCAyMi44NzcxIDE0LjQzMDYgMjEuOTY5OCAxNC40MzA2IDIwLjg1NDhaIiBmaWxsPSIjM0I0NjU4IiBzdHJva2U9IiMzQjQ2NTgiIHN0cm9rZS13aWR0aD0iMC40Ii8+CjxwYXRoIGQ9Ik0xNi40NTMyIDIxLjM5NjdIMjEuNTgxNEMyMS44ODA3IDIxLjM5NjcgMjIuMTIzMyAyMS4xNTQxIDIyLjEyMzMgMjAuODU0OEMyMi4xMjMzIDIwLjU1NTYgMjEuODgwNyAyMC4zMTI5IDIxLjU4MTQgMjAuMzEyOUgxNi40NTMyQzE2LjE1MzkgMjAuMzEyOSAxNS45MTEzIDIwLjU1NTYgMTUuOTExMyAyMC44NTQ4QzE1LjkxMTMgMjEuMTU0MSAxNi4xNTM5IDIxLjM5NjcgMTYuNDUzMiAyMS4zOTY3WiIgZmlsbD0iIzNCNDY1OCIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjAuNCIvPgo8cGF0aCBkPSJNMjEuNTgxMSAxMy43MDQ0SDI0Ljk5OTlDMjUuMjk5MiAxMy43MDQ0IDI1LjU0MTggMTMuNDYxOCAyNS41NDE4IDEzLjE2MjVWOS43NDM3MUMyNS41NDE4IDkuNDQ0NDQgMjUuMjk5MiA5LjIwMTgyIDI0Ljk5OTkgOS4yMDE4MkgyMS41ODExQzIxLjI4MTkgOS4yMDE4MiAyMS4wMzkzIDkuNDQ0NDQgMjEuMDM5MyA5Ljc0MzcxVjEzLjE2MjVDMjEuMDM5MyAxMy40NjE4IDIxLjI4MTkgMTMuNzA0NCAyMS41ODExIDEzLjcwNDRaTTI0LjQ1ODEgMTAuMjg1NlYxMi42MjA2SDIyLjEyM1YxMC4yODU2SDI0LjQ1ODFaIiBmaWxsPSIjM0I0NjU4IiBzdHJva2U9IiMzQjQ2NTgiIHN0cm9rZS13aWR0aD0iMC40Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDAwMTIyMDcpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .villas__icon-img._1y { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS40NDMyIDQwLjMzOTJDMjUuMTg2OCA0MC4zMzkyIDI0Ljk4NTQgNDAuMTIwMyAyNC45ODU0IDM5Ljg0MTZDMjQuOTg1NCAzOS41NDMxIDI1LjE4NjggMzkuMzI0MiAyNS40NDMyIDM5LjMyNDJIMjcuNDIxMkMyNy42Nzc3IDM5LjMyNDIgMjcuODk3NCAzOS41NDMxIDI3Ljg5NzQgMzkuODQxNkMyNy44OTc0IDQwLjEyMDMgMjcuNjc3NyA0MC4zMzkyIDI3LjQyMTIgNDAuMzM5MkgyNS40NDMyWiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMTMuNTU3MiA0MC4zMzk4QzEzLjMwMDggNDAuMzM5OCAxMy4wODEgNDAuMTIwOSAxMy4wODEgMzkuODQyM0MxMy4wODEgMzkuNTQzOCAxMy4zMDA4IDM5LjMyNDkgMTMuNTU3MiAzOS4zMjQ5SDE3LjYyMzFWMzUuNDQ0MkgxMC4xMzIzQzkuODc1ODkgMzUuNDQ0MiA5LjY1NjExIDM1LjIyNTMgOS42NTYxMSAzNC45NDY3QzkuNjU2MTEgMzQuODg3IDkuNjc0NDIgMzQuODQ3MiA5LjY5Mjc0IDM0Ljc4NzVMMTAuMDU5IDMzLjE5NTRIOC4zMTkxMVYzOS43MjI5QzguMzE5MTEgNDAuMDAxNSA4LjA5OTMzIDQwLjI0MDMgNy44NDI5MiA0MC4yNDAzQzcuNTg2NTEgNDAuMjQwMyA3LjM4NTA1IDQwLjAwMTUgNy4zODUwNSAzOS43MjI5VjMzLjE5NTRIMC43MDAwNjNDMC40NDM2NTMgMzMuMTk1NCAwLjI0MjE4OCAzMi45NzY1IDAuMjQyMTg4IDMyLjY5NzlDMC4yNDIxODggMzIuNjM4MiAwLjI0MjE4OCAzMi41Nzg1IDAuMjYwNTAzIDMyLjUxODhMNy40MDMzNiA2LjE4OTg5QzcuNDc2NjIgNS45MzExOCA3LjczMzAzIDUuNzcxOTcgNy45NzExMyA1Ljg1MTU3QzguMTM1OTYgNS44OTEzOCA4LjI0NTg1IDYuMDMwNjggOC4zMDA4IDYuMTg5ODlMMTEuNTA1OSAxNy45MTE1QzExLjU3OTIgMTguMTkwMSAxMS40MzI3IDE4LjQ2ODggMTEuMTk0NiAxOC41NDg0QzEwLjk1NjUgMTguNjI4IDEwLjY4MTcgMTguNDY4OCAxMC42MDg1IDE4LjIxTDcuODQyOTIgOC4xMDAzOEwxLjMyMjc3IDMyLjE4MDVINy4zODUwNVYyMy4wMjYxQzcuMzg1MDUgMjIuNzQ3NCA3LjU4NjUxIDIyLjUwODYgNy44NDI5MiAyMi41MDg2QzguMDk5MzMgMjIuNTA4NiA4LjMxOTExIDIyLjc0NzQgOC4zMTkxMSAyMy4wMjYxVjMyLjE4MDVIMTAuMjk3MUwxNy42NDE1IDAuNzE3MTQxQzE3LjY5NjQgMC40NTg0MjkgMTcuOTUyOCAwLjI3OTMyMSAxOC4yMDkyIDAuMzU4OTI0QzE4LjM3NDEgMC4zOTg3MjYgMTguNTAyMyAwLjU1NzkzNCAxOC41Mzg5IDAuNzE3MTQxTDIzLjA4MSAyMC4xNjAzQzIzLjUwMjMgMTkuMjY0OCAyNC4wNyAxOC40Mjg5IDI0LjcyOTQgMTcuNzEyNUMyNi4zNzc3IDE1Ljk0MTMgMjguNjQ4OCAxNC44MjY5IDMxLjE1NzkgMTQuODI2OUMzMy42NjcxIDE0LjgyNjkgMzUuOTM4MiAxNS45NDEzIDM3LjU4NjUgMTcuNzEyNUMzOS4yMzQ5IDE5LjUwMzYgNDAuMjQyMiAyMS45NzEzIDQwLjI0MjIgMjQuNjk3N0M0MC4yNDIyIDI3LjQyNDIgMzkuMjM0OSAyOS44OTE5IDM3LjU4NjUgMzEuNjgzQzM2LjA0OCAzMy4zNzQ1IDMzLjk0MTggMzQuNDQ5MiAzMS42MTU4IDM0LjU2ODZWMzkuNjgzMUMzMS42MTU4IDM5Ljk2MTcgMzEuNDE0NCA0MC4xODA2IDMxLjE1NzkgNDAuMTgwNkMzMC45MDE1IDQwLjE4MDYgMzAuNjgxNyAzOS45NjE3IDMwLjY4MTcgMzkuNjgzMVYzNC41Njg2QzI4Ljk3ODUgMzQuNDY5MSAyNy4zODUgMzMuODcyMSAyNi4wNDggMzIuODc3TDI2LjUwNTkgMzQuODI3M0MyNi41NjA5IDM1LjA4NiAyNi40MTQ0IDM1LjM2NDYgMjYuMTU3OSAzNS40MjQzQzI2LjEyMTMgMzUuNDQ0MiAyNi4wODQ3IDM1LjQ0NDIgMjYuMDQ4IDM1LjQ0NDJIMTguNTU3MlYzOS4zMjQ5SDIzLjA2MjdDMjMuMzE5MSAzOS4zMjQ5IDIzLjUyMDYgMzkuNTQzOCAyMy41MjA2IDM5Ljg0MjNDMjMuNTIwNiA0MC4xMjA5IDIzLjMxOTEgNDAuMzM5OCAyMy4wNjI3IDQwLjMzOThIMTMuNTU3MlpNMzAuNjgxNyAyNC42OTc3QzMwLjY4MTcgMjQuNDE5MSAzMC45MDE1IDI0LjIwMDIgMzEuMTU3OSAyNC4yMDAyQzMxLjQxNDQgMjQuMjAwMiAzMS42MTU4IDI0LjQxOTEgMzEuNjE1OCAyNC42OTc3VjMwLjE1MDZMMzMuODY4NiAyNy45NDE2QzM0LjA1MTcgMjcuNzYyNSAzNC4zNDQ4IDI3Ljc4MjQgMzQuNTI3OSAyNy45ODE0QzM0LjY5MjcgMjguMTgwNCAzNC42NzQ0IDI4LjUxODcgMzQuNDkxMyAyOC42OTc4TDMxLjYxNTggMzEuNTAzOFYzMy41NTM2QzMzLjY4NTQgMzMuNDM0MiAzNS41NTM1IDMyLjQ1OTEgMzYuOTI3MiAzMC45NjY1QzM4LjQxMDcgMjkuMzc0NCAzOS4zMDgxIDI3LjE0NTUgMzkuMzA4MSAyNC42OTc3QzM5LjMwODEgMjIuMjQ5OSAzOC40MTA3IDIwLjA0MDkgMzYuOTI3MiAxOC40Mjg5QzM1LjQ0MzcgMTYuODM2OSAzMy40MTA3IDE1Ljg0MTggMzEuMTU3OSAxNS44NDE4QzI4LjkwNTIgMTUuODQxOCAyNi44NTM5IDE2LjgzNjkgMjUuMzg4NyAxOC40Mjg5QzIzLjkwNTIgMjAuMDQwOSAyMi45ODk0IDIyLjI0OTkgMjIuOTg5NCAyNC42OTc3QzIyLjk4OTQgMjcuMTQ1NSAyMy45MDUyIDI5LjM3NDQgMjUuMzg4NyAzMC45NjY1QzI2Ljc2MjMgMzIuNDU5MSAyOC42MTIyIDMzLjQzNDIgMzAuNjgxNyAzMy41NTM2VjMwLjA3MUwyNy43MTQ3IDI3LjAwNjJDMjcuNTMxNiAyNi44MDcyIDI3LjUzMTYgMjYuNDg4OCAyNy42OTY0IDI2LjI4OThDMjcuODc5NiAyNi4wOTA4IDI4LjE3MjYgMjYuMDkwOCAyOC4zNTU3IDI2LjI2OTlMMzAuNjgxNyAyOC42Nzc5VjI0LjY5NzdaTTEwLjcxODQgMzQuNDI5M0gxNy42MjMxVjI4LjU5ODNMMTQuNzQ3NyAyNS4zMzQ2QzE0LjU4MjggMjUuMTM1NiAxNC41ODI4IDI0LjgxNzEgMTQuNzY2IDI0LjYxODFDMTQuOTQ5MSAyNC40MTkxIDE1LjI0MjIgMjQuNDM5IDE1LjQyNTMgMjQuNjM4TDE3LjYyMzEgMjcuMTQ1NVYyMC45NzYzQzE3LjYyMzEgMjAuNjk3NyAxNy44MjQ2IDIwLjQ3ODcgMTguMDgxIDIwLjQ3ODdDMTguMzM3NCAyMC40Nzg3IDE4LjU1NzIgMjAuNjk3NyAxOC41NTcyIDIwLjk3NjNWMjMuMTI1NkwyMC4yNzg4IDIxLjU3MzNDMjAuNDgwMyAyMS4zOTQyIDIwLjc3MzMgMjEuNDE0MSAyMC45MTk4IDIxLjYzM0MyMS4wODQ3IDIxLjg1MTkgMjEuMDY2NCAyMi4xNzAzIDIwLjg2NDkgMjIuMzI5NUwxOC41NTcyIDI0LjQxOTFWMjguNTc4NEwyMC45MTk4IDI2LjM0OTVDMjEuMTIxMyAyNi4xNzA0IDIxLjQxNDQgMjYuMjEwMiAyMS41NzkyIDI2LjQwOTJDMjEuNzQ0IDI2LjYyODEgMjEuNzI1NyAyNi45NDY1IDIxLjUyNDIgMjcuMTI1NkwxOC41NTcyIDI5Ljg5MTlWMzQuNDI5M0gyNS40NDM3TDI0LjgzOTMgMzEuODAyNEwyNC43Mjk0IDMxLjY4M0MyMy4wODEgMjkuODkxOSAyMi4wNTU0IDI3LjQyNDIgMjIuMDU1NCAyNC42OTc3QzIyLjA1NTQgMjMuNjYyOSAyMi4yMDE5IDIyLjY2NzggMjIuNDc2NiAyMS43MzI1TDE4LjA4MSAyLjkwNjI0QzE1LjYyNjggMTMuNDEzOSAxMy4xNzI2IDIzLjkyMTYgMTAuNzE4NCAzNC40MjkzWiIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K); } .villas__icon-img._2y { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDIgNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yOS4yNDI3IDI5LjAzNzFDMjkuMjQyNyAyNy43MzI4IDI4LjE3MjIgMjYuNjU1MiAyNi44NzMgMjYuNjU1MkMyNS41NzM4IDI2LjY1NTIgMjQuNTAzMyAyNy43MzI4IDI0LjUwMzMgMjkuMDM3MUMyNC41MDMzIDMwLjM1ODUgMjUuNTc3NiAzMS40MTkxIDI2Ljg3MyAzMS40MTkxQzI4LjE2ODQgMzEuNDE5MSAyOS4yNDI3IDMwLjM1ODUgMjkuMjQyNyAyOS4wMzcxWk0yNS4zMjUzIDI5LjAzNzFDMjUuMzI1MyAyOC4xODYyIDI2LjAyODcgMjcuNDgwMSAyNi44NzMgMjcuNDgwMUMyNy43MTczIDI3LjQ4MDEgMjguNDIwNyAyOC4xODYyIDI4LjQyMDcgMjkuMDM3MUMyOC40MjA3IDI5LjkwODEgMjcuNzIxMyAzMC41OTQyIDI2Ljg3MyAzMC41OTQyQzI2LjAyNDcgMzAuNTk0MiAyNS4zMjUzIDI5LjkwODEgMjUuMzI1MyAyOS4wMzcxWiIgZmlsbD0iIzNCNDY1OCIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjAuMyIvPgo8cGF0aCBkPSJNNDAuNzg4NCAzNy42MDY2TDQwLjc4ODkgMzcuNjA2NkM0MS4wMDggMzcuNjM0MyA0MS4xNzQzIDM3Ljg1MDEgNDEuMTQ3IDM4LjA2ODlDNDEuMTE5OSAzOC4yODc3IDQwLjkwNTcgMzguNDU2MiA0MC42ODYyIDM4LjQyODdNNDAuNzg4NCAzNy42MDY2TDQwLjcwNDggMzguMjc5OE00MC43ODg0IDM3LjYwNjZDNDAuNTUgMzcuNTc3MiA0MC4zMDg5IDM3LjU0NjYgNDAuMDY1OSAzNy41MTU4QzM5LjQ5NzYgMzcuNDQzNiAzOC45MTk1IDM3LjM3MDIgMzguMzQ1MiAzNy4zMDlWMy4wNjQ3OUMzOC4zNDUyIDEuNzU2MTEgMzcuNTIzNCAwLjkzNzAyMSAzNi42MDE0IDAuODU2NTg1VjAuODVIMzYuNDUxNEMzNS41MjU0IDAuODUgMzQuNjQxMyAxLjU5OTI1IDM0LjU0ODYgMi44NDkxOEg2LjcwNjMxQzYuNjEzOTggMS41OTg4NCA1LjczMzE0IDAuODUgNC44MDM0NCAwLjg1QzMuODIyIDAuODUgMi44NzcxMiAxLjY4MTMyIDIuODc3MTIgMy4wNjQ3M1YzNy4zOTI5TTQwLjc4ODQgMzcuNjA2NkwzLjAyNzEyIDM3LjUyNk00MC42ODYyIDM4LjQyODdMNDAuNzA0OCAzOC4yNzk4TTQwLjY4NjIgMzguNDI4N0M0MC42ODYzIDM4LjQyODcgNDAuNjg2NCAzOC40Mjg3IDQwLjY4NjUgMzguNDI4N0w0MC43MDQ4IDM4LjI3OThNNDAuNjg2MiAzOC40Mjg3QzQwLjYwNCAzOC40MTg1IDQwLjUyMTcgMzguNDA4NCA0MC40MzkxIDM4LjM5ODJDMzkuNzQ3NiAzOC4zMTI5IDM5LjA0NDMgMzguMjI2MSAzOC4zNDUyIDM4LjE1MTVNNDAuNzA0OCAzOC4yNzk4QzQwLjYyMjUgMzguMjY5NyA0MC41Mzk5IDM4LjI1OTUgNDAuNDU3MSAzOC4yNDkzQzM5Ljc2MDcgMzguMTYzMyAzOS4wNTA4IDM4LjA3NTggMzguMzQ1MiAzOC4wMDA2VjM4LjE1MTVNMzguMzQ1MiAzOC4xNTE1QzM4LjI5NTIgMzguMTQ2MSAzOC4yNDUxIDM4LjE0MDggMzguMTk1MiAzOC4xMzU2VjM3Ljk4NDhWNDAuNjcyM0MzOC4xODcxIDQwLjk0NjggMzguMTIxNSA0MC45OTQgMzcuOTM0NCA0MUgzNC45NTIxQzM0LjczMDggNDAuOTkxOCAzNC42OTg3IDQwLjg5MjIgMzQuNjkxNCA0MC42ODg3VjM3LjYyNDNNMzguMzQ1MiAzOC4xNTE1VjQwLjY3MjNWNDAuNjc2N0wzOC4zNDUxIDQwLjY3NjdDMzguMzQxMSA0MC44MTMxIDM4LjMyNDMgNDAuOTQ0MyAzOC4yNDUxIDQxLjAzNTNDMzguMTU4NCA0MS4xMzQ4IDM4LjAzNCA0MS4xNDY5IDM3LjkzOTIgNDEuMTQ5OUwzNy45MzQ0IDQxLjE1MDFWNDEuMTVIMzQuOTUyMUgzNC45NDY2TDM0Ljk0NjYgNDEuMTQ5OUMzNC44MTc4IDQxLjE0NTEgMzQuNjk2IDQxLjExMjMgMzQuNjE5NCA0MS4wMDQ2QzM0LjU1MzIgNDAuOTExOCAzNC41NDUgNDAuNzkxMyAzNC41NDE1IDQwLjY5NDFMMzQuNTQxMyA0MC42ODg3SDM0LjU0MTRWMzcuNzYxOE0zNC41NDE0IDM3Ljc2MThDMzQuNTg3IDM3Ljc2NTcgMzQuNjMyNyAzNy43Njk3IDM0LjY3ODMgMzcuNzczN0wzNC42OTE0IDM3LjYyNDNNMzQuNTQxNCAzNy43NjE4VjM3LjYyNDNIMzQuNjkxNE0zNC41NDE0IDM3Ljc2MThDMjUuMTM0MyAzNi45NDM3IDE1Ljg1MDMgMzYuOTEwOCA2LjcxMzQ2IDM3Ljc5MzJNMzQuNjkxNCAzNy42MjQzQzI1LjE4MjggMzYuNzg5OSAxNS43OTg0IDM2Ljc1NTkgNi41NjM0NiAzNy42NTcxTTYuNTYzNDYgMzcuNjU3MUg2LjcxMzQ2VjM3Ljc5MzJNNi41NjM0NiAzNy42NTcxVjQwLjY3MjJDNi41NDkzOSA0MC45Mzg4IDYuNTE3MTEgNDAuOTg5IDYuMzAyNzIgNDAuOTk5OUgzLjI4Nzg1QzMuMDc3OTYgNDAuOTkyNyAzLjAzMDg0IDQwLjg5MzEgMy4wMjcxMiA0MC43Mzc4VjM4LjIwMTVDMi45ODIwNSAzOC4yMDY5IDIuOTM3MDIgMzguMjEyMyAyLjg5MjAyIDM4LjIxNzZDMi44ODcwNSAzOC4yMTgyIDIuODgyMDggMzguMjE4OCAyLjg3NzEyIDM4LjIxOTRNNi41NjM0NiAzNy42NTcxTDYuNTc4MDMgMzcuODA2M0M2LjYyMzE3IDM3LjgwMTkgNi42NjgzMiAzNy43OTc2IDYuNzEzNDYgMzcuNzkzMk02LjcxMzQ2IDM3Ljc5MzJWNDAuNjcyMlY0MC42ODAyTDYuNzEzMjUgNDAuNjgwMkM2LjcwOTY4IDQwLjc0NzggNi43MDQ2NCA0MC44MDk5IDYuNjk0MSA0MC44NjM0QzYuNjgzNTUgNDAuOTE2OSA2LjY2NTI2IDQwLjk3NDIgNi42MjY3NiA0MS4wMjM5QzYuNTQ0MDUgNDEuMTMwNSA2LjQxNDQzIDQxLjE0NDUgNi4zMTAzNCA0MS4xNDk3TDYuMzAyNzIgNDEuMTUwMVY0MS4xNDk5SDMuMjg3ODVIMy4yODI2NkwzLjI4MjY2IDQxLjE0OTlDMy4xNTczMyA0MS4xNDU1IDMuMDQzMjMgNDEuMTEyNCAyLjk2NTk0IDQxLjAyMTZDMi44OTI2NCA0MC45MzU1IDIuODc5MjEgNDAuODI3MiAyLjg3NzE2IDQwLjc0MTRMMi44NzcwNyA0MC43Mzc4TDIuODc3MTIgMzguMjE5NE0yLjg3NzEyIDM4LjIxOTRWMzguMDY4NEMyLjg3NjA4IDM4LjA2ODUgMi44NzUwNSAzOC4wNjg2IDIuODc0MDEgMzguMDY4N0MyLjM2MjU1IDM4LjEyOTkgMS44NTM0MSAzOC4xOTA5IDEuMzQ4NTYgMzguMjYzNE0yLjg3NzEyIDM4LjIxOTRDMi4zNzQ4OSAzOC4yNzk1IDEuODc2ODkgMzguMzM5MiAxLjM4MzEgMzguNDA5OU0xLjM4MzEgMzguNDA5OUMxLjM4ODU3IDM4LjQwODIgMS4zOTQwMyAzOC40MDY0IDEuMzk5NDggMzguNDA0NEwxLjM0ODU2IDM4LjI2MzRNMS4zODMxIDM4LjQwOTlDMS4zNzg2OSAzOC40MTA2IDEuMzc0MjggMzguNDExMiAxLjM2OTg4IDM4LjQxMThMMS4zNDg1NiAzOC4yNjM0TTEuMzgzMSAzOC40MDk5QzEuMjY0MTkgMzguNDQ2NyAxLjE0MTk4IDM4LjQxOTQgMS4wNDkyNSAzOC4zNjI0QzAuOTUyMjIxIDM4LjMwMjggMC44Njk3NzggMzguMTk5OCAwLjg1MzAzMSAzOC4wNjkzTDEuMDAxOCAzOC4wNTAyTDAuODUzMDI5IDM4LjA2OTJDMC44MzYzMDQgMzcuOTM4OCAwLjg5IDM3LjgxODMgMC45Njg2MzggMzcuNzM1OUMxLjA0MzMyIDM3LjY1NzcgMS4xNTM2MiAzNy42MDAzIDEuMjc3MDggMzcuNjA0N00xLjM0ODU2IDM4LjI2MzRDMS4yMDIzNSAzOC4zMTYxIDEuMDIxNjkgMzguMjA1MSAxLjAwMTgxIDM4LjA1MDJDMC45ODE5NTMgMzcuODk1MyAxLjEyODYzIDM3Ljc0MTYgMS4yODMzNyAzNy43NTU0TTEuMjgzMzcgMzcuNzU1NEwxLjI2MjA1IDM3LjYwNjlDMS4yNjcwNiAzNy42MDYyIDEuMjcyMDcgMzcuNjA1NSAxLjI3NzA4IDM3LjYwNDdNMS4yODMzNyAzNy43NTU0QzEuODU1MTcgMzcuNjczMiAyLjQzODM4IDM3LjU5NTggMy4wMjcxMiAzNy41MjZNMS4yODMzNyAzNy43NTU0TDEuMjk2NjMgMzcuNjA2QzEuMjkwMDggMzcuNjA1NCAxLjI4MzU2IDM3LjYwNSAxLjI3NzA4IDM3LjYwNDdNMS4yNzcwOCAzNy42MDQ3QzEuODAyMjYgMzcuNTI5NCAyLjMzNzEzIDM3LjQ1OCAyLjg3NzEyIDM3LjM5MjlNMy4wMjcxMiAzNy41MjZIMi44NzcxMlYzNy4zOTI5TTMuMDI3MTIgMzcuNTI2TDMuMDA5NDUgMzcuMzc3QzIuOTY1MzEgMzcuMzgyMyAyLjkyMTE5IDM3LjM4NzYgMi44NzcxMiAzNy4zOTI5TTM1LjM2MjkgMy4wNjQ3OUMzNS4zNjI5IDIuNTQ5NjMgMzUuNTExMSAyLjIwNDI1IDM1LjcxMjkgMS45ODg5NEMzNS45MTUxIDEuNzczMjQgMzYuMTgzNiAxLjY3NDQzIDM2LjQ1MTQgMS42NzQ0M0MzNi43MTkgMS42NzQ0MyAzNi45ODMgMS43NzI5OSAzNy4xODA5IDEuOTg3OThDMzcuMzc5IDIuMjAyOTkgMzcuNTIzNyAyLjU0ODU3IDM3LjUyMzcgMy4wNjQ3OVY0MC4zMjU3SDM1LjM2MjlWMy4wNjQ3OVpNMy42OTg1OSAzLjA2NDc5QzMuNjk4NTkgMi41NTA2OCAzLjg0OTA1IDIuMjA1NTEgNC4wNTM5NiAxLjk4OTk2QzQuMjU5NDggMS43NzM3NSA0LjUzMjM2IDEuNjc0NDMgNC44MDM0NCAxLjY3NDQzQzUuMDc0MjIgMS42NzQ0MyA1LjM0MjU1IDEuNzczNTEgNS41NDM4OCAxLjk4OTAxQzUuNzQ0OTggMi4yMDQyNiA1Ljg5MTk4IDIuNTQ5NjIgNS44OTE5OCAzLjA2NDc5VjQwLjMyNTdIMy42OTg1OVYzLjA2NDc5Wk02LjcxMzQ2IDUuODgwNzZWMy42NzM2MUgzNC41NDE0VjUuODgwNzZINi43MTM0NlpNMjcuMjc5OCAyMy44MzM2VjYuNzA1MTRIMzQuNTQxNFYzNi45MzYzQzI5LjgyMzUgMzYuNTI3NiAyNS4xMzY0IDM2LjMxMDkgMjAuNDgwOCAzNi4zMTA5QzE1Ljg1NTggMzYuMzEwOSAxMS4yNzE4IDM2LjUyOTcgNi43MTM0NiAzNi45Njc2VjYuNzA1MTRIMTAuMTk0M1YyOC4xODMxSDkuMjAzNTJDOC45ODMzNyAyOC4xODMxIDguNzkyNzggMjguMzc1OSA4Ljc5Mjc4IDI4LjU5NTNWMzEuNTk0QzguNzkyOCAzMS44MTMzIDguOTgzMzMgMzIuMDA2MiA5LjIwMzUyIDMyLjAwNjJIMTguNzg1OUMxOS4wMDYxIDMyLjAwNjIgMTkuMTk2NyAzMS44MTMzIDE5LjE5NjcgMzEuNTk0VjI4LjU5NTNDMTkuMTk2NiAyOC4zNzU5IDE5LjAwNjEgMjguMTgzMSAxOC43ODU5IDI4LjE4MzFIMTcuNzYyNlY2LjcwNTE0SDI2LjQ1ODNWMjMuODMzOUMyMy43ODYxIDI0LjA0ODMgMjEuNjgzNCAyNi4yOTgxIDIxLjY4MzQgMjkuMDM3N0MyMS42ODM0IDMxLjkxNzkgMjQuMDAxNCAzNC4yNjc2IDI2Ljg2OSAzNC4yNjc2QzI5LjczNiAzNC4yNjc2IDMyLjA3MSAzMS45MTg1IDMyLjA3MSAyOS4wMzc3QzMyLjA3MSAyNi4yOTUgMjkuOTU1OCAyNC4wNDQgMjcuMjc5OCAyMy44MzM2Wk0xMS4wMTU4IDI4LjE4MzFWNi43MDUxNEgxNi45NDExVjI4LjE4MzFIMTEuMDE1OFpNMjIuNTA0OSAyOS4wMzc3QzIyLjUwNDkgMjYuNjAzOSAyNC40NTIgMjQuNjMyMiAyNi44NjkgMjQuNjMyMkMyOS4yODY4IDI0LjYzMjIgMzEuMjQ5NSAyNi42MDQ2IDMxLjI0OTUgMjkuMDM3N0MzMS4yNDk1IDMxLjQ3MDggMjkuMjg2OCAzMy40NDMyIDI2Ljg2OSAzMy40NDMyQzI0LjQ1MiAzMy40NDMyIDIyLjUwNDkgMzEuNDcxNSAyMi41MDQ5IDI5LjAzNzdaTTkuNjE0MjcgMzEuMTgxOFYyOS4wMDc0SDE4LjM3NTJWMzEuMTgxOEg5LjYxNDI3WiIgZmlsbD0iIzNCNDY1OCIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjAuMyIvPgo8L3N2Zz4K); } .villas__icon-img._3y { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzkuMzEwMyAxMC4zNzA0SDM2LjU1MTRDMzYuMDAyNiAxMC4zNzA0IDM1LjQ3NjMgMTAuNjA0NSAzNS4wODgzIDExLjAyMTJDMzQuNzAwMiAxMS40MzggMzQuNDgyMiAxMi4wMDMyIDM0LjQ4MjIgMTIuNTkyNlYxNi4yOTYzSDMxLjcyMzNDMzAuNjI2MSAxNi4yOTc1IDI5LjU3NDIgMTYuNzY2MSAyOC43OTgzIDE3LjU5OTNDMjguMDIyNSAxOC40MzI2IDI3LjU4NjEgMTkuNTYyNCAyNy41ODUgMjAuNzQwN1YzNC44MTQ4QzI3LjU4NSAzNS4wMTEzIDI3LjUxMjMgMzUuMTk5NyAyNy4zODMgMzUuMzM4NkMyNy4yNTM2IDM1LjQ3NzUgMjcuMDc4MiAzNS41NTU2IDI2Ljg5NTMgMzUuNTU1NkgxNC40ODAzQzE0LjI5NzQgMzUuNTU1NiAxNC4xMjE5IDM1LjQ3NzUgMTMuOTkyNiAzNS4zMzg2QzEzLjg2MzIgMzUuMTk5NyAxMy43OTA2IDM1LjAxMTMgMTMuNzkwNiAzNC44MTQ4VjMyLjU5MjZIMTQuNDgwM0MxNS4wMjkxIDMyLjU5MjYgMTUuNTU1NCAzMi4zNTg1IDE1Ljk0MzQgMzEuOTQxN0MxNi4zMzE1IDMxLjUyNSAxNi41NDk1IDMwLjk1OTcgMTYuNTQ5NSAzMC4zNzA0VjI5LjYyOTZIMTguNjE4NkMxOC43NyAyOS42Mjk3IDE4LjkxNzEgMjkuNTc2MiAxOS4wMzc0IDI5LjQ3NzZDMTkuMTU3NyAyOS4zNzg5IDE5LjI0NDQgMjkuMjQwNSAxOS4yODQyIDI5LjA4MzdMMjMuNDIyNSAxMi43ODc0VjEyLjc2MjJDMjMuNDQ0NSAxMi42NjUyIDIzLjQ0ODEgMTIuNTY0NCAyMy40MzI5IDEyLjQ2NTlDMjMuNDMyOSAxMi40NTE5IDIzLjQyNjcgMTIuNDM5MyAyMy40MjMyIDEyLjQyNTJDMjMuNDE4NCAxMi4zOTI5IDIzLjQxMTUgMTIuMzYwOSAyMy40MDI1IDEyLjMyOTZMMTkuMjY0MiAwLjQ3Nzc3OEMxOS4yMTQ1IDAuMzM3MTY3IDE5LjEyNjEgMC4yMTYxNDEgMTkuMDEwOCAwLjEzMDc5NkMxOC44OTU1IDAuMDQ1NDUwNiAxOC43NTg3IC0wLjAwMDE3MDAwNSAxOC42MTg2IDQuNzYwNjZlLTA3SDEzLjc5MDZIMTIuNDExMUgxMS4wMzE3SDEwLjY4NjZIOS42NTIyNUg0LjgyNDJDNC42ODM3OSAtMC4wMDAxNTAyOTIgNC41NDY2OCAwLjA0NTcyNjMgNC40MzEyIDAuMTMxNDk5QzQuMzE1NzIgMC4yMTcyNzIgNC4yMjczNiAwLjMzODg1NSA0LjE3NzkzIDAuNDhMMC4wMzk2MDQ1IDEyLjMzMTlDMC4wMzA2NzU3IDEyLjM2MzIgMC4wMjM3NjIyIDEyLjM5NTEgMC4wMTg5MTI4IDEyLjQyNzRDMC4wMTg5MTI4IDEyLjQ0MTUgMC4wMTIwMTU3IDEyLjQ1NDEgMC4wMDkyNTY3OCAxMi40NjgxQy0wLjAwNTkyMzQ1IDEyLjU2NjcgLTAuMDAyNDA0NDUgMTIuNjY3NCAwLjAxOTYwMjUgMTIuNzY0NFYxMi43ODk2TDQuMTU3OTMgMjkuMDg1OUM0LjE5ODE1IDI5LjI0MjUgNC4yODUxNCAyOS4zODA0IDQuNDA1NTIgMjkuNDc4N0M0LjUyNTkxIDI5LjU3NjkgNC42NzMwMSAyOS42MyA0LjgyNDIgMjkuNjI5Nkg2Ljg5MzM3VjMwLjM3MDRDNi44OTMzNyAzMC45NTk3IDcuMTExMzcgMzEuNTI1IDcuNDk5NDEgMzEuOTQxN0M3Ljg4NzQ1IDMyLjM1ODUgOC40MTM3NiAzMi41OTI2IDguOTYyNTMgMzIuNTkyNkg5LjY1MjI1VjM1LjU1NTZDOS42NTMzNSAzNi43MzM5IDEwLjA4OTcgMzcuODYzNyAxMC44NjU2IDM4LjY5N0MxMS42NDE0IDM5LjUzMDIgMTIuNjkzNCAzOS45OTg4IDEzLjc5MDYgNDBIMjcuNTg1QzI4LjY4MjIgMzkuOTk4OCAyOS43MzQyIDM5LjUzMDIgMzAuNTEgMzguNjk3QzMxLjI4NTkgMzcuODYzNyAzMS43MjIyIDM2LjczMzkgMzEuNzIzMyAzNS41NTU2VjIxLjQ4MTVDMzEuNzIzMyAyMS4yODUgMzEuNzk2IDIxLjA5NjYgMzEuOTI1NCAyMC45NTc3QzMyLjA1NDcgMjAuODE4OCAzMi4yMzAxIDIwLjc0MDcgMzIuNDEzMSAyMC43NDA3SDM0LjQ4MjJWMjQuNDQ0NEMzNC40ODIyIDI1LjAzMzggMzQuNzAwMiAyNS41OTkgMzUuMDg4MyAyNi4wMTU4QzM1LjQ3NjMgMjYuNDMyNSAzNi4wMDI2IDI2LjY2NjcgMzYuNTUxNCAyNi42NjY3SDM5LjMxMDNDMzkuNDkzMiAyNi42NjY3IDM5LjY2ODYgMjYuNTg4NiAzOS43OTggMjYuNDQ5N0MzOS45MjczIDI2LjMxMDggNDAgMjYuMTIyNCA0MCAyNS45MjU5VjExLjExMTFDNDAgMTAuOTE0NyAzOS45MjczIDEwLjcyNjIgMzkuNzk4IDEwLjU4NzNDMzkuNjY4NiAxMC40NDg0IDM5LjQ5MzIgMTAuMzcwNCAzOS4zMTAzIDEwLjM3MDRaTTkuNDg5NDggMjguMTQ4MUgxOC4wOTE3TDIxLjg1NDEgMTMuMzMzM0g1LjcyNzA1TDkuNDg5NDggMjguMTQ4MVpNMTguMTQwNyAxLjQ4MTQ4SDUuMzAyMThMMS42ODExNCAxMS44NTE5SDIxLjc2MTdMMTguMTQwNyAxLjQ4MTQ4Wk00LjI5NzI2IDEzLjMzMzNIMS41ODg3Mkw1LjM1MTE1IDI4LjE0ODFIOC4wNTk2OUw0LjI5NzI2IDEzLjMzMzNaTTguMjcyODEgMjkuNjI5NlYzMC4zNzA0QzguMjcyODEgMzAuNTY2OCA4LjM0NTQ4IDMwLjc1NTIgOC40NzQ4MiAzMC44OTQyQzguNjA0MTcgMzEuMDMzMSA4Ljc3OTYxIDMxLjExMTEgOC45NjI1MyAzMS4xMTExSDE0LjQ4MDNDMTQuNjYzMiAzMS4xMTExIDE0LjgzODcgMzEuMDMzMSAxNC45NjggMzAuODk0MkMxNS4wOTc0IDMwLjc1NTIgMTUuMTcgMzAuNTY2OCAxNS4xNyAzMC4zNzA0VjI5LjYyOTZIOC4yNzI4MVpNMzAuOTQ5OSAxOS45MTAxQzMxLjMzOCAxOS40OTM0IDMxLjg2NDMgMTkuMjU5MyAzMi40MTMxIDE5LjI1OTNIMzQuNDgyMlYxNy43Nzc4SDMxLjcyMzNDMzAuOTkxNiAxNy43Nzc4IDMwLjI4OTkgMTguMDg5OSAyOS43NzI1IDE4LjY0NTZDMjkuMjU1MSAxOS4yMDEzIDI4Ljk2NDUgMTkuOTU0OSAyOC45NjQ1IDIwLjc0MDdWMzQuODE0OEMyOC45NjQ1IDM1LjQwNDIgMjguNzQ2NSAzNS45Njk0IDI4LjM1ODQgMzYuMzg2MkMyNy45NzA0IDM2LjgwMjkgMjcuNDQ0MSAzNy4wMzcgMjYuODk1MyAzNy4wMzdIMTQuNDgwM0MxMy45MzE1IDM3LjAzNyAxMy40MDUyIDM2LjgwMjkgMTMuMDE3MiAzNi4zODYyQzEyLjYyOTEgMzUuOTY5NCAxMi40MTExIDM1LjQwNDIgMTIuNDExMSAzNC44MTQ4VjMyLjU5MjZIMTEuMDMxN1YzNS41NTU2QzExLjAzMTcgMzYuMzQxNCAxMS4zMjI0IDM3LjA5NSAxMS44Mzk4IDM3LjY1MDdDMTIuMzU3MSAzOC4yMDYzIDEzLjA1ODkgMzguNTE4NSAxMy43OTA2IDM4LjUxODVIMjcuNTg1QzI4LjMxNjcgMzguNTE4NSAyOS4wMTg0IDM4LjIwNjMgMjkuNTM1OCAzNy42NTA3QzMwLjA1MzIgMzcuMDk1IDMwLjM0MzkgMzYuMzQxNCAzMC4zNDM5IDM1LjU1NTZWMjEuNDgxNUMzMC4zNDM5IDIwLjg5MjEgMzAuNTYxOSAyMC4zMjY5IDMwLjk0OTkgMTkuOTEwMVpNMzYuNTUxNCAyNS4xODUySDM4LjYyMDZWMTEuODUxOUgzNi41NTE0QzM2LjM2ODUgMTEuODUxOSAzNi4xOTMgMTEuOTI5OSAzNi4wNjM3IDEyLjA2ODhDMzUuOTM0MyAxMi4yMDc3IDM1Ljg2MTcgMTIuMzk2MSAzNS44NjE3IDEyLjU5MjZWMjQuNDQ0NEMzNS44NjE3IDI0LjY0MDkgMzUuOTM0MyAyNC44MjkzIDM2LjA2MzcgMjQuOTY4MkMzNi4xOTMgMjUuMTA3MSAzNi4zNjg1IDI1LjE4NTIgMzYuNTUxNCAyNS4xODUyWiIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K); } .villas__icon-img._4y { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMy43MjU5IDExLjkxNzhWNC41MTY4MUMzMy43MjU5IDMuOTY0NTIgMzMuMjc4MiAzLjUxNjgxIDMyLjcyNTkgMy41MTY4MUgyOC44ODI2QzI4LjMzMDMgMy41MTY4MSAyNy44ODI2IDMuOTY0NTIgMjcuODgyNiA0LjUxNjgxVjYuODQ0OTZMMTkuOTk4MSAwTDExLjEwNTIgNy43MjA0QzEwLjg1NTMgNy45Mzc0MSAxMC44MjYyIDguMzE1MDYgMTEuMDQwMSA4LjU2Nzc0QzExLjI1NzggOC44MjQ5OCAxMS42NDM3IDguODU0NjYgMTEuODk4MiA4LjYzMzc0TDE5Ljk5ODEgMS42MDE2OUwzOC43NTYxIDE3Ljg4NjRDMzkuMDEwNiAxOC4xMDczIDM5LjM5NjUgMTguMDc3NyAzOS42MTQyIDE3LjgyMDRDMzkuODI4IDE3LjU2NzcgMzkuNzk5IDE3LjE5MDEgMzkuNTQ5IDE2Ljk3MzFMMzMuNzI1OSAxMS45MTc4Wk0zMi41MjUyIDEwLjg3NTRMMjkuMDgzMyA3Ljg4NzMyVjQuNzMyOTFIMzIuNTI1MlYxMC44NzU0WiIgZmlsbD0iIzNDNDU1NyIvPgo8cGF0aCBkPSJNNy4zOTk2MSAxMS43MzQ5QzcuMTgzNzcgMTEuNDgwMSA3LjIxMzE5IDExLjA5NTkgNy40NjUzNCAxMC44NzY4TDkuMjg2MiA5LjI5NUM5LjUzODM0IDkuMDc1OTYgOS45MTc3MiA5LjEwNTAxIDEwLjEzMzYgOS4zNTk5QzEwLjM0OTQgOS42MTQ3OCAxMC4zMiA5Ljk5ODk4IDEwLjA2NzggMTAuMjE4TDguMjQ2OTggMTEuNzk5OEM3Ljk5NDg0IDEyLjAxODkgNy42MTU0NiAxMS45ODk4IDcuMzk5NjEgMTEuNzM0OVoiIGZpbGw9IiMzQzQ1NTciLz4KPHBhdGggZD0iTTAuMzkwODIzIDE3LjgyMDlDMC4xNzQ5NzcgMTcuNTY2IDAuMjA0NDAzIDE3LjE4MTggMC40NTY1NDYgMTYuOTYyOEw1LjY0MTI3IDEyLjQ1ODdDNS44OTM0MiAxMi4yMzk2IDYuMjcyOCAxMi4yNjg3IDYuNDg4NjQgMTIuNTIzNkM2LjcwNDQ5IDEyLjc3ODUgNi42NzUwNiAxMy4xNjI3IDYuNDIyOTIgMTMuMzgxN0wxLjIzODE5IDE3Ljg4NThDMC45ODYwNDggMTguMTA0OCAwLjYwNjY2OCAxOC4wNzU4IDAuMzkwODIzIDE3LjgyMDlaIiBmaWxsPSIjM0M0NTU3Ii8+CjxwYXRoIGQ9Ik0zMy44MDU3IDM4Ljc4NDFINi4xODk5NFYxNi42NDMzQzYuMTg5OTQgMTYuMzExNyA1LjkyMTE2IDE2LjA0MyA1LjU4OTYgMTYuMDQzQzUuMjU4MDQgMTYuMDQzIDQuOTg5MjYgMTYuMzExOCA0Ljk4OTI2IDE2LjY0MzNWMzguMDAwMkM0Ljk4OTI2IDM5LjEwNDggNS44ODQ2OSA0MC4wMDAyIDYuOTg5MjYgNDAuMDAwMkgzMy4wMDY0QzM0LjExMDkgNDAuMDAwMiAzNS4wMDY0IDM5LjEwNDggMzUuMDA2NCAzOC4wMDAyVjI4LjY5MDRIMzMuODA1N1YzOC43ODQxWiIgZmlsbD0iIzNDNDU1NyIvPgo8cGF0aCBkPSJNMzMuODA2NiAyNC40MjY1QzMzLjgwNjYgMjQuMDk1IDM0LjA3NTQgMjMuODI2MiAzNC40MDcgMjMuODI2MkMzNC43Mzg1IDIzLjgyNjIgMzUuMDA3MyAyNC4wOTUgMzUuMDA3MyAyNC40MjY1VjI2Ljg3NDFDMzUuMDA3MyAyNy4yMDU3IDM0LjczODUgMjcuNDc0NSAzNC40MDcgMjcuNDc0NUMzNC4wNzU0IDI3LjQ3NDUgMzMuODA2NiAyNy4yMDU3IDMzLjgwNjYgMjYuODc0MVYyNC40MjY1WiIgZmlsbD0iIzNDNDU1NyIvPgo8cGF0aCBkPSJNMzMuODA2NiAxNi42NDMzQzMzLjgwNjYgMTYuMzExNyAzNC4wNzU0IDE2LjA0MyAzNC40MDcgMTYuMDQzQzM0LjczODUgMTYuMDQzIDM1LjAwNzMgMTYuMzExNyAzNS4wMDczIDE2LjY0MzNWMjIuMDA5NkMzNS4wMDczIDIyLjM0MTEgMzQuNzM4NSAyMi42MDk5IDM0LjQwNyAyMi42MDk5QzM0LjA3NTQgMjIuNjA5OSAzMy44MDY2IDIyLjM0MTEgMzMuODA2NiAyMi4wMDk2VjE2LjY0MzNaIiBmaWxsPSIjM0M0NTU3Ii8+CjxwYXRoIGQ9Ik0xNy43OTY5IDI5Ljg0NjdDMTcuNzk2OSAzMS4wNzYxIDE4Ljc4NDMgMzIuMDc2MiAxOS45OTgxIDMyLjA3NjJDMjEuMjExOSAzMi4wNzYyIDIyLjE5OTQgMzEuMDc2MSAyMi4xOTk0IDI5Ljg0NjdDMjIuMTk5NCAyOC42MTczIDIxLjIxMTkgMjcuNjE3MiAxOS45OTgxIDI3LjYxNzJDMTguNzg0MyAyNy42MTcyIDE3Ljc5NjkgMjguNjE3MyAxNy43OTY5IDI5Ljg0NjdaTTIwLjk5ODcgMjkuODQ2N0MyMC45OTg3IDMwLjQwNTUgMjAuNTQ5OSAzMC44NjAxIDE5Ljk5ODEgMzAuODYwMUMxOS40NDY0IDMwLjg2MDEgMTguOTk3NiAzMC40MDU1IDE4Ljk5NzYgMjkuODQ2N0MxOC45OTc2IDI5LjI4NzkgMTkuNDQ2NCAyOC44MzMzIDE5Ljk5ODEgMjguODMzM0MyMC41NDk5IDI4LjgzMzMgMjAuOTk4NyAyOS4yODc5IDIwLjk5ODcgMjkuODQ2N1oiIGZpbGw9IiMzQzQ1NTciLz4KPHBhdGggZD0iTTE0LjYwMzkgMzAuMTUwM0MxNC42NzY0IDMxLjQ5NzMgMTUuMjQxOCAzMi43Njc0IDE2LjE5NjEgMzMuNzI2NkMxNy4xNTAxIDM0LjY4NTggMTguNDA4NCAzNS4yNDkgMTkuNzM4NyAzNS4zMTI4QzE5LjgyNDggMzUuMzE2OSAxOS45MTIzIDM1LjMxOSAxOS45OTg4IDM1LjMxOUMyMi45NzgxIDM1LjMxOSAyNS40MDE5IDMyLjg2NDEgMjUuNDAxOSAyOS44NDY1QzI1LjQwMTkgMjguMDIyOSAyNC40OTAxIDI2LjMxMjEgMjMuMDAwNSAyNS4yOTk4VjE3LjcyOTdIMjEuNzk5OFYyNS45ODY4TDIyLjA5ODkgMjYuMTYyNUMyMy4zOTU3IDI2LjkyNDIgMjQuMjAxMiAyOC4zMzU4IDI0LjIwMTIgMjkuODQ2NUMyNC4yMDEyIDMyLjE5MzUgMjIuMzE1OSAzNC4xMDI4IDE5Ljk5ODggMzQuMTAyOEMxOS45MzExIDM0LjEwMjggMTkuODYyOCAzNC4xMDEyIDE5Ljc5NTUgMzQuMDk3OUMxNy42NzIzIDMzLjk5NjQgMTUuOTE4NSAzMi4yMzMzIDE1LjgwMjkgMzAuMDg0MUMxNS43OTg2IDMwLjAwNSAxNS43OTY1IDI5LjkyNSAxNS43OTY1IDI5Ljg0NjRDMTUuNzk2NSAyOC4zMzU4IDE2LjYwMiAyNi45MjQyIDE3Ljg5ODcgMjYuMTYyNUwxOC4xOTc4IDI1Ljk4NjhWMjMuOTY4NkgxOS41MTg2VjIyLjc1MjVIMTguMTk3OFYyMC43MjU3SDIwLjYzOTFWMTkuNTA5NkgxOC4xOTc4VjE3LjQ4MjdIMTkuNTE4NVYxNi4yNjY2SDE4LjE5NzhWMTQuOTI4OUMxOC4xOTc4IDEzLjkyMyAxOS4wMDU3IDEzLjEwNDggMTkuOTk4OCAxMy4xMDQ4QzIwLjk5MTkgMTMuMTA0OCAyMS43OTk4IDEzLjkyMyAyMS43OTk4IDE0LjkyODlWMTYuNTEzNUgyMy4wMDA1VjE0LjkyODlDMjMuMDAwNSAxMy4yNTI1IDIxLjY1NCAxMS44ODg3IDE5Ljk5ODggMTEuODg4N0MxOC4zNDM2IDExLjg4ODcgMTYuOTk3MSAxMy4yNTI1IDE2Ljk5NzEgMTQuOTI4OVYyNS4yOTk3QzE1LjUwNzQgMjYuMzEyIDE0LjU5NTcgMjguMDIyNyAxNC41OTU3IDI5Ljg0NjRDMTQuNTk1NyAyOS45NDcgMTQuNTk4NSAzMC4wNDkyIDE0LjYwMzkgMzAuMTUwM1oiIGZpbGw9IiMzQzQ1NTciLz4KPC9zdmc+Cg==); } .villas__icon-img._5y { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgo8cGF0aCBkPSJNMzkuMzMzMyAxOC42NjY3SDM4LjYyMDhMMzcuMzMxNiAwLjYxOTE2N0MzNy4zMTk2IDAuNDUxMDE2IDM3LjI0NDMgMC4yOTM2NiAzNy4xMjA5IDAuMTc4Nzc2QzM2Ljk5NzYgMC4wNjM4OTI5IDM2LjgzNTIgMS40MDc0NWUtMDUgMzYuNjY2NyAwSDMuMzMzMzNDMy4xNjQ3NSAxLjQwNzQ1ZS0wNSAzLjAwMjQ0IDAuMDYzODkyOSAyLjg3OTA3IDAuMTc4Nzc2QzIuNzU1NyAwLjI5MzY2IDIuNjgwNDMgMC40NTEwMTYgMi42Njg0MiAwLjYxOTE2N0wxLjM3OTI1IDE4LjY2NjdIMC42NjY2NjdDMC40ODk4NTYgMTguNjY2NyAwLjMyMDI4NiAxOC43MzY5IDAuMTk1MjYyIDE4Ljg2MTlDMC4wNzAyMzc5IDE4Ljk4NyAwIDE5LjE1NjUgMCAxOS4zMzMzQzAgMTkuNTEwMSAwLjA3MDIzNzkgMTkuNjc5NyAwLjE5NTI2MiAxOS44MDQ3QzAuMzIwMjg2IDE5LjkyOTggMC40ODk4NTYgMjAgMC42NjY2NjcgMjBIOC40NTY1OEM3LjI4MTQ2IDIyLjAyNTEgNi42NjM4NyAyNC4zMjUzIDYuNjY2NjcgMjYuNjY2N0M2LjY2NjY3IDM0LjAxODcgMTIuNjQ4IDQwIDIwIDQwQzI3LjM1MiA0MCAzMy4zMzMzIDM0LjAxODcgMzMuMzMzMyAyNi42NjY3QzMzLjMzNjEgMjQuMzI1MyAzMi43MTg1IDIyLjAyNTEgMzEuNTQzNCAyMEgzOS4zMzMzQzM5LjUxMDEgMjAgMzkuNjc5NyAxOS45Mjk4IDM5LjgwNDcgMTkuODA0N0MzOS45Mjk4IDE5LjY3OTcgNDAgMTkuNTEwMSA0MCAxOS4zMzMzQzQwIDE5LjE1NjUgMzkuOTI5OCAxOC45ODcgMzkuODA0NyAxOC44NjE5QzM5LjY3OTcgMTguNzM2OSAzOS41MTAxIDE4LjY2NjcgMzkuMzMzMyAxOC42NjY3Wk03LjYwOTQyIDRMNC45NDI3NSAxLjMzMzMzSDM1LjA1NzNMMzIuMzkwNiA0SDcuNjA5NDJaTTMzLjMzMzMgNC45NDI3NUwzNi4xMDU4IDIuMTcwNDJMMzcuMjg0IDE4LjY2NjdIMzMuMzMzM1Y0Ljk0Mjc1Wk0zLjg5NDI1IDIuMTcwNDJMNi42NjY2NyA0Ljk0Mjc1VjE4LjY2NjdIMi43MTZMMy44OTQyNSAyLjE3MDQyWk0zMC4zODcgMjAuNjYzMUMzMC45NDY4IDIxLjYyNzUgMzEuMzY4NiAyMi42NjU2IDMxLjY0MDEgMjMuNzQ3MkwyOS41MjU1IDIyLjk1MUwzMC4zODcgMjAuNjYzMVpNMjguMTMwNiAyMi44NzE0TDI0LjExMTMgMjUuMTY4MkwyMC42NjY3IDIxLjcyMzlWMTguMjc2MUwyMy42OTM3IDE1LjI0OTFDMjUuOTgyMiAxNS45OTQ0IDI3Ljk5NSAxNy40MDgyIDI5LjQ3MjQgMTkuMzA4M0wyOC4xMzA2IDIyLjg3MTRaTTIyLjE4NjIgMjkuMzMzM0gxNy44MTM4TDE2Ljc2MjggMjYuMTgwMUwyMCAyMi45NDI3TDIzLjIzNzIgMjYuMTgwMUwyMi4xODYyIDI5LjMzMzNaTTIwIDE3LjA1NzNMMTcuODEwMyAxNC44Njc1QzE5LjI1NzggMTQuNTk5NyAyMC43NDIyIDE0LjU5OTcgMjIuMTg5NyAxNC44Njc1TDIwIDE3LjA1NzNaTTE2LjMwNjMgMTUuMjQ4OUwxOS4zMzMzIDE4LjI3NjFWMjEuNzIzOUwxNS44ODg3IDI1LjE2ODZMMTEuODY5NCAyMi44NzE4TDEwLjUyNzggMTkuMzA4M0MxMi4wMDUxIDE3LjQwODIgMTQuMDE3OCAxNS45OTQ0IDE2LjMwNjMgMTUuMjQ5MVYxNS4yNDg5Wk0xMC40NzQ1IDIyLjk1MDhMOC4zNTk5MiAyMy43NDdDOC42MzEzNiAyMi42NjU0IDkuMDUzMTYgMjEuNjI3MyA5LjYxMyAyMC42NjI5TDEwLjQ3NDUgMjIuOTUwOFpNOC4wODA5MiAyNS4yNzY3TDExLjI4MTggMjQuMDcxNkwxNS40NDg1IDI2LjQ1MjNMMTYuNTg2MiAyOS44NjY3TDE0LjM0NjMgMzIuNjY2N0g5LjYxMDkyQzguNTUzMyAzMC44NDQxIDcuOTk3NDcgMjguNzczOSA4IDI2LjY2NjdDOC4wMDAyMiAyNi4yMDIyIDguMDI3MjQgMjUuNzM4MiA4LjA4MDkyIDI1LjI3NjhWMjUuMjc2N1pNMTAuNTA4MyAzNEgxNFYzNy4wNTU4QzEyLjY0OTcgMzYuMjcyMiAxMS40NjQgMzUuMjM0NSAxMC41MDgzIDM0Wk0xNS4zMzMzIDM3LjcyMjFWMzMuNTY3MkwxNy42NTM4IDMwLjY2NjdIMjIuMzQ2M0wyNC42NjY3IDMzLjU2NzJWMzcuNzIyMUMyMy4xODk4IDM4LjM0NTUgMjEuNjAzIDM4LjY2NjcgMjAgMzguNjY2N0MxOC4zOTcgMzguNjY2NyAxNi44MTAyIDM4LjM0NTUgMTUuMzMzMyAzNy43MjIxWk0yNiAzNy4wNTU0VjM0SDI5LjQ5MTdDMjguNTM2IDM1LjIzNDUgMjcuMzUwMyAzNi4yNzIyIDI2IDM3LjA1NThWMzcuMDU1NFpNMzAuMzg5MSAzMi42NjY3SDI1LjY1MzhMMjMuNDEzOCAyOS44NjY3TDI0LjU1MTkgMjYuNDUyNEwyOC43MTg2IDI0LjA3MTdMMzEuOTE5NSAyNS4yNzY4QzMxLjk3MyAyNS43MzgxIDMxLjk5OTkgMjYuMjAyMiAzMiAyNi42NjY3QzMyLjAwMjUgMjguNzczOSAzMS40NDY3IDMwLjg0NDEgMzAuMzg5MSAzMi42NjY3Wk0yMCAxMy4zMzMzQzE3LjkyOTIgMTMuMzMzNCAxNS44ODY4IDEzLjgxNjMgMTQuMDM1MiAxNC43NDM3QzEyLjE4MzYgMTUuNjcxIDEwLjU3MzcgMTcuMDE3MiA5LjMzMzMzIDE4LjY3NTVWMTguNjY2N0g4VjUuMzMzMzNIMzJWMTguNjY2N0gzMC42NjY3VjE4LjY3NTVDMjkuNDI2MyAxNy4wMTcyIDI3LjgxNjQgMTUuNjcxIDI1Ljk2NDggMTQuNzQzN0MyNC4xMTMyIDEzLjgxNjMgMjIuMDcwOCAxMy4zMzM0IDIwIDEzLjMzMzNaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik03IDM5LjM2NkwxOC44MTgyIDM5LjM2NkwzMyAzOS4zNjYiIHN0cm9rZT0iIzNCNDY1OCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); } .villas__icon-img._6y { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjY1ODQ1IDM5SDUuNDY5MzhIMVYxNy4xOTJINS42NTg0NVYxOS45NDg0TTUuNjU4NDUgMzlINi40MTMyM0gyMS4wMDAxSDIxLjc1NDlNNS42NTg0NSAzOVYyMy41MDAyVjE5Ljk0ODRNMjYuNDE0MSAzOUgyMS43NTQ5TTI2LjQxNDEgMzlIMjcuMTY4OEgzMC44MjU2SDMxLjU4MDRIMzUuMjM3MUgzNS45OTE5VjM1LjgzNjFWMzIuNjcyMkMzNS45OTE5IDMyLjQ3MzEgMzUuODIzMSAzMi4zMTIgMzUuNjE0NSAzMi4zMTJIMzEuNTg1NUwzMS4yMDgxIDMyLjMxMk0yNi40MTQxIDM5VjM1LjgzNjFWMzIuNjcyMlYzMi4zMTJNMjEuNzU0OSAzOVYyMy41MDAyVjE5Ljk0ODRNMzEuMjA4MSAyNS40MTRDMzAuNzIzOCAyNS40MTMxIDMwLjMwOTMgMjUuNDEwNSAzMC4yNDQ4IDI1LjQwNjZDMjkuMjkxIDI1LjM0NTEgMjguMzg4NSAyNS4wNzg0IDI3LjU3NDMgMjQuNjQwMkMyNy40MzY1IDI0LjU2NjEgMjcuMzAxMyAyNC40ODcgMjcuMTY4OCAyNC40MDMzTDI2LjQxNDEgMjMuNzkxMU0zMS4yMDgxIDI1LjQxNEwzMS45NjI5IDI1LjQxNEMzMi40NDcxIDI1LjQxMzEgMzIuODYyMyAyNS40MTA1IDMyLjkyNyAyNS40MDY2QzM1LjAwMjcgMjUuMjcyMyAzNi44MzczIDI0LjIxMDcgMzcuOTYwNyAyMi40OTM1QzM5LjEyMTYgMjAuNzE5MyAzOS4zMjI4IDE4LjUwODMgMzguNDk5NSAxNi41Nzk3TDMxLjkzNDkgMS4yMDM2NkMzMS44MTk5IDAuOTMyMTE1IDMxLjM1MTEgMC45MzIxMTUgMzEuMjM2MSAxLjIwMzY2TDI0LjcxNzggMTYuNDcxN0wyNC40MTQ2IDE3LjE5Mk0zMS4yMDgxIDI1LjQxNFYzMi4zMTJNMzEuMjA4MSAzMi4zMTJMMjcuMTY4OCAzMi4zMTJMMjYuNDE0MSAzMi4zMTJNMjQuNDE0NiAxNy4xOTJIMjEuNzU0OVYxOS45NDg0TTI0LjQxNDYgMTcuMTkySDI0Ljk4MzVIMjQuOTg3MkgyNi40MTQxVjIzLjc5MTFNMjYuNDE0MSAyMy43OTExVjMyLjMxMk01LjY1ODQ1IDE5Ljk0ODRIMjEuNzU0OSIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K); } .villas__icon-img._1e { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zOS4yNTkzIDBIMC43NDA3NDFDMC4zMzE4NTIgMCAwIDAuMzMxODUyIDAgMC43NDA3NDFWMzkuMjU5M0MwIDM5LjY2ODkgMC4zMzE4NTIgNDAgMC43NDA3NDEgNDBDMS4xNDk2MyA0MCAxLjQ4MTQ4IDM5LjY2ODkgMS40ODE0OCAzOS4yNTkzVjM1LjU1NTZIMi45NjI5NlYzNy43Nzc4QzIuOTYyOTYgMzguMDAzIDMuMDY1MTkgMzguMjE0OCAzLjI0MDc0IDM4LjM1NTZDMy4zNzI1OSAzOC40NjIyIDMuNTM2MyAzOC41MTg1IDMuNzAzNyAzOC41MTg1QzMuNzU3MDQgMzguNTE4NSAzLjgxMTExIDM4LjUxMjYgMy44NjQ0NCAzOC41MDE1TDE3LjE5NzggMzUuNTM4NUMxNy41MzYzIDM1LjQ2MjIgMTcuNzc3OCAzNS4xNjIyIDE3Ljc3NzggMzQuODE0OFY2LjY2NjY3QzE3Ljc3NzggNi4zMTkyNiAxNy41MzYzIDYuMDE4NTIgMTcuMTk3OCA1Ljk0MzdMMy44NjQ0NCAyLjk4MDc0QzMuNjQ0NDQgMi45MzAzNyAzLjQxNDgxIDIuOTg1MTkgMy4yNDA3NCAzLjEyNTkzQzMuMDY1MTkgMy4yNjY2NyAyLjk2Mjk2IDMuNDc5MjYgMi45NjI5NiAzLjcwMzdWNS45MjU5M0gxLjQ4MTQ4VjEuNDgxNDhIMzguNTE4NVY1LjkyNTkzSDM3LjAzN1YzLjcwMzdDMzcuMDM3IDMuNDc5MjYgMzYuOTM0OCAzLjI2NjY3IDM2Ljc2IDMuMTI1OTNDMzYuNTg0NCAyLjk4NTkzIDM2LjM1MzMgMi45MzExMSAzNi4xMzU2IDIuOTgwNzRMMjIuODAyMiA1Ljk0MzdDMjIuNDYzIDYuMDE4NTIgMjIuMjIyMiA2LjMxOTI2IDIyLjIyMjIgNi42NjY2N1YzNC44MTQ4QzIyLjIyMjIgMzUuMTYyMiAyMi40NjMgMzUuNDYyMiAyMi44MDIyIDM1LjUzODVMMzYuMTM1NiAzOC41MDE1QzM2LjE4ODkgMzguNTEyNiAzNi4yNDMgMzguNTE4NSAzNi4yOTYzIDM4LjUxODVDMzYuNDYzNyAzOC41MTg1IDM2LjYyNjcgMzguNDYyMiAzNi43NiAzOC4zNTU2QzM2LjkzNDggMzguMjE0OCAzNy4wMzcgMzguMDAzIDM3LjAzNyAzNy43Nzc4VjM1LjU1NTZIMzguNTE4NVYzOS4yNTkzQzM4LjUxODUgMzkuNjY4OSAzOC44NDk2IDQwIDM5LjI1OTMgNDBDMzkuNjY4OSA0MCA0MCAzOS42Njg5IDQwIDM5LjI1OTNWMC43NDA3NDFDNDAgMC4zMzE4NTIgMzkuNjY4OSAwIDM5LjI1OTMgMFpNNC40NDQ0NCA0LjYyNzQxTDE2LjI5NjMgNy4yNjE0OFYzNC4yMjE1TDQuNDQ0NDQgMzYuODU0OFY0LjYyNzQxWk0yLjk2Mjk2IDcuNDA3NDFWMzQuMDc0MUgxLjQ4MTQ4VjcuNDA3NDFIMi45NjI5NlpNMzUuNTU1NiAzNi44NTQxTDIzLjcwMzcgMzQuMjIwN1Y3LjI2MDc0TDM1LjU1NTYgNC42MjY2N1YzNi44NTQxWk0zNy4wMzcgMzQuMDc0MVY3LjQwNzQxSDM4LjUxODVWMzQuMDc0MUgzNy4wMzdaIiBmaWxsPSIjM0I0NjU4Ii8+CjxwYXRoIGQ9Ik0xMy4zMzM1IDIwQzEzLjc0MjYgMjAgMTQuMDc0MyAxOS42Njg0IDE0LjA3NDMgMTkuMjU5M0MxNC4wNzQzIDE4Ljg1MDIgMTMuNzQyNiAxOC41MTg2IDEzLjMzMzUgMTguNTE4NkMxMi45MjQ0IDE4LjUxODYgMTIuNTkyOCAxOC44NTAyIDEyLjU5MjggMTkuMjU5M0MxMi41OTI4IDE5LjY2ODQgMTIuOTI0NCAyMCAxMy4zMzM1IDIwWiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMjYuNjY2NSAyMEMyNy4wNzU2IDIwIDI3LjQwNzMgMTkuNjY4NCAyNy40MDczIDE5LjI1OTNDMjcuNDA3MyAxOC44NTAyIDI3LjA3NTYgMTguNTE4NiAyNi42NjY1IDE4LjUxODZDMjYuMjU3NCAxOC41MTg2IDI1LjkyNTggMTguODUwMiAyNS45MjU4IDE5LjI1OTNDMjUuOTI1OCAxOS42Njg0IDI2LjI1NzQgMjAgMjYuNjY2NSAyMFoiIGZpbGw9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); } .villas__icon-img._2e { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNy44Nzg3IDYuMzk5MjZWMjcuMTI5TDMwLjkwOSAzMC4xMzQzVjE4Ljc4M0MzMC45MDkgMTguMjk0MSAzMS40NjYyIDE4LjAwOTcgMzEuODY3MyAxOC4yOTM5TDM2LjEwOTcgMjEuMjk5MUMzNi4yNjkgMjEuNDExOSAzNi4zNjM1IDIxLjU5NDEgMzYuMzYzNSAyMS43ODgyVjM1LjU0MzdMMzkuODIyMyAzOC45NzM5QzQwLjA1OSAzOS4yMDg3IDQwLjA1OSAzOS41ODkyIDM5LjgyMjMgMzkuODI0QzM5LjU4NTYgNDAuMDU4NyAzOS4yMDE5IDQwLjA1ODcgMzguOTY1MyAzOS44MjRMMjcuMDIxNyAyNy45NzlIMTIuOTc4M0wxLjAzNDc0IDM5LjgyNEMwLjc5ODA2MyA0MC4wNTg3IDAuNDE0MzQ4IDQwLjA1ODcgMC4xNzc2NjggMzkuODI0Qy0wLjA1OTAxMTYgMzkuNTg5MiAtMC4wNTkwMTE2IDM5LjIwODcgMC4xNzc2NjggMzguOTczOUwzLjYzNjQ5IDM1LjU0MzdWMjEuNzg4MkMzLjYzNjQ5IDIxLjU5NDEgMy43MzEwMSAyMS40MTE5IDMuODkwMjggMjEuMjk5MUw4LjEzMjY3IDE4LjI5MzlDOC41MzM4IDE4LjAwOTcgOS4wOTA5OSAxOC4yOTQxIDkuMDkwOTkgMTguNzgzVjMwLjEzNDNMMTIuMTIxMyAyNy4xMjlWNi4zOTkyNkwwLjM1NzUxNyAxLjE0OTNDMC4wNTIyODI3IDEuMDEzMDggLTAuMDgzODI4NCAwLjY1NzI2IDAuMDUzNTI2OSAwLjM1NDU0OEMwLjE5MDg4MyAwLjA1MTgzNTQgMC41NDk2NTkgLTAuMDgzMTMyNyAwLjg1NDg5NCAwLjA1MzA4OEwxMi44NTc0IDUuNDA5NTlIMjcuMTQyNkwzOS4xNDUxIDAuMDUzMDg4QzM5LjQ1MDMgLTAuMDgzMTMyNyAzOS44MDkxIDAuMDUxODM1NCAzOS45NDY1IDAuMzU0NTQ4QzQwLjA4MzggMC42NTcyNiAzOS45NDc3IDEuMDEzMDggMzkuNjQyNSAxLjE0OTNMMjcuODc4NyA2LjM5OTI2Wk0yMy42MzYzIDI2Ljc3NjlIMjYuNjY2NlY2LjYxMTY4SDEzLjMzMzRWMjYuNzc2OUgxNi4zNjM3VjE3LjM3MDVDMTYuMzYzNyAxNy4wMzg2IDE2LjYzNSAxNi43Njk1IDE2Ljk2OTcgMTYuNzY5NUgyMy4wMzAzQzIzLjM2NSAxNi43Njk1IDIzLjYzNjMgMTcuMDM4NiAyMy42MzYzIDE3LjM3MDVWMjYuNzc2OVpNMTcuNTc1OCAxNy45NzE2VjI2Ljc3NjlIMjIuNDI0MlYxNy45NzE2SDE3LjU3NThaTTMyLjEyMTEgMTkuOTUwOVYzMS4zMzY0TDM1LjE1MTQgMzQuMzQxNlYyMi4wOTc1TDMyLjEyMTEgMTkuOTUwOVpNNy44Nzg4OCAxOS45NTA5TDQuODQ4NiAyMi4wOTc1VjM0LjM0MTZMNy44Nzg4OCAzMS4zMzY0VjE5Ljk1MDlaIiBmaWxsPSIjM0I0NjU4Ii8+Cjwvc3ZnPgo=); } .villas__icon-img._3e { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgo8bWFzayBpZD0icGF0aC0xLWluc2lkZS0xIiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik00MC4wMDAzIDE5LjY4MTFWMS4xODE4QzQwLjAwMDMgMC40MDE5NjkgMzkuNjU1NCAwLjAxMjA1NCAzOC44MzY1IDAuMDEyMDU0SDM1LjEyOTVDMzQuNjEyMyAtMC4wNzQ1OTM4IDM0LjA5NSAwLjMxNTMyMSAzNC4wNTE5IDAuODc4NTMyQzM0LjA1MTkgMC45MjE4NTYgMzQuMDUxOSAwLjkyMTg1NiAzNC4wNTE5IDAuOTY1MTc5QzM0LjA1MTkgMS4xODE4IDMzLjkyMjYgMS4zOTg0MiAzMy43MDcxIDEuNTI4MzlDMzMuNTM0NyAxLjYxNTA0IDMzLjM2MjMgMS43MDE2OSAzMy4xODk4IDEuNzg4MzNMMzMuMDE3NCAxLjg3NDk4QzMyLjMyNzggMi4xMzQ5MiAzMS44MTA1IDIuNzQxNDYgMzEuNjM4MSAzLjQzNDY0QzMxLjI1MDIgNC42OTEwMyAzMS44OTY3IDYuMDM0MDcgMzMuMTAzNiA2LjUxMDY0QzMzLjM2MjMgNi41OTcyOCAzMy42MjA5IDYuNzcwNTggMzMuODM2NCA2LjkwMDU1QzMzLjk2NTcgNi45ODcyIDM0LjA5NSA3LjE2MDQ5IDM0LjA5NSA3LjMzMzc5QzM0LjA5NSA3LjUwNzA5IDM0LjAwODggNy42ODAzOCAzMy44MzY0IDcuNzY3MDNDMzMuNTc3OCA3Ljk0MDMyIDMzLjMxOTIgOC4wNzAzIDMzLjA2MDUgOC4yMDAyN0wzMi44ODgxIDguMjg2OTJDMzEuOTgyOSA4LjY3NjgzIDMxLjQ2NTcgOS42Mjk5NiAzMS41NTE5IDEwLjYyNjRDMzEuNTUxOSAxMS41Nzk1IDMyLjE1NTQgMTIuNDQ2IDMzLjA2MDUgMTIuNzkyNkwzMy4yMzMgMTIuODc5MkMzMy40MDU0IDEyLjk2NTkgMzMuNTc3OCAxMy4wNTI1IDMzLjc1MDIgMTMuMTM5MkMzNC4xMzgxIDEzLjM1NTggMzQuMTM4MSAxMy41NzI0IDM0LjEzODEgMTMuNzQ1N0MzNC4wOTUgMTQuMDA1NyAzMy45NjU3IDE0LjE3OSAzMy42MjA5IDE0LjMwODlIMzMuNTc3OEMzMy4yMzMgMTQuNDM4OSAzMi44ODgxIDE0LjYxMjIgMzIuNTg2NCAxNC44Mjg4QzMxLjQyMjYgMTUuNjA4NyAzMS4xNjQgMTcuMTI1IDMxLjkzOTggMTguMjA4MUMzMi4xMTIyIDE4LjQ2OCAzMi4zMjc4IDE4LjY0MTMgMzIuNTg2NCAxOC44MTQ2QzMyLjg0NSAxOC45NDQ2IDMzLjA2MDUgMTkuMDc0NiAzMy4zMTkyIDE5LjIwNDVMMzMuNTc3OCAxOS4zMzQ1QzMzLjgzNjQgMTkuNDIxMiAzNC4wMDg4IDE5LjY4MTEgMzQuMDA4OCAxOS45NDFDMzQuMDUxOSAyMC4yMDEgMzMuODc5NSAyMC40NjA5IDMzLjY2NCAyMC41NDc2QzMzLjQ5MTYgMjAuNjM0MiAzMy4yNzYxIDIwLjc2NDIgMzMuMDYwNSAyMC44NTA4TDMyLjg0NSAyMC45Mzc1QzMxLjYzODEgMjEuNTQ0IDMxLjEyMDkgMjMuMDE3IDMxLjcyNDMgMjQuMjMwMUMzMS45Mzk4IDI0LjcwNjcgMzIuMzI3OCAyNS4wOTY2IDMyLjgwMTkgMjUuMzEzMkwzMy4xMDM2IDI1LjQ0MzJDMzMuMzE5MiAyNS41Mjk4IDMzLjUzNDcgMjUuNjU5OCAzMy43NTAyIDI1Ljc4OThDMzMuOTIyNiAyNS44NzY0IDM0LjA1MTkgMjYuMDkzIDM0LjA1MTkgMjYuMjY2M0MzNC4wNTE5IDI2LjQ4MjkgMzMuOTIyNiAyNi42NTYyIDMzLjc1MDIgMjYuNzg2MkMzMy41MzQ3IDI2LjkxNjIgMzMuMzE5MiAyNy4wNDYyIDMzLjEwMzYgMjcuMTMyOEwzMi44ODgxIDI3LjIxOTVDMzEuOTgyOSAyNy42MDk0IDMxLjQyMjYgMjguNTYyNSAzMS41MDg4IDI5LjU1ODlDMzEuNTA4OCAzMC41MTIxIDMyLjA2OTEgMzEuMzc4NSAzMi45NzQzIDMxLjcyNTFDMzMuMjc2MSAzMS44NTUxIDMzLjUzNDcgMzEuOTg1MSAzMy43OTMzIDMyLjE1ODRDMzQuMDUxOSAzMi4zMzE3IDM0LjEzODEgMzIuNjM0OSAzMy45NjU3IDMyLjg5NDlDMzMuOTIyNiAzMi45ODE1IDMzLjgzNjQgMzMuMDI0OSAzMy43OTMzIDMzLjA2ODJDMzMuNTc3OCAzMy4yNDE1IDMzLjMxOTIgMzMuMzI4MSAzMy4wNjA1IDMzLjQ1ODFIMzMuMDE3NEMzMS43Njc0IDMzLjk3OCAzMS4xMjA5IDM1LjQ1MSAzMS42MzgxIDM2LjcwNzRDMzEuODk2NyAzNy4zMTM5IDMyLjM3MDkgMzcuNzkwNSAzMi45NzQzIDM4LjA1MDRMMzMuMTg5OCAzOC4xMzcxQzMzLjI3NjEgMzguMTgwNCAzMy4zNjIzIDM4LjIyMzcgMzMuNDQ4NSAzOC4yNjdDMzMuNzkzMyAzOC40NDAzIDM0LjAwODggMzguNjEzNiAzNC4wMDg4IDM4Ljk2MDJDMzQuMDk1IDM5LjY5NjcgMzQuNDM5OSA0MCAzNS4yMTU3IDQwSDM4LjYyMDlDMzkuNjU1NCA0MCAzOS45NTcyIDM5LjY5NjcgMzkuOTU3MiAzOC42MTM2TDQwLjAwMDMgMTkuNjgxMVpNMzMuNDQ4NSAzNS43NTQzQzMzLjQ0ODUgMzUuNTgxIDMzLjUzNDcgMzUuNDA3NyAzMy43MDcxIDM1LjMyMUwzMy45MjI2IDM1LjIzNDRDMzQuMjI0MyAzNS4xMDQ0IDM0LjUyNjEgMzQuOTMxMSAzNC43ODQ3IDM0Ljc1NzhDMzUuOTQ4NSAzNC4wNjQ2IDM2LjMzNjQgMzIuNTQ4MyAzNS42NDY4IDMxLjM3ODVDMzUuNDMxMyAzMS4wMzIgMzUuMTcyNiAzMC43Mjg3IDM0LjgyNzggMzAuNTU1NEMzNC41MjYxIDMwLjMzODggMzQuMTgxMiAzMC4xNjU1IDMzLjgzNjQgMzAuMDM1NUwzMy43OTMzIDI5Ljk5MjJDMzMuNTc3OCAyOS45MDU1IDMzLjQ0ODUgMjkuNjg4OSAzMy40NDg1IDI5LjQ3MjNDMzMuNDA1NCAyOS4yNTU3IDMzLjU3NzggMjkuMDM5MSAzMy43OTMzIDI4Ljk1MjRMMzQuMDA4OCAyOC44NjU4QzM0LjMxMDUgMjguNzM1OCAzNC42MTIzIDI4LjU2MjUgMzQuOTE0IDI4LjM4OTJDMzYuMDM0NyAyNy42NTI3IDM2LjM3OTUgMjYuMTM2NCAzNS42NDY4IDI1LjAwOTlDMzUuNDc0NCAyNC43MDY3IDM1LjIxNTcgMjQuNDQ2NyAzNC45MTQgMjQuMjczNEMzNC41NjkyIDI0LjA1NjggMzQuMjY3NCAyMy44ODM1IDMzLjg3OTUgMjMuNzEwMkwzMy43OTMzIDIzLjY2NjlDMzMuNTc3OCAyMy41ODAyIDMzLjQ0ODUgMjMuMzYzNiAzMy40OTE2IDIzLjE0N0MzMy40NDg1IDIyLjkzMDQgMzMuNTc3OCAyMi43MTM4IDMzLjc5MzMgMjIuNjI3MUwzMy44Nzk1IDIyLjU4MzhDMzQuMTgxMiAyMi40NTM4IDM0LjUyNjEgMjIuMjgwNSAzNC44Mjc4IDIyLjEwNzJDMzUuNjg5OSAyMS42MzA3IDM2LjE2NCAyMC42MzQyIDM2LjAzNDcgMTkuNjgxMUMzNS45NDg1IDE4LjcyOCAzNS4zMDE5IDE3Ljk0ODEgMzQuNDM5OSAxNy42MDE2TDM0LjE4MTIgMTcuNDcxNkwzMy43NTAyIDE3LjI1NUMzMy42MjA5IDE3LjE2ODMgMzMuNTM0NyAxNy4wODE3IDMzLjUzNDcgMTYuODIxN0MzMy41MzQ3IDE2LjU2MTggMzMuNjIwOSAxNi40MzE4IDMzLjc1MDIgMTYuMzg4NUwzNC4wMDg4IDE2LjI1ODVDMzQuMDk1IDE2LjIxNTIgMzQuMTgxMiAxNi4xNzE5IDM0LjMxMDUgMTYuMTI4NUMzNS40NzQ0IDE1LjYwODcgMzYuMTIwOSAxNC43ODU1IDM2LjA3NzggMTMuNjU5MUMzNi4wMzQ3IDEyLjUzMjcgMzUuMzg4MSAxMS42MjI5IDM0LjIyNDMgMTEuMTg5NkgzNC4xODEyTDMzLjgzNjQgMTEuMDU5NkMzMy42MjA5IDEwLjk3MyAzMy40OTE2IDEwLjc1NjQgMzMuNTM0NyAxMC41Mzk4QzMzLjQ5MTYgMTAuMzIzMSAzMy42MjA5IDEwLjEwNjUgMzMuODM2NCAxMC4wMTk5TDM0LjAwODggOS45MzMyMkMzNC4zOTY4IDkuNzU5OTMgMzQuNzQxNiA5LjU0MzMxIDM1LjA4NjQgOS4zMjY2OUMzNi4xNjQgOC41OTAxOCAzNi40NjU3IDcuMDczODUgMzUuNzMzIDUuOTkwNzVDMzUuNTYwNiA1LjczMDgxIDM1LjM0NSA1LjUxNDE5IDM1LjA4NjQgNS4zNDA4OUMzNC43ODQ3IDUuMTI0MjcgMzQuNDM5OSA0LjkwNzY1IDM0LjA1MTkgNC43Nzc2OEMzMy42MjA5IDQuNjA0MzkgMzMuNTM0NyA0LjQzMTA5IDMzLjU3NzggNC4xNzExNUMzMy42MjA5IDMuOTExMiAzMy42MjA5IDMuNzgxMjMgMzQuMDk1IDMuNTIxMjlDMzQuNDgzIDMuMzA0NjcgMzQuODcwOSAzLjA4ODA1IDM1LjI1ODggMi44MjgxMUwzNS4zODgxIDIuNzQxNDZDMzUuNjAzNyAyLjYxMTQ5IDM1LjczMyAyLjQzODE5IDM1LjgxOTIgMi4yMjE1N0MzNS44NjIzIDIuMDA0OTUgMzUuOTQ4NSAxLjk2MTYzIDM2LjI1MDIgMS45NjE2M0MzNi41MDg5IDEuOTYxNjMgMzYuNzY3NSAyLjAwNDk1IDM3LjA2OTIgMi4wMDQ5NUMzNy4zNzA5IDIuMDA0OTUgMzcuNjcyNyAyLjAwNDk1IDM4LjAxNzUgMi4wMDQ5NUgzOC4xMDM3QzM4LjEwMzcgMi4wMDQ5NSAzOC4xMDM3IDIuMDQ4MjggMzguMTAzNyAyLjA5MTZDMzguMTAzNyA0LjYwNDM5IDM4LjEwMzcgNy4yMDM4MiAzOC4xMDM3IDkuNjczMjhWMjIuNjcwNEMzOC4xMDM3IDI3LjczOTMgMzguMTAzNyAzMi44MDgyIDM4LjEwMzcgMzcuODc3MVYzOC4wMDcxQzM4LjEwMzcgMzguMDUwNCAzOC4xMDM3IDM4LjA5MzggMzguMTAzNyAzOC4xMzcxSDM2LjkzOTlDMzYuNTUyIDM4LjEzNzEgMzYuMjUwMiAzOC4xMzcxIDM1Ljk5MTYgMzguMTM3MUMzNS45NDg1IDM4LjEzNzEgMzUuOTQ4NSAzOC4xMzcxIDM1LjkwNTQgMzguMDkzOEMzNS41MTc1IDM3LjMxMzkgMzQuODI3OCAzNi43MDc0IDM0LjAwODggMzYuNDQ3NEMzMy40OTE2IDM2LjIzMDggMzMuNDQ4NSAzNi4xNDQyIDMzLjQ0ODUgMzUuNzU0M1oiLz4KPC9tYXNrPgo8cGF0aCBkPSJNNDAuMDAwMyAxOS42ODExVjEuMTgxOEM0MC4wMDAzIDAuNDAxOTY5IDM5LjY1NTQgMC4wMTIwNTQgMzguODM2NSAwLjAxMjA1NEgzNS4xMjk1QzM0LjYxMjMgLTAuMDc0NTkzOCAzNC4wOTUgMC4zMTUzMjEgMzQuMDUxOSAwLjg3ODUzMkMzNC4wNTE5IDAuOTIxODU2IDM0LjA1MTkgMC45MjE4NTYgMzQuMDUxOSAwLjk2NTE3OUMzNC4wNTE5IDEuMTgxOCAzMy45MjI2IDEuMzk4NDIgMzMuNzA3MSAxLjUyODM5QzMzLjUzNDcgMS42MTUwNCAzMy4zNjIzIDEuNzAxNjkgMzMuMTg5OCAxLjc4ODMzTDMzLjAxNzQgMS44NzQ5OEMzMi4zMjc4IDIuMTM0OTIgMzEuODEwNSAyLjc0MTQ2IDMxLjYzODEgMy40MzQ2NEMzMS4yNTAyIDQuNjkxMDMgMzEuODk2NyA2LjAzNDA3IDMzLjEwMzYgNi41MTA2NEMzMy4zNjIzIDYuNTk3MjggMzMuNjIwOSA2Ljc3MDU4IDMzLjgzNjQgNi45MDA1NUMzMy45NjU3IDYuOTg3MiAzNC4wOTUgNy4xNjA0OSAzNC4wOTUgNy4zMzM3OUMzNC4wOTUgNy41MDcwOSAzNC4wMDg4IDcuNjgwMzggMzMuODM2NCA3Ljc2NzAzQzMzLjU3NzggNy45NDAzMiAzMy4zMTkyIDguMDcwMyAzMy4wNjA1IDguMjAwMjdMMzIuODg4MSA4LjI4NjkyQzMxLjk4MjkgOC42NzY4MyAzMS40NjU3IDkuNjI5OTYgMzEuNTUxOSAxMC42MjY0QzMxLjU1MTkgMTEuNTc5NSAzMi4xNTU0IDEyLjQ0NiAzMy4wNjA1IDEyLjc5MjZMMzMuMjMzIDEyLjg3OTJDMzMuNDA1NCAxMi45NjU5IDMzLjU3NzggMTMuMDUyNSAzMy43NTAyIDEzLjEzOTJDMzQuMTM4MSAxMy4zNTU4IDM0LjEzODEgMTMuNTcyNCAzNC4xMzgxIDEzLjc0NTdDMzQuMDk1IDE0LjAwNTcgMzMuOTY1NyAxNC4xNzkgMzMuNjIwOSAxNC4zMDg5SDMzLjU3NzhDMzMuMjMzIDE0LjQzODkgMzIuODg4MSAxNC42MTIyIDMyLjU4NjQgMTQuODI4OEMzMS40MjI2IDE1LjYwODcgMzEuMTY0IDE3LjEyNSAzMS45Mzk4IDE4LjIwODFDMzIuMTEyMiAxOC40NjggMzIuMzI3OCAxOC42NDEzIDMyLjU4NjQgMTguODE0NkMzMi44NDUgMTguOTQ0NiAzMy4wNjA1IDE5LjA3NDYgMzMuMzE5MiAxOS4yMDQ1TDMzLjU3NzggMTkuMzM0NUMzMy44MzY0IDE5LjQyMTIgMzQuMDA4OCAxOS42ODExIDM0LjAwODggMTkuOTQxQzM0LjA1MTkgMjAuMjAxIDMzLjg3OTUgMjAuNDYwOSAzMy42NjQgMjAuNTQ3NkMzMy40OTE2IDIwLjYzNDIgMzMuMjc2MSAyMC43NjQyIDMzLjA2MDUgMjAuODUwOEwzMi44NDUgMjAuOTM3NUMzMS42MzgxIDIxLjU0NCAzMS4xMjA5IDIzLjAxNyAzMS43MjQzIDI0LjIzMDFDMzEuOTM5OCAyNC43MDY3IDMyLjMyNzggMjUuMDk2NiAzMi44MDE5IDI1LjMxMzJMMzMuMTAzNiAyNS40NDMyQzMzLjMxOTIgMjUuNTI5OCAzMy41MzQ3IDI1LjY1OTggMzMuNzUwMiAyNS43ODk4QzMzLjkyMjYgMjUuODc2NCAzNC4wNTE5IDI2LjA5MyAzNC4wNTE5IDI2LjI2NjNDMzQuMDUxOSAyNi40ODI5IDMzLjkyMjYgMjYuNjU2MiAzMy43NTAyIDI2Ljc4NjJDMzMuNTM0NyAyNi45MTYyIDMzLjMxOTIgMjcuMDQ2MiAzMy4xMDM2IDI3LjEzMjhMMzIuODg4MSAyNy4yMTk1QzMxLjk4MjkgMjcuNjA5NCAzMS40MjI2IDI4LjU2MjUgMzEuNTA4OCAyOS41NTg5QzMxLjUwODggMzAuNTEyMSAzMi4wNjkxIDMxLjM3ODUgMzIuOTc0MyAzMS43MjUxQzMzLjI3NjEgMzEuODU1MSAzMy41MzQ3IDMxLjk4NTEgMzMuNzkzMyAzMi4xNTg0QzM0LjA1MTkgMzIuMzMxNyAzNC4xMzgxIDMyLjYzNDkgMzMuOTY1NyAzMi44OTQ5QzMzLjkyMjYgMzIuOTgxNSAzMy44MzY0IDMzLjAyNDkgMzMuNzkzMyAzMy4wNjgyQzMzLjU3NzggMzMuMjQxNSAzMy4zMTkyIDMzLjMyODEgMzMuMDYwNSAzMy40NTgxSDMzLjAxNzRDMzEuNzY3NCAzMy45NzggMzEuMTIwOSAzNS40NTEgMzEuNjM4MSAzNi43MDc0QzMxLjg5NjcgMzcuMzEzOSAzMi4zNzA5IDM3Ljc5MDUgMzIuOTc0MyAzOC4wNTA0TDMzLjE4OTggMzguMTM3MUMzMy4yNzYxIDM4LjE4MDQgMzMuMzYyMyAzOC4yMjM3IDMzLjQ0ODUgMzguMjY3QzMzLjc5MzMgMzguNDQwMyAzNC4wMDg4IDM4LjYxMzYgMzQuMDA4OCAzOC45NjAyQzM0LjA5NSAzOS42OTY3IDM0LjQzOTkgNDAgMzUuMjE1NyA0MEgzOC42MjA5QzM5LjY1NTQgNDAgMzkuOTU3MiAzOS42OTY3IDM5Ljk1NzIgMzguNjEzNkw0MC4wMDAzIDE5LjY4MTFaTTMzLjQ0ODUgMzUuNzU0M0MzMy40NDg1IDM1LjU4MSAzMy41MzQ3IDM1LjQwNzcgMzMuNzA3MSAzNS4zMjFMMzMuOTIyNiAzNS4yMzQ0QzM0LjIyNDMgMzUuMTA0NCAzNC41MjYxIDM0LjkzMTEgMzQuNzg0NyAzNC43NTc4QzM1Ljk0ODUgMzQuMDY0NiAzNi4zMzY0IDMyLjU0ODMgMzUuNjQ2OCAzMS4zNzg1QzM1LjQzMTMgMzEuMDMyIDM1LjE3MjYgMzAuNzI4NyAzNC44Mjc4IDMwLjU1NTRDMzQuNTI2MSAzMC4zMzg4IDM0LjE4MTIgMzAuMTY1NSAzMy44MzY0IDMwLjAzNTVMMzMuNzkzMyAyOS45OTIyQzMzLjU3NzggMjkuOTA1NSAzMy40NDg1IDI5LjY4ODkgMzMuNDQ4NSAyOS40NzIzQzMzLjQwNTQgMjkuMjU1NyAzMy41Nzc4IDI5LjAzOTEgMzMuNzkzMyAyOC45NTI0TDM0LjAwODggMjguODY1OEMzNC4zMTA1IDI4LjczNTggMzQuNjEyMyAyOC41NjI1IDM0LjkxNCAyOC4zODkyQzM2LjAzNDcgMjcuNjUyNyAzNi4zNzk1IDI2LjEzNjQgMzUuNjQ2OCAyNS4wMDk5QzM1LjQ3NDQgMjQuNzA2NyAzNS4yMTU3IDI0LjQ0NjcgMzQuOTE0IDI0LjI3MzRDMzQuNTY5MiAyNC4wNTY4IDM0LjI2NzQgMjMuODgzNSAzMy44Nzk1IDIzLjcxMDJMMzMuNzkzMyAyMy42NjY5QzMzLjU3NzggMjMuNTgwMiAzMy40NDg1IDIzLjM2MzYgMzMuNDkxNiAyMy4xNDdDMzMuNDQ4NSAyMi45MzA0IDMzLjU3NzggMjIuNzEzOCAzMy43OTMzIDIyLjYyNzFMMzMuODc5NSAyMi41ODM4QzM0LjE4MTIgMjIuNDUzOCAzNC41MjYxIDIyLjI4MDUgMzQuODI3OCAyMi4xMDcyQzM1LjY4OTkgMjEuNjMwNyAzNi4xNjQgMjAuNjM0MiAzNi4wMzQ3IDE5LjY4MTFDMzUuOTQ4NSAxOC43MjggMzUuMzAxOSAxNy45NDgxIDM0LjQzOTkgMTcuNjAxNkwzNC4xODEyIDE3LjQ3MTZMMzMuNzUwMiAxNy4yNTVDMzMuNjIwOSAxNy4xNjgzIDMzLjUzNDcgMTcuMDgxNyAzMy41MzQ3IDE2LjgyMTdDMzMuNTM0NyAxNi41NjE4IDMzLjYyMDkgMTYuNDMxOCAzMy43NTAyIDE2LjM4ODVMMzQuMDA4OCAxNi4yNTg1QzM0LjA5NSAxNi4yMTUyIDM0LjE4MTIgMTYuMTcxOSAzNC4zMTA1IDE2LjEyODVDMzUuNDc0NCAxNS42MDg3IDM2LjEyMDkgMTQuNzg1NSAzNi4wNzc4IDEzLjY1OTFDMzYuMDM0NyAxMi41MzI3IDM1LjM4ODEgMTEuNjIyOSAzNC4yMjQzIDExLjE4OTZIMzQuMTgxMkwzMy44MzY0IDExLjA1OTZDMzMuNjIwOSAxMC45NzMgMzMuNDkxNiAxMC43NTY0IDMzLjUzNDcgMTAuNTM5OEMzMy40OTE2IDEwLjMyMzEgMzMuNjIwOSAxMC4xMDY1IDMzLjgzNjQgMTAuMDE5OUwzNC4wMDg4IDkuOTMzMjJDMzQuMzk2OCA5Ljc1OTkzIDM0Ljc0MTYgOS41NDMzMSAzNS4wODY0IDkuMzI2NjlDMzYuMTY0IDguNTkwMTggMzYuNDY1NyA3LjA3Mzg1IDM1LjczMyA1Ljk5MDc1QzM1LjU2MDYgNS43MzA4MSAzNS4zNDUgNS41MTQxOSAzNS4wODY0IDUuMzQwODlDMzQuNzg0NyA1LjEyNDI3IDM0LjQzOTkgNC45MDc2NSAzNC4wNTE5IDQuNzc3NjhDMzMuNjIwOSA0LjYwNDM5IDMzLjUzNDcgNC40MzEwOSAzMy41Nzc4IDQuMTcxMTVDMzMuNjIwOSAzLjkxMTIgMzMuNjIwOSAzLjc4MTIzIDM0LjA5NSAzLjUyMTI5QzM0LjQ4MyAzLjMwNDY3IDM0Ljg3MDkgMy4wODgwNSAzNS4yNTg4IDIuODI4MTFMMzUuMzg4MSAyLjc0MTQ2QzM1LjYwMzcgMi42MTE0OSAzNS43MzMgMi40MzgxOSAzNS44MTkyIDIuMjIxNTdDMzUuODYyMyAyLjAwNDk1IDM1Ljk0ODUgMS45NjE2MyAzNi4yNTAyIDEuOTYxNjNDMzYuNTA4OSAxLjk2MTYzIDM2Ljc2NzUgMi4wMDQ5NSAzNy4wNjkyIDIuMDA0OTVDMzcuMzcwOSAyLjAwNDk1IDM3LjY3MjcgMi4wMDQ5NSAzOC4wMTc1IDIuMDA0OTVIMzguMTAzN0MzOC4xMDM3IDIuMDA0OTUgMzguMTAzNyAyLjA0ODI4IDM4LjEwMzcgMi4wOTE2QzM4LjEwMzcgNC42MDQzOSAzOC4xMDM3IDcuMjAzODIgMzguMTAzNyA5LjY3MzI4VjIyLjY3MDRDMzguMTAzNyAyNy43MzkzIDM4LjEwMzcgMzIuODA4MiAzOC4xMDM3IDM3Ljg3NzFWMzguMDA3MUMzOC4xMDM3IDM4LjA1MDQgMzguMTAzNyAzOC4wOTM4IDM4LjEwMzcgMzguMTM3MUgzNi45Mzk5QzM2LjU1MiAzOC4xMzcxIDM2LjI1MDIgMzguMTM3MSAzNS45OTE2IDM4LjEzNzFDMzUuOTQ4NSAzOC4xMzcxIDM1Ljk0ODUgMzguMTM3MSAzNS45MDU0IDM4LjA5MzhDMzUuNTE3NSAzNy4zMTM5IDM0LjgyNzggMzYuNzA3NCAzNC4wMDg4IDM2LjQ0NzRDMzMuNDkxNiAzNi4yMzA4IDMzLjQ0ODUgMzYuMTQ0MiAzMy40NDg1IDM1Ljc1NDNaIiBmaWxsPSIjM0I0NjU4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNCIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTEpIi8+CjxwYXRoIGQ9Ik0xNy42MTkxIDcuMDY2M0wxNy42MTkxIDcuMDY2MzNMMTcuNjIxIDcuMDY4ODlDMTguMjIxNiA3Ljg3MjI0IDE4LjczNjMgOC42NzU1NCAxOS4yMDgzIDkuNTI5MjlDMjAuOTY2NCAxMi43NDE1IDIxLjgyNTEgMTYuNTA3OSAyMS43ODIyIDIwLjMyNjhMMjEuNzgyMiAyMC4zMjdDMjEuNzM5MyAyNS4yMDAyIDIwLjE1MSAyOS44NzAxIDE3LjMyMTEgMzMuNDMzM0wxNy4zMjEgMzMuNDMzMkwxNy4zMTc5IDMzLjQzNzVDMTcuMTIyNSAzMy43MTE5IDE2Ljg1MDEgMzMuODUxNyAxNi41MzAxIDMzLjlDMTYuMTk4NyAzMy44OTY5IDE1LjkzIDMzLjY4MjkgMTUuNzY5IDMzLjMwOTJDMTUuNjUyNiAzMi45NDA4IDE1LjcyOTEgMzIuNTY3NCAxNS44OTMgMzIuMjMwNUMxNi4wNjU4IDMxLjkyNzEgMTYuMjMzMyAzMS42MzQxIDE2LjQ0MDkgMzEuMzkxMUMxNi42MTc4IDMxLjE4NDEgMTYuNzUwMiAzMC45Nzc0IDE2Ljg3ODggMzAuNzc2OEwxNi44NzkxIDMwLjc3NjJDMTYuODc5MyAzMC43NzYgMTYuODc5NCAzMC43NzU3IDE2Ljg3OTYgMzAuNzc1NEMxOS4wNDcxIDI3LjUyNzkgMjAuMTI5MyAyMy40MjA3IDE5Ljk1NjIgMTkuMzE1MkMxOS44MjYzIDE1LjIxMzQgMTguNDQzMiAxMS4zMTI2IDE2LjEwNyA4LjI2OTgxTDE2LjA2ODkgOC4xODA1NEwxNi4wNjI5IDguMTY2NDhMMTYuMDUzIDguMTU0ODZDMTYuMDQwOSA4LjE0MDc0IDE2LjAyODQgOC4xMjAwNCAxNi4wMDc2IDguMDg1NzVDMTYuMDAyOSA4LjA3ODA1IDE1Ljk5NzggOC4wNjk2NyAxNS45OTIzIDguMDYwNTJDMTUuOTY1MiA4LjAxNjE3IDE1LjkzMDcgNy45NjE5OSAxNS44ODQyIDcuOTA2ODhDMTUuNzIzOSA3LjY3MDk3IDE1LjY0NTkgNy40MzkyMiAxNS42NDU5IDcuMTYwMzZDMTUuNjQ1OSA2LjU0NDM5IDE2LjA0NjMgNi4xIDE2LjUzNzMgNi4xQzE2LjgwNTQgNi4xIDE3LjA3MjcgNi4yMzQwMSAxNy4yMjYzIDYuNTAzNTVMMTcuMjI1OSA2LjUwMzc2TDE3LjIzMTIgNi41MTEzNUwxNy42MTkxIDcuMDY2M1oiIGZpbGw9IiMzQjQ2NTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC4yIi8+CjxwYXRoIGQ9Ik0xMS4yNjk0IDEwLjA4ODJMMTEuMjY4OCAxMC4wODg2TDExLjI3NTggMTAuMDk3NkMxNS42ODcyIDE1Ljc2MjEgMTUuNjQ0MiAyNC40ODkyIDExLjE0NzQgMzAuMTAzNEwxMS4xNDcyIDMwLjEwMzNMMTEuMTQzOSAzMC4xMDc5QzEwLjk0MDcgMzAuMzkzMyAxMC42NjYxIDMwLjU3MDQgMTAuMzYzMyAzMC41NzA0QzEwLjE4MDggMzAuNTcwNCA5Ljk5MTg3IDMwLjQ4NTMgOS44MzU5IDMwLjMwMjdMOS44MzYzNyAzMC4zMDIzTDkuODI4MjIgMzAuMjk0N0M5LjYyOTU4IDMwLjEwODcgOS41MTUwNCAyOS44ODE3IDkuNTE1MDQgMjkuNjEwOUM5LjUxNTA0IDI5LjIzNjEgOS42NzUzOSAyOC45MDUyIDkuODc5IDI4LjY2NjlMOS44NzkwMiAyOC42NjY5TDkuODgwMjcgMjguNjY1NEMxMi4wMTAxIDI2LjA3MDggMTMuMDUxIDIyLjUxMzMgMTIuNzQ3NiAxOC45MDgxQzEyLjU3MzggMTYuMTE1MiAxMS42MTkxIDEzLjUyMjcgMTAuMDEwNyAxMS40ODc2TDEwLjAxMDUgMTEuNDg3M0M5LjcxNTggMTEuMTE3OCA5LjU2NjMzIDEwLjc4MyA5LjU0MTYzIDEwLjQ4ODJDOS41MTcyNyAxMC4xOTczIDkuNjEzMjUgOS45MzQ1NiA5LjgzMjc0IDkuNzAxMDJMOS44MzkwOCA5LjY5NDI4TDkuODQ0MDcgOS42ODY0OUM5Ljk0Nzg1IDkuNTI0NTIgMTAuMTYyMyA5LjQzMzgzIDEwLjM1MDggOS40Mjk5NkMxMC43MTM5IDkuNTI3NjYgMTEuMDcxOSA5Ljc2NDY3IDExLjI2OTQgMTAuMDg4MloiIGZpbGw9IiMzQjQ2NTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC4yIi8+CjxwYXRoIGQ9Ik01LjkyMDMxIDEzLjIyMTlMNS45MjAxNiAxMy4yMjJMNS45MjQgMTMuMjI2OEM3LjQxNzI3IDE1LjA3NDQgOC4yNzIxMyAxNy41NzM5IDguMjI5NCAyMC4xMjQ0SDguMjI5MzlWMjAuMTI2MUM4LjIyOTM5IDIyLjYyNyA3LjM3NDQzIDI1LjA3NTcgNS45MjUzIDI2LjgyMkM1LjcxODU1IDI3LjA2MzggNS40NDIzIDI3LjI0MDUgNS4xODI4IDI3LjI0MDVDNC45NTQyOSAyNy4yNDA1IDQuNzY2MjYgMjcuMTUzMSA0LjYxMjI3IDI2Ljk3MjhDNC40NTAzNyAyNi43ODM0IDQuMzM0NTEgMjYuNTUzMyA0LjMzNDUxIDI2LjI4MUM0LjMzNDUxIDI1Ljk1MDggNC40NTU5MyAyNS42MjA5IDQuNjU1MzcgMjUuMzg3NEw0LjY1NTM4IDI1LjM4NzVMNC42NTY0OCAyNS4zODYxQzcuMTAxMDQgMjIuNDIyNyA3LjEwMDM1IDE3LjY3NzkgNC42NTcwMSAxNC42NjQ5TDQuNjU3NTQgMTQuNjY0NUw0LjY0OTE3IDE0LjY1NjNDNC40MTQxNCAxNC40MjcxIDQuMjkyMTcgMTQuMTAzIDQuMjkxNDEgMTMuNzIyNUM0LjMzMjU0IDEzLjE2NCA0LjY4NDY2IDEyLjgwNjYgNS4xNDQ1MyAxMi43NTk0QzUuNDQ1MzkgMTIuNzYxMyA1LjcxODE5IDEyLjkzOCA1LjkyMDMxIDEzLjIyMTlaIiBmaWxsPSIjM0I0NjU4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuMiIvPgo8cGF0aCBkPSJNMS42NTU0MyAxNi40NTc4TDEuNjU1NDEgMTYuNDU3OEwxLjY1NzAyIDE2LjQ1OTZDMi41NDMxMyAxNy40NDc0IDMuMDUzMDggMTguODg0MyAzLjA1Mzg5IDIwLjMyNDZDMi45Njg0NSAyMS41NjQyIDIuNTAyMjcgMjIuNzAxNCAxLjc0MzUxIDIzLjU0MDJMMS43NDM0OCAyMy41NDAyTDEuNzQxNjQgMjMuNTQyM0MxLjUzODk3IDIzLjc3OTUgMS4zMDU5OCAyMy45MTA5IDEuMDQxNzkgMjMuOTEwOUMwLjgyMDI3MiAyMy45MTA5IDAuNTg3MzUyIDIzLjc3OTEgMC40MjgxNjEgMjMuNTkyOEwwLjM4NTA1NyAyMy41NDIzTDAuMzA5NjEzIDIzLjYwNjhMMC4zODUwNTcgMjMuNTQyM0MwLjAzMTcxMTUgMjMuMTI4NyAwLjA3MTcyMDMgMjIuNDMyOCAwLjQ2MzU4NSAyMi4wNjU5TDAuNDY5MTQ2IDIyLjA2MDZMMC40NzM4NTUgMjIuMDU0N0MwLjk4MTM1MyAyMS40MDkgMS4yMzg3OCAyMC43MDY3IDEuMjM4NzggMjAuMDA2NEMxLjIzODc4IDE5LjMwNTkgMC45ODExODEgMTguNjE1NSAwLjQ3MjYwOCAxNy45OTQ0TDAuNDcyNjI1IDE3Ljk5NDRMMC40NzEyNjQgMTcuOTkyOEwwLjQzMzU0OCAxNy45NDg2TDAuNDI4ODMxIDE3Ljk0MzFMMC40MjgyMzkgMTcuOTQyNEwwLjQyODE1OCAxNy45NDIzTDAuNDI4MTM1IDE3Ljk0MjNMMC40MjgxMDYgMTcuOTQyM0wwLjQyODA1IDE3Ljk0MjJMMC40Mjc5MzggMTcuOTQyMUwwLjQyNzcxMyAxNy45NDE4QzAuNDI1OTI1IDE3Ljk0MTQgMC40MjQxNSAxNy45NDEgMC40MjIzODcgMTcuOTQwNkwwLjQyNDY1NiAxNy45Mzg0QzAuMDI3NzkxMyAxNy41MjA0IC0wLjAxMjMzODcgMTYuODcwNCAwLjM0MzYyMiAxNi40MDU0QzAuNTAyNzY5IDE2LjIyMDEgMC43MzQ4MzcgMTYuMDg5MyAwLjk1NTU4NyAxNi4wODkzQzEuMjE5NzcgMTYuMDg5MyAxLjQ1Mjc2IDE2LjIyMDYgMS42NTU0MyAxNi40NTc4WiIgZmlsbD0iIzNCNDY1OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); } .villas__icon-img._4e { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zNC44Mjk0IDE1LjA5NDZIMzguMDMwOUMzOC4xMjU3IDE1LjA5NTggMzguMjIgMTUuMTA4IDM4LjMxMTkgMTUuMTMwOEMzOC42MDg3IDE1LjE2MzIgMzguODgzMiAxNS4zMDE3IDM5LjA4MzUgMTUuNTIwMkMzOS4yODM5IDE1LjczODcgMzkuMzk2MyAxNi4wMjIxIDM5LjM5OTQgMTYuMzE2OEMzOS4zODY0IDE4LjMxNCAzOC45ODcxIDIwLjI4MTcgMzguMjMxOSAyMi4xMTY3TTM0LjgyOTQgMTUuMDk0NkMzNC41NzUgMTMuODk4NiAzMy45MTMyIDEyLjgyNDYgMzIuOTU0MyAxMi4wNTE2QzMxLjk5NTMgMTEuMjc4NiAzMC43OTcgMTAuODUzMiAyOS41NTkgMTAuODQ2MkMyOC4zMjA5IDEwLjgzOTEgMjcuMTE3NyAxMS4yNTA5IDI2LjE0OTggMTIuMDEyOUMyNS4xODE5IDEyLjc3NDkgMjQuNTA3NiAxMy44NDEyIDI0LjIzOTIgMTUuMDM0M00zNC44Mjk0IDE1LjA5NDZMMjQuMjM5MiAxNS4wMzQzTTI0LjIzOTIgMTUuMDM0M0gyMi41NjExTDIyLjYzMDMgMS44MDI4M0MyMi42MzAzIDEuNDgyOTQgMjIuNTAxNiAxLjE3NjE1IDIyLjI3MjQgMC45NDk5NTRDMjIuMDQzMyAwLjcyMzc1OCAyMS43MzI1IDAuNTk2NjgyIDIxLjQwODQgMC41OTY2ODJIMjEuMzIyOUMxOC4xMTA2IDAuNTk1MSAxNC45NzMzIDEuNTU0ODQgMTIuMzI1IDMuMzQ5MjdDOS42NzY2MSA1LjE0MzcgNy42NDE2MyA3LjY4ODUgNi40ODg1MSAxMC42NDc5QzUuMzM1MzkgMTMuNjA3MyA1LjQzNzY0IDE0Ljg5NzYgNS40Mzc2NCAxNC44OTc2TTAgMTAuNTk5N0gxLjIyMTk0QzEuNzkxODEgMTAuNTg0NSAyLjM1ODg3IDEwLjY4MzUgMi44ODg4NCAxMC44OTA5QzMuNDE4ODEgMTEuMDk4MiAzLjkwMDY4IDExLjQwOTQgNC4zMDUzMSAxMS44MDU4QzUuMDgyOTQgMTIuNjQ3NSA1LjQ5MDIxIDEzLjc1OTYgNS40Mzc2NCAxNC44OTc2TTUuNDM3NjQgMTQuODk3NlYxNi4xMDM3QzUuNDIwMDUgMTguMTY0NiA1LjgxNzExIDIwLjIwODQgNi42MDU3OSAyMi4xMTY3TTYuNjA1NzkgMjIuMTE2N0M3LjM5NDQ4IDI0LjAyNSA4LjU1OTEgMjUuNzU5NyAxMC4wMzIxIDI3LjIyMDRDMTEuMjczIDI4LjQ2MTEgMTIuNzE0MiAyOS40ODk2IDE0LjI5NjcgMzAuMjYzOU02LjYwNTc5IDIyLjExNjdIMzguMjMxOU0xNC4yOTY3IDMwLjI2MzlDMTMuMjg3OCAzMC42NTE5IDEyLjQ0NzQgMzEuMzc0OSAxMS45MjAyIDMyLjMwODRDMTEuMzkzIDMzLjI0MiAxMS4yMTIgMzQuMzI3OCAxMS40MDgzIDM1LjM3ODlDMTEuNjA0NiAzNi40Mjk5IDEyLjE2NTkgMzcuMzgwNiAxMi45OTU3IDM4LjA2NzNDMTMuODI1NCAzOC43NTQgMTQuODcxNyAzOS4xMzM3IDE1Ljk1NDUgMzkuMTQxMUgxNS45ODNDMTYuODQ1NyAzOS4xNCAxNy42OTExIDM4LjkwMTkgMTguNDI0NSAzOC40NTM0QzE5LjE1NzkgMzguMDA0OSAxOS43NTA0IDM3LjM2MzcgMjAuMTM1NSAzNi42MDE3QzIwLjUyMDcgMzUuODM5NyAyMC42ODMzIDM0Ljk4NjkgMjAuNjA1MyAzNC4xMzg4QzIwLjUyNzIgMzMuMjkwNyAyMC4yMTE2IDMyLjQ4MDggMTkuNjkzNiAzMS43OTk3TTE0LjI5NjcgMzAuMjYzOUMxNC4yOTY3IDMwLjI2MzkgMTUuOTYzNSAzMC45ODQ4IDE3LjAxNzMgMzEuMjg0N0MxOC4wNzExIDMxLjU4NDUgMTkuNjkzNiAzMS43OTk3IDE5LjY5MzYgMzEuNzk5N00xOS42OTM2IDMxLjc5OTdDMjAuMTk4NyAzMS44NDggMjAuNzAzOCAzMS44NzYxIDIxLjIxNyAzMS44ODAxSDIzLjQyODdIMjMuNTI2NEMyNC4wNzA1IDMxLjg4MDUgMjQuNjE0MyAzMS44NTM2IDI1LjE1NTcgMzEuNzk5N00yNS4xNTU3IDMxLjc5OTdDMjQuNjIyNyAzMi40Nzc4IDI0LjI5MyAzMy4yODk4IDI0LjIwMzkgMzQuMTQzNUMyNC4xMTQ4IDM0Ljk5NzMgMjQuMjY5OSAzNS44NTg2IDI0LjY1MTYgMzYuNjI5N0MyNS4wMzMzIDM3LjQwMDggMjUuNjI2MyAzOC4wNTA5IDI2LjM2MzQgMzguNTA2MkMyNy4xMDA0IDM4Ljk2MTUgMjcuOTUyIDM5LjIwMzcgMjguODIxNSAzOS4yMDU1SDI4Ljg1QzI5LjkzOTggMzkuMjAzNiAzMC45OTQ0IDM4LjgyNDUgMzEuODMwMSAzOC4xMzQyQzMyLjY2NTggMzcuNDQzOCAzMy4yMjk3IDM2LjQ4NTkgMzMuNDIzNSAzNS40Mjc0QzMzLjYxNzQgMzQuMzY4OSAzMy40Mjg5IDMzLjI3NjggMzIuODkwOSAzMi4zNDEzQzMyLjM1MjkgMzEuNDA1OSAzMS40OTk0IDMwLjY4NjQgMzAuNDc5MyAzMC4zMDgxTTI1LjE1NTcgMzEuNzk5N0MyNS4xNTU3IDMxLjc5OTcgMjYuNzI5NiAzMS41NTE0IDI3LjcxMjggMzEuMjg0N0MyOC44MTg1IDMwLjk4NDcgMzAuNDc5MyAzMC4zMDgxIDMwLjQ3OTMgMzAuMzA4MU0zMC40NzkzIDMwLjMwODFDMzMuMTM4OCAyOS4wMjc1IDM1LjM4MyAyNy4wMzkxIDM2Ljk1OTEgMjQuNTY3MUMzNy40NTc0IDIzLjc4NTQgMzcuODgyNyAyMi45NjUyIDM4LjIzMTkgMjIuMTE2NyIgc3Ryb2tlPSIjM0I0NjU4IiBzdHJva2Utd2lkdGg9IjEuNCIvPgo8cGF0aCBkPSJNMjYuNzc4MSA2LjYxMTRDMjYuMzk5MiA2LjA0NDM1IDI2LjE5NjkgNS4zNzc2OSAyNi4xOTY5IDQuNjk1NzFDMjYuMTk3OSAzLjc4MTI5IDI2LjU2MTYgMi45MDQ2IDI3LjIwODIgMi4yNThDMjcuODU0OCAxLjYxMTQgMjguNzMxNSAxLjI0NzcgMjkuNjQ1OSAxLjI0NjY4QzMwLjMyNzkgMS4yNDY3NCAzMC45OTQ1IDEuNDQ5IDMxLjU2MTYgMS44Mjc4OUMzMi4xMjg3IDIuMjA2ODQgMzIuNTcwOCAyLjc0NTQ2IDMyLjgzMTggMy4zNzU2M0MzMy4wOTI4IDQuMDA1OCAzMy4xNjExIDQuNjk5MjIgMzMuMDI4IDUuMzY4MjFDMzIuODk1IDYuMDM3MiAzMi41NjY1IDYuNjUxNyAzMi4wODQyIDcuMTM0MDFDMzEuNjAxOSA3LjYxNjMyIDMwLjk4NzQgNy45NDQ3OCAzMC4zMTg0IDguMDc3ODVDMjkuNjQ5NCA4LjIxMDkyIDI4Ljk1NiA4LjE0MjYyIDI4LjMyNTggNy44ODE2QzI3LjY5NTcgNy42MjA1NyAyNy4xNTcgNy4xNzg1NCAyNi43NzgxIDYuNjExNFoiIHN0cm9rZT0iIzNCNDY1OCIgc3Ryb2tlLXdpZHRoPSIxLjMiLz4KPC9zdmc+Cg==); } .villas__icon-img._5e { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zOS4zMTAzIDBIMC42ODk2NTVDMC4yNzU4NjIgMCAwIDAuMjc1ODYyIDAgMC42ODk2NTVWMzkuMzEwM0MwIDM5LjcyNDEgMC4yNzU4NjIgNDAgMC42ODk2NTUgNDBIOC45NjU1MkgzMS4wMzQ1SDM5LjMxMDNDMzkuNzI0MSA0MCA0MCAzOS43MjQxIDQwIDM5LjMxMDNWMC42ODk2NTVDNDAgMC4yNzU4NjIgMzkuNzI0MSAwIDM5LjMxMDMgMFpNOS42NTUxNyAzOC42MjA3VjguMjc1ODZIMTkuMzEwM1YzOC42MjA3SDkuNjU1MTdaTTIwLjY4OTcgMzguNjIwN1Y4LjI3NTg2SDMwLjM0NDhWMzguNjIwN0gyMC42ODk3Wk0zOC42MjA3IDM4LjYyMDdIMzEuNzI0MVY3LjU4NjIxQzMxLjcyNDEgNy4xNzI0MSAzMS40NDgzIDYuODk2NTUgMzEuMDM0NSA2Ljg5NjU1SDguOTY1NTJDOC41NTE3MiA2Ljg5NjU1IDguMjc1ODYgNy4xNzI0MSA4LjI3NTg2IDcuNTg2MjFWMzguNjIwN0gxLjM3OTMxVjEuMzc5MzFIMzguNjIwN1YzOC42MjA3WiIgZmlsbD0iIzNCNDY1OCIvPgo8cGF0aCBkPSJNMTYuMzQ1MyA1LjMxMDI3TDE3LjI0MTggNC40MTM3MkwxOC4xMzg0IDUuMzEwMjdDMTguMjc2MyA1LjQ0ODIgMTguNDgzMiA1LjUxNzE3IDE4LjYyMTEgNS41MTcxN0MxOC43NTkxIDUuNTE3MTcgMTguOTY2IDUuNDQ4MiAxOS4xMDM5IDUuMzEwMjdDMTkuMzc5NyA1LjAzNDQxIDE5LjM3OTcgNC42MjA2MSAxOS4xMDM5IDQuMzQ0NzVMMTcuNzI0NiAyLjk2NTQ0QzE3LjQ0ODcgMi42ODk1OCAxNy4wMzQ5IDIuNjg5NTggMTYuNzU5MSAyLjk2NTQ0TDE1LjM3OTcgNC4zNDQ3NUMxNS4xMDM5IDQuNjIwNjEgMTUuMTAzOSA1LjAzNDQxIDE1LjM3OTcgNS4zMTAyN0MxNS42NTU2IDUuNTg2MTMgMTYuMDY5NCA1LjU4NjEzIDE2LjM0NTMgNS4zMTAyN1oiIGZpbGw9IiMzQjQ2NTgiLz4KPHBhdGggZD0iTTIyLjI3NTcgNS4zMTAyN0MyMi40MTM2IDUuNDQ4MiAyMi42MjA1IDUuNTE3MTcgMjIuNzU4NCA1LjUxNzE3QzIyLjg5NjMgNS41MTcxNyAyMy4xMDMyIDUuNDQ4MiAyMy4yNDEyIDUuMzEwMjdMMjQuNjIwNSAzLjkzMDk2QzI0Ljg5NjQgMy42NTUxIDI0Ljg5NjQgMy4yNDEzIDI0LjYyMDUgMi45NjU0NEMyNC4zNDQ2IDIuNjg5NTggMjMuOTMwOCAyLjY4OTU4IDIzLjY1NSAyLjk2NTQ0TDIyLjc1ODQgMy44NjE5OUwyMS44NjE5IDIuOTY1NDRDMjEuNTg2IDIuNjg5NTggMjEuMTcyMiAyLjY4OTU4IDIwLjg5NjMgMi45NjU0NEMyMC42MjA1IDMuMjQxMyAyMC42MjA1IDMuNjU1MSAyMC44OTYzIDMuOTMwOTZMMjIuMjc1NyA1LjMxMDI3WiIgZmlsbD0iIzNCNDY1OCIvPgo8L3N2Zz4K); } .villas__icon-img._6e { background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zNy43NzI3IDI4Ljk5MTZIMzYuNjc3MlYxMC45OTU5SDM3Ljc3MjdDMzkuMDAxMSAxMC45OTU5IDQwIDEwLjAyMDYgNDAgOC44MjEzMkM0MCA3LjYyMTI2IDM5LjAwMTEgNi42NDYwMyAzNy43NzI3IDYuNjQ2MDNIMzYuNjc3MlY1LjU2MDIyQzM2LjY3NzIgMy4wNDIxNiAzNS4wMzEyIDAuODE0NTM2IDMyLjU4MjcgMC4wMTYyMTY4QzMyLjU2NjkgMC4wMTAzMTk3IDMyLjU1MDMgMC4wMTU0Nzg5IDMyLjUzNDQgMC4wMTE3OTMyQzMyLjQ4OTkgMC4wMDA3MzYxNDEgMzIuNDQ4MyAwIDMyLjQwMjMgMEMzMi4zNTc3IDAgMzIuMzE3NyAwLjAwMTQ3MzI4IDMyLjI3MzkgMC4wMTE3OTMyQzMyLjI1ODEgMC4wMTU0Nzg5IDMyLjI0MDcgMC4wMTAzMTk3IDMyLjIyNDggMC4wMTYyMTY4QzI5Ljc3NjMgMC44MTM3OTkgMjguMTMxMiAzLjA0MjE2IDI4LjEzMTIgNS41NjAyMlY2LjY0NjAzSDI0LjI3MjNWNS41NjAyMkMyNC4yNzIzIDMuMDQyOSAyMi42MjcxIDAuODE0NTM2IDIwLjE3ODYgMC4wMTYyMTY4QzIwLjE2MjcgMC4wMTAzMTk3IDIwLjE0NTMgMC4wMTU0Nzg5IDIwLjEyOTUgMC4wMTE3OTMyQzIwLjA4NTcgMC4wMDE0NzMyOCAyMC4wNDQyIDAuMDAwNzM2NDkzIDE5Ljk5OTYgMC4wMDA3MzY0OTNDMTkuOTU1MSAwLjAwMDczNjQ5MyAxOS45MTM2IDAuMDAxNDczMjggMTkuODY5OCAwLjAxMTc5MzJDMTkuODUzOSAwLjAxNTQ3ODkgMTkuODM2NSAwLjAxMDMxOTcgMTkuODIwNyAwLjAxNjIxNjhDMTcuMzcyMiAwLjgxMzc5OSAxNS43MjYyIDMuMDQyMTYgMTUuNzI2MiA1LjU2MDIyVjYuNjQ2MDNIMTEuODY3M1Y1LjU2MDIyQzExLjg2NzMgMy4wNDIxNiAxMC4yMjIyIDAuODE0NTM2IDcuNzczNjUgMC4wMTYyMTY4QzcuNzU3NzkgMC4wMTAzMTk3IDcuNzQxMTggMC4wMTU0Nzg5IDcuNzI0NTcgMC4wMTE3OTMyQzcuNjgwNzggMC4wMDE0NzMyOCA3LjY0MDAxIDAuMDAwNzM2NDkzIDcuNTk0NzEgMC4wMDA3MzY0OTNDNy41NDk0MSAwLjAwMDczNjQ5MyA3LjUwNzg4IDAuMDAxNDczMjggNy40NjQwOSAwLjAxMTc5MzJDNy40NDgyMyAwLjAxNTQ3ODkgNy40MzE2MiAwLjAxMDMxOTcgNy40MTU3NyAwLjAxNjIxNjhDNC45NjcyNSAwLjgxMzc5OSAzLjMyMjA3IDMuMDQyMTYgMy4zMjIwNyA1LjU2MDIyVjYuNjQ2MDNIMi4yMjY1NEMwLjk5ODg4OCA2LjY0NjAzIDAgNy42MjEyNiAwIDguODIxMzJDMCAxMC4wMjA2IDAuOTk4ODg4IDEwLjk5NTkgMi4yMjY1NCAxMC45OTU5SDMuMzIyMDdWMjguOTkxNkgyLjIyNjU0QzAuOTk4ODg4IDI4Ljk5MTYgMCAyOS45NjY4IDAgMzEuMTY2MUMwIDMyLjM2NTUgMC45OTg4ODggMzMuMzQxNCAyLjIyNjU0IDMzLjM0MTRIMy4zMjIwN1YzNC40MjhDMy4zMjIwNyAzNi45NDY4IDQuOTY3MjUgMzkuMTc0NCA3LjQxNTc3IDM5Ljk3Mkw3LjQyMDMgMzkuOTcyN0M3LjQ3NjE3IDM5Ljk5MDQgNy41MzUwNiA0MCA3LjU5NDcxIDQwQzcuNjU0MzUgNDAgNy43MTMyNCAzOS45OTA0IDcuNzY5MTIgMzkuOTcyN0w3Ljc3MzY1IDM5Ljk3MkMxMC4yMjIyIDM5LjE3NDQgMTEuODY3MyAzNi45NDY4IDExLjg2NzMgMzQuNDI4VjMzLjM0MTRIMTUuNzI2MlYzNC40MjhDMTUuNzI2MiAzNi45NDY4IDE3LjM3MjIgMzkuMTc0NCAxOS44MjA3IDM5Ljk3MkwxOS44MjQ1IDM5Ljk3MjdDMTkuODgxMSAzOS45OTA0IDE5Ljk0MDcgNDAgMTkuOTk5NiA0MEMyMC4wNTg1IDQwIDIwLjExODIgMzkuOTkwNCAyMC4xNzQ4IDM5Ljk3MjdMMjAuMTc4NiAzOS45NzJDMjIuNjI3MSAzOS4xNzQ0IDI0LjI3MjMgMzYuOTQ2OCAyNC4yNzIzIDM0LjQyOFYzMy4zNDE0SDI4LjEzMTJWMzQuNDI4QzI4LjEzMTIgMzYuOTQ2IDI5Ljc3NjMgMzkuMTczNyAzMi4yMjQ4IDM5Ljk3MkwzMi4yMjg2IDM5Ljk3MjdDMzIuMjg1MiAzOS45OTA0IDMyLjM0NDEgNDAgMzIuNDAzOCA0MEMzMi40NjM0IDQwIDMyLjUyMjMgMzkuOTkwNCAzMi41Nzg5IDM5Ljk3MjdMMzIuNTgyNyAzOS45NzJDMzUuMDMxMiAzOS4xNzQ0IDM2LjY3NzIgMzYuOTQ2OCAzNi42NzcyIDM0LjQyOFYzMy4zNDE0SDM3Ljc3MjdDMzkuMDAxMSAzMy4zNDE0IDQwIDMyLjM2NTUgNDAgMzEuMTY2MUM0MCAyOS45NjY4IDM5LjAwMTEgMjguOTkxNiAzNy43NzI3IDI4Ljk5MTZaTTM2LjY3NzIgNy43NTE3M0gzNy43NzI3QzM4LjM3NjcgNy43NTE3MyAzOC44Njc1IDguMjMxNjEgMzguODY3NSA4LjgyMTMyQzM4Ljg2NzUgOS40MTEwMyAzOC4zNzY3IDkuODkwMTYgMzcuNzcyNyA5Ljg5MDE2SDM2LjY3NzJWNy43NTE3M1pNMy4zMjA1NiAzMi4yMzY1SDIuMjI1MDNDMS42MjE3OCAzMi4yMzY1IDEuMTMxMDIgMzEuNzU2NiAxLjEzMTAyIDMxLjE2NjlDMS4xMzEwMiAzMC41NzcyIDEuNjIxNzggMzAuMDk4IDIuMjI1MDMgMzAuMDk4SDMuMzIwNTZWMzIuMjM2NVpNMy4zMjA1NiA5Ljg5MDE2SDIuMjI1MDNDMS42MjE3OCA5Ljg5MDE2IDEuMTMxMDIgOS40MTEwMyAxLjEzMTAyIDguODIxMzJDMS4xMzEwMiA4LjIzMTYxIDEuNjIxNzggNy43NTE3MyAyLjIyNTAzIDcuNzUxNzNIMy4zMjA1NlY5Ljg5MDE2Wk03LjAyNjk0IDM4LjYxMTJDNS40NjAyOCAzNy43OTg5IDQuNDUzMDkgMzYuMjAyMyA0LjQ1MzA5IDM0LjQyOFY1LjU2MDIyQzQuNDUzMDkgMy43ODU5NCA1LjQ2MDI4IDIuMTkwMDMgNy4wMjY5NCAxLjM3Njk3VjM4LjYxMTJaTTEwLjczNDEgMzQuNDI4QzEwLjczNDEgMzYuMjAyMyA5LjcyNjg3IDM3Ljc5ODkgOC4xNjAyMiAzOC42MTEyVjEuMzc3NzFDOS43MjY4NyAyLjE5MDAzIDEwLjczNDEgMy43ODY2NyAxMC43MzQxIDUuNTYwOTZWMzQuNDI4Wk0xNS43MjU1IDMyLjIzNjVIMTEuODY2NlYzMC4wOThIMTUuNzI1NVYzMi4yMzY1Wk0xNS43MjU1IDI4Ljk5MTZIMTEuODY2NlYxMC45OTU5SDE1LjcyNTVWMjguOTkxNlpNMTUuNzI1NSA5Ljg5MDE2SDExLjg2NjZWNy43NTE3M0gxNS43MjU1VjkuODkwMTZaTTE5LjQzMjYgMzguNjExMkMxNy44NjUyIDM3Ljc5ODkgMTYuODU4IDM2LjIwMjMgMTYuODU4IDM0LjQyOFY1LjU2MDIyQzE2Ljg1OCAzLjc4NjY3IDE3Ljg2NTIgMi4xOTAwMyAxOS40MzI2IDEuMzc2OTdWMzguNjExMlpNMjMuMTM5IDM0LjQyOEMyMy4xMzkgMzYuMjAyMyAyMi4xMzE4IDM3Ljc5ODkgMjAuNTY1MSAzOC42MTEyVjEuMzc3NzFDMjIuMTMxOCAyLjE5MDc3IDIzLjEzOSAzLjc4NjY3IDIzLjEzOSA1LjU2MDk2VjM0LjQyOFpNMjQuMjcxNSA3Ljc1MTczSDI4LjEyOTZWOS44OTAxNkgyNC4yNzE1VjcuNzUxNzNaTTI4LjEzMDQgMzIuMjM2NUgyNC4yNzIzVjMwLjA5OEgyOC4xMzA0VjMyLjIzNjVaTTI4LjEzMTIgMjguOTkxNkgyNC4yNzIzVjEwLjk5NTlIMjguMTMxMlYyOC45OTE2Wk0zMS44Mzc1IDM4LjYxMTJDMzAuMjcwOSAzNy43OTg5IDI5LjI2MzcgMzYuMjAyMyAyOS4yNjM3IDM0LjQyOFY1LjU2MDIyQzI5LjI2MzcgMy43ODY2NyAzMC4yNzA5IDIuMTkwNzcgMzEuODM3NSAxLjM3Njk3VjM4LjYxMTJaTTM1LjU0NDcgMzQuNDI4QzM1LjU0NDcgMzYuMjAyMyAzNC41Mzc1IDM3Ljc5ODkgMzIuOTcgMzguNjExMlYxLjM3NzcxQzM0LjUzNjcgMi4xOTA3NyAzNS41NDQ3IDMuNzg2NjcgMzUuNTQ0NyA1LjU2MDk2VjM0LjQyOFpNMzcuNzcyNyAzMi4yMzY1SDM2LjY3NzJWMzAuMDk4SDM3Ljc3MjdDMzguMzc2NyAzMC4wOTggMzguODY3NSAzMC41NzcyIDM4Ljg2NzUgMzEuMTY2OUMzOC44Njc1IDMxLjc1NjYgMzguMzc2NyAzMi4yMzY1IDM3Ljc3MjcgMzIuMjM2NVoiIGZpbGw9IiMzQjQ2NTgiLz4KPC9zdmc+Cg==); } @media only screen and (max-width: 750px) { .villas__icon-img { max-width: 40px; max-height: 40px; } } .villas__icon-text { max-width: 218px; font-size: 20px; line-height: 130%; } @media only screen and (max-width: 750px) { .villas__icon-text { font-size: 16px; } } @media only screen and (max-width: 750px) { .villas__icon { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .villas__icon:last-child { margin-bottom: 0; } } .villas__slider { margin: 56px 0 73px 0; } @media only screen and (max-width: 750px) { .villas__slider { margin: 32px 0 32px 0; } } .villas__slider .swiper-container._top { height: 512px; } @media only screen and (max-width: 750px) { .villas__slider .swiper-container._top { height: auto; } } .villas__slider .swiper-container._bottom { height: 100px; margin-top: 2px; } .villas__slider .swiper-container._bottom .swiper-slide-thumb-active:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.55)), to(rgba(255, 255, 255, 0.55))); background: linear-gradient(0deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.55)); opacity: .7; z-index: 1; } @media only screen and (max-width: 750px) { .villas__slider .swiper-container._bottom { display: none; } } .villas__slider._last { margin-bottom: 0; } .villas__slide { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; cursor: pointer; } .villas__slide._image-loaded { opacity: 1; } .villas__slide:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); z-index: 1; } @media only screen and (max-width: 750px) { .villas__slide { min-height: 260px; } } .villas__slide .swiper-slide-active:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.55)), to(rgba(255, 255, 255, 0.55))); background: linear-gradient(0deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.55)); opacity: .7; z-index: 1; } .villas__slide._small { cursor: default; } @media only screen and (max-width: 750px) { .villas__slide._small { display: none; } } .villas__pagination { display: none; } @media only screen and (max-width: 750px) { .villas__pagination .swiper-pagination-bullet-active { background-color: #37465b; } } .villas__pagination.swiper-pagination { display: none; } @media only screen and (max-width: 750px) { .villas__pagination.swiper-pagination { position: relative; bottom: auto; margin-top: 20px; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .villas__pagination.swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; } } @media only screen and (max-width: 750px) { .villas__next, .villas__prev { display: none; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .site-rating-entry { width: 226px; margin-top: 24px; padding: 16px 20px; background: #454f61; } @media only screen and (max-width: 750px) { .site-rating-entry { width: 100%; padding: 16px 32px; } } .site-rating-entry__title { text-align: center; font-size: 14px; color: #fff; } .site-rating-entry__button { width: 100%; height: 32px; margin-top: 12px; border-radius: 0; font-size: 12px; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .site-rating-star { width: 48px; height: 48px; cursor: pointer; } .site-rating-star svg { stroke: #b1b5bc; -webkit-transition: stroke .3s ease, fill .3s ease; transition: stroke .3s ease, fill .3s ease; } .site-rating-star:hover svg { stroke: #ecc44f; fill: #ecc44f; } .site-rating-star._active svg { stroke: #ecc44f; fill: #ecc44f; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .site-rating-stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .site-rating-stars__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 24px; margin-top: 28px; } .site-rating-stars__labels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; margin-right: 20px; margin-left: 20px; } @media only screen and (max-width: 750px) { .site-rating-stars__labels { margin-left: 0; margin-right: 0; } } .site-rating-stars__label { font-size: 12px; color: #434748; cursor: pointer; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .site-rating-success { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 368px; height: 356px; } @media only screen and (max-width: 750px) { .site-rating-success { width: 100%; height: 396px; } } .site-rating-success__icon { width: 46px; height: 46px; margin-top: auto; margin-bottom: 20px; } .site-rating-success__title { margin-bottom: 4px; font-weight: 500; font-size: 24px; line-height: 40px; color: #3b4658; } .site-rating-success__text { font-size: 16px; line-height: 26px; color: #a0acbf; } .site-rating-success__button { width: 100%; height: 40px; margin-top: auto; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .site-rating { position: fixed; left: 50%; z-index: 200; bottom: 20px; min-width: 440px; padding: 36px; background: #fff; -webkit-transform: translate(-50%, 200%); transform: translate(-50%, 200%); -webkit-box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 3px 20px rgba(0, 0, 0, 0.08); box-shadow: 0 20px 8px -12px rgba(0, 0, 0, 0.05), 0 3px 20px rgba(0, 0, 0, 0.08); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .site-rating._active { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media only screen and (max-width: 750px) { .site-rating._active { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (max-width: 750px) { .site-rating { left: unset; bottom: 0; width: 100%; min-width: 100%; padding: 32px; -webkit-transform: translate(0, 200%); transform: translate(0, 200%); } } @media only screen and (max-width: 750px) { .site-rating__overlay { position: fixed; z-index: 100; inset: 0; background: rgba(20, 25, 26, 0.6); opacity: 0; visibility: hidden; } } @media only screen and (max-width: 750px) { .site-rating__overlay._active { opacity: 1; visibility: visible; } } .site-rating__title { font-size: 16px; line-height: 140%; color: #3b4658; } @media only screen and (max-width: 750px) { .site-rating__title { font-size: 18px; font-weight: 500; } } .site-rating__comment { margin-top: 32px; } @media only screen and (max-width: 750px) { .site-rating__comment { margin-top: 28px; } } .site-rating__textarea { width: 368px; height: 90px; margin: 16px 0; } @media only screen and (max-width: 750px) { .site-rating__textarea { width: 100%; } } .site-rating__button { width: 368px; height: 40px; margin-top: 20px; } @media only screen and (max-width: 750px) { .site-rating__button { width: 100%; } } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .booking-place { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; background-color: white; } @media only screen and (max-width: 750px) { .booking-place { max-width: 100%; } } .booking-place._h400 { height: 400px; overflow-y: hidden; } .booking-place__outer { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 522px; padding: 44px 40px 30px; margin: 0 auto; } @media only screen and (max-width: 750px) { .booking-place__outer { width: 100%; padding: 48px 20px 0; } } @media only screen and (max-width: 330px) { .booking-place__outer { padding-left: 15px; padding-right: 15px; } } .booking-place__title { font-weight: 500; font-size: 30px; line-height: 40px; color: #3B4657; } @media only screen and (max-width: 750px) { .booking-place__title { font-size: 24px; line-height: 32px; } } .booking-place__notification { margin-top: 1.2rem; font-size: 1.6rem; line-height: 2.4rem; color: #626b79; } .booking-place__notify { width: 100%; margin-top: 32px; } .booking-place__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 38px; } @media only screen and (max-width: 750px) { .booking-place__inner { margin-top: 26px; } } .booking-place__messages { margin-top: 25px; margin-bottom: -15px; } @media only screen and (max-width: 750px) { .booking-place__messages { margin-top: 20px; } } .booking-place__message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; color: #3B4657; } .booking-place__message a { color: #3B4657; } .booking-place__message._mt20 { margin-top: -20px; } @media only screen and (max-width: 750px) { .booking-place__message._mt20 { margin-top: -12px; } } .booking-place__message-icn { -ms-flex-negative: 0; flex-shrink: 0; width: 21px; height: 21px; margin-right: 12px; } .booking-place__message-link { position: relative; font-weight: 500; } .booking-place__message-link:after { content: ""; position: absolute; top: 95%; left: 0; width: 100%; height: 1px; background-color: #3b4658; white-space: nowrap; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .booking-place__message-link:hover:after { opacity: 0; } .booking-place__info { margin-bottom: 32px; } .booking-place__info._last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 38px; } .booking-place__info-title { margin-bottom: 12px; font-size: 16px; line-height: 20px; text-transform: lowercase; color: #3B4657; } @media only screen and (max-width: 750px) { .booking-place__info-title { font-size: 18px; } } .booking-place__info-title:first-letter { text-transform: uppercase; } .booking-place__info-body { padding: 22px 20px 22px 30px; border-left: 5px solid #3b4658; background-color: #f9f9f9; } .booking-place__info-body._sale { padding-top: 15px; padding-bottom: 15px; } @media only screen and (max-width: 750px) { .booking-place__info-body { padding: 20px 5px 20px 22px; } } .booking-place__info-sale { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; font-size: 12px; line-height: 14px; } .booking-place__info-sale-price { text-decoration: line-through; } .booking-place__info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -20px; } .booking-place__info-col { margin-bottom: 20px; } .booking-place__info-col._number { margin-right: 26px; } @media only screen and (max-width: 750px) { .booking-place__info-col._number { margin-right: 15px; } } .booking-place__info-col._square { width: 84px; margin-right: 26px; } @media only screen and (max-width: 750px) { .booking-place__info-col._square { width: 65px; margin-right: 15px; } } .booking-place__info-col._num-pos { margin-right: 20px; } @media only screen and (max-width: 750px) { .booking-place__info-col._num-pos { margin-right: 15px; } } .booking-place__info-headline { margin-bottom: 4px; font-size: 14px; line-height: 20px; color: #3B4657; opacity: .6; } .booking-place__info-data { color: #3B4657; font-size: 24px; line-height: 31px; white-space: nowrap; } @media only screen and (max-width: 750px) { .booking-place__info-data { font-size: 16px; } } .booking-place__info-data._sale { color: #ef3b24; } .booking-place__info-data-old-price { color: #3b4658; font-size: 12px; line-height: 14px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .booking-place__input { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 8px; margin-bottom: 24px; } .booking-place__input .v-input__native { height: 46px; } .booking-place__input .v-input__placeholder { font-size: 18px; line-height: 26px; color: #767676; } .booking-place__input .v-input__native { font-size: 18px; } .booking-place__input .v-input__label { top: 8px; font-size: 20px; line-height: 120%; color: #3B4657; } @media only screen and (max-width: 750px) { .booking-place__input .v-input__label { top: 10px; font-size: 18px; } } .booking-place__submit { position: relative; width: 100%; height: 80px; font-size: 24px; } @media only screen and (max-width: 750px) { .booking-place__submit { height: 60px; margin-top: 35px; font-size: 16px; } } .booking-place__submit .more { position: absolute; padding: 0; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .booking-place__error { position: absolute; top: -8px; left: 0; color: #ef3b24; font-size: 13px; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .booking-place__checkbox { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .booking-place__checkbox.v-checkbox { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-color: #d4d4d4; line-height: 120%; } .booking-place__checkbox.v-checkbox._active .v-checkbox__box { border-color: #d4d4d4; } .booking-place__checkbox .v-checkbox__content { line-height: 20px; color: #3B4657; } .booking-place__checkbox .v-checkbox__box { margin-right: 20px; } .booking-place__checkbox .v-checkbox__box:after { top: 4px; left: 4px; width: 12px; height: 12px; background-image: none; background-color: #3D4859; } @media only screen and (max-width: 750px) { .booking-place__checkbox .v-checkbox__box { margin-right: 12px; } } .booking-place__result { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 20px; font-size: 20px; text-align: center; background-color: white; z-index: 3; } @charset "UTF-8"; /*stylelint-disable*/ /* shadows */ /* Transitions */ /* Breakpoints */ /* На данном этапе участвуют только в respond-to-min */ /* Sizes */ /* Z-indexes */ /*stylelint-enable*/ /*stylelint-disable*/ /* For respond-to */ /* End respond-to */ /*stylelint-enable*/ /*stylelint-disable*/ /* Animations */ /*stylelint-enable*/ .booking-steps-place { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 1179px; background-color: white; } @media only screen and (max-width: 750px) { .booking-steps-place { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; } } .booking-steps-place__head { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 44px 56px; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .booking-steps-place__head { padding: 48px 20px 20px; } } .booking-steps-place__title { width: 100%; margin-bottom: 8px; font-size: 30px; font-weight: 500; line-height: 40px; color: #3B4657; } @media only screen and (max-width: 750px) { .booking-steps-place__title { max-width: 216px; margin-bottom: 8px; font-size: 24px; } } .booking-steps-place__subtitle { font-weight: 400; font-size: 16px; line-height: 22px; color: #3B4657; } @media only screen and (max-width: 750px) { .booking-steps-place__subtitle { font-size: 14px; } } .booking-steps-place__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 28px 62px 44px; margin-bottom: -24px; } @media only screen and (max-width: 750px) { .booking-steps-place__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 20px 0; margin-bottom: 0; } } .booking-steps-place__info { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: calc((100% - 24px) / 2); margin-bottom: 24px; } @media only screen and (max-width: 750px) { .booking-steps-place__info { width: 100%; } } .booking-steps-place__info-title { margin-bottom: 8px; font-size: 16px; line-height: 28px; color: #3b4658; } @media only screen and (max-width: 750px) { .booking-steps-place__info-title { font-size: 14px; } } .booking-steps-place__info-body { padding: 19px 10px 19px 42px; border-left: 5px solid #3b4658; background-color: #f9f9f9; } @media only screen and (max-width: 750px) { .booking-steps-place__info-body { padding: 20px 22px; } } .booking-steps-place__info-sale { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; font-size: 12px; line-height: 14px; } .booking-steps-place__info-sale-price { text-decoration: line-through; } .booking-steps-place__info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .booking-steps-place__info-col { margin-bottom: 14px; } .booking-steps-place__info-col._number { width: 42px; margin-right: 39px; } @media only screen and (max-width: 750px) { .booking-steps-place__info-col._number { margin-right: 32px; } } .booking-steps-place__info-col._square { width: 84px; margin-right: 32px; } @media only screen and (max-width: 750px) { .booking-steps-place__info-col._square { width: 75px; } } .booking-steps-place__info-headline { margin-bottom: 4px; font-weight: 300; font-size: 14px; line-height: 20px; opacity: .6; } .booking-steps-place__info-data { font-size: 24px; line-height: 32px; white-space: nowrap; color: #3B4657; } @media only screen and (max-width: 750px) { .booking-steps-place__info-data { font-size: 16px; } } .booking-steps-place__info-data._sale { color: #ef3b24; } .booking-steps-place__info-data-old-price { color: #3b4658; font-size: 12px; line-height: 14px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .booking-steps-place__steps { padding: 0 62px 60px; } @media only screen and (max-width: 750px) { .booking-steps-place__steps { padding: 0 20px; } } .booking-steps-place__steps-title { margin-bottom: 16px; font-size: 20px; font-weight: 500; line-height: 140%; color: #3B4657; } @media only screen and (max-width: 750px) { .booking-steps-place__steps-title { margin-bottom: 18px; font-size: 20px; } } .booking-steps-place__steps-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 44px; } @media only screen and (max-width: 750px) { .booking-steps-place__steps-wrap { margin-bottom: 36px; } } .booking-steps-place__step { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc((100% - 24px) / 2); padding: 36px 44px; background-color: #f9f9f9; overflow: hidden; } @media only screen and (max-width: 750px) { .booking-steps-place__step { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 35px; margin-bottom: 20px; } .booking-steps-place__step:last-child { margin-bottom: 0; } } .booking-steps-place__step-text { color: #000; font-size: 16px; line-height: 26px; } .booking-steps-place__step-num { position: absolute; bottom: -82px; right: 20px; font-weight: bold; font-size: 120px; line-height: 138.1%; color: #eee; } .booking-steps-place__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (max-width: 750px) { .booking-steps-place__row { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .booking-steps-place__item { width: calc((100% - (23px * 2)) / 3); } .booking-steps-place__item:last-child { width: calc((100% - (11px * 2)) / 3); } @media only screen and (max-width: 750px) { .booking-steps-place__item { width: 100%; } .booking-steps-place__item:first-child { margin-bottom: 22px; } } .booking-steps-place__input .v-input__native { height: 54px; } .booking-steps-place__input .v-input__label { color: #3B4657; font-size: 16px; line-height: 26px; } .booking-steps-place__input .v-input__placeholder { color: #767676; font-size: 18px; line-height: 26px; } .booking-steps-place__label { display: block; margin-bottom: 18px; font-size: 18px; line-height: 20px; } .booking-steps-place__submit { height: 56px; width: 100%; } @media only screen and (max-width: 750px) { .booking-steps-place__submit { height: 60px; width: 100vw; margin: 0 -20px; margin-top: 36px; } } .booking-steps-place__submit .more { padding: 0; } .booking-steps-place__link { position: relative; display: inline-block; margin-top: 20px; font-size: 16px; line-height: 26px; color: #3B4657; } @media only screen and (max-width: 750px) { .booking-steps-place__link { display: none; margin-top: 0; margin-bottom: 30px; -ms-flex-item-align: center; align-self: center; } } .booking-steps-place__link:hover:after { background-color: rgba(59, 70, 88, 0); } .booking-steps-place__link:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: #3b4658; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .booking-steps-place__link._mobile { display: none; } @media only screen and (max-width: 750px) { .booking-steps-place__link._mobile { display: inline-block; top: 0; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } }