/* Start:/static/css/main.css?1744911122189415*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } @font-face { font-family: "Roboto-Medium"; src: url("/static/css/../fonts/Roboto-Medium.eot"); src: url("/static/css/../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/static/css/../fonts/Roboto-Medium.woff2") format("woff2"), url("/static/css/../fonts/Roboto-Medium.woff") format("woff"), url("/static/css/../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "PTSerif-Bold"; src: url("/static/css/../fonts/PTSerif-Bold.eot"); src: url("/static/css/../fonts/PTSerif-Bold.eot?#iefix") format("embedded-opentype"), url("/static/css/../fonts/PTSerif-Bold.woff2") format("woff2"), url("/static/css/../fonts/PTSerif-Bold.woff") format("woff"), url("/static/css/../fonts/PTSerif-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "PTSerif-Regular"; src: url("/static/css/../fonts/PTSerif-Regular.eot"); src: url("/static/css/../fonts/PTSerif-Regular.eot?#iefix") format("embedded-opentype"), url("/static/css/../fonts/PTSerif-Regular.woff2") format("woff2"), url("/static/css/../fonts/PTSerif-Regular.woff") format("woff"), url("/static/css/../fonts/PTSerif-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "PTSerif-Caption"; src: url("/static/css/../fonts/PTSerif-Caption.eot"); src: url("/static/css/../fonts/PTSerif-Caption.eot?#iefix") format("embedded-opentype"), url("/static/css/../fonts/PTSerif-Caption.woff2") format("woff2"), url("/static/css/../fonts/PTSerif-Caption.woff") format("woff"), url("/static/css/../fonts/PTSerif-Caption.ttf") format("truetype"); font-weight: normal; font-style: normal; } html { box-sizing: border-box; } body { font-family: "PTSerif-Regular", serif; line-height: 1.4; font-size: 100%; background-color: #ebebec; color: #0e202e; } *, *:before, *:after { box-sizing: inherit; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .container { 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; } .main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .clr { content: ''; display: table; clear: both; } a { color: #5d5d5d; text-decoration: none; } h1 { font-size: 54px; line-height: 1; letter-spacing: .15em; font-family: "PTSerif-Caption"; } h2 { font-size: 28px; line-height: 1.45; letter-spacing: .075em; text-transform: uppercase; font-family: "PTSerif-Caption"; } h3 { font-size: 20px; line-height: 1.6; letter-spacing: .015em; font-family: "PTSerif-Caption"; } h4 { font-size: 18px; line-height: 1.4; } .microtext { font-size: 10px; line-height: 1.6; letter-spacing: 0.2em; text-transform: uppercase; } .ruble { font-size: 70%; margin: 0 4px; } .sup { display: inline-block; vertical-align: top; font-size: 50%; line-height: 1.5; } [data-hide] { display: none; } .loader-window { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #B4DCD6; z-index: 1000; } .loader-window__progress { display: block; width: 100px; height: 100px; border-radius: 100%; border: 16px solid #B4DCD6; border-right-color: #739993; border-left-color: #739993; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; -webkit-animation-name: progressLOader; animation-name: progressLOader; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; } @-webkit-keyframes progressLOader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes progressLOader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media only screen and (max-width: 767px) { h1 { font-size: 24px; line-height: 1.3; } h2 { font-size: 22px; } h3 { font-size: 18px; } } @font-face { font-family: "seliger-city"; src: url("/static/css/../fonts/seliger-city.eot"); src: url("/static/css/../fonts/seliger-city.eot?#iefix") format("eot"), url("/static/css/../fonts/seliger-city.woff2") format("woff2"), url("/static/css/../fonts/seliger-city.woff") format("woff"), url("/static/css/../fonts/seliger-city.ttf") format("truetype"), url("/static/css/../fonts/seliger-city.svg#seliger-city") format("svg"); } .ic-360, .ic-arrow-left, .ic-arrow-right, .ic-camera, .ic-car, .ic-cash, .ic-check, .ic-close, .ic-cube, .ic-download, .ic-favorites, .ic-geopoint, .ic-mail, .ic-minus, .ic-movie, .ic-paramm, .ic-phone, .ic-play, .ic-plus, .ic-print, .ic-route-submit, .ic-ruble, .ic-screen, .ic-slider-arrow-left, .ic-slider-arrow-right, .ic-soc-face, .ic-soc-insta, .ic-soc-tube, .ic-soc-twit, .ic-soc-vk, .ic-star, .ic-view-list, .ic-view-tile { font-family: "seliger-city"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-decoration: none; text-transform: none; } .ic-360:before { content: "\E001"; } .ic-arrow-left:before { content: "\E002"; } .ic-arrow-right:before { content: "\E003"; } .ic-camera:before { content: "\E004"; } .ic-car:before { content: "\E005"; } .ic-cash:before { content: "\E006"; } .ic-check:before { content: "\E007"; } .ic-close:before { content: "\E008"; } .ic-cube:before { content: "\E009"; } .ic-download:before { content: "\E00A"; } .ic-favorites:before { content: "\E00B"; } .ic-geopoint:before { content: "\E00C"; } .ic-mail:before { content: "\E00D"; } .ic-minus:before { content: "\E00E"; } .ic-movie:before { content: "\E00F"; } .ic-paramm:before { content: "\E010"; } .ic-phone:before { content: "\E011"; } .ic-play:before { content: "\E012"; } .ic-plus:before { content: "\E013"; } .ic-print:before { content: "\E014"; } .ic-route-submit:before { content: "\E015"; } .ic-ruble:before { content: "\E016"; } .ic-screen:before { content: "\E017"; } .ic-slider-arrow-left:before { content: "\E018"; } .ic-slider-arrow-right:before { content: "\E019"; } .ic-soc-face:before { content: "\E01A"; } .ic-soc-insta:before { content: "\E01B"; } .ic-soc-tube:before { content: "\E01C"; } .ic-soc-twit:before { content: "\E01D"; } .ic-soc-vk:before { content: "\E01E"; } .ic-star:before { content: "\E01F"; } .ic-view-list:before { content: "\E020"; } .ic-view-tile:before { content: "\E021"; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.5; } .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-close { width: 24px; height: 24px; font-style: normal; font-size: 24px; line-height: 1; color: #000000; background: transparent; border: none; outline: none; position: absolute; right: 24px; top: 24px; text-decoration: none; text-align: center; opacity: 0.75; padding: 0; cursor: pointer; z-index: 1100; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .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 { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-zoom-out-cur { cursor: zoom-out; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-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-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .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-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; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.5; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* padding-bottom and top for image */ .mfp-no-margins img.mfp-img { padding: 0; } /* position of shadow behind the image */ .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } /* padding for main container */ .mfp-no-margins .mfp-container { padding: 0; } .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: transparent; z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .range-box-green .irs { height: 45px; } .range-box-green .irs-line { height: 2px; bottom: 11px; position: absolute; width: 100%; display: block; overflow: hidden; outline: none !important; background: #ffffff; } .range-box-green .irs-line-left { height: 2px; } .range-box-green .irs-line-mid { height: 2px; } .range-box-green .irs-line-right { height: 2px; } .range-box-green .irs-bar { height: 2px; bottom: 11px; background: #739993; } .range-box-green .irs-slider { bottom: 0; width: 24px; height: 24px; background: #B4DCD6; border-radius: 100%; cursor: pointer; } .range-box-green .irs-slider:after { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; background-color: #ffffff; border-radius: 100%; } .range-box-green .irs-slider.state_hover, .range-box-green .irs-slider:hover { background: #ffffff; } .range-box-green .irs-slider.state_hover:after, .range-box-green .irs-slider:hover:after { background-color: #B4DCD6; } .range-box-green .irs-min, .range-box-green .irs-max { font-size: 20px; line-height: 20px; text-transform: uppercase; color: #ffffff; display: block; position: absolute; top: 0; } .range-box-green .irs-min { left: -24px; } .range-box-green .irs-max { right: -24px; } .range-box-green .irs-from, .range-box-green .irs-to, .range-box-green .irs-single { display: none !important; } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; width: 100%; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 30px; position: absolute !important; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 6px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { 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; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 6px; height: 100%; margin: 0 auto; 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; } .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; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .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; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .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; 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; 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; 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; } .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; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .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 { 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; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { 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; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { 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: #ebebec; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: #ebebec; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: #ebebec; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(/static/css/mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { 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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); 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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); 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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .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, .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 { width: 16px; height: 16px; margin: -1px 0; } .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, .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 { width: 4px; } .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, .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 { height: 16px; width: 16px; margin: 0 -1px; } .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, .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 { height: 4px; 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; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.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; } .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; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { border-radius: 16px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.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-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.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-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.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; } .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; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; } .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.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-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.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-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; 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-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .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; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .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, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.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; } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 16px; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #ebebec; filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #ebebec; filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .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, .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 { width: 12px; } .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, .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 { 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; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .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; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .page { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .page__in { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 100%; margin: 0 auto; } .button { display: inline-block; text-decoration: none; outline: none; border: none; cursor: pointer; font-family: "PTSerif-Regular", serif; font-size: 16px; line-height: 20px; padding: 8px 20px 12px; color: #000000; background-color: #B4DCD6; border-radius: 40px; box-sizing: border-box; transition: background-color .2s ease-in-out; } .button:before { font-family: "seliger-city"; } .button:active { color: rgba(255, 255, 255, 0.5); } .button.disabled { color: rgba(255, 255, 255, 0.5); cursor: default; } .button.disabled:hover { background-color: #739993; } .button__icon { display: inline-block; vertical-align: top; font-size: 16px; position: relative; top: 4px; margin: 0 16px 0 0; } .button_block { display: block; width: 100%; box-sizing: border-box; text-align: center; padding: 8px 12px 12px; } .button_callback .button__icon { font-size: 20px; top: 0; } .button_round { width: 40px; height: 40px; padding: 0 0 0 2px; line-height: 40px; text-align: center; font-size: 14px; } .button_transparent { background-color: transparent !important; color: #708694; } .button_close { display: block; position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; font-size: 20px; line-height: 24px; font-weight: bold; background-color: transparent; color: #B4DCD6; padding: 0; border-radius: 0; } .button-more { display: table; position: relative; text-decoration: none; outline: none; padding: 0; border: 1px solid #ffffff; color: #ffffff; font-size: 10px; height: 40px; line-height: 36px; letter-spacing: 0.22em; text-transform: uppercase; transition: all .2s ease-in-out; } .button-more__text { padding: 0 9px 0 14px; position: relative; z-index: 3; } .button-more:before { float: right; position: relative; z-index: 3; width: 40px; line-height: 38px; font-size: 14px; padding-left: 3px; text-align: center; border-left: 1px solid #ffffff; } .button-more:after { content: ''; display: block; position: absolute; z-index: 1; background-color: #B4DCD6; top: 0; left: 0; height: 100%; width: 0; transition: all .2s ease-in-out; } .button-more_green { border-color: #B4DCD6; color: #B4DCD6; } .button-more_green:before { border-color: #B4DCD6; } .button-back { padding: 21px 24px; font-size: 10px; line-height: 13px; text-transform: uppercase; letter-spacing: .2em; color: #0e202e; transition: all .2s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .button-back__icon { display: block; font-size: 14px; line-height: 1; margin-right: 7px; } .button-back__text { display: block; } .button-back__mark { display: block; color: #B4DCD6; letter-spacing: 0.1em; } .button-back__mark:before, .button-back__mark:after { content: '\a0'; } .button-icon-text { padding: 20px 24px; color: #bec1c9; font-size: 13px; line-height: 16px; transition: all .2s ease-in-out; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .button-icon-text__text { display: block; } .button-icon-text__icon { display: block; position: relative; font-size: 16px; line-height: 1; margin-right: 10px; } .button-icon-text__icon_circle { font-size: 24px; } .desktop .button:hover { background-color: #739993; } .desktop .button.disabled:hover { background-color: #739993; } .desktop .button_close:hover { background-color: transparent; color: #739993; } .desktop .button-more:hover { border-color: #B4DCD6; color: #ffffff; } .desktop .button-more:hover:before { border-color: #B4DCD6; } .desktop .button-more:hover:after { width: 100%; } .desktop .button-more_green:hover { background-color: #B4DCD6; color: #ffffff; } .desktop .button-back:hover { color: #B4DCD6; } .desktop .button-icon-text:hover { color: #B4DCD6; } .desktop .button-icon-text:hover .button-icon-text__icon_circle:after { background-color: #B4DCD6; } .sidebar { width: 100%; max-width: 248px; position: relative; z-index: 99; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sidebar { height: 100%; background-color: #ffffff; } } .sidebar__in { position: fixed; top: 0; left: 0; width: 100%; max-width: 248px; height: 100vh; min-height: 768px; z-index: 3; } .sidebar__in { position: sticky; } .sidebar__in:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #ffffff; z-index: 2; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sidebar__in { position: relative; } } .sidebar__block { position: relative; background-color: #ffffff; margin: 0; padding: 0 40px; z-index: 5; } .sidebar__top { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; } .sidebar__middle { position: absolute; top: 50%; left: 0; width: 100%; height: 244px; margin-top: -122px; z-index: 3; } .sidebar__bottom { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; } @media all and (max-width: 1024px) { .sidebar { max-width: 248px; overflow: auto; position: fixed; left: 0; top: 0; height: 100%; } .sidebar__in { width: 248px; transition: all .2s ease-in-out; } .sidebar .site-phone, .sidebar .site-developer, .sidebar .sidebar__middle, .sidebar .sidebar__top, .sidebar .sidebar__bottom, .sidebar .share, .sidebar .copyright, .sidebar .button, .sidebar .favorites__title, .sidebar .favorites__link { transition: all .5s ease-in-out; } .sidebar.open { max-width: 440px; } .sidebar.minimized { max-width: 64px; overflow: hidden; } .sidebar.minimized .tablet-menu { display: block; } .sidebar.minimized .sidebar__in { height: 100%; width: 100%; overflow: hidden; } .sidebar.minimized .site-logo__in { display: none; } .sidebar.minimized .site-logo__mobile { display: block; } .sidebar.minimized .sidebar__block { padding: 0; } .sidebar.minimized .sidebar__top, .sidebar.minimized .sidebar__bottom { position: relative; } .sidebar.minimized .favorites__link { text-align: center; } .sidebar.minimized .site-phone, .sidebar.minimized .site-developer, .sidebar.minimized .sidebar__middle, .sidebar.minimized .share, .sidebar.minimized .copyright, .sidebar.minimized .button, .sidebar.minimized .favorites__title { visibility: hidden; opacity: 0; position: relative; margin: 0; } .sidebar.minimized .site-phone, .sidebar.minimized .site-developer, .sidebar.minimized .sidebar__middle, .sidebar.minimized .sidebar__top, .sidebar.minimized .sidebar__bottom, .sidebar.minimized .share, .sidebar.minimized .copyright, .sidebar.minimized .button, .sidebar.minimized .favorites__title, .sidebar.minimized .favorites__link { transition: none; } } @media all and (max-height: 940px) { .sidebar__middle { top: 340px; margin-top: 0; } } @media all and (max-height: 768px) { .sidebar__in { height: 768px; } } .content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 80px; } .content_map-container { height: 100%; } .content_map-container .content__main, .content_map-container .content__aside { height: 100%; } .content_plans { display: block; position: relative; overflow: hidden; height: 100%; min-height: 800px; padding-bottom: 0; } .content_plans .content__column { height: 100%; } .content_plans .content__header { position: absolute; z-index: 5; top: 0; left: 0; width: auto; } .content_one-page { display: block; position: relative; overflow: hidden; min-height: 100vh; } .content_one-page .content__column { height: 100%; } .content_one-page .content__header { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; } .content_one-col { display: block; } .content_side-wide .content__main { width: 66.66666667%; } .content_side-wide .content__aside { width: 33.33333333%; } .content__header, .content__footer { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .content__main { width: 75%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .content__aside { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .content__housings { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content__column { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media all and (max-width: 1024px) { .content { padding-left: 64px; } } .site-logo { display: block; } .site-logo__in { display: block; position: relative; overflow: hidden; max-width: 143px; margin: 40px 0 20px; padding-right: 18px; text-decoration: none; font-size: 0; line-height: 0; outline: none; } .site-logo img { display: block; width: 100%; } .site-logo__icon { display: block; height: 40px; width: 40px; position: absolute; right: 0; bottom: 28px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .site-logo__mobile { display: none; padding: 20px 11px; width: 64px; height: 64px; position: relative; } .site-phone { position: relative; overflow: hidden; } .site-phone__code { font-size: 13px; line-height: 20px; } .site-phone__number { font-family: "PTSerif-Caption"; font-size: 20px; line-height: 24px; letter-spacing: -0.04em; color: #708694; cursor: default; } .site-phone__callback { margin: 0 0 12px; padding: 6px 0; } .site-phone__link { font-size: 10px; line-height: 16px; letter-spacing: .21em; color: #000000; text-decoration: none; outline: none; text-transform: uppercase; } .site-developer { position: relative; } .site-developer__list { position: relative; } .site-developer__item { position: relative; overflow: hidden; } .site-developer__link { display: table; text-decoration: none; position: relative; margin: 6px 0 4px; } .site-developer__link img { display: block; margin: 0; } .site-developer__title { font-size: 13px; line-height: 24px; color: #708694; } .main-menu { position: relative; padding: 21px 0; } .main-menu__item { position: relative; } .main-menu__item:last-of-type { border-bottom: 1px solid #ebebec; } .main-menu__link { display: block; position: relative; text-decoration: none; outline: none; color: #000000; font-size: 16px; line-height: 38px; border-top: 1px solid #ebebec; border-bottom: 1px solid transparent; } .main-menu__link.active { color: #B4DCD6; } .main-menu__link.active:after { content: ''; display: block; height: 100%; width: 4px; background: #B4DCD6; position: absolute; top: 0; right: -40px; } .main-menu__link:before { content: ''; display: block; width: 40px; height: 100%; position: absolute; top: 0; left: 100%; } .main-menu__link:hover { color: #B4DCD6; } @media all and (max-height: 768px) { .main-menu { padding: 15px 0; } } .under-menu { display: none; width: 100%; height: 100vh; position: relative; background-color: #B4DCD6; -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; } .under-menu.push .under-menu__item { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .under-menu__container { display: block; width: 100%; height: 100%; max-width: 192px; position: absolute; left: 0; top: 0; z-index: 1; transition: all .2s ease-in-out; } .under-menu__container .under-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } .under-menu__container.open { left: 100%; } .under-menu__item { position: relative; transition: -webkit-transform 0.8s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.7, 0, 0.3, 1); } .under-menu__item:nth-of-type(1) { -webkit-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); } .under-menu__item:nth-of-type(2) { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); } .under-menu__item:nth-of-type(3) { -webkit-transform: translate3d(0, 900px, 0); transform: translate3d(0, 900px, 0); } .under-menu__item:nth-of-type(4) { -webkit-transform: translate3d(0, 1100px, 0); transform: translate3d(0, 1100px, 0); } .under-menu__item:nth-of-type(5) { -webkit-transform: translate3d(0, 1300px, 0); transform: translate3d(0, 1300px, 0); } .under-menu__item:nth-of-type(6) { -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); } .under-menu__item:nth-of-type(7) { -webkit-transform: translate3d(0, 1700px, 0); transform: translate3d(0, 1700px, 0); } .under-menu__item:nth-of-type(8) { -webkit-transform: translate3d(0, 1900px, 0); transform: translate3d(0, 1900px, 0); } .under-menu__item:nth-of-type(9) { -webkit-transform: translate3d(0, 2100px, 0); transform: translate3d(0, 2100px, 0); } .under-menu__item:nth-of-type(10) { -webkit-transform: translate3d(0, 2200px, 0); transform: translate3d(0, 2200px, 0); } .under-menu__item:nth-of-type(11) { -webkit-transform: translate3d(0, 2300px, 0); transform: translate3d(0, 2300px, 0); } .under-menu__item:nth-of-type(12) { -webkit-transform: translate3d(0, 2400px, 0); transform: translate3d(0, 2400px, 0); } .under-menu__item:nth-of-type(13) { -webkit-transform: translate3d(0, 2500px, 0); transform: translate3d(0, 2500px, 0); } .under-menu__item:last-of-type .under-menu__link-in { border-bottom-color: transparent; } .under-menu__link { display: block; position: relative; text-decoration: none; outline: none; color: #000000; font-size: 13px; line-height: 16px; margin-top: -1px; padding: 0 24px; } .under-menu__link-in { display: block; padding: 13px 0 12px; border-bottom: 1px solid #ffffff; } .under-menu__link.active { color: #000000; } .under-menu__link.active:after { content: ''; display: block; height: 100%; width: 4px; background: #B4DCD6; position: absolute; top: 0; right: 0; } .under-menu__link:hover { color: #B4DCD6; background-color: #000000; } .under-menu__link:hover .under-menu__link-in { border-color: transparent; } .under-menu-bg { position: fixed; left: 0; right: 0; z-index: 98; background-color: #000000; opacity: 0.7; width: 100vw; height: 100vh; transform: translateX(-100%); transition: all 0.5s ease } .under-menu-bg.open { transform: translateX(0); } .under-menu-close { position: absolute; top: 20px; right: 20px; display: inline-block; width: 20px; height: 20px; background-color: transparent; border: 0; outline: 0; cursor: pointer; opacity: 0.7} .under-menu-close:hover { opacity: 1; } .favorites { position: relative; } .favorites__link { display: table; text-decoration: none; outline: none; font-size: 0; line-height: 0; } .favorites__link.disabled { cursor: default; } .favorites__link.disabled .favorites__icon_dig { background-color: #bec1c9; } .favorites__title { display: inline-block; vertical-align: top; font-size: 13px; line-height: 24px; color: #bec1c9; margin-right: 10px; } .favorites__icon { display: inline-block; vertical-align: top; width: 24px; height: 24px; color: #bec1c9; text-align: center; font-size: 24px; line-height: 24px; border-radius: 100%; } .favorites__icon_dig { margin-left: -8px; color: #ffffff; background-color: #B4DCD6; font-size: 13px; } .favorites + .button { margin: 1em auto; } .favorites-list { width: 100%; position: relative; padding-top: 217px; background-color: #ffffff; border-left: 1px solid #ebebec; } .favorites-list .flats-table__header { padding: 0 8.35%; } .favorites-list .flats-table__header .flats-table__cell { border-bottom: none; } .favorites-list .flats-table__body { padding-top: 36px; } .favorites-list .flats-table__cell { padding: 0 !important; -webkit-box-flex: 1px; -ms-flex: 1px 1 1; flex: 1px 1 1; border-bottom: 1px solid #ebebec; } .favorites-list .flats-table__row { margin: 0; padding: 0 8.35%; } .share { position: relative; font-size: 0; line-height: 0; margin: 23px 0; } .share__link { display: inline-block; position: relative; overflow: hidden; width: 20px; height: 20px; margin-right: 10px; outline: none; text-align: center; text-decoration: none; border-radius: 100%; color: #bec1c9; } .share__link:last-of-type { margin-right: 0; } .share__icon { font-size: 16px; line-height: 20px; } @media all and (max-height: 768px) { .share { margin: 5px 0 20px; } } .copyright { position: relative; color: #bec1c9; font-size: 13px; line-height: 20px; margin: -13px 0 0; padding: 0 0 15px; } .tile { position: relative; } .tile__in { overflow: hidden; width: 100%; height: 100%; } .tile_w25 { width: 25%; } .tile_w33 { width: 33.33333333%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .tile_w50 { width: 50%; } .tile_w66 { width: 66.66666666%; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .tile_w75 { width: 75%; } .tile_w100 { width: 100%; -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; } .tile_h192 { height: 192px; } .tile_h384 { height: 384px; } .tile_h480 { height: 480px; } .tile_h576 { height: 576px; } .tile_h768 { height: 768px; } .oferta { width: 100%; min-height: 80px; overflow: hidden; background-color: #B4DCD6; color: #000000; font-size: 11px; line-height: 16px; letter-spacing: .1em; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: fixed; bottom: -200px; left: 0; padding-left: 248px; z-index: 97; transition: all .2s ease-in-out; } .oferta.visible { bottom: 0; } .oferta__text { width: 75%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; padding: 24px; } .oferta__title { display: block; width: 100%; } .oferta__copy { width: 25%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; padding: 24px; } @media all and (max-width: 1024px) { .oferta { padding-left: 64px; } } .preloader-default { position: fixed; width: 100%; height: 100%; top: 0; right: 0; background: #B4DCD6; z-index: 11; } .preloader-default__progress { display: block; width: 100px; height: 100px; border-radius: 100%; border: 16px solid #B4DCD6; border-right-color: #739993; border-left-color: #739993; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; -webkit-animation-name: progressLoader; animation-name: progressLoader; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; } @-webkit-keyframes progressLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes progressLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .tile-block { display: block; position: relative; text-decoration: none; outline: none; width: 100%; height: 100%; cursor: default; } .tile-block__in { width: 100%; height: 100%; display: block; position: relative; } .tile-block__lid { font-size: 10px; line-height: 16px; text-transform: uppercase; letter-spacing: .25em; display: block; position: absolute; top: 21px; left: 25px; z-index: 10; } .tile-block__title { font-family: "PTSerif-Caption"; font-size: 22px; line-height: 24px; } .tile-block__text { font-size: 16px; line-height: 24px; } .tile-block__content { position: absolute; bottom: 0; left: 0; padding: 24px; } .tile-block__button-box { text-align: center; margin: 44px 0 11px; } .tile-block__button-box .button { display: inline-block; } .tile-block__arrow { position: absolute; color: #fff; top: 50%; transform: translateY(-50%); font-size: 30px; width: 80px; height: 80px; z-index: 3; } .tile-block__arrow:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #B4DCD6; border-radius: 100%; top: 0; left: 0; transition: all .2s ease-in-out; } .tile-block__arrow:hover:after { background: #739993; } .tile-block__arrow:active { color: rgba(255, 255, 255, 0.5); } .tile-block__arrow svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .tile-block__arrow_left { left: 20px; } .tile-block__arrow_right { right: 20px; } .tile-block_transparent { background-color: transparent !important; } .tile-block_blue { background-color: #000000; } .tile-block_brown { background-color: #B4DCD6; } .tile-block_promo { display: table; color: #ffffff; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } .tile-block_promo:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #0e202e; opacity: .55; box-sizing: border-box; } .tile-block_promo .tile-block__in { display: table-cell; text-align: center; vertical-align: middle; } .tile-block_promo * { position: relative; display: block; z-index: 2; } .tile-block_promo .tile-block__lid { font-size: 10px; line-height: 16px; text-transform: uppercase; letter-spacing: .21em; top: 0; left: 0; right: 0; bottom: 0; } .tile-block_promo .tile-block__title { font-size: 60px; line-height: 1; letter-spacing: .175em; padding: 7px 0 62px; text-transform: uppercase; } .tile-block_promo .tile-block__title:after { content: ''; display: block; width: 40px; height: 1px; background-color: #ffffff; position: absolute; left: 50%; margin-left: -20px; bottom: 29px; } .tile-block_promo .tile-block__text { font-size: 16px; line-height: 24px; max-width: 480px; margin: 0 auto 12px; } .tile-block_promo .tile-block__arrow { position: absolute; z-index: 3; } .tile-block_stock { cursor: pointer; color: #ffffff; background-color: #B4DCD6; } .tile-block_stock .tile-block__in:before { content: ''; display: block; width: 72px; height: 72px; position: absolute; right: 8%; top: 12%; background-image: url(/static/css/../i/svg/percent-icon.svg); background-repeat: no-repeat; background-position: 50% 50%; } .tile-block_stock .tile-block__text { position: absolute; bottom: 18px; left: 0; padding: 0 24px; } .tile-block_stock .tile-block__title { position: absolute; display: block; bottom: 44%; left: 0; padding: 0 24px; letter-spacing: 0; text-transform: none; } .tile-block_video { color: #ffffff; } .tile-block_video .tile-block__in:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: #0e202e; opacity: .6; box-sizing: border-box; } .tile-block_video * { position: relative; z-index: 3; } .tile-block_video .button { position: absolute; bottom: 24px; left: 24px; } .tile-block_video .tile-block__lid { color: #ffffff; } .tile-block_video .tile-block__bg-img { display: block; z-index: 1; transition: all 1s linear; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); min-width: 100%; min-height: 100%; width: auto; height: auto; } .tile-block_video:hover .tile-block__bg-img { transition: all 5s ease-in-out; -webkit-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } .tile-block_video:hover .button { background-color: #739993; } .tile-block_about { cursor: pointer; background-color: #ffffff; color: #708694; } .tile-block_about .tile-block__text { position: absolute; bottom: 18px; left: 0; padding: 0 24px; color: #B4DCD6; } .tile-block_info { cursor: default; color: #000000; } .tile-block_info .tile-block__in { padding: 24px; } .tile-block_info .tile-block__text { color: #000000; margin: 0 0 2em; } .tile-block_info .tile-block__title { color: #0e202e; display: block; margin: 0 0 1em; letter-spacing: 0; text-transform: none; } .tile-block_info .tile-block__image { cursor: pointer; display: block; outline: none; position: relative; overflow: hidden; max-height: 440px; border: 4px solid #708694; } .tile-block_info .tile-block__image img { display: block; width: 100%; } .tile-block_color { cursor: pointer; color: #000000; } .tile-block_color .tile-block__text { display: block; } .tile-block_color .tile-block__title { display: block; margin: 0 0 1em; letter-spacing: 0; text-transform: none; } .tile-block_color .tile-block__img-wrap { display: block; position: relative; overflow: hidden; margin: 0 0 2em; border-bottom: 2px solid #000000; } .tile-block_color .tile-block__image { filter: invert(1);display: block; width: 100%; max-width: 240px; margin-bottom: -2px; } .tile-block_color .tile-block__content { display: block; width: 100%; } .tile-block_online { background-color: #f0f0f1; background-repeat: no-repeat; background-position: 50% 100%; background-size: cover; color: #ffffff; width: 101%; margin: 0 -.5%; } .tile-block_online .tile-block__link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(14, 32, 46, 0.4); cursor: pointer; z-index: 1; } .tile-block_online .tile-block__link:hover .button_round { background-color: #739993; } .tile-block_online .tile-block__link .tile-block__lid { color: #000000; } .tile-block_online .button_round { display: block; position: absolute; bottom: 24px; left: 24px; } .tile-block_arch { cursor: pointer; background-color: #f0f0f1; background-repeat: no-repeat; background-position: 50% 100%; background-size: initial; color: #708694; } .tile-block_arch .tile-block__human { display: block; position: relative; left: 0; bottom: 0; width: 100%; padding: 72px 24px 24px; } .tile-block_arch .tile-block__text { display: block; color: #000000; } .tile-block_arch .tile-block__title { color: #0e202e; display: block; margin-bottom: 1em; letter-spacing: 0; text-transform: none; } .tile-block_arch .tile-block__photo { display: block; width: 152px; height: 152px; border-radius: 100%; overflow: hidden; margin-bottom: 24px; } .tile-block_arch .tile-block__photo img { display: block; width: 100%; height: 100%; } .tile-block_housing { cursor: default; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; color: #ffffff; } .tile-block_housing * { z-index: 2; } .tile-block_housing .tile-block__bg-img { display: block; position: absolute; top: 0; left: 0; height: 100%; min-width: 100%; z-index: 1; transition: all .5s ease-in-out; } .tile-block_housing .tile-block__title { position: absolute; display: block; top: 11%; left: 0; padding: 0 24px; letter-spacing: 0.1em; font-size: 28px; line-height: 40px; font-family: "PTSerif-Caption"; text-transform: uppercase; } .tile-block_housing .tile-block__footer { position: absolute; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid transparent; transition: all .5s ease-in-out; } .tile-block_housing .tile-block__counter { display: block; width: 56px; height: 55px; text-align: center; line-height: 55px; font-size: 10px; text-transform: uppercase; border-right: 1px solid rgba(255, 255, 255, 0.25); } .tile-block_housing .tile-block__text { display: block; line-height: 55px; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; padding: 0 24px; } .tile-block_housing .tile-block__hover-block { visibility: hidden; opacity: 0; position: absolute; bottom: 24px; left: 24px; z-index: 10; transition: all .2s ease-in-out; } .tile-block_housing:hover:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: .5; background-color: #0e202e; } .tile-block_housing:hover .tile-block__footer { bottom: 220px; border-bottom-color: rgba(255, 255, 255, 0.25); } .tile-block_housing:hover .tile-block__hover-block { transition: all 1s ease-in-out; visibility: visible; opacity: 1; } .tile-block_housing:hover .tile-block__bg-img { opacity: 0; visibility: hidden; } .tile-block_view { color: #000000; } .tile-block_view .tile-block__lid { z-index: 2; } .housing-view { position: relative; overflow: hidden; width: 100%; height: 100%; z-index: 1; background-color: #B4DCD6; } .housing-view__body { display: block; width: 100%; height: 100%; position: relative; z-index: 1; } .housing-view__footer { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 24px; left: 0; z-index: 2; width: 100%; } .housing-view__show { width: 42%; display: -webkit-box; display: -ms-flexbox; display: flex; } .housing-view__show .button { text-transform: uppercase; font-size: 10px; letter-spacing: .25em; padding: 10px 24px; } .housing-view__pager { width: 58%; display: -webkit-box; display: -ms-flexbox; display: flex; } .housing-view__title { padding: 0 14px 0 24px; line-height: 40px; font-size: 13px; } .housing-view__img-view { width: 100%; display: block; position: relative; margin: 0 auto; } .housing-view__map { position: absolute; bottom: 50%; margin-bottom: -750px; left: 0; width: 2000px; height: 1500px; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .housing-view__map .tooltip { position: absolute; } .housing-view__map .link-icon { position: absolute; background-color: #000000; } .housing-view__map .link-icon:hover { background-color: rgba(0, 0, 0, 0.5); } .housing-view__map .link-icon_camera { display: none; } .housing-view__map.state_1 .housing-box1 { top: 11%; left: 62%; } .housing-view__map.state_1 .housing-box2 { top: 33%; left: 77%; } .housing-view__map.state_1 .housing-box3 { top: 30%; left: 55%; } .housing-view__map.state_1 .housing-box4 { top: 44%; left: 60%; } .housing-view__map.state_1 .housing-box5 { top: 40%; left: 49%; } .housing-view__map.state_1 .housing-box6 { top: 68%; left: 42%; } .housing-view__map.state_1 .housing-box7 { top: 56%; left: 26%; } .housing-view__map.state_1 .housing-box8 { top: 24%; left: 44%; } .housing-view__map.state_1 .housing-box9 { top: 36%; left: 40%; } .housing-view__map.state_1 .housing-box10 { top: 26%; left: 18%; } .housing-view__map.state_1 .housing-box11 { top: 51%; left: 87%; } .housing-view__map.state_1 .camera-1 { top: 21%; left: 58%; } .housing-view__map.state_1 .camera-2 { top: 48%; left: 73%; } .housing-view__map.state_1 .camera-3 { top: 34%; left: 54%; } .housing-view__map.state_1 .camera-4 { top: 58%; left: 59%; } .housing-view__map.state_1 .camera-5 { top: 45%; left: 47%; } .housing-view__map.state_1 .camera-6 { top: 67%; left: 32%; } .housing-view__map.state_1 .camera-7 { top: 62%; left: 25%; } .housing-view__map.state_1 .camera-8 { top: 30%; left: 44%; } .housing-view__map.state_1 .camera-9 { top: 40%; left: 39%; } .housing-view__map.state_1 .camera-10 { top: 36%; left: 24%; } .housing-view__map.state_1 .camera-11 { top: 58%; left: 86%; } .housing-view__map.state_1 .panoram-1 { top: 62%; left: 65%; } .housing-view__map.state_1 .panoram-2 { top: 67%; left: 29%; } .housing-view__map.state_1 .panoram-3 { top: 55%; left: 37%; } .housing-view__map.state_1 .panoram-4 { top: 45%; left: 43%; } .housing-view__map.state_1 .panoram-5 { top: 33%; left: 50%; } .housing-view__map.state_2 .housing-box1 { top: 9%; left: 27%; } .housing-view__map.state_2 .housing-box2 { top: 9%; left: 67%; } .housing-view__map.state_2 .housing-box3 { top: 28%; left: 40%; } .housing-view__map.state_2 .housing-box4 { top: 34%; left: 71%; } .housing-view__map.state_2 .housing-box5 { top: 39%; left: 44%; } .housing-view__map.state_2 .housing-box6 { top: 60%; left: 63%; } .housing-view__map.state_2 .housing-box7 { top: 74%; left: 38%; } .housing-view__map.state_2 .housing-box8 { top: 29%; left: 31%; } .housing-view__map.state_2 .housing-box9 { top: 44%; left: 35%; } .housing-view__map.state_2 .housing-box10 { top: 56%; left: 28%; } .housing-view__map.state_2 .housing-box11 { top: 11%; left: 81%; } .housing-view__map.state_2 .camera-1 { top: 65%; left: 25%; } .housing-view__map.state_2 .camera-2 { top: 77%; left: 55%; } .housing-view__map.state_2 .camera-3 { top: 56%; left: 73%; } .housing-view__map.state_2 .panoram-1 { top: 49%; left: 40%; } .housing-view__map.state_3 .housing-box1 { top: 45%; left: 29%; } .housing-view__map.state_3 .housing-box2 { top: 13%; left: 36%; } .housing-view__map.state_3 .housing-box3 { top: 57%; left: 37%; } .housing-view__map.state_3 .housing-box4 { top: 15%; left: 55%; } .housing-view__map.state_3 .housing-box5 { top: 52%; left: 47%; } .housing-view__map.state_3 .housing-box6 { top: 34%; left: 61%; } .housing-view__map.state_3 .housing-box7 { top: 45%; left: 70%; } .housing-view__map.state_3 .housing-box8 { top: 63%; left: 44%; } .housing-view__map.state_3 .housing-box9 { top: 63%; left: 53%; } .housing-view__map.state_3 .housing-box10 { top: 55%; left: 65%; } .housing-view__map.state_3 .housing-box11 { top: 3%; left: 34%; } .housing-view__map.state_3 .camera-1 { top: 65%; left: 25%; } .housing-view__map.state_3 .camera-2 { top: 77%; left: 55%; } .housing-view__map.state_3 .camera-3 { top: 59%; left: 85%; } .housing-view__map.state_3 .panoram-1 { top: 49%; left: 40%; } .housing-view__map.state_4 .housing-box1 { top: 32%; left: 81%; } .housing-view__map.state_4 .housing-box2 { top: 53%; left: 35%; } .housing-view__map.state_4 .housing-box3 { top: 52%; left: 66%; } .housing-view__map.state_4 .housing-box4 { top: 30%; left: 30%; } .housing-view__map.state_4 .housing-box5 { top: 55%; left: 52%; } .housing-view__map.state_4 .housing-box6 { top: 30%; left: 40%; } .housing-view__map.state_4 .housing-box7 { top: 23%; left: 45%; } .housing-view__map.state_4 .housing-box8 { top: 34%; left: 70%; } .housing-view__map.state_4 .housing-box9 { top: 38%; left: 63%; } .housing-view__map.state_4 .housing-box10 { top: 8%; left: 69%; } .housing-view__map.state_4 .housing-box11 { top: 55%; left: 22%; } .housing-view__map.state_4 .camera-1 { top: 65%; left: 25%; } .housing-view__map.state_4 .camera-2 { top: 77%; left: 55%; } .housing-view__map.state_4 .camera-3 { top: 59%; left: 85%; } .housing-view__map.state_4 .panoram-1 { top: 49%; left: 40%; } .housing-info { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; z-index: 5; } .housing-info__in { display: block; position: absolute; left: 50%; margin-left: -240px; top: 100px; width: 480px; padding: 24px 32px 24px 24px; background-color: #ffffff; } .housing-info__in .button_close { z-index: 5; right: 18px; top: 22px; } .housing-info__body { position: relative; min-height: 140px; border-bottom: 1px solid #ebebec; } .housing-info__title { font-family: "PTSerif-Caption"; color: #0e202e; font-size: 22px; line-height: 32px; padding-right: 24px; letter-spacing: 0.01em; } .housing-info__about { font-size: 16px; line-height: 24px; padding: 1em 0; color: #708694; } .housing-info__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .housing-info__footer_left { width: 55%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 20px; } .housing-info__footer_right { width: 45%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 24px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .housing-info__table { display: block; width: 100%; position: relative; } .housing-info__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .housing-info__row:nth-of-type(1) { font-size: 10px; line-height: 16px; text-transform: uppercase; color: #708694; } .housing-info__row:nth-of-type(2) { font-size: 16px; line-height: 26px; color: #0e202e; } .housing-info__cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1px; -ms-flex: 1px 1 1; flex: 1px 1 1; } .pic { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: end; align-content: flex-end; background-image: linear-gradient(180deg, #3f3b3b, #3f3b3b); } .pic.rem { display: block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: transparent; background-image: linear-gradient(180deg, #3f3b3b, #3f3b3b); } .anim { width: 100%; height: 100%; background-image: linear-gradient(180deg, red, red); } .static { display: block; width: 100%; height: 100%; background-color: #0098ff; background-image: linear-gradient(180deg, #007aff, #007aff); color: transparent; } .rem { position: static; display: block; width: 100%; height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; } .rem_act { height: 100%; margin-top: 0; padding-bottom: 0; background-image: url("/static/css/../i/housing/rem_act.jpg"); background-position: 50% 40%; background-size: cover, auto; background-repeat: no-repeat, repeat; } .rem_def { height: 100%; background-image: url("/static/css/../i/housing/rem_stat.jpg"); background-position: 50% 40%; background-size: cover, auto; background-repeat: no-repeat, repeat; } .nh { width: 50%; height: 50vh; max-height: 460px; min-height: 384px; min-width: 50%; background-color: #000; } .nh_def { display: block; height: 100%; background-color: #0098ff; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a6c070059397000157838d_nh_stat.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .nh_act { height: 100%; margin-top: 0px; padding-top: 0px; background-color: red; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a6c070059397000157838e_nh_act.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .knd { display: block; overflow: hidden; width: 50%; height: 50vh; max-height: 460px; min-height: 384px; min-width: 50%; -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; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000; } .knd_def { overflow: visible; height: 100%; margin-top: 0px; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a6c82438c73b0001ee2cd0_knd_stat.jpg"); background-position: 50% 50%; background-size: cover; } .knd_act { display: block; overflow: visible; height: 100%; margin-top: 0px; margin-right: 0px; padding-top: 0px; float: none; clear: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a6c7a8ca51d80001e9b5fb_knd_act.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .image { display: block; } .lom { width: 50%; height: 50vh; max-height: 460px; min-height: 384px; min-width: 50%; } .lom_act { height: 100%; margin-top: 0px; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a830ab8ed6310001b1db0e_lom_act.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .lom_def { height: 100%; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a830ab1548dc000162df34_lom_stat.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .lev { width: 50%; height: 50vh; max-height: 460px; min-height: 384px; min-width: 50%; } .lev_act { height: 100%; margin-top: 0px; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a830ab681e2d0001d5a4ea_leven_act.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .lev_def { height: 100%; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a830ab681e2d0001d5a4eb_leven_stat.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .br { width: 50%; height: 50vh; max-height: 460px; min-height: 384px; min-width: 50%; } .br_act { height: 100%; margin-top: 0px; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a830aac5b00700015a40db_br_act.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .br_def { height: 100%; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a830aa93de900001b36c39_br_stat.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .utility-page-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .utility-page-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 260px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .utility-page-form { 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: stretch; -ms-flex-align: stretch; align-items: stretch; } ._1 { width: 50%; height: 384px; min-width: 50%; background-color: #000; } ._11 { height: 384px; background-color: #0098ff; } ._12 { height: 384px; background-color: #ff000a; } .rub { width: 100%; height: 100%; overflow: hidden; } .rub_stat { height: 100%; margin-top: 0px; background-image: url("/static/css/../i/housing/rub_stat.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .rub_light { display: block; overflow: visible; height: 100%; background-image: url("/static/css/../i/housing/rub_light.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; -webkit-animation-name: bglight; animation-name: bglight; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; } @-webkit-keyframes bglight { 0% { opacity: 0; } 48% { opacity: 1; } 54% { opacity: 1; } 56% { opacity: 0; } 60% { opacity: 0; } 62% { opacity: 1; } 66% { opacity: 1; } 68% { opacity: 0; } 82% { opacity: 0; } 88% { opacity: 1; } 96% { opacity: 1; } 100% { opacity: 0; } } @keyframes bglight { 0% { opacity: 0; } 48% { opacity: 1; } 54% { opacity: 1; } 56% { opacity: 0; } 60% { opacity: 0; } 62% { opacity: 1; } 66% { opacity: 1; } 68% { opacity: 0; } 82% { opacity: 0; } 88% { opacity: 1; } 96% { opacity: 1; } 100% { opacity: 0; } } .rep { width: 100%; height: 100%; } .rep_stat { overflow: hidden; height: 100%; background-image: url("/static/css/../i/housing/rep_stat.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .rep_1 { display: block; overflow: visible; position: absolute; height: 100%; width: 100%; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; background-image: url("/static/css/../i/housing/rep_1.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .rep_2 { display: block; overflow: visible; position: absolute; height: 100%; width: 100%; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; background-image: url("/static/css/../i/housing/rep_2.png"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; } .vg { width: 50%; height: 50vh; max-height: 460px; min-height: 384px; min-width: 50%; } .vg_stat { height: 100%; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a869a5a2e132000157e818_vg_stat.jpg"); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; } .vg_1 { position: relative; top: -100%; height: 100%; margin-top: 0%; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a9083036f241000126f9b6_vg_1.jpg"); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; } .vg_2 { height: 100%; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a90830e7fcbd0001dcdc52_vg_2.jpg"); background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; } .ber { display: block; overflow: hidden; width: 50%; height: 50vh; max-height: 460px; min-height: 384px; min-width: 50%; -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: end; -ms-flex-align: end; align-items: flex-end; } .ber_def { position: relative; top: -100%; right: 0%; height: 100%; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a90bf6622d450001e45972_ber_stat.png"); background-position: 50% 100%; background-size: cover; } .ber_act { height: 100%; margin-top: 0px; margin-left: 0px; background-image: url("http://uploads.webflow.com/599e955e51c2ef00018267d9/59a90bdd622d450001e4596a_ber_act.jpg"); background-position: 50% 100%; background-size: cover; background-repeat: repeat-x; } .bar { overflow: hidden; width: 100%; height: 100%; } .bar_act { height: 100%; background-image: url("/static/css/../i/housing/bar_act.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: repeat-x; } .bar_stat { position: relative; left: 0px; top: -100%; height: 100%; margin-top: 0%; padding-right: 0px; padding-bottom: 0px; background-image: url("/static/css/../i/housing/bar_stat.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .bar_act { -webkit-animation-name: bgscroll; animation-name: bgscroll; -webkit-animation-duration: 1000s; animation-duration: 1000s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; } @-webkit-keyframes bgscroll { from { background-position: 0px 0px, 0px 100%, 0px 50%, 0px 0px; } to { background-position: 7680px 0, 5760px 100%, 3840px 50%, 1920px 0; } } @keyframes bgscroll { from { background-position: 0px 0px, 0px 100%, 0px 50%, 0px 0px; } to { background-position: 7680px 0, 5760px 100%, 3840px 50%, 1920px 0; } } .pagination { position: relative; } .pagination__in { display: -webkit-box; display: -ms-flexbox; display: flex; } .pagination__link { display: block; width: 40px; height: 40px; text-align: center; outline: none; text-decoration: none; font-size: 13px; line-height: 38px; color: #ffffff; border: 1px solid #ffffff; border-radius: 100%; margin-right: 8px; transition: all .2s ease-in-out; } .pagination__link:last-of-type { margin-right: 0; } .pagination__link.active { background-color: #B4DCD6; border-color: #B4DCD6; cursor: default; } .pagination__link:hover { border-color: #B4DCD6; } .tooltip { display: table; position: relative; color: #ffffff; font-size: 16px; line-height: 20px; text-decoration: none; outline: none; border: none; font-family: "PTSerif-Regular", serif; } .tooltip__in { display: block; background-color: #2da822; position: relative; padding: 6px 16px; z-index: 2; transition: all .2s ease-in-out; } .tooltip:after { content: ''; display: block; position: absolute; bottom: -8px; left: 0; z-index: 1; width: 0; height: 0; border: 8px solid transparent; border-left-color: #2da822; } .tooltip:hover .tooltip__in { background-color: #185712; } .tablet-menu { display: none; width: 100%; height: 64px; position: relative; border: none; background: transparent; padding: 0; margin: 0; outline: none; text-decoration: none; font-size: 0; line-height: 0; border-top: 1px solid #ebebec; border-bottom: 1px solid #ebebec; } .tablet-menu__line { height: 2px; width: 24px; display: block; background-color: #0e202e; position: absolute; left: 50%; margin-left: -12px; } .tablet-menu__line:nth-of-type(1) { top: 21px; } .tablet-menu__line:nth-of-type(2) { top: 30px; } .tablet-menu__line:nth-of-type(3) { top: 39px; } .double-case { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-height: 489px; } .double-case__view { width: 58.33333333%; -webkit-box-flex: 7; -ms-flex-positive: 7; flex-grow: 7; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; overflow: hidden; } .double-case__content { width: 41.66666666%; -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; padding: 62px 96px; background-color: #ebebec; } .double-case_green .double-case__content { background-color: #B4DCD6; } .double-case_green .double-case__tag, .double-case_green .double-case__title, .double-case_green .double-case__text { color: #ffffff; } .double-case_brown .double-case__content { background-color: #000000; } .double-case_brown .double-case__tag, .double-case_brown .double-case__title, .double-case_brown .double-case__text { color: #ffffff; } .double-case_reverse-blocks { min-height: 481px; } .double-case_reverse-blocks .double-case__view { width: 41.66666666%; } .double-case_reverse-blocks .double-case__content { width: 58.33333333%; } .double-case_reverse-blocks:nth-of-type(2n + 1) .double-case__content { background-color: #f0f0f1; } .double-case_reverse-blocks .double-case__tag { letter-spacing: 0; } .double-case:nth-of-type(2n) .double-case__view, .double-case.reverse .double-case__view { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .double-case:nth-of-type(2n) .double-case__content, .double-case.reverse .double-case__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .double-case__tag { display: block; max-width: 220px; margin: 0 0 4px; color: #B4DCD6; } .double-case__title { display: block; margin: 0 0 22px; color: #0e202e; } .double-case__text { font-size: 16px; line-height: 1.5; color: #B4DCD6; } .double-case__text p { font-size: 16px; line-height: 1.5; margin-bottom: 1.5em; } .image-box { display: block; position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .image-box__link { display: block; outline: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; cursor: pointer; } .video-box { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; } .video-box__wrapper { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin: 0; z-index: 1; } .video-box__video { width: 100%; height: 100%; position: relative; overflow: hidden; } .video-box__player { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; } .video-box__link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: #000000; padding: 40px; transition: background-color .2s ease-in-out; } .video-box__link:hover { background-color: #000000; } .video-box__title { font-family: "PTSerif-Caption"; font-size: 20px; line-height: 24px; color: #ffffff; display: block; position: absolute; left: 24px; top: 24px; } .video-box__border { display: block; position: relative; width: 100%; height: 100%; border: 2px solid #ffffff; border-right: none; } .video-box__border:before { content: ''; display: block; width: 2px; height: 40%; background-color: #ffffff; position: absolute; right: 0; top: 0; } .video-box__border:after { content: ''; display: block; width: 2px; height: 40%; background-color: #ffffff; position: absolute; right: 0; bottom: 0; } .video-box__icon { display: block; width: 80px; height: 80px; position: absolute; right: -39px; top: 50%; margin-top: -40px; background-image: url(/static/css/../i/svg/video-play__circle.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 32px; } .video-box__play { display: block; width: 72px; height: 72px; position: absolute; top: 50%; left: 50%; margin-top: -36px; margin-left: -24px; background: url(/static/css/../i/svg/video-play__default.svg) no-repeat 50% 50%; background-size: contain; z-index: 3; } .video-box__poster { display: block; width: 240px; height: 240px; position: absolute; top: 50%; left: 50%; margin-left: -120px; margin-top: -120px; border-radius: 100%; z-index: 1; } .video-box-popup { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; } .video-box-popup__wrapper { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin: 0; z-index: 1; } .video-box-popup__preview { width: 100%; height: 100%; } .video-box-popup__preview img { display: block; width: 100%; height: 100%; } .video-box-popup__link { display: block; width: 100%; height: 102%; position: absolute; top: -1%; right: 0; z-index: 2; background: url(/static/css/../i/svg/video-shor.svg) no-repeat 50% 50%; background-size: cover; } .video-box-popup__border { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 45px 40px; } .video-box-popup__border:before { content: ''; display: block; width: 100%; height: 100%; position: relative; border: 2px solid #ffffff; } .video-box-popup__border:after { content: ''; display: block; width: 80px; height: 80px; position: absolute; right: 0; top: 50%; margin-top: -40px; background-color: #000000; background-image: url(/static/css/../i/svg/video-play__circle.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 32px; } .video-box-popup__text { font-family: "PTSerif-Caption"; font-size: 20px; line-height: 24px; color: #ffffff; display: block; position: absolute; left: 63px; top: 66px; } .video-box-popup__play { display: block; width: 72px; height: 72px; position: absolute; top: 50%; left: 50%; margin-top: -33px; margin-left: -15px; background: url(/static/css/../i/svg/video-play__default.svg) no-repeat 50% 50%; background-size: contain; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .video-box-popup__link { background: url(/static/css/../i/video-shor.png) no-repeat 50% 50%; background-size: cover; } .video-box-popup__border:after { background-color: #4182D2; } } .insta-box { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; } .insta-box__link { display: block; width: 100%; height: 100%; padding: 40px; position: relative; background-color: #000000; transition: all .2s ease-in-out; } .insta-box__link:hover { background-color: #000000; } .insta-box__border { display: block; position: relative; width: 100%; height: 100%; border: 2px solid #ffffff; border-right: none; } .insta-box__border:before { content: ''; display: block; width: 2px; height: 30%; background-color: #ffffff; position: absolute; right: 0; top: 0; } .insta-box__border:after { content: ''; display: block; width: 2px; height: 30%; background-color: #ffffff; position: absolute; right: 0; bottom: 0; } .insta-box__icon { display: block; width: 40px; height: 40px; position: absolute; right: -19px; top: 50%; margin-top: -20px; background-image: url(/static/css/../i/svg/pic-image.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 32px; } .insta-box__text { font-family: "PTSerif-Caption"; font-size: 20px; line-height: 24px; color: #ffffff; display: block; max-width: 220px; position: absolute; left: 24px; top: 24px; } .insta-box__preview { display: block; width: 18.75%; height: auto; border-radius: 14px; overflow: hidden; position: absolute; top: 50%; margin-top: -9.375%; right: 12%; } .insta-box__preview:after { content: ''; display: block; width: 62%; height: 62%; position: absolute; top: 13%; left: 26%; z-index: 2; background-image: url(/static/css/../i/svg/pic-insta.svg); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; } .insta-box__image { display: block; margin: 0; width: 100%; height: 100%; } .info-box { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; background-color: #000000; } .info-box__link { display: block; width: 100%; height: 100%; padding: 40px; position: relative; z-index: 2; transition: all .2s ease-in-out; } .info-box__link:hover { background-color: #000000; } .info-box__border { display: block; position: relative; width: 100%; height: 100%; border: 2px solid #ffffff; border-right: none; } .info-box__border:before { content: ''; display: block; width: 2px; height: 30%; background-color: #ffffff; position: absolute; right: 0; top: 0; } .info-box__border:after { content: ''; display: block; width: 2px; height: 30%; background-color: #ffffff; position: absolute; right: 0; bottom: 0; } .info-box__text { font-family: "PTSerif-Caption"; font-size: 20px; line-height: 24px; color: #ffffff; display: block; max-width: 245px; position: absolute; left: 24px; top: 24px; } .info-box__pro { display: block; font-size: 13px; margin-top: 18px; } .info-box__icon { display: block; width: 40px; height: 40px; position: absolute; right: -19px; top: 50%; margin-top: -20px; background-image: url(/static/css/../i/svg/pic-image.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 32px; } .info-box__preview { display: block; width: 18.75%; height: auto; border-radius: 14px; overflow: hidden; position: absolute; top: 50%; margin-top: -9.375%; right: 21%; } .info-box__preview.graph { display: block; width: 22%; height: auto; border-radius: 0; overflow: hidden; position: absolute; top: 50%; margin-top: -10.5%; right: 50%; margin-right: -11%; } .info-box__image { display: block; margin: 0; width: 100%; height: 100%; } .accordion { display: block; position: relative; overflow: hidden; width: 100%; height: 100%; } .accordion_s2 .accordion__radio:checked + .accordion__item { width: 91.5%; } .accordion_s3 .accordion__radio:checked + .accordion__item { width: 83%; } .accordion_s4 .accordion__radio:checked + .accordion__item { width: 74.5%; } .accordion_s5 .accordion__radio:checked + .accordion__item { width: 66%; } .accordion_s6 .accordion__radio:checked + .accordion__item { width: 57.5%; } .accordion__item { display: block; position: relative; float: left; overflow: hidden; height: 100%; width: 8.5%; cursor: pointer; transition: all .3s ease-in-out; } .accordion__item:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #0e202e; opacity: .5; visibility: visible; transition: all .3s ease-in-out; } .accordion__item:hover:after { opacity: .2; } .accordion__radio { display: none; } .accordion__radio:checked + .accordion__item:after { opacity: 0; visibility: hidden; } .accordion__content { display: block; position: relative; width: 100%; height: 100%; } .accordion__title { display: block; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; bottom: -30px; left: 0; width: 400px; height: 56px; margin: 0; line-height: 56px; z-index: 3; color: #ffffff; } .accordion__view { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .block-slider { display: block; position: relative; overflow: hidden; width: 100%; height: 100%; } .block-slider__body { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; } .block-slider__item { display: block; width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; outline: none; border: none; } .block-slider__item:focus { outline: none; border: none; } .block-slider__item:after { content: ''; display: block; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: 1; opacity: .5; background: linear-gradient(to bottom, transparent 0%, transparent 1%, black 95%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .block-slider__footer { display: block; width: 100%; height: 57px; position: absolute; left: 0; bottom: 0; z-index: 3; border-top: 1px solid rgba(255, 255, 255, 0.25); } .block-slider .slick-slide > div { height: 100%; } .block-slider .slick-arrow { display: block; width: 57px; height: 56px; position: absolute; bottom: 0; outline: none; cursor: pointer; border: none; border-left: 1px solid rgba(255, 255, 255, 0.25); padding: 0; margin: 0; background: transparent; color: #ffffff; font-size: 14px; text-align: center; line-height: 56px; transition: all .2s ease-in-out; } .block-slider .slick-arrow.slick-prev { right: 57px; } .block-slider .slick-arrow.slick-next { right: 0; } .block-slider .slick-arrow:hover { background-color: #B4DCD6; border-color: #B4DCD6; } .block-slider .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; position: absolute; left: 24px; top: 0; margin-top: 0; height: 100%; max-width: 70%; } .block-slider .slick-dots li { display: block; width: 8px; height: 8px; margin: 4px 8px 4px 0; border-radius: 100%; border: 1px solid #ffffff; transition: all .2s ease-in-out; } .block-slider .slick-dots li.slick-active { background-color: #ffffff; } .block-slider .slick-dots li:last-of-type { margin-right: 0; } .block-slider .slick-dots li:hover { border-color: #B4DCD6; } .block-slider .slick-dots button { display: block; outline: none; border: none; text-decoration: none; padding: 0; margin: 0; background: transparent; font-size: 0; line-height: 0; width: 100%; height: 100%; cursor: pointer; } .block-slider .slick-list, .block-slider .slick-track { height: 100%; } .block-slider .slick-list, .block-slider .slick-list:focus { outline: none; } .block-slider.with-title .slick-dots { left: auto; right: 136px; } .block-slider .slide-title { height: 100%; max-width: 60%; overflow: hidden; position: absolute; top: 0; left: 0; padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .block-slider .slide-title__text { font-size: 13px; line-height: 16px; color: #ffffff; font-family: "PTSerif-Caption"; } .mask-block { display: block; width: 100%; height: 100%; } .mask-block__content { display: block; overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; } .mask-block__link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: #000000; padding: 40px; transition: background-color .2s ease-in-out; } .mask-block__link:hover { background-color: #000000; } .mask-block__title { font-family: "PTSerif-Caption"; font-size: 20px; line-height: 24px; color: #ffffff; display: block; position: absolute; left: 24px; top: 24px; } .mask-block__border { display: block; position: relative; width: 100%; height: 100%; border: 2px solid #ffffff; border-right: none; } .mask-block__border:before { content: ''; display: block; width: 2px; height: 40%; background-color: #ffffff; position: absolute; right: 0; top: 0; } .mask-block__border:after { content: ''; display: block; width: 2px; height: 40%; background-color: #ffffff; position: absolute; right: 0; bottom: 0; } .mask-block__icon { display: block; width: 80px; height: 80px; position: absolute; right: -39px; top: 50%; margin-top: -40px; background-image: url(/static/css/../i/svg/video-play__circle.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 32px; } .mask-block__play { display: block; width: 72px; height: 72px; position: absolute; top: 50%; left: 50%; margin-top: -36px; margin-left: -24px; background: url(/static/css/../i/svg/video-play__default.svg) no-repeat 50% 50%; background-size: contain; z-index: 3; } .mask-block__poster { display: block; width: 240px; height: 240px; position: absolute; top: 50%; left: 50%; margin-left: -120px; margin-top: -120px; border-radius: 100%; z-index: 1; } .page-title { display: block; position: relative; width: 100%; padding: 49px 100px; color: #ffffff; background-color: #000000; } .page-title_with-menu { min-height: 192px; } .page-title_favotites { background-image: url(/static/css/../i/svg/favorites-bg.svg); background-repeat: no-repeat; background-position: 85% 100%; background-size: 522px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .page-title_favotites { background-position: 95% 100%; background-size: 60%; } } .page-title h1 { text-transform: uppercase; display: block; position: relative; } .page-title__wrapper { position: relative; display: inline-block; height: 54px; } .page-title_transparent { background-color: transparent; } .page-title__buttons { margin: 25px 0 0; position: relative; font-size: 0; line-height: 0; } .page-title__buttons .button { margin-right: 32px; } .page-title__more { position: absolute; top: 0; left: 100%; height: 100%; } .page-title__more-text { font-size: 18px; line-height: 20px; letter-spacing: 0.1em; white-space: nowrap; text-transform: uppercase; padding: 5px 10px 5px 5px; } .page-title__more-icon { display: block; width: 64px; height: 64px; position: absolute; left: 100%; top: 50%; margin-top: -32px; } .page-title__more-icon img { display: block; width: 100%; height: 100%; } .page-title__arrow { position: absolute; background: none; border: none; color: #fff; top: 50%; transform: translateY(-50%); font-size: 27px; cursor: pointer; outline: none; transition: all .2s ease-in-out; } .page-title__arrow:hover { color: #B4DCD6; } .page-title__arrow_left { left: -65px; } .page-title__arrow_right { right: -255px; } .load-more { display: block; width: 100%; padding: 56px 5%; background-color: #B4DCD6; } .load-more .button-more { margin: 0 auto; } .news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .news-item { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; outline: none; text-decoration: none; transition: all .2s linear; } .news-item__in { position: relative; z-index: 2; padding: 72px 17% 87px; } .news-item__date { display: block; margin: 0 0 7px; font-size: 10px; line-height: 1; text-transform: uppercase; color: #B4DCD6; transition: all .2s linear; } .news-item__title { color: #0e202e; transition: all .2s linear; } .news-item:nth-of-type(4n + 1), .news-item:nth-of-type(4n) { background-color: #f0f0f1; } .news-item:hover { background-color: #000000; } .news-item:hover .news-item__date, .news-item:hover .news-item__title { color: #ffffff; } .news-item_green { background-color: #B4DCD6; } .news-item_green:after { content: ''; display: block; width: 72px; height: 72px; position: absolute; top: 13%; right: 5%; background-image: url(/static/css/../i/svg/percent-icon.svg); background-repeat: no-repeat; background-position: 50% 50%; } .news-item_green .news-item__date, .news-item_green .news-item__title { color: #ffffff; } .news-item_pict { background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; } .news-item_pict .news-item__date, .news-item_pict .news-item__title { color: #ffffff; } .news-item_pict:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #0e202e; opacity: .6; box-sizing: border-box; } .news-item_pict:hover:before { background-color: #000000; } .news-detail { position: relative; } .news-detail__date { font-size: 10px; line-height: 1; margin: 0 0 8px; } .news-detail__title { margin: 0 0 38px; } .news-detail__content { position: relative; } .news-detail__images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 46px; } .news-detail__image { display: block; width: 50%; height: 192px; position: relative; overflow: hidden; } .news-detail__image:only-of-type { width: 100%; } .news-detail__img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; } .news-detail__text { color: #0e202e; font-size: 16px; line-height: 1.5; } .news-detail__text p { margin: 0 0 1.5em; } .news-detail__text h2 { border-bottom: 1px solid #bec1c9; padding-bottom: 1.4em; margin-bottom: 1.3em; letter-spacing: 0.05em; } .news-detail__text img { display: block; max-width: 100%; height: auto; } .news-detail__text p { font-size: 16px; line-height: 1.5; margin-bottom: 1.5em; } .news-detail__text strong, .news-detail__text b { font-family: "PTSerif-Bold"; } .news-detail__text ul { list-style: none; margin: 1.5em 0; } .news-detail__text ul > li { position: relative; padding-left: 2em; font-size: 16px; line-height: 1.5; margin-bottom: 1em; } .news-detail__text ul > li:before { content: ''; display: block; width: 1em; height: 1px; background-color: #708694; position: absolute; left: 0; top: .75em; } .news-detail__text ol { list-style: none; margin: 1.5em 0; counter-reset: list; } .news-detail__text ol > li { position: relative; padding-left: 2em; font-size: 16px; line-height: 1.5; margin-bottom: 1em; } .news-detail__text ol > li:before { counter-increment: list; content: counter(list) "."; display: block; position: absolute; left: 0; top: 0; color: #708694; font-size: 16px; line-height: 1.5; } .news-detail__text blockquote { display: block; position: relative; width: 100%; margin: 92px auto 46px; padding: 16px 0; border-top: 2px solid #B4DCD6; border-bottom: 1px solid #bec1c9; font-size: 18px; line-height: 1.3; letter-spacing: 0.025em; color: #708694; } .news-detail__text blockquote:before { content: ''; display: block; width: 150px; height: 56px; position: absolute; top: -56px; left: 21px; background-image: url(/static/css/../i/svg/blockquote.svg); background-repeat: no-repeat; background-position: 50% 100%; background-size: contain; } .news-detail__text tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } .news-detail__text table.docs_table { border: 1px solid #000; border-collapse: collapse; margin: 20px 0; } .news-detail__text table.docs_table tr.title { text-align: center; height: 40px; } .news-detail__text table.docs_table tr { vertical-align: middle; } .news-detail__text table.docs_table tr td { border: 1px solid #000; padding: 15px 20px; } @media only screen and (max-width: 767px) { .news-detail__text table.docs_table tr td { padding: 5px; } } .popup-inside { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: transparent; z-index: 1100; transition: all .2s ease-in-out .3s; } .popup-inside .about-name__photo, .popup-inside .about-name__title, .popup-inside .about-name__text { transition: -webkit-transform 0.8s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.7, 0, 0.3, 1); } .popup-inside .about-name__photo { -webkit-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); } .popup-inside .about-name__title { -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); } .popup-inside .about-name__text { -webkit-transform: translate3d(0, 2500px, 0); transform: translate3d(0, 2500px, 0); } .popup-inside.visible { transition: all .2s ease-in-out 0s; background-color: rgba(0, 0, 0, 0.5); } .popup-inside.visible .popup-inside__content { transition: all .3s ease-in-out .2s; right: 0; } .popup-inside.visible .about-name__photo, .popup-inside.visible .about-name__title, .popup-inside.visible .about-name__text { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .popup-inside__content { display: block; position: absolute; right: -28%; top: 0; max-width: 28%; height: 100%; overflow: auto; transition: all .3s ease-in-out 0s; } .popup-inside__close { width: 24px; height: 24px; font-style: normal; font-size: 24px; line-height: 1; color: #ffffff; background: transparent; border: none; outline: none; position: absolute; right: 24px; top: 24px; text-decoration: none; text-align: center; opacity: 0.75; padding: 0; z-index: 5; cursor: pointer; } .popup-inside__close:hover { opacity: 1; } .popup-box { display: block; overflow: hidden; width: 100%; max-width: 580px; padding: 15px; margin: 0 auto; } .popup-box__in { display: block; position: relative; } .popup-box__title { display: block; color: #ffffff; margin: 0 0 22px; } .popup-box__content { display: block; position: relative; } .popup-box__success { font-size: 20px; line-height: 1.2; color: #ffffff; display: block; max-width: 370px; margin: 66px 0 90px; } .popup-box__more { display: block; position: relative; max-width: 208px; } .ajax-static.mfp-bg, .ajax-static.mfp-fade { background-color: #B4DCD6; opacity: 1; } .ajax-static .mfp-container { padding: 0; } .ajax-static .mfp-close { color: #ffffff; } .ajax-static .mfp-content { height: 100%; } .ajax-static .popup-box { 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; min-height: 100vh; padding-bottom: 0; } .ios .ajax-static .popup-box { min-height: 100%; } .ajax-static .popup-box__in { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ajax-static .popup-box:after { content: ''; display: block; width: 528px; height: 138px; background-image: url(/static/css/../i/svg/popup-bg.svg); background-position: 50% 2px; background-repeat: no-repeat; background-size: contain; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ajax-static .popup-box { display: block; position: relative; min-height: 600px; height: 100%; padding-bottom: 180px; } .ajax-static .popup-box__in { height: 100%; } .ajax-static .popup-box:after { position: absolute; bottom: 0; left: 50%; margin-left: -264px; } } .ajax-popup .mfp-ajax-holder .mfp-content { width: 100%; max-width: 768px; background-color: #ffffff; cursor: auto; padding: 72px 96px 106px; } .ajax-popup__nav { position: absolute; bottom: 0; left: 0; width: 100%; height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #ebebec; } .ajax-popup__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; width: 50%; height: 100%; cursor: pointer; color: #B4DCD6; text-decoration: none; outline: none; padding: 0 10px; font-size: 10px; line-height: 1; letter-spacing: .2em; text-transform: uppercase; } .ajax-popup__button.prev { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-right: 1px solid #ebebec; } .ajax-popup__button.next { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ajax-popup__icon { margin: 0 14px; font-size: 14px; line-height: 1; } .tablet .mfp-image-holder .mfp-content { background-size: contain; } .mfp-image-holder { cursor: default; } .mfp-image-holder .mfp-content { width: 100%; height: 100%; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .mfp-image-holder .mfp-content:after { content: ''; display: block; width: 100%; height: 30%; position: absolute; bottom: 0; left: 0; z-index: 1; opacity: .5; background: linear-gradient(to bottom, transparent 0%, transparent 1%, black 95%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); } .mfp-image-holder .mfp-close { color: #ffffff; cursor: pointer; } .mfp-image-holder.mfp-bg { background: #B4DCD6; opacity: 1; } .mfp-image-holder .mfp-figure, .mfp-image-holder .mfp-bottom-bar, .mfp-image-holder figcaption, .mfp-image-holder .mfp-figure:after { display: none !important; } .mfp-gallery-list { position: absolute; overflow: hidden; bottom: 32px; left: 50%; margin-left: -350px; width: 700px; padding: 0 50px; z-index: 1050; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mfp-gallery-list__item { display: block; position: relative; width: 96px; height: 56px; margin: 0 12px; outline: none; } .mfp-gallery-list__item img { display: block; position: relative; z-index: 1; width: 100%; height: 100%; } .mfp-gallery-list__item:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; border: 4px solid transparent; } .mfp-gallery-list__item.current:after { border-color: #B4DCD6; } .slider-arrow { display: block; height: 48px; width: 48px; position: absolute; top: 50%; margin-top: -24px; background: none; border: none; font-size: 48px; line-height: 1; padding: 0; text-align: center; outline: none; cursor: pointer; color: #ffffff; z-index: 1050; } .slider-arrow__right { right: 0; } .slider-arrow__left { left: 0; } .tablet .video-popup-holder .mfp-player-item { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); min-width: 100%; min-height: 50%; width: 100%; height: auto; } .video-popup-holder.mfp-bg { background: #0e202e; opacity: 1 !important; } .video-popup-holder .mfp-close { color: #ffffff; } .video-popup-holder .mfp-container { padding: 0; } .video-popup-holder .mfp-content { width: 100%; height: 100%; max-width: 100%; overflow: hidden; } .video-popup-holder .mfp-player-item { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; } .vebcam-popup-holder.mfp-bg { background: #0e202e; opacity: 1 !important; } .vebcam-popup-holder .mfp-close { color: #ffffff; z-index: 10; } .vebcam-popup-holder .mfp-container { padding: 0; } .vebcam-popup-holder .mfp-content { width: 100%; height: auto; max-width: 800px; overflow: hidden; } .vebcam-popup-holder .mfp-player-item { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; } .video-control { display: block; width: 94%; position: absolute; left: 3%; bottom: 5%; height: 24px; cursor: pointer; } .video-control__timeline { display: block; height: 4px; width: 100%; position: absolute; left: 0; bottom: 10px; background-color: #ffffff; } .video-control__progress { display: block; height: 100%; position: absolute; left: 0; bottom: 0; background-color: #B4DCD6; } .choice-housing { position: relative; overflow-y: auto; overflow-x: hidden; width: 100%; height: 100%; z-index: 1; } .choice-housing .housing-view__title { padding: 0 14px 0 96px; color: #fff; } .choice-housing .housing-view__footer { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; bottom: 24px; left: 250px; z-index: 2; width: auto; } .choice-housing .housing-view .link-icon_camera { display: -webkit-box; display: -ms-flexbox; display: flex; } .choice-housing .housing-view__map .link-icon { position: absolute; background-color: #000000; } .choice-housing .housing-view__map .link-icon:hover { background-color: rgba(0, 0, 0, 0.5); } .choice-housing .housing-view__map .tooltip { display: block; } .choice-housing .housing-view__map.state_1 .housing-box1 { top: 11%; left: 62%; } .choice-housing .housing-view__map.state_1 .housing-box2 { top: 33%; left: 77%; } .choice-housing .housing-view__map.state_1 .housing-box3 { top: 30%; left: 55%; } .choice-housing .housing-view__map.state_1 .housing-box4 { top: 44%; left: 60%; } .choice-housing .housing-view__map.state_1 .housing-box5 { top: 40%; left: 49%; } .choice-housing .housing-view__map.state_1 .housing-box6 { top: 68%; left: 42%; } .choice-housing .housing-view__map.state_1 .housing-box7 { top: 56%; left: 26%; } .choice-housing .housing-view__map.state_1 .housing-box8 { top: 24%; left: 44%; } .choice-housing .housing-view__map.state_1 .housing-box9 { top: 36%; left: 40%; } .choice-housing .housing-view__map.state_1 .housing-box10 { top: 26%; left: 18%; } .choice-housing .housing-view__map.state_1 .housing-box11 { top: 51%; left: 87%; } .choice-housing .housing-view__map.state_1 .camera-1 { top: 21%; left: 58%; } .choice-housing .housing-view__map.state_1 .camera-2 { top: 48%; left: 73%; } .choice-housing .housing-view__map.state_1 .camera-3 { top: 34%; left: 54%; } .choice-housing .housing-view__map.state_1 .camera-4 { top: 58%; left: 59%; } .choice-housing .housing-view__map.state_1 .camera-5 { top: 45%; left: 47%; } .choice-housing .housing-view__map.state_1 .camera-6 { top: 67%; left: 32%; } .choice-housing .housing-view__map.state_1 .camera-7 { top: 62%; left: 25%; } .choice-housing .housing-view__map.state_1 .camera-8 { top: 30%; left: 44%; } .choice-housing .housing-view__map.state_1 .camera-9 { top: 40%; left: 39%; } .choice-housing .housing-view__map.state_1 .camera-10 { top: 36%; left: 24%; } .choice-housing .housing-view__map.state_1 .camera-11 { top: 58%; left: 86%; } .choice-housing .housing-view__map.state_1 .panoram-1 { top: 62%; left: 65%; } .choice-housing .housing-view__map.state_1 .panoram-2 { top: 67%; left: 29%; } .choice-housing .housing-view__map.state_1 .panoram-3 { top: 55%; left: 37%; } .choice-housing .housing-view__map.state_1 .panoram-4 { top: 45%; left: 43%; } .choice-housing .housing-view__map.state_1 .panoram-5 { top: 33%; left: 50%; } .choice-housing .housing-view__map.state_2 .housing-box1 { top: 9%; left: 27%; } .choice-housing .housing-view__map.state_2 .housing-box2 { top: 9%; left: 67%; } .choice-housing .housing-view__map.state_2 .housing-box3 { top: 28%; left: 40%; } .choice-housing .housing-view__map.state_2 .housing-box4 { top: 34%; left: 71%; } .choice-housing .housing-view__map.state_2 .housing-box5 { top: 39%; left: 44%; } .choice-housing .housing-view__map.state_2 .housing-box6 { top: 60%; left: 63%; } .choice-housing .housing-view__map.state_2 .housing-box7 { top: 74%; left: 38%; } .choice-housing .housing-view__map.state_2 .housing-box8 { top: 29%; left: 31%; } .choice-housing .housing-view__map.state_2 .housing-box9 { top: 44%; left: 35%; } .choice-housing .housing-view__map.state_2 .housing-box10 { top: 56%; left: 28%; } .choice-housing .housing-view__map.state_2 .housing-box11 { top: 11%; left: 81%; } .choice-housing .housing-view__map.state_2 .camera-1 { top: 15%; left: 36%; } .choice-housing .housing-view__map.state_2 .camera-2 { top: 20%; left: 68%; } .choice-housing .housing-view__map.state_2 .camera-3 { top: 34%; left: 40%; } .choice-housing .housing-view__map.state_2 .camera-4 { top: 43%; left: 65%; } .choice-housing .housing-view__map.state_2 .camera-5 { top: 47%; left: 44%; } .choice-housing .housing-view__map.state_2 .camera-6 { top: 69%; left: 59%; } .choice-housing .housing-view__map.state_2 .camera-7 { top: 74%; left: 46%; } .choice-housing .housing-view__map.state_2 .camera-8 { top: 40%; left: 31%; } .choice-housing .housing-view__map.state_2 .camera-9 { top: 52%; left: 34%; } .choice-housing .housing-view__map.state_2 .camera-10 { top: 66%; left: 26%; } .choice-housing .housing-view__map.state_2 .camera-11 { top: 27%; left: 78%; } .choice-housing .housing-view__map.state_2 .panoram-1 { top: 10%; left: 50%; } .choice-housing .housing-view__map.state_3 .housing-box1 { top: 45%; left: 29%; } .choice-housing .housing-view__map.state_3 .housing-box2 { top: 13%; left: 36%; } .choice-housing .housing-view__map.state_3 .housing-box3 { top: 57%; left: 37%; } .choice-housing .housing-view__map.state_3 .housing-box4 { top: 15%; left: 55%; } .choice-housing .housing-view__map.state_3 .housing-box5 { top: 52%; left: 47%; } .choice-housing .housing-view__map.state_3 .housing-box6 { top: 34%; left: 61%; } .choice-housing .housing-view__map.state_3 .housing-box7 { top: 45%; left: 70%; } .choice-housing .housing-view__map.state_3 .housing-box8 { top: 63%; left: 44%; } .choice-housing .housing-view__map.state_3 .housing-box9 { top: 63%; left: 53%; } .choice-housing .housing-view__map.state_3 .housing-box10 { top: 55%; left: 65%; } .choice-housing .housing-view__map.state_3 .housing-box11 { top: 3%; left: 34%; } .choice-housing .housing-view__map.state_3 .camera-1 { top: 53%; left: 26%; } .choice-housing .housing-view__map.state_3 .camera-2 { top: 20%; left: 33%; } .choice-housing .housing-view__map.state_3 .camera-3 { top: 60%; left: 38%; } .choice-housing .housing-view__map.state_3 .camera-4 { top: 25%; left: 55%; } .choice-housing .housing-view__map.state_3 .camera-5 { top: 56%; left: 47%; } .choice-housing .housing-view__map.state_3 .camera-6 { top: 41%; left: 63%; } .choice-housing .housing-view__map.state_3 .camera-7 { top: 49%; left: 68%; } .choice-housing .housing-view__map.state_3 .camera-8 { top: 72%; left: 44%; } .choice-housing .housing-view__map.state_3 .camera-9 { top: 77%; left: 55%; } .choice-housing .housing-view__map.state_3 .camera-10 { top: 61%; left: 67%; } .choice-housing .housing-view__map.state_3 .camera-11 { top: 7%; left: 39%; } .choice-housing .housing-view__map.state_3 .panoram-1 { top: 17%; left: 71%; } .choice-housing .housing-view__map.state_4 .housing-box1 { top: 32%; left: 81%; } .choice-housing .housing-view__map.state_4 .housing-box2 { top: 53%; left: 35%; } .choice-housing .housing-view__map.state_4 .housing-box3 { top: 52%; left: 66%; } .choice-housing .housing-view__map.state_4 .housing-box4 { top: 30%; left: 30%; } .choice-housing .housing-view__map.state_4 .housing-box5 { top: 55%; left: 52%; } .choice-housing .housing-view__map.state_4 .housing-box6 { top: 30%; left: 40%; } .choice-housing .housing-view__map.state_4 .housing-box7 { top: 23%; left: 45%; } .choice-housing .housing-view__map.state_4 .housing-box8 { top: 34%; left: 70%; } .choice-housing .housing-view__map.state_4 .housing-box9 { top: 38%; left: 63%; } .choice-housing .housing-view__map.state_4 .housing-box10 { top: 8%; left: 69%; } .choice-housing .housing-view__map.state_4 .housing-box11 { top: 55%; left: 22%; } .choice-housing .housing-view__map.state_4 .camera-1 { top: 43%; left: 82%; } .choice-housing .housing-view__map.state_4 .camera-2 { top: 62%; left: 37%; } .choice-housing .housing-view__map.state_4 .camera-3 { top: 57%; left: 64%; } .choice-housing .housing-view__map.state_4 .camera-4 { top: 43%; left: 28%; } .choice-housing .housing-view__map.state_4 .camera-5 { top: 50%; left: 58%; } .choice-housing .housing-view__map.state_4 .camera-6 { top: 32%; left: 36%; } .choice-housing .housing-view__map.state_4 .camera-7 { top: 28%; left: 47%; } .choice-housing .housing-view__map.state_4 .camera-8 { top: 40%; left: 69%; } .choice-housing .housing-view__map.state_4 .camera-9 { top: 43%; left: 61%; } .choice-housing .housing-view__map.state_4 .camera-10 { top: 17%; left: 58%; } .choice-housing .housing-view__map.state_4 .camera-11 { top: 64%; left: 17%; } .choice-housing .housing-view__map.state_4 .panoram-1 { top: 10%; left: 85%; } .choice-housing .housing-info__in { top: 40%; } .link-icon { color: #ffffff; background-color: rgba(0, 0, 0, 0.5); font-size: 16px; line-height: 1; width: 48px; height: 48px; cursor: pointer; border-radius: 100%; overflow: hidden; transition: all .2s ease-in-out; 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; -ms-flex-line-pack: center; align-content: center; } .link-icon:hover { background-color: #000000; } .link-icon.blue { background-color: #000000; } .link-icon.blue:hover { background-color: #B4DCD6; } .link-icon_panoram { font-size: 24px; } .link-icon_print { font-size: 22px; } .link-icon_download { font-size: 24px; } .link-icon_screen { font-size: 21px; } .choice-flat { position: relative; width: 100%; height: 100%; padding-top: 217px; display: -webkit-box; display: -ms-flexbox; display: flex; } .choice-flat__workspace { width: 58.33333333%; -webkit-box-flex: 7; -ms-flex-positive: 7; flex-grow: 7; position: relative; background-color: #ffffff; } .choice-flat__viewspace { width: 41.66666666%; -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5; position: relative; background-color: #B4DCD6; transition: all .5s ease-in-out; } .choice-flat__viewspace.closed { width: 220px; overflow: hidden; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .choice-flat__viewspace.closed .section { min-width: 650px; z-index: 1; } .choice-flat__viewspace.closed .section__view:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background-color: #B4DCD6; opacity: .75; } .filter { display: block; position: relative; } .filter__line { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .filter__line .range { padding: 22px 24px 14px; } .filter__footer { padding: 24px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .filter-type { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 24px; } .filter-type__titile { width: 100%; font-size: 13px; line-height: 16px; margin: 3px 0 -3px; color: #ffffff; } .filter-type__option { position: relative; cursor: pointer; margin-right: 8px; margin-bottom: 8px; } .filter-type__option:last-of-type { margin-right: 8px; } .filter-type__check { display: none; } .filter-type__check:checked + .filter-type__link { background-color: #B4DCD6; } .filter-type__link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; font-size: 16px; line-height: 1; text-transform: uppercase; color: #ffffff; background-color: rgba(255, 255, 255, 0.1); transition: all .2s ease-in-out; } .filter-type__link:active { color: rgba(255, 255, 255, 0.5); } /*.filter-type__option:hover .filter-type__link {*/ /*background-color: #739993; */ /*}*/ .filter-type__link_finish-variant { width: auto; line-height: 20px; padding: 8px 20px; border-radius: 40px; } .range { position: relative; padding: 0 24px; } .range__top { display: block; position: relative; overflow: hidden; padding: 0 24px; } .range__to, .range__from { display: block; position: absolute; bottom: 5px; font-size: 13px; line-height: 14px; text-transform: lowercase; color: #708694; } .range__to { right: 0; } .range__from { left: 0; } .range__bottom { position: relative; padding: 7px 0; } .range__title { display: block; width: 100%; font-size: 13px; line-height: 16px; color: #ffffff; } .flats-table { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flats-table__body { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flats-table__header, .flats-table__row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flats-table__header { padding: 0 40px 0 46px; border-bottom: 1px solid #ebebec; } .flats-table__row { margin: 0 40px 0 46px; } .flats-table__del { font-size: 24px; color: #bec1c9; } .flats-table__del:hover { color: #B4DCD6; } .flats-table__cell { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 56px; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 12%; } .flats-table__cell:nth-of-type(1) { width: 16%; padding-left: 24px; } .flats-table__cell:nth-of-type(3), .flats-table__cell:nth-of-type(4) { width: 10%; } .flats-table__cell:nth-of-type(5) { width: 18%; } .flats-table__cell:nth-of-type(6) { width: 22%; } .flats-table__content { position: relative; } .flats-table__content .tooltip { position: absolute; top: 50%; margin-top: -52px; left: 10px; transition: all .2s ease-in-out; visibility: hidden; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .flats-table__content:hover { color: #B4DCD6; } .flats-table__content:hover .tooltip { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .flats-table__row { color: #0e202e; font-size: 18px; line-height: 20px; } .flats-table__row .disabled { color: #bec1c9; } .flats-table__row .flats-table__cell:nth-of-type(6) { font-weight: bold; } .flats-table__row:hover { background-color: #f8f8f8; } .table-header { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .table-header .sup { display: inline-block; vertical-align: top; font-size: 6px; line-height: 1; } .table-header__title { display: inline-block; vertical-align: top; margin-right: 3px; font-size: 10px; line-height: 10px; text-transform: uppercase; color: #bec1c9; } .table-header__icon { display: none; vertical-align: top; width: 0; height: 0; border: 4px solid transparent; font-size: 0; line-height: 0; position: relative; } .table-header.sorted .table-header__icon { display: inline-block; } .table-header.sort-down .table-header__icon { border-top-color: #B4DCD6; top: 3px; } .table-header.sort-up .table-header__icon { border-bottom-color: #B4DCD6; top: -2px; } .section-control { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .section-control__side-right { min-width: 80px; border-left: 1px solid rgba(255, 255, 255, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-control__side-left { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 204px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .section-control__side-center { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 24px; } .section-control__info-window { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; font-size: 14px; line-height: 20px; color: #ffffff; } .section-control__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 10px; line-height: 1; letter-spacing: 0.2em; color: #ffffff; text-transform: uppercase; padding: 0 24px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .section-control__number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 28px; line-height: 1; letter-spacing: 0.1em; color: #ffffff; text-transform: uppercase; min-width: 79px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .section-control__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; border-right: 1px solid rgba(255, 255, 255, 0.1); } .section-control__button { display: block; width: 39px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; color: #ffffff; transition: all .2s ease-in-out; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .section-control__button:last-of-type { border-bottom: none; } .section-control__button:hover { color: #B4DCD6; } .section-control_dark { border-color: #ebebec; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-control_dark .section-control__title, .section-control_dark .section-control__number, .section-control_dark .section-control__buttons, .section-control_dark .section-control__button { color: #708694; border-color: #ebebec; } .section-control_dark .section-control__button:hover { color: #B4DCD6; } .section { position: relative; } .section__setting { position: relative; } .section__view { position: relative; } .compass { display: block; position: relative; width: 48px; height: 48px; background: url(/static/css/../i/svg/compass.svg) no-repeat 50% 50%; background-size: contain; } .compass.north { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .compass.south { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .compass.west { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .compass.east { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .section-check__view { display: block; position: relative; } .section-check__text { display: block; max-width: 60%; margin: -20px auto 0; color: #ffffff; font-size: 13px; line-height: 1.3; } .image-area { position: relative; overflow: hidden; width: 100%; } .image-area__image { display: block; position: relative; width: 100%; z-index: 2; } .image-area__mask { display: block; position: absolute; width: 100%; top: 0; left: 0; z-index: 3; } .image-area__light { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 3; } .image-area .section { cursor: pointer; fill: transparent !important; transition: all .1s ease-in-out; } .image-area .section:hover, .image-area .section.current, .image-area .section.selected { fill: rgba(63, 173, 52, 0.5) !important; } .image-area .section.disabled { opacity: .5; fill: #bec1c9 !important; cursor: default; } .image-area .hover { cursor: pointer; fill: transparent !important; } .image-area .hover.disabled { cursor: default; } .section-flats { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-flats__body { width: 100%; padding-top: 40px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-flats__list { width: 100%; } .section-flats__header, .section-flats__row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-flats__header { min-height: 56px; padding: 0 50px 0 72px; border-bottom: 1px solid #ebebec; } .section-flats__row { min-height: 48px; margin: 0 50px 0 72px; } .section-flats__cell { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-flats__cell:nth-of-type(1) { padding-left: 24px; width: 22%; } .section-flats__cell:nth-of-type(2) { width: 53%; } .section-flats__cell:nth-of-type(3) { width: 25%; } .section-flats__row { color: #0e202e; font-size: 18px; line-height: 20px; } .section-flats__row .disabled { color: #bec1c9; } .section-flats__row .flats-table__cell:nth-of-type(6) { font-weight: bold; } .section-flats__row:hover { background-color: #f8f8f8; } .section-flats__row:hover .section-flats__set-floor { color: #B4DCD6; padding-left: 5px; } .section-flats__row:hover .section-flats__set-floor .microtext { visibility: visible; opacity: 1; } .section-flats__row:hover .section-flats__saled-text { background-color: #f8f8f8; } .section-flats__set-floor { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #0e202e; } .section-flats__set-floor .microtext { visibility: hidden; opacity: 0; line-height: 1; color: #B4DCD6; } .section-flats__link { width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all .2s ease-in-out; color: #0e202e; } .section-flats__link:hover { background-color: #B4DCD6; color: #ffffff; } .section-flats__link.booking { color: #bec1c9; background-color: #f0f0f1; cursor: default; } .section-flats__empty { width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: default; } .section-flats__saled-cell { position: relative; width: 80%; } .section-flats__saled-cell:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; margin-top: 2px; z-index: 1; background-color: #f0f0f1; } .section-flats__saled-text { display: inline-block; padding: 0 13px; position: relative; font-size: 13px; z-index: 2; color: #bec1c9; background-color: #ffffff; } .floor-map { position: relative; } .floor-map__view { position: relative; overflow: hidden; padding: 96px 48px; } .floor-map__view .link-icon_print { position: absolute; right: 24px; top: 24px; } .show-section-full { display: block; width: 64px; height: 64px; border: 2px solid #708694; color: #708694; position: absolute; bottom: 5%; right: 0; margin-bottom: 0; margin-right: -96px; border-radius: 100%; z-index: 10; background: none; outline: none; padding: 0; cursor: pointer; font-size: 14px; text-align: center; line-height: 60px; transition: all .2s ease-in-out, bottom .5s ease-in-out, right .5s ease-in-out; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .block-section-full.closed .show-section-full { bottom: 50%; right: 50%; margin-bottom: -32px; margin-right: -32px; border: 2px solid #ffffff; color: #ffffff; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .desktop .show-section-full:hover { background-color: #B4DCD6; border-color: #B4DCD6; color: #ffffff; } .minischeme { display: block; position: relative; width: 100%; max-width: 340px; margin: 4em 0 2em; } .minischeme__img { display: block; position: relative; margin: 0; width: 100%; } .section-info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-info__line { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 4px 0; font-size: 13px; line-height: 16px; } .section-info__title { color: #708694; } .section-info__text { color: #0e202e; padding: 0 4px; } .flat-map { width: 100%; position: relative; display: block; overflow: hidden; } .flat-map__top { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ebebec; } .flat-map__middle { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ebebec; } .flat-map__bottom { width: 100%; padding: 24px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .flat-map__bottom .button { margin-right: 24px; } .flat-map__bottom .button:last-of-type { margin-right: 0; } .flat-map__plan { display: block; position: relative; width: 100%; min-height: 460px; padding: 78px 0; } .flat-map__plan img { display: block; position: relative; max-width: 63%; margin: 0 auto; } .flat-map__plan .link-icon { position: absolute; z-index: 5; } .flat-map__plan .link-icon_download { top: 5%; right: 5%; } .flat-map__plan .link-icon_print { top: 17%; right: 5%; } .flat-map__plan .link-icon_panoram { bottom: 17%; left: 5%; } .flat-map__plan .link-icon_screen { bottom: 5%; left: 5%; } .flat-map__col { display: -webkit-box; display: -ms-flexbox; display: flex; } .flat-map__col_main { width: 100%; -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5; border-right: 1px solid #ebebec; } .flat-map__col_side { width: 40%; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .flat-map__cell { display: -webkit-box; display: -ms-flexbox; display: flex; } .flat-map__cell_size40 { width: 40%; border-right: 1px solid #ebebec; } .flat-map__cell_size60 { width: 60%; } .flat-map .button-back, .flat-map .button-icon-text { width: 100%; } .flat-paramm { display: block; position: relative; width: 100%; padding: 22px 24px; cursor: default; } .flat-paramm__cell { display: block; position: relative; margin: 0 0 28px; } .flat-paramm__cell:last-child { margin: 0 0 128px; } .flat-paramm__data { font-size: 20px; line-height: 1; color: #0e202e; } .flat-paramm__title { font-size: 13px; line-height: 16px; color: #bec1c9; } .similar-control { position: absolute; left: 0; bottom: 0; min-height: 80px; width: 100%; border-top: 1px solid #ebebec; display: -webkit-box; display: -ms-flexbox; display: flex; } .similar-control__nav { position: absolute; z-index: 2; top: 0; right: 0; height: 100%; width: 41px; border-left: 1px solid #ebebec; } .similar-control__button { position: absolute; right: 0; width: 100%; height: 50%; color: #0e202e; transition: all .2s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .similar-control__button:hover { color: #B4DCD6; } .similar-control__button_prev { top: 50%; } .similar-control__button_next { top: 0; border-bottom: 1px solid #ebebec; } .similar-control__counter { width: 100%; height: 100%; min-height: 80px; padding: 24px; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .similar-control__current { font-size: 28px; line-height: 1; color: #B4DCD6; } .similar-control__all { margin-left: 8px; font-size: 10px; line-height: 1; text-transform: uppercase; color: #708694; } .similar-control__all:before { content: '/'; margin-right: 2px; } .similar-control__banner { display: block; position: absolute; padding: 24px; cursor: pointer; z-index: 10; bottom: 0; left: 0; width: 100%; height: 120px; background-color: #ebebec; background-image: url(/static/css/../i/similar.png); background-repeat: no-repeat; background-position: 50% 100%; background-size: cover; } .similar-control__banner-text { display: block; color: #708694; font-size: 10px; line-height: 1; letter-spacing: 0.2em; text-transform: uppercase; margin: 0 0 .6em; transition: all .2s ease-in-out; } .similar-control__banner:hover .similar-control__banner-text { color: #B4DCD6; } .about-name { display: block; width: 100%; position: relative; background-color: #000000; padding: 44px 64px; } .about-name_insider { height: 100vh; overflow: auto; position: -webkit-sticky; position: sticky; top: 0; } .about-name__photo { display: block; width: 107px; height: 107px; overflow: hidden; border-radius: 100%; position: relative; margin: 0 0 38px -8px; } .about-name__photo img { display: block; width: 100%; height: 100%; } .about-name__title { color: #ffffff; line-height: 1.2; margin: 0 0 1.3em; } .about-name__text { display: block; position: relative; color: #e4cdc1; font-size: 13px; line-height: 1.9; } .about-name__text p { margin-bottom: 1.9em; } .text { padding: 90px 96px; background-color: #f0f0f1; } .text h2 { border-bottom: 1px solid #bec1c9; padding-bottom: 1.4em; margin-bottom: 1.3em; } .text p { font-size: 16px; line-height: 1.5; margin-bottom: 1.5em; } .text strong, .text b { font-weight: bold; } .text img { display: block; max-width: 100%; height: auto; } .text ul { list-style: none; margin: 1.5em 0; } .text ul > li { position: relative; padding-left: 2em; font-size: 16px; line-height: 1.5; margin-bottom: 1em; } .text ul > li:before { content: ''; display: block; width: 1em; height: 1px; background-color: #708694; position: absolute; left: 0; top: .75em; } .text ol { list-style: none; margin: 1.5em 0; counter-reset: list; } .text ol > li { position: relative; padding-left: 2em; font-size: 16px; line-height: 1.5; margin-bottom: 1em; } .text ol > li:before { counter-increment: list; content: counter(list) "."; display: block; position: absolute; left: 0; top: 0; color: #708694; font-size: 16px; line-height: 1.5; } .text blockquote { display: block; position: relative; width: 100%; margin: 105px auto 46px; padding: 32px 0; border-top: 2px solid #B4DCD6; border-bottom: 1px solid #bec1c9; font-size: 20px; line-height: 1.55; letter-spacing: 0.05em; color: #708694; } .text blockquote:before { content: ''; display: block; width: 150px; height: 56px; position: absolute; top: -56px; left: 21px; background-image: url(/static/css/../i/svg/blockquote.svg); background-repeat: no-repeat; background-position: 50% 100%; background-size: contain; } .gallery { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery__row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery__row_h464 { height: 464px; } .gallery__row_h488 { height: 488px; } .gallery__row_h496 { height: 496px; } .gallery__row_h528 { height: 528px; } .gallery__cell { position: relative; display: block; height: 100%; } .gallery__cell_hh { height: 50%; } .gallery__cell_w33 { width: 33.33333333%; } .gallery__cell_w50 { width: 50%; } .gallery__cell_w66 { width: 66.66666667%; } .gallery__cell_w100 { width: 100%; } .tab-menu { width: 100%; position: absolute; bottom: 0; left: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .tab-menu__item { display: block; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.2); } .tab-menu__link { display: block; position: relative; font-size: 10px; line-height: 1; letter-spacing: 0.2em; color: #ffffff; text-transform: uppercase; padding: 16px 24px; margin: -1px; transition: all .2s ease-in-out; } .tab-menu__link.active, .tab-menu__link:hover { background-color: #B4DCD6; } .map-box { display: block; position: relative; overflow: hidden; width: 100%; height: 100%; } .map-box .ymaps-2-1-55-controls__control { right: 0 !important; left: auto !important; top: 0 !important; height: 100vh !important; width: 0 !important; } .map-box__map { display: block; position: relative; width: 100%; height: 100%; } .map-box__zoomBox { display: block; position: fixed; right: 32px; top: 50%; margin-top: -44px; width: 40px; height: 88px; } .map-box__icon { display: block; outline: none; width: 40px; height: 40px; padding: 0; border: none; background: #ffffff; border-radius: 100%; font-size: 14px; text-align: center !important; line-height: 40px; cursor: pointer; } .map-box__icon:first-of-type { margin-bottom: 8px; } .map-box__info { display: block; width: 100%; height: 100%; max-height: 100vh; background-color: #000000; color: #ffffff; } .map-box__header { padding: 24px; margin: 0; line-height: 1; } .map-box__content { display: block; padding: 24px; } .map-box__title { line-height: 1.2; letter-spacing: 0.01em; margin: 0 0 .85em; } .map-box__text { font-size: 16px; line-height: 1.5; } .map-box__image { display: block; position: relative; overflow: hidden; height: 170px; } .map-box__image img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; } .map-box__image.default-img { height: 80px; margin: 30px 24px 5px; background-position: 0 100%; background-repeat: no-repeat; background-size: contain; } .map-box__image.default-img:after { content: ''; display: block; width: 100%; height: 2px; background-color: #ffffff; position: absolute; bottom: 0; left: 0; } .address-enter { display: block; position: absolute; width: 100%; top: 0; left: 0; z-index: 10; background-color: #ffffff; border-left: 1px solid #f0f0f1; } .address-enter__input { display: block; width: 100%; color: #B4DCD6; font-family: "PTSerif-Regular", serif; font-size: 16px; line-height: 20px; padding: 34px 82px 34px 32px; border: none; outline: none; } .address-enter__input::-webkit-input-placeholder { color: #bec1c9; } .address-enter__input:-ms-input-placeholder { color: #bec1c9; } .address-enter__input::placeholder { color: #bec1c9; } .address-enter__button { display: block; width: 46px; height: 46px; border: none; outline: none; background: none; padding: 0; line-height: 46px; font-size: 46px; text-align: center; color: #ebebec; cursor: pointer; transition: all .2s ease-in-out; position: absolute; top: 50%; right: 32px; margin-top: -23px; } .address-enter__button:hover { color: #B4DCD6; } .contacts { display: block; width: 100%; height: 100%; color: #ffffff; background-color: #B4DCD6; } .contacts__header { padding: 24px; margin: 0; line-height: 1; } .contacts__content { margin: 0 24px; position: relative; } .contacts__content .site-phone__number { color: #ffffff; } .contacts__footer { margin: 24px; padding: 13px 0 0; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.2); } .contacts__text { font-size: 16px; line-height: 1.5; margin-bottom: .8em; } .contacts__text_small { opacity: .3; font-size: 13px; line-height: 1.3; } .contacts__address { line-height: 1.2; margin: 3px 0 20px; letter-spacing: 0; } .contacts__buttons { max-width: 214px; display: block; margin: 19px 0 0; } .contacts__buttons .button { margin-bottom: 16px; } .contacts__buttons .button:last-of-type { margin-bottom: 0; } .banks { display: block; position: relative; width: 100%; } .banks__list { display: block; position: relative; overflow: hidden; width: 100%; } .banks__item { display: block; position: relative; width: 100%; } .banks__item:nth-of-type(2n + 1) { background-color: #f0f0f1; } .bank-offer { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .bank-offer__logo { position: relative; width: 42%; -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 64px 0 0 8.5%; } .bank-offer__content { position: relative; width: 58%; -webkit-box-flex: 7; -ms-flex-positive: 7; flex-grow: 7; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 64px 8% 64px 0; } .bank-offer__table { position: relative; width: 100%; display: block; border-bottom: 1px solid #bec1c9; padding-bottom: 26px; margin-bottom: 20px; } .bank-offer__table-row { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .bank-offer__table-row:nth-of-type(1) { font-size: 16px; line-height: 20px; color: #708694; } .bank-offer__table-row:nth-of-type(2) { font-size: 28px; line-height: 36px; color: #0e202e; } .bank-offer__table-cell { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1px; -ms-flex: 1px 1 1; flex: 1px 1 1; -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-line-pack: center; align-content: center; } .bank-offer__text { display: block; } .bank-offer__text p { font-size: 16px; line-height: 1.5; margin-bottom: 1.5em; } .error-page { position: relative; height: 100%; min-height: 800px; display: block; } .error-page__top { display: block; position: relative; height: 52%; background-color: #000000; } .error-page__top:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-image: url(/static/css/../i/upload/404.png); background-repeat: no-repeat; background-size: cover; background-position: 50% 0; } .error-page__bottom { display: block; position: relative; overflow: hidden; height: 48%; width: 100%; } .error-page__content { display: block; position: relative; z-index: 2; color: #ffffff; padding: 3.8% 8.5%; } .error-page__code { font-size: 60px; line-height: 1; margin-bottom: .3em; display: block; } .error-page__title { font-family: "PTSerif-Caption"; font-size: 28px; line-height: 40px; letter-spacing: 0.1em; text-transform: uppercase; max-width: 480px; } .error-page__text { display: block; position: relative; font-size: 16px; line-height: 1.5; max-width: 380px; margin: 52px 0 0; } .error-page__text:before { content: ''; display: block; width: 40px; height: 1px; background-color: #ffffff; position: absolute; left: 0; top: -23px; } @media all and (max-height: 700px) { .error-page__title { max-width: 100%; } .error-page__text { max-width: 80%; } } .housing-slider { display: block; position: relative; overflow: hidden; height: 100%; width: 100%; } .housing-slider__item { max-width: 480px; width: 100%; height: 100%; position: relative; overflow: hidden; } .housing-slider .slick-list, .housing-slider .slick-track { height: 100%; } .housing-slider .slick-slide .housing-slider__item { max-width: 100%; } .housing-slider .slick-slide > div { display: block; position: relative; width: 100%; height: 100%; } .form { display: block; position: relative; } .form__element { display: block; position: relative; padding: 38px 0 0; overflow: hidden; } .form .field-error .form__input { border-color: #dd0000; } .form .field-error .checkbox__icon { background-color: #dd0000; } .form__agreement { display: block; position: relative; font-size: 13px; line-height: 18px; margin: 50px auto 60px; color: #ffffff; } .form__agreement .checkbox { margin-right: 10px; float: left; } .form__submit { position: relative; width: 100%; max-width: 208px; } .form__captcha { margin: 2em auto; overflow: hidden; } .form__placeholder { display: block; position: absolute; z-index: 1; left: 0; top: 56px; padding: 0; letter-spacing: 0.2em; font-size: 10px; line-height: 1; color: #708694; text-transform: uppercase; transition: all .2s ease-in-out; } .form__line { display: block; width: 0; height: 2px; background-color: #B4DCD6; position: absolute; bottom: 0; left: 0; transition: all .2s ease-in-out; z-index: 4; } .form textarea { height: 42px; box-sizing: border-box; } .form__input { display: block; position: relative; z-index: 2; width: 100%; border: none; outline: none; padding: 5px 0 6px; border-bottom: 1px solid #ffffff; color: #ffffff; margin: 0; font-size: 20px; line-height: 30px; font-family: "PTSerif-Caption"; background-color: transparent; background: none; resize: none; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form__input:focus + .form__placeholder { top: 24px; } .form__input:focus ~ .form__line { transition: all .4s ease-in-out; width: 100%; } .form__input.completed + .form__placeholder { top: 24px; } .checkbox { display: inline-block; position: relative; vertical-align: top; width: 18px; height: 18px; } .checkbox__input { display: none; } .checkbox__input:checked + .checkbox__icon { background-image: url(/static/css/../i/svg/check.svg); background-color: #B4DCD6; } .checkbox__input:checked ~ .checkbox__pulse { -webkit-animation: pulse .5s 1 ease-out 0s; animation: pulse .5s 1 ease-out 0s; } .checkbox__text { display: block; padding-left: 32px; } .checkbox__pulse { content: ''; position: absolute; display: block; width: auto; height: auto; left: -15px; top: -15px; right: -15px; bottom: -15px; z-index: 1; opacity: 0; border-radius: 100%; background-color: #B4DCD6; } .checkbox__icon { display: block; position: relative; width: 100%; height: 100%; z-index: 3; background-color: #ffffff; background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; border-radius: 2px; cursor: pointer; transition: all .2s ease-in-out; } @-webkit-keyframes pulse { 0% { opacity: .5; left: 0; top: 0; right: 0; bottom: 0; } 100% { opacity: 0; left: -15px; top: -15px; right: -15px; bottom: -15px; } } @keyframes pulse { 0% { opacity: .5; left: 0; top: 0; right: 0; bottom: 0; } 100% { opacity: 0; left: -15px; top: -15px; right: -15px; bottom: -15px; } } .flats-print-block .flats-table__header { border: none; } .flats-print-block .flats-table__cell { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 768px){ .flats-print-block .flats-table__cell { padding-right: 60px !important; } } .flats-print-block .flats-table__cell a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flats-print-block .flats-table__cell a .link-icon { margin-right: 10px; } /* End */ /* Start:/static/css/bitrix.css?17449111222642*/ .news-item_green { background-color: #3fad34 !important; } .news-item:hover { background-color: #5b82cf !important; } .news-button-disable { cursor: default; color: #D9D9D9; } .gallery__cell_hh .info-box__pro { display: none; } .gallery__cell_hh .info-box__preview.graph { right: 10%; margin-right: 0; } .tooltip.empty { cursor: default; } .tooltip.empty:after { border-left-color: #425968; } .tooltip.empty .tooltip__in { background-color: #425968; /*background-color: #0d8d0f;*/ } .tile_h_architect { height: 700px; } .tile__video{ z-index: 0; } .tile-block__video-head:before { display: none; } .tile-block__video-head.tile-block_promo { display: block; position: relative; } .tile-block__video-head.tile-block_promo .tile-block__in { display: block; background: rgba(0,0,0,.5); width: 660px; height: 310px; padding: 3em 1em; position: absolute; top: 50%; left: 50%; margin: -155px 0 0 -330px; } .cursor__pointer-time .tile-block{ cursor:pointer; } .h100 { display: block; position: relative; height: 100%; } .send-to-email_agreement { margin-bottom: 40px; } .send-to-email_captcha { margin: 20px 0 60px; } .similar-control__banner.hidden { visibility: hidden; opacity: 0; } .apartment_send-to-email-error { color: #DD0000; font-size: 14px; } .button-favorite .in-favorites { display: none; } .button-favorite.in-favorites .button-icon-text__text { display: none; } .button-favorite.in-favorites .in-favorites { display: block; } .button-favorite.in-favorites .button-icon-text__icon { color: #3fad34; } .flats-table__body { padding: 2em 0; } .red__boarder-error{ border: 1px solid #DD0000; } .article_slider .text { padding-bottom: 24px; } .article_slider .article-slider { margin-bottom: 96px; } .flats-table__row { margin-right: 26px; } @media all and (max-width: 1024px) { .copyright { padding: 0 0 45px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .main { overflow: hidden; } } .section-flats__type { font-size: 85%; } @media screen and (max-width:1100px) { .section-flats__row { margin: 0 25px; } .section-flats__cell:nth-of-type(1) { width: 13%; } .section-flats__cell:nth-of-type(2) { width: 62%; } .section-flats__type { font-size: 60%; } } .js-flats-list { width: 100%; } .picture { background-image: url(/www/seliger/test2.svg); } .text_slider_articles{ padding-top:0 } /* End */ /* Start:/local/templates/template2017/styles.css?17576631959938*/ .contacts { background: #000; } .tooltip__in { background-color: #b4dcd6 !important; color:#000 !important; } .section-control__button, .section-control__info-window, .section-control__title, .section-control__number { color:#000; border-right: 1px solid rgb(255, 255, 255); } .section-control__side-right { display: none; } .webcamera-item { display: inline-block; background-color: #739993; padding: 3px 5px; border-radius: 4px; color: #ffffff; margin-right: 5px; margin-bottom: 5px; font-size: 13px; } .content { padding-bottom: 0; } .double-case, .double-case p { color:#000000; } .filter-type__link { background: #fff; color:#000; } .range-box-green .irs-slider { background: #ffffff; } .filter-type__titile, .range__title { color: #000000; } .range-box-green .irs-min, .range-box-green .irs-max { color: #000000; } #filterClear, #filterEnter { background: #ffffff; color:#000000; } .tooltip.housing-box0 { display:none !important; } .oferta { position: static !important; } .buy-online { width:100%;font-size: 14px;line-height: normal;font-weight: 300;font-weight: 400;letter-spacing: 1.68px;position:relative;left:0;top:0;text-align:center;text-transform:uppercase;z-index:100; } .webcamera-inner { padding: 50px 20px 30px; } .housing-box6 .tooltip__in, .housing-box10 .tooltip__in, .housing-box9 .tooltip__in, .housing-box11 .tooltip__in, .housing-box7 .tooltip__in, .housing-box5 .tooltip__in, .housing-box4 .tooltip__in { background-color: #64778a !important; pointer-events: none; opacity:0.8; } .tooltip::after { border-left-color: #64778a !important; } .link-icon_download, .ic-print, .link-icon_print { display: none; } .main-menu__link { line-height: 20px; padding: 9px 0; } .gallery__row_h528 { height: 100vh; } .site-logo__icon { display: none; } .tab-menu { flex-wrap: nowrap; overflow: auto; } .flat-map__bottom a:last-child { display: none; } .site-phone__number { font-size: 18px; } .mfp-image-holder .mfp-content { background-size: contain; } .tile-block_stock h2.tile-block__title { font-size: 14px; line-height: 24px; background: red; width: 80%; line-height: 18px; display: none; } .choice-housing .housing-view__map.state_1 .housing-box4 { top: 48%; left: 67%; } .housing-view__map.state_1 .housing-box4 { top: 48%; left: 67%; } .content_map-container .content__aside { width: 24% !important; } .housing-box1, .housing-box3, .housing-box8 { display: none !important; } .flats-table__row { font-size: 14px !important; } .tile-block_stock .tile-block__text { background-color: #f80052; } .tile-block_stock { background-image: url(https://seliger-city.ru/upload/medialibrary/023/pzv5xv5qizveu1k0137i26o86p1pmuo6.jpg); background-size: cover; background-position: bottom; } .tile-block_stock .tile-block__text { padding: 2px; left: 20px; } .tile-block_stock .tile-block__lid { background-color: #f80052; } .preloader-default { display: none !important; } .tile-block_stock .tile-block__in::before { content: ''; display: block; position: absolute; / / background-image: url(/static/i/ball.png); background-repeat: no-repeat; width: 82px; height: 104px; right: 4%; top: 0px; background-position: 50% 50%; background-size: 87%; } .tile-block_stock .tile-block__lid { display: block !important; } .tile-block_stock .tile-block__in::before { display: none !important; } .tile-block_stock .tile-block__text { font-size: 22px; bottom: 23px; } .tile-block_stock .tile-block__lid { width: auto; background: #B4DCD6; font-size: 26px; line-height: 31px; padding: 0 5px 11px 5px; letter-spacing: 1px; font-family: "PTSerif-Caption"; left: 21px; font-weight: bold; color: #000000; } .housing-view__map.state_1 .housing-box9 { top: 45%; left: 35%; } .housing-view__map.state_1 .housing-box6 { top: 71% !important; left: 42% !important; } .housing-view__map.state_1 .housing-box5 { top: 52% !important; left: 53% !important; } .housing-view__map.state_1 .housing-box10 { top: 37% !important; left: 18% !important; } .housing-view__map.state_1 .housing-box7 { top: 63% !important; left: 24% !important; } .housing-view__map.state_1 .panoram-2 { top: 70% !important; left: 33% !important; } .housing-view__map.state_1 .panoram-4 { top: 53% !important; left: 43% !important; } .housing-view__map.state_1 .panoram-1 { top: 70% !important; left: 80% !important; } .housing-view__map.state_1 .housing-box2 { top: 37% !important; left: 88% !important; } .housing-view__map.state_1 .housing-box11 { top: 56% !important; left: 90% !important; } .housing-view__map.state_1 .housing-box8 { top: 42% !important; left: 42% !important; display:block !important; } .housing-view__map.state_1 .panoram-5 { display: none; } .tile-block_stock .tile-block__title { bottom: 10%; background: #425968; padding: 5px; left: 21px; } .tile-block_stock .tile-block__lid { font-size: 16px !important; } .f-apps { margin-top: 0; } .f-apps p { color: hsla(0, 0%, 100%, .8); margin-top: 0; font-size: 13px; } .f-apps-icons { margin: 10px 0; } .f-apps-icons img { max-width: 120px; } @media all and (max-height: 940px) { .gallery__row_h488, .gallery__row_h496 { height:25vh; } .tab-menu__item { white-space: nowrap; } .block-slider .slick-dots { display:none !important; } .gallery__row_h528 { max-height:25vh; } .sidebar__middle { top: 300px; margin-top: 0; } } @media screen and (max-width: 900px) { .tile_w33, .tile_w66 { width: 100% } .content__main { flex-direction: column; width: 100%; } .tile-block_promo .tile-block__title { font-size: 1.4rem; line-height: 2.1rem; letter-spacing: .175em; padding: 7px 0 4rem; text-transform: uppercase; } .tile-block_promo .tile-block__text { font-size: 0.8rem; line-height: 1.2rem; max-width: 480px; margin: 0 auto 12px; } .tile-block__title { font-family: "PTSerif-Caption"; font-size: 1.2rem; line-height: 24px; } .tile-block__text { font-size: 0.8rem; line-height: 1.2rem; } .tile-block_housing .tile-block__title { font-size: 1.6rem; top: 20%; } .tile_h384 { height: 190px; } .tile-block_housing .tile-block__footer { display: none !important; } .tile-block_housing .tile-block__hover-block { visibility: visible; opacity: 1; } .tile-block_color .tile-block__image { display: none; } .tile-block_color .tile-block__img-wrap { display: none; } .content__aside { width: 100%; } .tile_h768 { height: 690px; } .tile_h480 { min-height: 480px; } .tile-block__video-head.tile-block_promo .tile-block__in { display: block; background: rgba(0, 0, 0, .5); width: 100%; height: auto; padding: 3em 1em; position: static; top: 0; margin: 0; } .buy-online { display:none; width:100%;font-size: 14px;line-height: normal;font-weight: 300;font-weight: 400;letter-spacing: 1.68px;position:relative;left:0;top:0;text-align:center;text-transform:uppercase;z-index:100; } .double-case { flex-direction: column; } .double-case_reverse-blocks .double-case__view { width: 100%; height:200px !important; } .double-case_reverse-blocks .double-case__content { width: 100%; } .double-case__content { padding: 25px; } .news-item { width: 100%; } .text { padding: 25px; } .page-title { padding: 18px 0 18px 24px; } .page-title__wrapper { position: relative; display: inline-block; height: auto; } .oferta{ flex-direction: column; } .oferta__text { width: 100%; } .oferta__copy { width: 100%; } .double-case__view { width: 100%; } .double-case__content { width: 100%; padding: 62px 25px; } .choice-flat__viewspace { display: none; } .choice-flat__workspace { width: 100%; } .section-flats__row { font-size: 12px; } .flats-table__header { padding: 0; } .flats-table__row { margin: 0; } .content_one-page .content__header { position: static; } .button { font-size: 12px; line-height: 18px; margin-bottom: 5px; } .page-title__buttons .button { margin-right: 5px; } .choice-flat { padding-top: 0; } .flat-map__middle { flex-direction: column; } .flat-map__col_side { width: 100%; } .flat-map__plan { display: block; position: relative; width: 100%; min-height: unset; padding: 20px 0; } .flats-table__cell { font-size: 12px; } .flat-map__cell.flat-map__cell_size60 { display: none; } .flat-map__cell_size40 { width: 100%; border-right: 0; } .minischeme { display: none; } .table-header.sorted .table-header__icon { display: none !important; } } .double-case__text { color:#000; } .double-case__tag { color: #000; } .double-case_green .double-case__tag, .double-case_green .double-case__title, .double-case_green .double-case__text { color: #000; } /* End */ /* Start:/local/templates/template2017/template_styles.css?1757663195529*/ .article-slider { height: 800px; } .flat-map__plan img { max-width: 95%; } .filter-type__check:checked + .filter-type__link { background-color: #040404; color: #fff; } #filterClear { background:#000 !important; color: #fff !important; } .flats-table__cell:nth-of-type(6) { width: 10%; } .flats-table__cell:nth-of-type(5) { width: 10%; } .flats-table__cell:nth-of-type(2), .flats-table__cell:nth-of-type(3), .flats-table__cell:nth-of-type(4) { width: 5%; } li[c-data-hint="Viber"] { display: none !important; } /* End */ /* /static/css/main.css?1744911122189415 */ /* /static/css/bitrix.css?17449111222642 */ /* /local/templates/template2017/styles.css?17576631959938 */ /* /local/templates/template2017/template_styles.css?1757663195529 */