/* 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*/ .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); } .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); } .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; } .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-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; } .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-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-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-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; } .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; } .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-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); } .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; } .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 */ @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*/ .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*/ .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*/ @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*/ .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*/ .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__required { margin-left: .2rem; font-size: 1.6rem; line-height: 1.6rem; color: #292522; } .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*/ .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*/ .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; }