/* Start:/local/templates/main/libs/chosen/chosen.min.css?176649409510220*/ /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.8.7 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2018 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/local/templates/main/libs/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/local/templates/main/libs/chosen/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(/local/templates/main/libs/chosen/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(/local/templates/main/libs/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(/local/templates/main/libs/chosen/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(/local/templates/main/libs/chosen/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} /* End */ /* Start:/local/templates/main/css/old_style.css?17664940931376251*/ html { font-size: 1rem; -webkit-text-size-adjust: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-chaining: none; -webkit-font-smoothing: antialiased } body, html { width: 100% } body { line-height: 1 } h1, h2, h3, h4, h5, h6 { font-weight: inherit } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } a { text-decoration: none; color: currentColor } img { height: auto; max-width: 100%; vertical-align: bottom } [tabindex], a, area, button, input, label, select, textarea { -ms-touch-action: manipulation; touch-action: manipulation; outline: none } button, input, select, textarea { border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; vertical-align: bottom; line-height: 1 } button { cursor: pointer } input[type=number] { width: auto; -moz-appearance: textfield } input[type=search] { -webkit-appearance: textfield } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } input::-webkit-clear-button { -webkit-appearance: none; display: none } input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none; pointer-events: none } input::-webkit-outer-spin-button { -webkit-appearance: none } input::-webkit-inner-spin-button { display: none } input::-webkit-inner-spin-button, input::-webkit-textfield-decoration-container { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner { border: 0; padding: 0 } select:-moz-focusring { outline: none; color: rgba(0, 0, 0, 0); text-shadow: 0 0 0 #000 } select::-ms-expand { display: none } select::-ms-value { color: currentColor } [type=button], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=reset], [type=search], [type=submit], [type=tel], [type=text], [type=time], [type=url], [type=week], button, select, textarea { border: none } [type=button], [type=reset], [type=submit], button { background-color: rgba(0, 0, 0, 0); border-color: inherit } textarea { resize: vertical } nowrap { white-space: nowrap } ::-ms-reveal { display: none } ::-ms-browse, ::-ms-check, ::-ms-clear, ::-webkit-file-upload-button { display: none } ::-ms-expand { display: none } ::-moz-selection { background-color: #b3d4fc; color: #fff; text-shadow: none } ::selection { background-color: #b3d4fc; color: #fff; text-shadow: none } @font-face { font-family: Idealist Sans; src: url(/assets/dac5e780649e2b294ce500cd2fbdf6a3.woff2) format("woff2"), url(/assets/83ff6ce97d07a43897a8ae9176a88896.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Idealist-Light; font-display: swap; src: url(/assets/cddc0b8637b48b0a9e00b9ff84a3cf49.woff2) format("woff2"), url(/assets/9543721a2edab788ba3ff08913b46861.woff) format("woff"); font-weight: lighter; font-style: normal } .typography { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .typography { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .typography { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .typography { font-size: .9375rem } } @media (min-width: 1920px) { .typography { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .typography { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography { line-height: 22px } } .typography h1 { letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .typography h1 { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .typography h1 { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .typography h1 { font-size: 1.75rem } } @media (min-width: 1920px) { .typography h1 { line-height: 83px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h1 { line-height: calc(34px + 49 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h1 { line-height: 34px } } @media (min-width: 1920px) { .typography h1 { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h1 { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h1 { margin-bottom: 18px } } .typography h2 { letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .typography h2 { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .typography h2 { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .typography h2 { font-size: 1.5rem } } @media (min-width: 1920px) { .typography h2 { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h2 { line-height: calc(27px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h2 { line-height: 27px } } @media (min-width: 1920px) { .typography h2 { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h2 { margin-top: calc(24px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h2 { margin-top: 24px } } @media (min-width: 1920px) { .typography h2 { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h2 { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h2 { margin-bottom: 18px } } .typography h3 { letter-spacing: .02em; font-family: PT Sans, Arial, sans-serif; font-weight: 700 } @media (min-width: 1920px) { .typography h3 { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .typography h3 { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .typography h3 { font-size: 1.25rem } } @media (min-width: 1920px) { .typography h3 { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h3 { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h3 { line-height: 28px } } @media (min-width: 1920px) { .typography h3 { margin-top: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h3 { margin-top: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h3 { margin-top: 20px } } @media (min-width: 1920px) { .typography h3 { margin-bottom: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h3 { margin-bottom: calc(16px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h3 { margin-bottom: 16px } } .typography h4 { letter-spacing: .02em; font-family: PT Sans, Arial, sans-serif; font-weight: 700 } @media (min-width: 1920px) { .typography h4 { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .typography h4 { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .typography h4 { font-size: .9375rem } } @media (min-width: 1920px) { .typography h4 { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h4 { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h4 { line-height: 22px } } @media (min-width: 1920px) { .typography h4 { margin-top: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h4 { margin-top: calc(15px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h4 { margin-top: 15px } } @media (min-width: 1920px) { .typography h4 { margin-bottom: 16px } } @media (min-width: 560px) and (max-width: 1919px) { .typography h4 { margin-bottom: calc(15px + 1 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography h4 { margin-bottom: 15px } } .typography p { letter-spacing: .02em; margin: 0; font-family: PT Sans, Arial, sans-serif } @media (min-width: 1920px) { .typography p { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .typography p { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .typography p { font-size: .9375rem } } @media (min-width: 1920px) { .typography p { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .typography p { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography p { line-height: 22px } } @media (min-width: 1920px) { .typography p { margin-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .typography p { margin-bottom: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography p { margin-bottom: 20px } } .app_mode_size_l .typography p { font-size: 1rem } .typography li { letter-spacing: .02em; margin: 0; position: relative; font-family: PT Sans, Arial, sans-serif } @media (min-width: 1920px) { .typography li { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .typography li { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .typography li { font-size: .9375rem } } @media (min-width: 1920px) { .typography li { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .typography li { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography li { line-height: 22px } } @media (min-width: 1920px) { .typography li:not(:last-child) { margin-bottom: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .typography li:not(:last-child) { margin-bottom: calc(15px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography li:not(:last-child) { margin-bottom: 15px } } .typography_big .typography li { color: #a05eb5; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .typography_big .typography li { margin-bottom: 13px } } @media (min-width: 560px) and (max-width: 1919px) { .typography_big .typography li { margin-bottom: calc(9px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography_big .typography li { margin-bottom: 9px } } .app_mode_size_l .typography li { font-size: 1rem } .typography ol { counter-reset: list; color: #4d3651 } @media (max-width: 560px) { .typography ol { padding-left: 0 } } @media (min-width: 1920px) { .typography ol:not(:first-child) { margin-top: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .typography ol:not(:first-child) { margin-top: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography ol:not(:first-child) { margin-top: 20px } } @media (min-width: 1920px) { .typography ol:not(:last-child) { margin-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .typography ol:not(:last-child) { margin-bottom: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography ol:not(:last-child) { margin-bottom: 20px } } .typography_big .typography ol { padding-left: 16px } .typography ol > li { list-style: none; position: relative; padding-left: 40px } .app_mode_color_bw .typography ol > li, .app_mode_color_invert .typography ol > li, .app_mode_color_sepia .typography ol > li { padding-left: 50px } .typography ol > li:before { position: absolute; counter-increment: list; content: counter(list); border-radius: 50%; background-color: #8bb8e8; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; left: 0; top: 0 } @media (min-width: 1920px) { .typography ol > li:before { width: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .typography ol > li:before { width: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography ol > li:before { width: 22px } } @media (min-width: 1920px) { .typography ol > li:before { height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .typography ol > li:before { height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography ol > li:before { height: 22px } } .app_mode_color_bw .typography ol > li:before, .app_mode_color_invert .typography ol > li:before, .app_mode_color_sepia .typography ol > li:before { -webkit-filter: invert(1); filter: invert(1); width: 40px; height: 40px; top: 5px } .typography ol > li ol li { list-style: decimal inside; padding-left: 0 } .typography ol > li ol li:before { display: none } .typography ul { color: #4d3651 } @media (min-width: 1920px) { .typography ul:not(:first-child) { margin-top: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .typography ul:not(:first-child) { margin-top: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography ul:not(:first-child) { margin-top: 20px } } @media (min-width: 1920px) { .typography ul:not(:last-child) { margin-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .typography ul:not(:last-child) { margin-bottom: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography ul:not(:last-child) { margin-bottom: 20px } } .typography_big .typography ul { padding-left: 16px } .app_mode_color_bw .typography ul, .app_mode_color_invert .typography ul, .app_mode_color_sepia .typography ul { margin-left: 30px } .typography ul > li { list-style: none; padding-left: 22px } .typography ul > li:after { content: ""; position: absolute; border-radius: 50%; background-color: #8bb8e8; left: 0 } @media (min-width: 1920px) { .typography ul > li:after { width: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .typography ul > li:after { width: calc(8px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography ul > li:after { width: 8px } } @media (min-width: 1920px) { .typography ul > li:after { height: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .typography ul > li:after { height: calc(8px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography ul > li:after { height: 8px } } @media (min-width: 1920px) { .typography ul > li:after { top: 7px } } @media (min-width: 560px) and (max-width: 1919px) { .typography ul > li:after { top: calc(6px + 1 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography ul > li:after { top: 6px } } .app_mode_color_bw .typography ul > li:after, .app_mode_color_invert .typography ul > li:after, .app_mode_color_sepia .typography ul > li:after { content: none; display: block; background-image: none; -webkit-filter: invert(1); filter: invert(1); top: .7rem } .app_mode_color_bw .typography ul > li, .app_mode_color_invert .typography ul > li, .app_mode_color_sepia .typography ul > li { list-style: disc; padding-left: 0 } .typography_big .typography ul:after { width: 12px; height: 12px; background-image: -o-radial-gradient(53.44% 40.55%, .725625rem, #80c5e8 0, #e782a9 100%); background-image: radial-gradient(.725625rem at 53.44% 40.55%, #80c5e8 0, #e782a9 100%); left: 0; top: 8px } .typography .typography__accent_1 { color: #a6a6a6; letter-spacing: .02em } @media (min-width: 1920px) { .typography .typography__accent_1 { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .typography .typography__accent_1 { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .typography .typography__accent_1 { font-size: .875rem } } @media (min-width: 1920px) { .typography .typography__accent_1 { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .typography .typography__accent_1 { line-height: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography .typography__accent_1 { line-height: 20px } } .typography :last-child { margin-bottom: 0 } .typography :first-child { margin-top: 0 } .typography sup { vertical-align: super } @media (min-width: 1920px) { .typography sup { font-size: .625rem } } @media (min-width: 560px) and (max-width: 1919px) { .typography sup { font-size: calc(.5rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .typography sup { font-size: .5rem } } @media (min-width: 1920px) { .typography sup { line-height: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .typography sup { line-height: calc(10px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .typography sup { line-height: 10px } } .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality) { color: #0f579a; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in; font-family: PT Sans, Arial, sans-serif } .app_mode_color_bw .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality), .app_mode_color_invert .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality), .app_mode_color_sepia .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality) { text-decoration: underline } .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality) .icon_arrow, .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality) .icon_arrow2, .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality) .icon_arrow3, .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality) .icon_eye { color: #0f579a } .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality):hover { color: #3389b4 } .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality):hover .icon_arrow, .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality):hover .icon_arrow2, .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality):hover .icon_arrow3, .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality):hover .icon_eye { color: #3389b4 } .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality):active { color: #0f579a } .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality):active .icon_arrow, .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality):active .icon_arrow2, .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality):active .icon_arrow3, .app__body a:not(.reviews-filter__specialization-button):not(.filter__category-button):not(.become-donor__link):not(.card-action__title):not(.footer__location-text):not(.lang__item-button):not(.button):not(.nav__link):not(.menu__sub-link):not(.faq-list__head):not(.social__btn):not(.footer__nav-link):not(.landing-slogan__confidentiality):active .icon_eye { color: #3389b4 } .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #956daf; fill: currentColor } .icon, .icon svg { width: 100%; height: 100% } .icon svg { display: block } .landing-anchor { position: absolute; pointer-events: none; top: -150px } .title { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #4d3651 } .title_1 { letter-spacing: .02em } @media (min-width: 1920px) { .title_1 { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .title_1 { font-size: calc(1.75rem + 20 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .title_1 { font-size: 1.75rem } } @media (min-width: 1920px) { .title_1 { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .title_1 { line-height: calc(38px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .title_1 { line-height: 38px } } @media (min-width: 1920px) { .title_1 { margin-bottom: 49px } } @media (min-width: 560px) and (max-width: 1919px) { .title_1 { margin-bottom: calc(32px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .title_1 { margin-bottom: 32px } } .title_1_2 { letter-spacing: .02em } @media (min-width: 1920px) { .title_1_2 { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .title_1_2 { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .title_1_2 { font-size: 1.5rem } } @media (min-width: 1920px) { .title_1_2 { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .title_1_2 { line-height: calc(26px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .title_1_2 { line-height: 26px } } @media (min-width: 1920px) { .title_1_2 { margin-bottom: 49px } } @media (min-width: 560px) and (max-width: 1919px) { .title_1_2 { margin-bottom: calc(32px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .title_1_2 { margin-bottom: 32px } } .title_2 { font-weight: 700; letter-spacing: .02em } @media (min-width: 1920px) { .title_2 { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .title_2 { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .title_2 { font-size: 1.25rem } } @media (min-width: 1920px) { .title_2 { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .title_2 { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .title_2 { line-height: 28px } } @media (min-width: 1920px) { .title_2 { margin-bottom: 49px } } @media (min-width: 560px) and (max-width: 1919px) { .title_2 { margin-bottom: calc(32px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .title_2 { margin-bottom: 32px } } .title_2.egg { font-size: 3rem; line-height: 1.4; font-weight: 400 } @media (min-width: 1920px) { .title_2.egg { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .title_2.egg { font-size: calc(1.5rem + 24 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .title_2.egg { font-size: 1.5rem } } .title_3 { font-weight: 700; letter-spacing: .02em } @media (min-width: 1920px) { .title_3 { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .title_3 { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .title_3 { font-size: .9375rem } } @media (min-width: 1920px) { .title_3 { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .title_3 { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .title_3 { line-height: 22px } } @media (min-width: 1920px) { .title_3 { margin-bottom: 49px } } @media (min-width: 560px) and (max-width: 1919px) { .title_3 { margin-bottom: calc(32px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .title_3 { margin-bottom: 32px } } .button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: PT Sans, Arial, sans-serif; font-size: 1rem; line-height: 24px; padding-right: 10px; padding-left: 10px; border-radius: 5px; cursor: pointer; letter-spacing: .02em; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in; -webkit-box-shadow: 0 1px 1px #3389b4; box-shadow: 0 1px 1px #3389b4 } .button .icon { color: #fff !important } .button__color_primary { background-color: #8bb8e8; color: #fff } .button__color_primary:hover { background-color: #3389b4; -webkit-box-shadow: 0 1px 1px #3389b4; box-shadow: 0 1px 1px #3389b4 } .button__color_primary:active { background-color: #8bb8e8; -webkit-box-shadow: none; box-shadow: none } .button__color_primary_disable { background-color: #edebee; -webkit-box-shadow: none; box-shadow: none } .button__color_secondary { background-color: #fff; color: #a05eb5; border: 1px solid #a05eb5; -webkit-box-shadow: none; box-shadow: none } .button__color_secondary_disable { -webkit-box-shadow: none; box-shadow: none; color: #a6a6a6; border-color: #dcdcdc } .button__color_secondary:hover { background-color: #3389b4; border-color: #3389b4; color: #fff; -webkit-box-shadow: 0 1px 1px #3389b4; box-shadow: 0 1px 1px #3389b4 } .button__color_secondary:active { background-color: #8bb8e8; border-color: #8bb8e8; color: #fff; -webkit-box-shadow: none; box-shadow: none } .button__color_tertiary { background-color: rgba(0, 0, 0, 0); color: #a05eb5; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #a05eb5 } .button__color_tertiary_disable { -webkit-box-shadow: none; box-shadow: none; color: #a6a6a6; border-color: #dcdcdc } .button__color_tertiary:hover { background-color: #3389b4; border-color: #3389b4; color: #fff; -webkit-box-shadow: 0 1px 1px #3389b4; box-shadow: 0 1px 1px #3389b4 } .button__color_tertiary:active { background-color: #8bb8e8; border-color: #8bb8e8; -webkit-box-shadow: none; box-shadow: none; color: #fff } .button__color_quaternary { background-color: #8bb8e8; color: #fff } .button__color_quaternary_disable { -webkit-box-shadow: none; box-shadow: none; color: #a6a6a6; border-color: #dcdcdc } .button__color_quaternary:hover { background-color: #3389b4; border-color: #3389b4; -webkit-box-shadow: 0 1px 1px #3389b4; box-shadow: 0 1px 1px #3389b4 } .button__color_quaternary:active { background-color: #8bb8e8; border-color: #8bb8e8; -webkit-box-shadow: none; box-shadow: none } .button__type_normal { height: 40px } @media (min-width: 1920px) { .button__type_big { height: 56px } } @media (min-width: 560px) and (max-width: 1919px) { .button__type_big { height: calc(40px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .button__type_big { height: 40px } } .button__type_light { font-size: .875rem; line-height: 20px; height: 32px } .app_mode_color_bw .button, .app_mode_color_invert .button, .app_mode_color_sepia .button { border: .125rem solid !important } .bullets { display: -webkit-box; display: -ms-flexbox; display: flex } .bullets_big .bullets__item { -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); margin: 0 4px; border-radius: 50%; background-color: #fff; -ms-flex-negative: 0; flex-shrink: 0 } .bullets_big .bullets__item, .bullets_big .bullets__item_active-main { display: block; width: 12px; height: 12px } .bullets_small .bullets__item { margin: 0 3px; width: 8px; height: 8px; border-radius: 50%; background-color: #edebee; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .bullets_small .bullets__item:hover { background-color: #afa5b1 } .bullets_small .bullets__item:active { background-color: #edebee } .bullets_small .bullets__item_active-main { background-color: #edebee; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .bullets_small .bullets__item_active { background-color: #8bb8e8; margin: 0 3px; width: 8px; height: 8px } .bullets_small .bullets__item_active:hover { background-color: #3389b4 } .bullets_small .bullets__item_active:active { background-color: #8bb8e8 } .bullets_small .bullets__item_active-next, .bullets_small .bullets__item_active-next-next, .bullets_small .bullets__item_active-prev, .bullets_small .bullets__item_active-prev-prev { margin: 0 3px; width: 8px; height: 8px } .input { padding: 0 } .input_text { border: 1px solid #80c5e8; border-radius: 5px; line-height: normal; color: #4d3651; padding: 0 18px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in; width: 100% } @media (min-width: 1920px) { .input_text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .input_text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .input_text { font-size: 1rem } } @media (min-width: 1920px) { .input_text { height: 56px } } @media (min-width: 560px) and (max-width: 1919px) { .input_text { height: calc(40px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .input_text { height: 40px } } .label_error .input_text { border-color: #e782a9 } .input_text::-webkit-input-placeholder { color: #edebee } .input_text::-moz-placeholder { color: #edebee } .input_text:-ms-input-placeholder { color: #edebee } .input_text::-ms-input-placeholder { color: #edebee } .input_text::placeholder { color: #edebee } .input_text:focus { border: .125rem solid #53c9f4 } .input_text:hover { border: 1px solid #53c9f4 } .input_text:disabled { border-color: #f6f6f6; background-color: #f6f6f6 } .input--active { border-color: #f6f5f6 !important; background-color: #f6f5f6 !important } .input--active:hover { border: 1px solid #f6f5f6 } .input--active:focus { border: none; -webkit-box-shadow: none; box-shadow: none } .input_search { border-radius: 5px; background-color: #f6f6f6; line-height: normal; color: #4d3651; padding: 0 18px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in; width: 100% } @media (min-width: 1920px) { .input_search { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .input_search { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .input_search { font-size: 1rem } } @media (min-width: 1920px) { .input_search { height: 56px } } @media (min-width: 560px) and (max-width: 1919px) { .input_search { height: calc(40px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .input_search { height: 40px } } .input_small { height: 40px; line-height: 30px; font-size: 1.125rem; padding-top: 5px; padding-bottom: 5px } .label { font-family: PT Sans, Arial, sans-serif; font-size: .875rem; line-height: 20px; color: #afa5b1; display: inline-block; cursor: pointer } .label, .label_title { letter-spacing: .02em } .label_title { font-size: 1rem; line-height: 24px; color: #4d3651; margin-bottom: 2px } .textarea { border: 1px solid #f6f6f6; background-color: #f6f6f6; border-radius: 5px; color: #4d3651; padding: 10px 18px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in; width: 100%; min-height: 100px; resize: none } @media (min-width: 1920px) { .textarea { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .textarea { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .textarea { font-size: 1rem } } @media (min-width: 1920px) { .textarea { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .textarea { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .textarea { line-height: 22px } } .label_error .textarea { border-color: #e782a9 } .textarea::-webkit-input-placeholder { color: #edebee } .textarea::-moz-placeholder { color: #edebee } .textarea:-ms-input-placeholder { color: #edebee } .textarea::-ms-input-placeholder { color: #edebee } .textarea::placeholder { color: #edebee } .textarea:focus { border: .125rem solid #53c9f4; -webkit-box-shadow: .625rem .625rem 1.25rem rgba(0, 0, 0, .03); box-shadow: .625rem .625rem 1.25rem rgba(0, 0, 0, .03); padding: 9px 17px } .textarea:disabled { border-color: #f6f6f6; background-color: #f6f6f6 } .textarea_small { height: 40px; line-height: 40px; font-size: 1.125rem } .checkbox { position: relative } .checkbox__input { display: none } .checkbox__label { position: relative; padding-left: 27px; min-height: 22px; line-height: 22px; font-size: .875rem; color: #4d3651; letter-spacing: .02em; cursor: pointer } .checkbox__label:before { content: ""; position: absolute; width: 20px; height: 20px; border: 1px solid #8bb8e8; border-radius: 2px; background-color: #fff; top: 50%; margin-top: -11px; left: 0; z-index: 1; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in } .checkbox__input:checked + label.checkbox__label:before { opacity: 1; background-color: #8bb8e8 } .checkbox__label:hover:before { border-color: #3389b4 } .checkbox__label:after { content: ""; position: absolute; width: 20px; height: 20px; background-color: #8bb8e8; border-radius: 2px; top: 50%; margin-top: -10px; left: 1px; -webkit-transition: opacity .1s ease-in; -o-transition: opacity ease-in .1s; transition: opacity .1s ease-in; opacity: 0; z-index: 2 } .checkbox__input:checked + label.checkbox__label:after { opacity: 1 } .checkbox__label-icon { position: absolute; width: 13px; height: 11px; left: 5px; top: 3px; z-index: 3; -webkit-transition: -webkit-transform .1s ease-in .2s; transition: -webkit-transform .1s ease-in .2s; -o-transition: transform .1s ease-in .2s; transition: transform .1s ease-in .2s; transition: transform .1s ease-in .2s, -webkit-transform .1s ease-in .2s; color: #fff; -webkit-transform: scale(.1); -ms-transform: scale(.1); transform: scale(.1) } .checkbox__input:checked + label .checkbox__label-icon { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .select { position: relative } .select__element { background-color: #f6f6f6; border-radius: 5px; height: 40px; padding: 0 25px 0 8px; color: #4e4e4e; letter-spacing: .02em; font-size: 1rem; line-height: 40px } .select__icon { width: 20px; height: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: rgba(0, 0, 0, 0); right: 4px; top: 50%; margin-top: -3px; position: absolute; pointer-events: none } .radiobtn { position: relative } .radiobtn__input { display: none } .radiobtn__label { cursor: pointer } .radiobtn_default .radiobtn__label { position: relative; padding-left: 30px; min-height: 20px; line-height: 28px; font-size: 1.125rem; color: #4d3651; letter-spacing: .02em } .radiobtn_default .radiobtn__label:hover:after, .radiobtn_default .radiobtn__label:hover:before { border-color: #3389b4 } .radiobtn_default .radiobtn__label:after, .radiobtn_default .radiobtn__label:before { content: ""; position: absolute; left: 0; border-radius: 50% } .radiobtn_default .radiobtn__label:before { width: 20px; height: 20px; top: 1px; border: 1px solid #8bb8e8 } .radiobtn_default .radiobtn__label:after { background-color: #8bb8e8; width: 12px; height: 12px; top: 6px; left: 5px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; -o-transition: transform ease-out .15s; transition: transform .15s ease-out; transition: transform .15s ease-out, -webkit-transform .15s ease-out } .radiobtn_filter .radiobtn__label { color: #8bb8e8; line-height: 28px; font-size: 1.125rem; letter-spacing: .02em; padding: 3px 7px; border-radius: 3px; background-color: rgba(130, 184, 239, .45); -webkit-transition: background-color .25s ease-out; -o-transition: background-color ease-out .25s; transition: background-color .25s ease-out } @media (max-width: 768px) { .radiobtn_filter .radiobtn__label { width: 100%; text-align: center } } .radiobtn.radiobtn_filter .radiobtn__input:checked + label { background-color: #e6f3fa } .radiobtn.radiobtn_default .radiobtn__input:checked + label:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .app.app_mode_size :not(ymaps) { line-height: normal } .app.app__burger { overflow: hidden; margin: 0; height: 100% } .app_modal { overflow: hidden } .app__content { position: relative } .app__body_landing .app__content { overflow: visible } .app__body { min-width: 320px } .app__preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 1000; pointer-events: none; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity .1s ease-in; -o-transition: opacity ease-in .1s; transition: opacity .1s ease-in } .app.app_mode_color_bw .app__preloader, .app.app_mode_color_invert .app__preloader, .app.app_mode_color_sepia .app__preloader { background-color: #fff !important } .app_load .app__preloader { pointer-events: auto; opacity: 1; -webkit-transition: opacity .4s ease-in; -o-transition: opacity ease-in .4s; transition: opacity .4s ease-in } .app.app_mode_color_invert .app__preloader { background-color: #000 !important } .app.app_mode_color_sepia .app__preloader { background-color: #8bb8e8 !important } .app__preloader-inner { width: 200px; height: 200px } .app_mode_color_bw .app__preloader-inner, .app_mode_color_invert .app__preloader-inner, .app_mode_color_sepia .app__preloader-inner { -webkit-filter: grayscale(1); filter: grayscale(1) } .app.app_mode_color_invert .app__preloader-inner { background-color: #fff !important } .app.app_mode_color_sepia .app__preloader-inner { background: none !important } .app__preloader-video { width: 200px; height: 200px } .app_mode_color_bw .app__preloader-video, .app_mode_color_invert .app__preloader-video, .app_mode_color_sepia .app__preloader-video { -webkit-filter: grayscale(1); filter: grayscale(1) } .app__date { color: #4d3651; font-size: .875rem; line-height: 20px; letter-spacing: .02em } @media (min-width: 1920px) { .app__date { margin-top: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .app__date { margin-top: calc(16px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__date { margin-top: 16px } } .app__wrapper_standart { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .app__wrapper_standart { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .app__wrapper_standart { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .app__wrapper_standart { padding-left: 20px } } @media (min-width: 1024px) { .app__wrapper_standart { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .app__wrapper_standart { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .app__wrapper_standart { padding-right: 20px } } .app__page-text { max-width: 688px } @media (min-width: 1920px) { .app__page-text { margin-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .app__page-text { margin-top: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__page-text { margin-top: 30px } } @media (min-width: 1920px) { .app__page-text { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .app__page-text { margin-bottom: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__page-text { margin-bottom: 30px } } .app__message { position: absolute; top: 0; left: 0; z-index: 1010; width: 100%; padding: 20px; background-color: #a05eb5; color: #fff; font-size: 1.125rem; text-align: center } .app__page-text-icon.icon { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 3px; margin-top: 1px } .app__page-text-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app__page-text-footer { margin-top: 10px } @media (min-width: 1920px) { .app__page-text-bottom { margin-top: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .app__page-text-bottom { margin-top: calc(16px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__page-text-bottom { margin-top: 16px } } @media (min-width: 1920px) { .app__test { padding-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .app__test { padding-top: calc(60px + 120 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__test { padding-top: 60px } } @media (min-width: 1920px) { .app__test { padding-bottom: 150px } } @media (min-width: 560px) and (max-width: 1919px) { .app__test { padding-bottom: calc(30px + 120 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__test { padding-bottom: 30px } } @media (min-width: 1920px) { .app__test-item:not(:last-child) { padding-bottom: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .app__test-item:not(:last-child) { padding-bottom: calc(60px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__test-item:not(:last-child) { padding-bottom: 60px } } @media (min-width: 1920px) { .app__social { margin-bottom: 186px } } @media (min-width: 560px) and (max-width: 1919px) { .app__social { margin-bottom: calc(60px + 126 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__social { margin-bottom: 60px } } .app__contacts-worker { margin-top: 120px } @media (max-width: 1280px) { .app__contacts-worker { margin-top: 100px } } @media (max-width: 1024px) { .app__contacts-worker { margin-top: 80px } } @media (max-width: 768px) { .app__contacts-worker { margin-top: 60px } } @media (max-width: 560px) { .app__contacts-worker { margin-bottom: 30px } } @media (min-width: 1920px) { .app__accordions { margin-top: 115px } } @media (min-width: 560px) and (max-width: 1919px) { .app__accordions { margin-top: calc(55px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__accordions { margin-top: 55px } } @media (min-width: 1920px) { .app__accordions { margin-bottom: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .app__accordions { margin-bottom: calc(40px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__accordions { margin-bottom: 40px } } .app__text-image-block { max-width: 1288px; padding-left: 600px; position: relative; min-height: 282px } @media (min-width: 1920px) { .app__text-image-block { margin-top: 124px } } @media (min-width: 560px) and (max-width: 1919px) { .app__text-image-block { margin-top: calc(48px + 76 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__text-image-block { margin-top: 48px } } @media (min-width: 1920px) { .app__text-image-block { margin-bottom: 124px } } @media (min-width: 560px) and (max-width: 1919px) { .app__text-image-block { margin-bottom: calc(48px + 76 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__text-image-block { margin-bottom: 48px } } @media (max-width: 1024px) { .app__text-image-block { padding-left: 0 } } .app__text-image-block_reverse { padding-left: 0; padding-right: 600px } @media (max-width: 1024px) { .app__text-image-block_reverse { padding-right: 0 } } .app__image { width: 448px; position: absolute; left: 0; top: 0; display: block; border-radius: 5px; overflow: hidden; max-width: 100% } @media (max-width: 1024px) { .app__image { position: relative; left: auto; top: auto } } .app__text-image-block_reverse .app__image { left: auto; right: 0 } @media (max-width: 1024px) { .app__text-image-block_reverse .app__image { right: auto } } .app__image:after { content: ""; opacity: 1; position: absolute; top: 0; left: 0; z-index: 2; mix-blend-mode: multiply; width: 100%; height: 100%; background: -o-linear-gradient(19.58deg, #e782a9 -.85%, #80c5e8 100.61%); background: linear-gradient(70.42deg, #e782a9 -.85%, #80c5e8 100.61%) } :root .app__image:after, _:-ms-fullscreen .app__image:after { display: none } .app__image img, .app__image picture { display: block; width: 100%; height: auto } @media (max-width: 1024px) and (min-width: 1920px) { .app__image { margin-bottom: 40px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .app__image { margin-bottom: calc(24px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .app__image { margin-bottom: 24px } } img[data-src], img[data-srcset] { display: block; min-height: 1px } body .cmv-btn { z-index: 990 } .consultation-online__text { padding-top: 120px; padding-bottom: 0; max-width: 1024px } @media (max-width: 1280px) { .consultation-online__text { padding-top: 90px } } @media (max-width: 1024px) { .consultation-online__text { padding-top: 70px } } @media (max-width: 768px) { .consultation-online__text { padding-top: 50px } } .consultation-online__first { padding-top: 80px } @media (max-width: 1024px) { .consultation-online__first { padding-top: 40px } } .consultation-online__doctors { margin-top: 50px } .consultation-online__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 560px) { .consultation-online__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .consultation-online__title { font-family: PT Sans, Arial, sans-serif; color: #4d3651; font-size: 2.5rem; line-height: 60px; letter-spacing: .02em } @media (max-width: 1024px) { .consultation-online__title { font-size: 2rem; line-height: 50px } } @media (max-width: 768px) { .consultation-online__title { font-size: 1.625rem; line-height: 44px } } .consultation-online__price { font-family: PT Sans, Arial, sans-serif; color: #a05eb5; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20px; font-size: 2.5rem; line-height: 60px } @media (max-width: 1024px) { .consultation-online__price { font-size: 2rem; line-height: 50px } } @media (max-width: 768px) { .consultation-online__price { font-size: 1.875rem; line-height: 48px } } @media (max-width: 560px) { .consultation-online__price { margin-left: 0; margin-top: 10px } } .consultation-online__body { margin-bottom: 120px } @media (max-width: 1280px) { .consultation-online__body { margin-bottom: 100px } } @media (max-width: 1024px) { .consultation-online__body { margin-bottom: 80px } } @media (max-width: 768px) { .consultation-online__body { margin-bottom: 60px } } .consultation-online__prevtext { margin-top: 30px } .tmp__form-wrapper { position: relative; max-width: 1400px; margin: 30px auto } @media (min-width: 1920px) { .content { margin-top: 115px } } @media (min-width: 560px) and (max-width: 1919px) { .content { margin-top: calc(55px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .content { margin-top: 55px } } @media (min-width: 1920px) { .content { margin-bottom: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .content { margin-bottom: calc(40px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .content { margin-bottom: 40px } } .content__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .content__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .content__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .content__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .content__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .content__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .content__wrapper { padding-right: 20px } } .content_service .content__inner { max-width: 688px } .app_mode_color_bw .content__inner, .app_mode_color_invert .content__inner, .app_mode_color_sepia .content__inner { max-width: none } @media (min-width: 1920px) { .content.service-faq { margin-bottom: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .content.service-faq { margin-bottom: calc(80px + 100 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .content.service-faq { margin-bottom: 80px } } @media (min-width: 1920px) { .content.content_service { margin-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .content.content_service { margin-top: calc(50px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .content.content_service { margin-top: 50px } } @media (min-width: 1920px) { .content.content_service { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .content.content_service { margin-bottom: calc(50px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .content.content_service { margin-bottom: 50px } } @media (min-width: 1920px) { .content.content_service .typography h3 { margin-top: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .content.content_service .typography h3 { margin-top: calc(40px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .content.content_service .typography h3 { margin-top: 40px } } .form__item { position: relative; padding-bottom: 26px; display: block } .form__header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .form__tip { font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #e782a9; position: absolute; text-align: left; bottom: 6px; left: 0; right: 0; opacity: 0; max-width: 100%; width: auto; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity ease-in-out .2s; transition: opacity .2s ease-in-out } .form__item_error .form__tip { opacity: 1 } .form__item_error .form__input { border-color: #e782a9 } .form__title { font-size: 1rem; line-height: 24px; letter-spacing: .02em; color: #4d3651; margin-bottom: 2px } .form__file { z-index: 3; position: relative; margin-bottom: 26px } .form__item_textarea + .form__file { background-color: #f6f6f6; padding-left: 16px; margin-top: -26px; padding-bottom: 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .form__file-input, .form__select_choices { display: none } .form__choices { position: relative; z-index: 1 } .form__choices.is-open { z-index: 5 } .form__choices-list { padding: 0 } .choices__list--dropdown .form__choices-list { overflow-y: scroll; max-height: 240px } .form__choices-list_single { background-color: #f6f6f6; border: 1px solid #f6f6f6; border-radius: 5px; color: #4d3651; padding: 0 18px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in; width: 100% } @media (min-width: 1920px) { .form__choices-list_single { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_single { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .form__choices-list_single { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_single { line-height: calc(56px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__choices-list_single { line-height: 56px } } @media (min-width: 1920px) { .form__choices-list_single { line-height: 56px } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_single { line-height: calc(40px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__choices-list_single { line-height: 40px } } @media (min-width: 1920px) { .form__choices-list_single { height: 56px } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_single { height: calc(40px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__choices-list_single { height: 40px } } .form__choices-list_dropdown { position: absolute; overflow: visible; display: none; width: 100% } @media (min-width: 1920px) { .form__choices-list_dropdown { margin-top: -56px } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_dropdown { margin-top: calc(-40px + -16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__choices-list_dropdown { margin-top: -40px } } .is-open .form__choices-list_dropdown { display: block } .form__choices-list_dropdown:after { content: ""; position: absolute; background: url(/images/triangle.png) no-repeat; width: 38px; height: 16px; left: 50%; margin-left: -19px } @media (min-width: 1920px) { .form__choices-list_dropdown:after { top: 52px } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_dropdown:after { top: calc(38px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__choices-list_dropdown:after { top: 38px } } .app_mode_color_bw .form__choices-list_dropdown:after, .app_mode_color_invert .form__choices-list_dropdown:after, .app_mode_color_sepia .form__choices-list_dropdown:after { content: none } .form__item_select_last .form__choices-list_dropdown:after { top: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } @media (min-width: 1920px) { .form__item_select_last .form__choices-list_dropdown:after { bottom: 52px } } @media (min-width: 560px) and (max-width: 1919px) { .form__item_select_last .form__choices-list_dropdown:after { bottom: calc(38px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__item_select_last .form__choices-list_dropdown:after { bottom: 38px } } .form__choices-list_doctors { border-radius: 5px; color: #a6a6a6; padding: 0 20px 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in; width: 100%; overflow: hidden; background-color: #f6f5f6; border: 1px solid #f6f5f6 } @media (min-width: 1920px) { .form__choices-list_doctors { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_doctors { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .form__choices-list_doctors { font-size: .9375rem } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_doctors { line-height: calc(56px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__choices-list_doctors { line-height: 56px } } @media (min-width: 1920px) { .form__choices-list_doctors { line-height: 56px } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_doctors { line-height: calc(40px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__choices-list_doctors { line-height: 40px } } @media (min-width: 1920px) { .form__choices-list_doctors { height: 56px } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_doctors { height: calc(40px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__choices-list_doctors { height: 40px } } .form__choices-list_doctors.selected { border-color: #f6f5f6; background-color: #f6f5f6; color: #4d3651 } .form__choices-list_doctors:hover { border-color: #53c9f4 } .form__choices-list_doctors:focus { border: .125rem solid #53c9f4; -webkit-box-shadow: .625rem .625rem 1.25rem rgba(0, 0, 0, .03); box-shadow: .625rem .625rem 1.25rem rgba(0, 0, 0, .03) } .app_mode_color_bw .form__choices-list_doctors, .app_mode_color_invert .form__choices-list_doctors, .app_mode_color_sepia .form__choices-list_doctors { height: auto; min-height: 56px } .form__item_select_last .choices__list--dropdown .form__choices-list { top: auto; bottom: 0; margin-top: 0; position: absolute; width: 100% } @media (min-width: 1920px) { .form__item_select_last .choices__list--dropdown .form__choices-list { margin-bottom: 67px } } @media (min-width: 560px) and (max-width: 1919px) { .form__item_select_last .choices__list--dropdown .form__choices-list { margin-bottom: calc(51px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__item_select_last .choices__list--dropdown .form__choices-list { margin-bottom: 51px } } .form__choices-list_dropdown .form__choices-list { margin-top: 10px; background-color: #fff; padding: 0; position: relative; border-radius: 5px; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .12); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .12) } .form__choices-input_cloned { background-color: #f6f6f6; border: 1px solid #f6f6f6; border-radius: 5px; color: #4d3651; line-height: normal; padding: 0 18px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in; width: 100%; position: relative; z-index: 1; display: none } @media (min-width: 1920px) { .form__choices-input_cloned { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-input_cloned { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .form__choices-input_cloned { font-size: 1rem } } @media (min-width: 1920px) { .form__choices-input_cloned { height: 56px } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-input_cloned { height: calc(40px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__choices-input_cloned { height: 40px } } .is-open .form__choices-input_cloned { display: block; z-index: 5 } .form__choices-list_dropdown .form__choices-item { padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border-bottom: 1px solid #f6f6f6 } @media (min-width: 1920px) { .form__choices-list_dropdown .form__choices-item { height: 52px } } @media (min-width: 560px) and (max-width: 1919px) { .form__choices-list_dropdown .form__choices-item { height: calc(40px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__choices-list_dropdown .form__choices-item { height: 40px } } .form__choices-list_dropdown .form__choices-item_hide { display: none } .app_mode_color_bw .form__choices-list_dropdown .form__choices-item, .app_mode_color_invert .form__choices-list_dropdown .form__choices-item, .app_mode_color_sepia .form__choices-list_dropdown .form__choices-item { height: auto } .form__description { font-family: PT Sans, Arial, sans-serif; font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #a6a6a6; margin-bottom: 8px } .form__submit { line-height: 18px; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .form__submit { padding-left: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .form__submit { padding-left: calc(15px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__submit { padding-left: 15px } } @media (min-width: 1920px) { .form__submit { padding-right: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .form__submit { padding-right: calc(15px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form__submit { padding-right: 15px } } .form__submit.form__submit_disabled { background-color: #a6a6a6; cursor: default; -webkit-box-shadow: 0 1px 1px #a6a6a6; box-shadow: 0 1px 1px #a6a6a6 } .form__accept-text { font-size: .875rem; color: #4d3651; line-height: 20px; letter-spacing: .02em; margin-left: 10px } .form__accept-link { color: #3389b4 } .form__accept-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .form__accept-block, .form__accept-footer { display: -webkit-box; display: -ms-flexbox; display: flex } .form__accept-footer { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .form__accept-checkbox { position: relative } .form__choices-button { background: url(/images/close.png) no-repeat; width: 22px; height: 22px; border: 0; position: absolute; left: auto; right: 16px; top: 50%; margin-top: -11px; text-indent: -624.9375rem } .form__accept-block-tip { color: #e782a9; margin-bottom: 8px; font-size: .875rem; line-height: 20px; letter-spacing: .02em; display: none } .form__accept-block_error .form__accept-block-tip { display: block } .form__loader { position: absolute; background-color: #fff; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .form__loader.form__loader_active { display: -webkit-box; display: -ms-flexbox; display: flex } .app.app_mode_color_bw .form__loader, .app.app_mode_color_invert .form__loader, .app.app_mode_color_sepia .form__loader { display: none } .form__loader-video { width: 200px; height: 200px } .form__choices_empty .form__choices-button { display: none } .app.app_mode_size .form__choices-item, .app_mode_color_bw .form__choices-item, .app_mode_color_invert .form__choices-item, .app_mode_color_sepia .form__choices-item { height: auto } @media (min-width: 1920px) { .app.app_mode_size .form__choices-item, .app_mode_color_bw .form__choices-item, .app_mode_color_invert .form__choices-item, .app_mode_color_sepia .form__choices-item { min-height: 52px } } @media (min-width: 560px) and (max-width: 1919px) { .app.app_mode_size .form__choices-item, .app_mode_color_bw .form__choices-item, .app_mode_color_invert .form__choices-item, .app_mode_color_sepia .form__choices-item { min-height: calc(40px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app.app_mode_size .form__choices-item, .app_mode_color_bw .form__choices-item, .app_mode_color_invert .form__choices-item, .app_mode_color_sepia .form__choices-item { min-height: 40px } } @media (min-width: 1920px) { .app.app_mode_size .form__choices-item, .app_mode_color_bw .form__choices-item, .app_mode_color_invert .form__choices-item, .app_mode_color_sepia .form__choices-item { line-height: 52px } } @media (min-width: 560px) and (max-width: 1919px) { .app.app_mode_size .form__choices-item, .app_mode_color_bw .form__choices-item, .app_mode_color_invert .form__choices-item, .app_mode_color_sepia .form__choices-item { line-height: calc(40px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app.app_mode_size .form__choices-item, .app_mode_color_bw .form__choices-item, .app_mode_color_invert .form__choices-item, .app_mode_color_sepia .form__choices-item { line-height: 40px } } .choices__list--dropdown { border: none } .faded-overflow { position: relative } .faded-overflow:after { content: ""; display: block; position: absolute; height: 54px; width: 55px; right: 0; bottom: 26px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-image: -webkit-gradient(linear, right top, left top, color-stop(43.65%, #f6f6f6), to(hsla(0, 0%, 96.5%, 0))); background-image: -o-linear-gradient(right, #f6f6f6 43.65%, hsla(0, 0%, 96.5%, 0) 100%); background-image: linear-gradient(270deg, #f6f6f6 43.65%, hsla(0, 0%, 96.5%, 0)) } .bank-search__item.faded-overflow:after, .form-bid__series-line .faded-overflow:after, .search__input-wrapper.faded-overflow:after { bottom: 0 } .search__input-wrapper.faded-overflow:after { height: 40px } .form__choices-list_dropdown:after { display: none } .form__choices-list_dropdown .form__choices-item { color: #4d3651 } .form__choices-list_dropdown .form__choices-item_is-highlighted { background-color: #eef4fc } .filter-label-blood { position: relative } .filter-label-blood__input { display: none } .filter-label-blood__label { font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #4d3651; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; cursor: pointer } .filter-label-blood__frame, .filter-label-blood__label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .filter-label-blood__frame { width: 20px; height: 20px; border-radius: 2px; border: 1px solid #8bb8e8; left: 0; top: 0; margin-right: 8px; background-color: #fff; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color .15s ease-out; -o-transition: background-color ease-out .15s; transition: background-color .15s ease-out } .filter-label-blood__frame:hover { border-color: #3389b4 } .filter-label-blood__input:checked + .filter-label-blood__label .filter-label-blood__frame { background-color: #8bb8e8; border-color: #8bb8e8 } .filter-label-blood__check { position: absolute; color: #fff; width: 11px; height: 9px; -webkit-transition: -webkit-transform .1s ease-in .2s; transition: -webkit-transform .1s ease-in .2s; -o-transition: transform .1s ease-in .2s; transition: transform .1s ease-in .2s; transition: transform .1s ease-in .2s, -webkit-transform .1s ease-in .2s; -webkit-transform: scale(.1); -ms-transform: scale(.1); transform: scale(.1) } .filter-label-blood__input:checked + .filter-label-blood__label .filter-label-blood__check { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .filter-label-color { position: relative } .filter-label-color__input { display: none } .filter-label-color__label { border-radius: 50%; width: 24px; height: 24px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 2; background-color: #4e4e4e } .filter-label-color__check { position: relative; color: #fff; width: 11px; height: 9px; -webkit-transition: -webkit-transform .1s ease-in .2s; transition: -webkit-transform .1s ease-in .2s; -o-transition: transform .1s ease-in .2s; transition: transform .1s ease-in .2s; transition: transform .1s ease-in .2s, -webkit-transform .1s ease-in .2s; -webkit-transform: scale(.1); -ms-transform: scale(.1); transform: scale(.1) } .filter-label-color__input:checked + .filter-label-color__label .filter-label-color__check { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .filter-label-color__pin { position: absolute; background-color: #fff; color: #4e4e4e; font-size: .875rem; line-height: 20px; letter-spacing: .02em; text-align: center; padding: 3px 5px; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .12); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .12); bottom: 33px; z-index: 100; opacity: 0; -webkit-transition: all .15s ease-out; -o-transition: all ease-out .15s; transition: all .15s ease-out; pointer-events: none; border-radius: 4px } .filter-label-color__pin:after { content: ""; position: absolute; background-image: url(/assets/triangle.png); width: 38px; height: 16px; bottom: -16px; left: 50%; margin-left: -19px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .filter-label-color__label:hover .filter-label-color__pin { bottom: 38px; opacity: 1 } .range { position: relative } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box } .noUi-target { position: relative; direction: ltr } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1 } .noUi-connects { z-index: 0 } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; -webkit-transform-style: flat; transform-style: flat } html:not([dir=rtl]) .noUi-horizontal .noUi-origin { left: auto; right: -7px } .noUi-vertical .noUi-origin { width: 0 } .noUi-horizontal .noUi-origin { height: 0 } .noUi-touch-area { height: 100%; width: 100% } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform .3s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-horizontal { height: 14px } .noUi-horizontal .noUi-handle { width: 14px; height: 14px; left: -7px; top: -1px; border-radius: 50%; -webkit-box-shadow: 0 0 .3125rem rgba(0, 0, 0, .3); box-shadow: 0 0 .3125rem rgba(0, 0, 0, .3) } .noUi-vertical { width: 18px } .noUi-vertical .noUi-handle { width: 14px; height: 14px; left: -7px; top: 0; border-radius: 50% } html:not([dir=rtl]) .noUi-horizontal .noUi-handle { right: 0; left: auto } .noUi-target { background: #fff; border-radius: 10px; border: 1px solid #edebee } .noUi-connects { border-radius: 3px } .noUi-connect { background: #53c9f4; top: -1px; bottom: -1px } .noUi-draggable { cursor: ew-resize } .noUi-vertical .noUi-draggable { cursor: ns-resize } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; cursor: pointer; border: none; border-radius: 3px; background: #fff; -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px .4375rem #ebebeb, 0 .1875rem .375rem -.1875rem #bbb; box-shadow: inset 0 0 1px #fff, inset 0 1px .4375rem #ebebeb, 0 .1875rem .375rem -.1875rem #bbb } .noUi-active { -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px .4375rem #ddd, 0 .1875rem .375rem -.1875rem #bbb; box-shadow: inset 0 0 1px #fff, inset 0 1px .4375rem #ddd, 0 .1875rem .375rem -.1875rem #bbb } .noUi-handle:after { left: 17px } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px } .noUi-vertical .noUi-handle:after { top: 17px } [disabled] .noUi-connect { background: #b8b8b8 } [disabled].noUi-handle, [disabled] .noUi-handle, [disabled].noUi-target { cursor: not-allowed } .noUi-pips, .noUi-pips * { -webkit-box-sizing: border-box; box-sizing: border-box } .noUi-pips { position: absolute; color: #999 } .noUi-value { position: absolute; white-space: nowrap; text-align: center } .noUi-value-sub { color: #ccc; font-size: .625rem } .noUi-marker { position: absolute; background: #ccc } .noUi-marker-large, .noUi-marker-sub { background: #aaa } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100% } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%) } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%) } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px } .noUi-marker-horizontal.noUi-marker-sub { height: 10px } .noUi-marker-horizontal.noUi-marker-large { height: 15px } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100% } .noUi-value-vertical { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left: 25px } .noUi-rtl .noUi-value-vertical { -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%) } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px } .noUi-marker-vertical.noUi-marker-sub { width: 10px } .noUi-marker-vertical.noUi-marker-large { width: 15px } .noUi-tooltip { font-size: .875rem; line-height: 16px; letter-spacing: .02em; display: block; position: absolute; color: #4d3651; text-align: right; white-space: nowrap; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); left: 50%; top: 20px } .landing-burger { -ms-flex-negative: 0; flex-shrink: 0; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 64px; height: 64px; margin-right: -20px } @media (max-width: 768px) { .landing-burger { display: -webkit-box; display: -ms-flexbox; display: flex } } .landing-burger__wrapper { width: 22px; height: 17px; 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 } .landing-burger__line { height: 1px; background: #a05eb5; width: 22px; -webkit-transition: all .2s ease; -o-transition: all ease .2s; transition: all .2s ease; position: relative } .landing-burger__line_1 { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .app__burger .landing-burger__line_1 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: -3px; top: 1px } .landing-burger__line_2 { left: 0; opacity: 1 } .app__burger .landing-burger__line_2 { left: 20px; opacity: 0 } .landing-burger__line_3 { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .app__burger .landing-burger__line_3 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: -3px; top: 1px } .menu-mob { position: fixed; overflow: hidden; width: 100%; right: -100%; top: 115px; bottom: 0; padding-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 200; background-color: #fff; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } .app__body_landing .menu-mob { opacity: 0; right: auto; left: 0; pointer-events: none } .app__burger .app__body_landing .menu-mob { opacity: 1; pointer-events: auto } @media (max-width: 768px) { .app__burger .menu-mob { pointer-events: auto; opacity: 1; right: 0; height: 100% } } .menu-mob__wrapper { width: 100%; position: relative; overflow: hidden } .eco-title { background-image: -o-linear-gradient(186.36deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); background-image: linear-gradient(263.64deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); mix-blend-mode: multiply; min-height: 312px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .eco-title { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title { padding-top: 50px } } @media (min-width: 1920px) { .eco-title { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title { padding-bottom: calc(50px + 78 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title { padding-bottom: 50px } } @media (max-width: 768px) { .eco-title { min-height: auto } } .eco-title__wrapper { width: 100%; max-width: 1568px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 1024px) { .eco-title__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .eco-title__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .eco-title__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .eco-title__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .eco-title__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .eco-title__wrapper { padding-right: 20px } } .eco-title__emblem { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .eco-title__emblem { width: 380px } } @media (min-width: 1024px) and (max-width: 1919px) { .eco-title__emblem { width: calc(250px + 130 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .eco-title__emblem { width: 250px } } @media (min-width: 1920px) { .eco-title__emblem { padding-right: 20px } } @media (min-width: 1024px) and (max-width: 1919px) { .eco-title__emblem { padding-right: calc(20 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .eco-title__emblem { padding-right: 0 } } @media (max-width: 768px) { .eco-title__emblem { display: none } } .app_mode_color_bw .eco-title__emblem, .app_mode_color_invert .eco-title__emblem, .app_mode_color_sepia .eco-title__emblem { display: none } @media (max-width: 1024px) and (min-width: 1024px) { .eco-title__emblem { width: 150px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .eco-title__emblem { width: calc(100px + 50 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .eco-title__emblem { width: 100px } } .eco-title__emblem-image { opacity: .7 } .eco-title__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 810px } @media (min-width: 1920px) { .eco-title__data { padding-right: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__data { padding-right: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__data { padding-right: 30px } } @media (max-width: 768px) { .eco-title__data { padding-right: 0 } } .app_mode_color_bw .eco-title__data, .app_mode_color_invert .eco-title__data, .app_mode_color_sepia .eco-title__data { max-width: none; padding-right: 0 } .eco-title__title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 1028px } @media (min-width: 1920px) { .eco-title__title { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__title { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .eco-title__title { font-size: 1.75rem } } @media (min-width: 1920px) { .eco-title__title { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__title { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__title { line-height: 38px } } @media (min-width: 1920px) { .eco-title__title:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__title:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__title:not(:last-of-type) { margin-bottom: 18px } } .eco-title__description { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 810px } @media (min-width: 1920px) { .eco-title__description { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__description { font-size: calc(1.25rem + 12 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .eco-title__description { font-size: 1.25rem } } @media (min-width: 1920px) { .eco-title__description { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__description { line-height: calc(30px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__description { line-height: 30px } } @media (min-width: 1920px) { .eco-title__description { margin-top: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__description { margin-top: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__description { margin-top: 20px } } .eco-title__description li { color: #8bb8e8 } @media (min-width: 1920px) { .eco-title__description li { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__description li { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .eco-title__description li { font-size: 1rem } } @media (min-width: 1920px) { .eco-title__description li { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__description li { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__description li { line-height: 26px } } @media (min-width: 1920px) { .eco-title__description li:not(:last-child) { margin-bottom: 13px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__description li:not(:last-child) { margin-bottom: calc(8px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__description li:not(:last-child) { margin-bottom: 8px } } @media (min-width: 1920px) { .eco-title__description ul { margin-top: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__description ul { margin-top: calc(22px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__description ul { margin-top: 22px } } .app_mode_color_bw .eco-title__description ul, .app_mode_color_invert .eco-title__description ul, .app_mode_color_sepia .eco-title__description ul { margin-left: 30px } .eco-title__description ul li { list-style: none; position: relative; padding-left: 30px } .eco-title__description ul li:before { content: ""; position: absolute; border-radius: 50%; width: 12px; height: 12px; left: 0; background-image: -o-radial-gradient(53.44% 40.55%, 1.403125rem, rgba(128, 197, 232, .6) 0, rgba(218, 134, 179, .6) 100%); background-image: radial-gradient(1.403125rem at 53.44% 40.55%, rgba(128, 197, 232, .6) 0, rgba(218, 134, 179, .6) 100%) } @media (min-width: 1920px) { .eco-title__description ul li:before { top: 9px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__description ul li:before { top: calc(7px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__description ul li:before { top: 7px } } .app_mode_color_bw .eco-title__description ul li:before, .app_mode_color_invert .eco-title__description ul li:before, .app_mode_color_sepia .eco-title__description ul li:before { display: block; background-image: none; -webkit-filter: invert(1); filter: invert(1); content: none } .app_mode_color_bw .eco-title__description ul li, .app_mode_color_invert .eco-title__description ul li, .app_mode_color_sepia .eco-title__description ul li { list-style: disc; padding-left: 0 } .app_mode_color_bw .eco-title__description, .app_mode_color_invert .eco-title__description, .app_mode_color_sepia .eco-title__description { max-width: none } .eco-title__documents { border-top: 1px solid #552059 } @media (min-width: 1920px) { .eco-title__documents { padding-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__documents { padding-top: calc(24px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__documents { padding-top: 24px } } @media (min-width: 1920px) { .eco-title__documents { margin-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__documents { margin-top: calc(20px + 28 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__documents { margin-top: 20px } } @media (max-width: 560px) { .eco-title__documents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .eco-title__documents-button { min-width: 210px; color: #fff !important } @media (min-width: 1920px) { .eco-title__info { margin-top: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__info { margin-top: calc(24px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__info { margin-top: 24px } } .eco-title__info-title { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .eco-title__info-title { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__info-title { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .eco-title__info-title { font-size: .875rem } } @media (min-width: 1920px) { .eco-title__info-title { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__info-title { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__info-title { line-height: 22px } } .eco-title__info-value { color: #59335f; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .eco-title__info-value { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__info-value { font-size: calc(1.375rem + 10 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .eco-title__info-value { font-size: 1.375rem } } @media (min-width: 1920px) { .eco-title__info-value { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__info-value { line-height: calc(32px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__info-value { line-height: 32px } } @media (min-width: 1920px) { .eco-title__info-value { margin-top: 8px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__info-value { margin-top: calc(3px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__info-value { margin-top: 3px } } @media (min-width: 1920px) { .eco-title__info-value { margin-bottom: -10px } } @media (min-width: 560px) and (max-width: 1919px) { .eco-title__info-value { margin-bottom: calc(-4px + -6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .eco-title__info-value { margin-bottom: -4px } } .eco-title a { color: #0f579a } .app_mode_color_bw .eco-title a, .app_mode_color_invert .eco-title a, .app_mode_color_sepia .eco-title a { text-decoration: underline } .eco-title a:hover { color: #3389b4; text-decoration: none } .eco-title a:active { color: #0f579a } .file { display: -webkit-box; display: -ms-flexbox; display: flex } .file__icon { width: 18px; height: 18px; color: rgba(0, 0, 0, 0); margin-right: 6px; -ms-flex-negative: 0; flex-shrink: 0 } .file__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: 100% } .file__label .file__info-button { background-color: #fff; color: #4d3651 } .file__label-text { display: block; font-size: .875rem; line-height: 20px; letter-spacing: .02em; -ms-flex-negative: 0; flex-shrink: 0; color: #0f579a; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in; font-family: PT Sans, Arial, sans-serif } .file__label-text:hover { color: #3389b4 } .file__label-text:active { color: #0f579a } .file__input { display: none } .file__num { font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #a6a6a6; margin-left: 5px } .file__items { overflow: hidden; margin: 0 10px; font-size: .75rem; line-height: 14px; color: #a6a6a6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .file__item { padding: 5px; -ms-flex-negative: 0; flex-shrink: 0 } .file__item:not(:last-of-type):after { content: ","; position: relative; font-size: .75rem; line-height: 14px; color: #a6a6a6 } .file__info { position: relative; margin-left: 8px } @media (max-width: 1024px) { .file__info { display: none } } .app_mode_color_bw .file__info, .app_mode_color_invert .file__info, .app_mode_color_sepia .file__info { display: none } .file__info-button { border-radius: 50%; color: #fff; background-color: #53c9f4; width: 20px; height: 20px; cursor: pointer; text-align: center } .file__info-button, .file__info-popup { line-height: 20px; font-size: .875rem; letter-spacing: .02em } .file__info-popup { background-color: #fff; border-radius: 5px; padding: 15px 20px; color: #4d3651; position: absolute; width: 246px; left: 50%; margin-left: -123px; bottom: 30px; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .12); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .12); opacity: 0; pointer-events: none; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .file__info-popup.file__info-popup_active { opacity: 1; bottom: 40px; pointer-events: auto } .file__polygon { width: 17px; height: 10px; color: #fff; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: 50%; margin-left: -8px; bottom: -9px; position: absolute } .file__tip { position: absolute; color: #e782a9; font-size: .875rem; line-height: 20px; top: -20px; left: 16px; opacity: 0; -webkit-transition: opacity .2s ease-out; -o-transition: opacity ease-out .2s; transition: opacity .2s ease-out } .form__file_error .file__tip { opacity: 1 } .login { position: relative; overflow: hidden } @media (min-width: 1920px) { .login { padding-bottom: 190px } } @media (min-width: 560px) and (max-width: 1919px) { .login { padding-bottom: calc(80px + 110 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .login { padding-bottom: 80px } } @media (min-width: 1920px) { .login { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .login { padding-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .login { padding-top: 30px } } .login__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .login__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .login__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .login__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .login__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .login__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .login__wrapper { padding-right: 20px } } .login__inner { max-width: 688px } @media (min-width: 1920px) { .login__description { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .login__description { margin-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .login__description { margin-bottom: 15px } } .gallery { overflow: hidden } @media (min-width: 1920px) { .gallery { padding-top: 118px } } @media (min-width: 560px) and (max-width: 1919px) { .gallery { padding-top: calc(60px + 58 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .gallery { padding-top: 60px } } @media (min-width: 1920px) { .gallery { padding-bottom: 118px } } @media (min-width: 560px) and (max-width: 1919px) { .gallery { padding-bottom: calc(60px + 58 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .gallery { padding-bottom: 60px } } .gallery__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; margin-bottom: -32px } .gallery__item { width: 16.66%; padding: 0 16px; margin-bottom: 32px } @media (min-width: 1920px) { .gallery__item { height: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .gallery__item { height: calc(110px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .gallery__item { height: 110px } } @media (max-width: 1280px) { .gallery__item { width: 20% } } @media (max-width: 1024px) { .gallery__item { width: 25% } } @media (max-width: 768px) { .gallery__item { width: 33.3% } } @media (max-width: 560px) { .gallery__item { width: 50% } } .gallery__link { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; border-radius: 5px; overflow: hidden } .gallery__link:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -o-linear-gradient(17.02deg, rgba(139, 184, 232, .85) -3.92%, rgba(231, 130, 169, .61) 99.38%); background-image: linear-gradient(72.98deg, rgba(139, 184, 232, .85) -3.92%, rgba(231, 130, 169, .61) 99.38%); opacity: 0; z-index: 1; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } @media (max-width: 768px) { .gallery__link:before { background-image: -o-linear-gradient(30.27deg, #e782a9 -.85%, #80c5e8 100.61%); background-image: linear-gradient(59.73deg, #e782a9 -.85%, #80c5e8 100.61%); opacity: .2 } } .gallery__link:hover:before { opacity: .8 } .gallery__photo-icon { border-radius: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; -webkit-transform: translate(-30px, -30px); -ms-transform: translate(-30px, -30px); transform: translate(-30px, -30px); z-index: 5; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); opacity: 0; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .gallery__link:hover .gallery__photo-icon { opacity: .8 } @media (max-width: 768px) { .gallery__photo-icon { display: none } } .gallery__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .gallery__icon-gallery { width: 24px; height: 24px; color: #a05eb5 } .card-gallery-list { width: 100%; height: 100%; border-radius: 5px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .card-gallery-list:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .card-gallery-list__photo { position: relative; border-top-right-radius: 5px; border-top-left-radius: 5px } @media (min-width: 1920px) { .card-gallery-list__photo { height: 288px } } @media (min-width: 560px) and (max-width: 1919px) { .card-gallery-list__photo { height: calc(140px + 148 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-gallery-list__photo { height: 140px } } .card-gallery-list__photo:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -o-linear-gradient(17.02deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); background-image: linear-gradient(72.98deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); z-index: 2; opacity: 0; -webkit-filter: brightness(1.3); filter: brightness(1.3); mix-blend-mode: multiply; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .card-gallery-list:hover .card-gallery-list__photo:after { opacity: .8 } @media (max-width: 560px) and (min-width: 560px) { .card-gallery-list__photo { height: 270px } } @media (max-width: 560px) and (min-width: 320px) and (max-width: 559px) { .card-gallery-list__photo { height: calc(190px + 80 * (100vw - 320px) / 240) } } @media (max-width: 560px) and (max-width: 319px) { .card-gallery-list__photo { height: 190px } } .card-gallery-list__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1 } .card-gallery-list__content { border: 1px solid #edebee; border-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -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; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px } @media (min-width: 1920px) { .card-gallery-list__content { padding-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-gallery-list__content { padding-top: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-gallery-list__content { padding-top: 15px } } @media (min-width: 1920px) { .card-gallery-list__content { padding-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-gallery-list__content { padding-bottom: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-gallery-list__content { padding-bottom: 15px } } @media (min-width: 1920px) { .card-gallery-list__content { padding-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-gallery-list__content { padding-right: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-gallery-list__content { padding-right: 20px } } @media (min-width: 1920px) { .card-gallery-list__content { padding-left: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-gallery-list__content { padding-left: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-gallery-list__content { padding-left: 20px } } .card-gallery-list__title { font-weight: 700; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .card-gallery-list__title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-gallery-list__title { font-size: calc(1rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-gallery-list__title { font-size: 1rem } } @media (min-width: 1920px) { .card-gallery-list__title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-gallery-list__title { line-height: calc(22px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-gallery-list__title { line-height: 22px } } .card-gallery-list__date { font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #a6a6a6; margin-top: 15px } .gallery-list { overflow: hidden } @media (min-width: 1920px) { .gallery-list { padding-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .gallery-list { padding-top: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .gallery-list { padding-top: 60px } } @media (min-width: 1920px) { .gallery-list { padding-bottom: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .gallery-list { padding-bottom: calc(20px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .gallery-list { padding-bottom: 20px } } .gallery-list__list { margin-right: -16px; margin-left: -16px; margin-bottom: -32px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .gallery-list__item { width: 33.3%; padding-left: 16px; padding-right: 16px; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 32px } @media (max-width: 1280px) { .gallery-list__item { width: 50% } } @media (max-width: 560px) { .gallery-list__item { width: 100% } } .group-specialists { font-family: PT Sans, Arial, sans-serif; font-weight: 700; letter-spacing: .02em; max-width: 930px } @media (min-width: 1920px) { .group-specialists { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .group-specialists { font-size: calc(1.375rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .group-specialists { font-size: 1.375rem } } @media (min-width: 1920px) { .group-specialists { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .group-specialists { line-height: calc(30px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .group-specialists { line-height: 30px } } @media (min-width: 1920px) { .group-specialists__wrapper { padding-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .group-specialists__wrapper { padding-top: calc(25px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .group-specialists__wrapper { padding-top: 25px } } .graduate__name { font-weight: 700; letter-spacing: .02em } @media (min-width: 1920px) { .graduate__name { margin-top: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .graduate__name { margin-top: calc(12px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .graduate__name { margin-top: 12px } } @media (min-width: 1920px) { .graduate__name { margin-bottom: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .graduate__name { margin-bottom: calc(8px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .graduate__name { margin-bottom: 8px } } @media (min-width: 1920px) { .graduate__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .graduate__name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .graduate__name { font-size: 1rem } } @media (min-width: 1920px) { .graduate__name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .graduate__name { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .graduate__name { line-height: 22px } } @media (min-width: 1920px) { .graduate__name:first-child { margin-top: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .graduate__name:first-child { margin-top: calc(12px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .graduate__name:first-child { margin-top: 12px } } .graduate__text { letter-spacing: .02em; font-weight: 400 } @media (min-width: 1920px) { .graduate__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .graduate__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .graduate__text { font-size: 1rem } } @media (min-width: 1920px) { .graduate__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .graduate__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .graduate__text { line-height: 22px } } .search-result__item { border-top: 1px solid #edebee } .search-result__link { color: #4d3651; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (min-width: 1920px) { .search-result__link { padding-top: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__link { padding-top: calc(20px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-result__link { padding-top: 20px } } @media (min-width: 1920px) { .search-result__link { padding-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__link { padding-bottom: calc(30px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-result__link { padding-bottom: 30px } } .search-result__category { letter-spacing: .02em; font-weight: 700 } @media (min-width: 1920px) { .search-result__category { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__category { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .search-result__category { font-size: 1.125rem } } @media (min-width: 1920px) { .search-result__category { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__category { line-height: calc(26px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-result__category { line-height: 26px } } .search-result__name { letter-spacing: .02em; font-weight: 700; -webkit-transition: color .15s ease-out; -o-transition: color ease-out .15s; transition: color .15s ease-out } @media (min-width: 1920px) { .search-result__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .search-result__name { font-size: 1rem } } @media (min-width: 1920px) { .search-result__name { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__name { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-result__name { line-height: 22px } } @media (min-width: 1920px) { .search-result__name { margin-top: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__name { margin-top: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-result__name { margin-top: 15px } } .search-result__name:hover { color: #8bb8e8 } .search-result__description { letter-spacing: .02em } @media (min-width: 1920px) { .search-result__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .search-result__description { font-size: 1rem } } @media (min-width: 1920px) { .search-result__description { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__description { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-result__description { line-height: 22px } } @media (min-width: 1920px) { .search-result__description { margin-top: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__description { margin-top: calc(8px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-result__description { margin-top: 8px } } .search-result__link-text { letter-spacing: .02em; color: #0f579a; -webkit-transition: color .15s ease-out; -o-transition: color ease-out .15s; transition: color .15s ease-out } @media (min-width: 1920px) { .search-result__link-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__link-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .search-result__link-text { font-size: 1rem } } @media (min-width: 1920px) { .search-result__link-text { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__link-text { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-result__link-text { line-height: 22px } } @media (min-width: 1920px) { .search-result__link-text { margin-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .search-result__link-text { margin-top: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-result__link-text { margin-top: 24px } } .search-result__link-text:hover { color: #53c9f4 } @media (min-width: 1920px) { .search-page { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page { padding-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page { padding-top: 30px } } @media (min-width: 1920px) { .search-page { padding-bottom: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page { padding-bottom: calc(30px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page { padding-bottom: 30px } } .search-page__form, .search-page__reset { display: -webkit-box; display: -ms-flexbox; display: flex } .search-page__reset { -ms-flex-negative: 0; flex-shrink: 0; width: 44px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f6f6f6 } .search-page__icon-search { width: 30px; height: 28px; color: #fff } @media (max-width: 560px) { .search-page__icon-search { width: 20px; height: 18px } } .search-page__icon-cross { width: 30px; height: 28px; color: #4d3651 } .search-page__submit { border-top-left-radius: 0; border-bottom-left-radius: 0; width: 59px } .search-page__results { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .search-page__results { padding-bottom: 10px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__results { padding-bottom: calc(6px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__results { padding-bottom: 6px } } .search-page__results-text { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .search-page__results-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__results-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .search-page__results-text { font-size: 1rem } } @media (min-width: 1920px) { .search-page__results-text { line-height: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__results-text { line-height: calc(36px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__results-text { line-height: 36px } } .search-page__results-value { line-height: 48px; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651; margin-left: 5px; display: none } @media (min-width: 1920px) { .search-page__results-value { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__results-value { font-size: calc(3rem + 0 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .search-page__results-value { font-size: 3rem } } .search-page__results-value.search-page__results-value_show { display: block } @media (min-width: 1920px) { .search-page__body { margin-top: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__body { margin-top: calc(30px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__body { margin-top: 30px } } .search-page__item { border-top: 1px solid #edebee } .search-page__link { display: block; color: #4d3651 } @media (min-width: 1920px) { .search-page__link { padding-top: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__link { padding-top: calc(20px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__link { padding-top: 20px } } @media (min-width: 1920px) { .search-page__link { padding-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__link { padding-bottom: calc(30px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__link { padding-bottom: 30px } } .search-page__category { letter-spacing: .02em; font-weight: 700 } @media (min-width: 1920px) { .search-page__category { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__category { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .search-page__category { font-size: 1.125rem } } @media (min-width: 1920px) { .search-page__category { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__category { line-height: calc(26px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__category { line-height: 26px } } .search-page__name { letter-spacing: .02em; font-weight: 700 } @media (min-width: 1920px) { .search-page__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .search-page__name { font-size: 1rem } } @media (min-width: 1920px) { .search-page__name { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__name { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__name { line-height: 22px } } @media (min-width: 1920px) { .search-page__name { margin-top: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__name { margin-top: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__name { margin-top: 15px } } .search-page__description { letter-spacing: .02em } @media (min-width: 1920px) { .search-page__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .search-page__description { font-size: 1rem } } @media (min-width: 1920px) { .search-page__description { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__description { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__description { line-height: 22px } } @media (min-width: 1920px) { .search-page__description { margin-top: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__description { margin-top: calc(8px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__description { margin-top: 8px } } .search-page__link-text { letter-spacing: .02em; color: #8bb8e8 } @media (min-width: 1920px) { .search-page__link-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__link-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .search-page__link-text { font-size: 1rem } } @media (min-width: 1920px) { .search-page__link-text { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__link-text { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__link-text { line-height: 22px } } @media (min-width: 1920px) { .search-page__link-text { margin-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .search-page__link-text { margin-top: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .search-page__link-text { margin-top: 24px } } .search-page__loader { position: relative; width: 100%; height: 200px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .search-page__loader.search-page__loader_active { display: -webkit-box; display: -ms-flexbox; display: flex } .app.app_mode_color_bw .search-page__loader, .app.app_mode_color_invert .search-page__loader, .app.app_mode_color_sepia .search-page__loader { display: none } .search-page__preloader-video { max-height: 100% } .card-news-filter { overflow: hidden; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .2s ease-in !important; -o-transition: all ease-in .2s !important; transition: all .2s ease-in !important } .card-news-filter:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .card-news-filter__body { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: 1px solid #edebee; border-top-color: rgba(0, 0, 0, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1920px) { .card-news-filter__body { padding: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__body { padding: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news-filter__body { padding: 15px } } .card-news-filter__title { color: #4d3651; font-weight: 700; letter-spacing: .02em } @media (min-width: 1920px) { .card-news-filter__title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__title { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-news-filter__title { font-size: 1.125rem } } @media (min-width: 1920px) { .card-news-filter__title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__title { line-height: calc(26px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news-filter__title { line-height: 26px } } @media (min-width: 1920px) { .card-news-filter__title { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__title { margin-bottom: calc(24px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news-filter__title { margin-bottom: 24px } } .app_mode_size_m .card-news-filter__title { font-size: 1.125rem } .app_mode_size_l .card-news-filter__title { font-size: 1rem } .card-news-filter__text { color: #4d3651; letter-spacing: .02em; position: relative; max-height: 85px; overflow: hidden } @media (min-width: 1920px) { .card-news-filter__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-news-filter__text { font-size: .9375rem } } @media (min-width: 1920px) { .card-news-filter__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news-filter__text { line-height: 24px } } @media (min-width: 1920px) { .card-news-filter__text { margin-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__text { margin-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news-filter__text { margin-bottom: 20px } } .app_mode_color_bw .card-news-filter__text, .app_mode_color_invert .card-news-filter__text, .app_mode_color_sepia .card-news-filter__text { max-height: none } .card-news-filter__text:after { content: ""; position: absolute; width: 100%; height: 60%; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(90%, hsla(0, 0%, 100%, .001))); background-image: -o-linear-gradient(bottom, #fff 0, hsla(0, 0%, 100%, .001) 90%); background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, .001) 90%) } .app_mode_color_bw .card-news-filter__text:after, .app_mode_color_invert .card-news-filter__text:after, .app_mode_color_sepia .card-news-filter__text:after { content: none } .app_mode_size_m .card-news-filter__text { font-size: .875rem } .app_mode_size_l .card-news-filter__text { font-size: .9375rem } .card-news-filter__footer { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto } .card-news-filter__footer, .card-news-filter__header { display: -webkit-box; display: -ms-flexbox; display: flex } .card-news-filter__header { border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1920px) { .card-news-filter__header { height: 288px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__header { height: calc(190px + 98 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news-filter__header { height: 190px } } @media (max-width: 768px) { .card-news-filter__header { height: auto } } .app_mode_color_bw .card-news-filter__header, .app_mode_color_invert .card-news-filter__header, .app_mode_color_sepia .card-news-filter__header { display: none } @media (max-width: 768px) and (min-width: 1920px) { .card-news-filter__header { min-height: 288px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .card-news-filter__header { min-height: calc(190px + 98 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .card-news-filter__header { min-height: 190px } } .card-news-filter__image { -o-object-fit: cover; object-fit: cover; display: block; width: 100%; height: 100% } .card-news-filter__img-wrapper { position: relative } .card-news-filter__img-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background-image: -o-linear-gradient(17.02deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); background-image: linear-gradient(72.98deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%) } .card-news-filter__icon { background-color: #fff; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 1920px) { .card-news-filter__icon { width: 160px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__icon { width: calc(120px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news-filter__icon { width: 120px } } @media (min-width: 1920px) { .card-news-filter__icon { height: 160px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__icon { height: calc(120px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news-filter__icon { height: 120px } } .card-news-filter__picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: #d4b7de } .card-news-filter_news .card-news-filter__picture { background-color: #d4b7de } .card-news-filter_notice .card-news-filter__picture { background-color: #f4c7d8 } .card-news-filter_important .card-news-filter__picture { background-color: #e782a9 } .card-news-filter_corona .card-news-filter__picture { background-color: #a05eb5 } .card-news-filter__date { color: #a6a6a6; letter-spacing: .02em } @media (min-width: 1920px) { .card-news-filter__date { font-size: .875rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__date { font-size: calc(.8125rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-news-filter__date { font-size: .8125rem } } @media (min-width: 1920px) { .card-news-filter__date { line-height: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__date { line-height: calc(18px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news-filter__date { line-height: 18px } } .card-news-filter__tag { letter-spacing: .02em; display: inline-block; border-radius: 4px; background-color: #cbdff5; color: #0f579a; padding: 2px 10px } @media (min-width: 1920px) { .card-news-filter__tag { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__tag { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-news-filter__tag { font-size: .875rem } } @media (min-width: 1920px) { .card-news-filter__tag { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news-filter__tag { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news-filter__tag { line-height: 22px } } .card-news-filter_notice .card-news-filter__tag { background-color: #fff } .filter-news { overflow: hidden; position: relative; width: 100% } @media (min-width: 1920px) { .filter-news { margin-top: 148px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news { margin-top: calc(60px + 88 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-news { margin-top: 60px } } @media (min-width: 1920px) { .filter-news { margin-bottom: 230px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news { margin-bottom: calc(100px + 130 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-news { margin-bottom: 100px } } .filter-news__wrapper { max-width: 1586px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .filter-news__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .filter-news__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .filter-news__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .filter-news__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .filter-news__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .filter-news__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .filter-news__filter { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news__filter { margin-bottom: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-news__filter { margin-bottom: 30px } } .filter-news__data { overflow: hidden } .filter-news__loader { position: relative; width: 100%; height: 200px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .filter-news__loader.filter-news__loader_active { display: -webkit-box; display: -ms-flexbox; display: flex } .filter-news__loader__preloader-video { max-height: 100% } .app.app_mode_color_bw .filter-news__loader, .app.app_mode_color_invert .filter-news__loader, .app.app_mode_color_sepia .filter-news__loader { display: none } .form-login__submit { min-width: 180px } @media (max-width: 560px) { .form-login__submit { width: 100% } } .modal-bid__header { width: 100%; padding-right: 20px; padding-left: 20px } .modal-response__inner_error .modal-bid__header { background-color: #e782a9; background-image: none; color: #fff } .modal-bid__title { text-align: center; width: 100% } .modal-response__inner_error .modal-bid__title { color: #fff } @media (min-width: 1920px) { .modal-bid__body { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .modal-bid__body { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .modal-bid__body { font-size: 1rem } } @media (min-width: 1920px) { .modal-bid__body { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-bid__body { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-bid__body { line-height: 26px } } .modal-bid__close { margin-top: 40px; min-width: 240px; position: relative; margin-left: auto; margin-right: auto; display: block } .modal-compensation__header { width: 100%; padding-right: 20px; padding-left: 20px } .modal-response__inner_error .modal-compensation__header { background-color: #e782a9; background-image: none; color: #fff } .modal-compensation__title { text-align: center; width: 100% } .modal-response__inner_error .modal-compensation__title { color: #fff } @media (min-width: 1920px) { .modal-compensation__body { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .modal-compensation__body { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .modal-compensation__body { font-size: 1rem } } @media (min-width: 1920px) { .modal-compensation__body { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-compensation__body { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-compensation__body { line-height: 26px } } .modal-compensation__close { margin-top: 40px; min-width: 240px; position: relative; margin-left: auto; margin-right: auto; display: block } .landing-footer { -webkit-box-shadow: 0 -.125rem .5rem rgba(0, 0, 0, .2); box-shadow: 0 -.125rem .5rem rgba(0, 0, 0, .2) } @media (min-width: 1920px) { .landing-footer { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer { padding-top: calc(44px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer { padding-top: 44px } } @media (min-width: 1920px) { .landing-footer { padding-bottom: 52px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer { padding-bottom: calc(36px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer { padding-bottom: 36px } } .landing-footer__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .landing-footer__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-footer__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-footer__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-footer__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-footer__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-footer__wrapper { padding-right: 20px } } .landing-footer__wrapper.landing-footer__wrapper_links { overflow: hidden } .landing-footer__top-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 1024px) { .landing-footer__top-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .landing-footer__logo { max-width: 258px } @media (max-width: 1024px) and (min-width: 1920px) { .landing-footer__logo { padding-bottom: 52px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-footer__logo { padding-bottom: calc(42px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-footer__logo { padding-bottom: 42px } } .landing-footer__logo-image { width: 250px; height: 110px } .landing-footer__work { max-width: 300px } @media (max-width: 1024px) { .landing-footer__work { width: 258px } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-footer__work { padding-bottom: 52px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-footer__work { padding-bottom: calc(42px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-footer__work { padding-bottom: 42px } } .landing-footer__phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .landing-footer__icon-phone { width: 18px; height: 27px; min-width: 18px; min-height: 27px; color: #fff; margin-right: 10px; position: relative; top: -2px } .landing-footer__phone-text { color: #0f579a; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; white-space: nowrap } @media (min-width: 1920px) { .landing-footer__phone-text { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__phone-text { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-footer__phone-text { font-size: 1.5rem } } @media (min-width: 1920px) { .landing-footer__phone-text { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__phone-text { line-height: calc(26px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__phone-text { line-height: 26px } } .landing-footer__phone-text:hover { color: #3389b4 } .landing-footer__phone-text:active { color: #0f579a } .landing-footer__time { color: #4d3651; padding-left: 29px; letter-spacing: .02em; margin-top: 9px } @media (min-width: 1920px) { .landing-footer__time { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__time { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-footer__time { font-size: .9375rem } } @media (min-width: 1920px) { .landing-footer__time { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__time { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__time { line-height: 22px } } @media (min-width: 1920px) { .landing-footer__address { max-width: 355px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-footer__address { max-width: calc(270px + 85 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-footer__address { max-width: 270px } } @media (max-width: 1024px) { .landing-footer__address { width: 258px } } .landing-footer__address-email { color: #8bb8e8; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .landing-footer__address-email { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__address-email { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-footer__address-email { font-size: 1.5rem } } @media (min-width: 1920px) { .landing-footer__address-email { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__address-email { line-height: calc(26px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__address-email { line-height: 26px } } .landing-footer__address-text { color: #4d3651; letter-spacing: .02em; margin-top: 9px } @media (min-width: 1920px) { .landing-footer__address-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__address-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-footer__address-text { font-size: .9375rem } } @media (min-width: 1920px) { .landing-footer__address-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__address-text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__address-text { line-height: 22px } } .landing-footer__links { overflow: hidden } @media (min-width: 1920px) { .landing-footer__links { padding-top: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__links { padding-top: calc(32px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__links { padding-top: 32px } } @media (min-width: 1920px) { .landing-footer__links { padding-bottom: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__links { padding-bottom: calc(36px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__links { padding-bottom: 36px } } .landing-footer__links-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .landing-footer__links-list { margin-left: -50px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__links-list { margin-left: calc(-10px + -40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__links-list { margin-left: -10px } } @media (min-width: 1920px) { .landing-footer__links-list { margin-right: -50px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__links-list { margin-right: calc(-10px + -40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__links-list { margin-right: -10px } } @media (max-width: 768px) { .landing-footer__links-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media (min-width: 1920px) { .landing-footer__links-item { padding-left: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__links-item { padding-left: calc(10px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__links-item { padding-left: 10px } } @media (min-width: 1920px) { .landing-footer__links-item { padding-right: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__links-item { padding-right: calc(10px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__links-item { padding-right: 10px } } .landing-footer__links-item:last-child { margin-left: auto; text-align: right } @media (max-width: 768px) { .landing-footer__links-item:last-child { margin-left: 0; text-align: left } } @media (max-width: 768px) and (min-width: 1920px) { .landing-footer__links-item:not(:last-child) { margin-bottom: 30px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .landing-footer__links-item:not(:last-child) { margin-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .landing-footer__links-item:not(:last-child) { margin-bottom: 15px } } .landing-footer__link { color: #8bb8e8; letter-spacing: .02em } @media (min-width: 1920px) { .landing-footer__link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__link { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-footer__link { font-size: .9375rem } } @media (min-width: 1920px) { .landing-footer__link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__link { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__link { line-height: 22px } } .landing-footer__links-text { color: #4d3651; letter-spacing: .02em; display: inline-block } @media (min-width: 1920px) { .landing-footer__links-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__links-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-footer__links-text { font-size: .9375rem } } @media (min-width: 1920px) { .landing-footer__links-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-footer__links-text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-footer__links-text { line-height: 22px } } @media (min-width: 1920px) { .landing-slogan { padding-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan { padding-top: calc(60px + 120 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan { padding-top: 60px } } @media (min-width: 1920px) { .landing-slogan { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan { padding-bottom: calc(50px + 78 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan { padding-bottom: 50px } } .landing-slogan__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 1024px) { .landing-slogan__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-slogan__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-slogan__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-slogan__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-slogan__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-slogan__wrapper { padding-right: 20px } } @media (max-width: 768px) { .landing-slogan__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .landing-slogan__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .landing-slogan__content { margin-right: 100px } } @media (min-width: 768px) and (max-width: 1919px) { .landing-slogan__content { margin-right: calc(30px + 70 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .landing-slogan__content { margin-right: 30px } } @media (min-width: 1920px) { .landing-slogan__content { max-width: 810px } } @media (min-width: 768px) and (max-width: 1919px) { .landing-slogan__content { max-width: calc(400px + 410 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .landing-slogan__content { max-width: 400px } } @media (max-width: 768px) { .landing-slogan__content { max-width: none; margin-bottom: 60px; margin-right: 0 } } .landing-slogan__content.egg { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto } .landing-slogan__content.egg picture { margin: 18px 36px 0 0 } .landing-slogan__text { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651; margin-top: -7px; margin-bottom: -7px; border-left: 2px solid #a05eb5 } @media (min-width: 1920px) { .landing-slogan__text { font-size: 2rem } } @media (min-width: 768px) and (max-width: 1919px) { .landing-slogan__text { font-size: calc(1.1875rem + 13 * (100vw - 48rem) / 1152) } } @media (max-width: 767px) { .landing-slogan__text { font-size: 1.1875rem } } @media (min-width: 1920px) { .landing-slogan__text { line-height: 42px } } @media (min-width: 768px) and (max-width: 1919px) { .landing-slogan__text { line-height: calc(27px + 15 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .landing-slogan__text { line-height: 27px } } @media (min-width: 1920px) { .landing-slogan__text { padding-left: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__text { padding-left: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__text { padding-left: 20px } } @media (min-width: 1920px) { .landing-slogan__text p:not(:last-of-type) { margin-bottom: 36px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__text p:not(:last-of-type) { margin-bottom: calc(16px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__text p:not(:last-of-type) { margin-bottom: 16px } } @media (max-width: 768px) and (min-width: 1920px) { .landing-slogan__text p:not(:last-of-type) { margin-bottom: 36px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .landing-slogan__text p:not(:last-of-type) { margin-bottom: calc(24px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .landing-slogan__text p:not(:last-of-type) { margin-bottom: 24px } } @media (max-width: 768px) and (min-width: 768px) { .landing-slogan__text { font-size: 2rem } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-slogan__text { font-size: calc(1.5rem + 8 * (100vw - 20rem) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-slogan__text { font-size: 1.5rem } } @media (max-width: 768px) and (min-width: 768px) { .landing-slogan__text { line-height: 42px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-slogan__text { line-height: calc(27px + 15 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-slogan__text { line-height: 27px } } .landing-slogan__author { -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .landing-slogan__author { width: 450px } } @media (min-width: 768px) and (max-width: 1919px) { .landing-slogan__author { width: calc(220px + 230 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .landing-slogan__author { width: 220px } } .landing-slogan__author-photo { border-radius: 50%; overflow: hidden; display: block; width: 120px; height: 120px } @media (min-width: 1920px) { .landing-slogan__author-photo { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__author-photo { margin-bottom: calc(24px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__author-photo { margin-bottom: 24px } } .landing-slogan__author-name { font-weight: 700; color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .landing-slogan__author-name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__author-name { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-slogan__author-name { font-size: .9375rem } } @media (min-width: 1920px) { .landing-slogan__author-name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__author-name { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__author-name { line-height: 22px } } @media (min-width: 1920px) { .landing-slogan__author-name { margin-bottom: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__author-name { margin-bottom: calc(10px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__author-name { margin-bottom: 10px } } .landing-slogan__author-text { color: #4d3651; letter-spacing: .02em; max-width: 272px } @media (min-width: 1920px) { .landing-slogan__author-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__author-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-slogan__author-text { font-size: .9375rem } } @media (min-width: 1920px) { .landing-slogan__author-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__author-text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__author-text { line-height: 22px } } @media (min-width: 1920px) { .landing-slogan__author-text p:not(:last-of-type) { margin-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__author-text p:not(:last-of-type) { margin-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__author-text p:not(:last-of-type) { margin-bottom: 20px } } .landing-slogan__footer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 1920px) { .landing-slogan__footer { margin-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__footer { margin-top: calc(30px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__footer { margin-top: 30px } } .landing-slogan__button { font-weight: 700 } @media (min-width: 1920px) { .landing-slogan__button { height: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__button { height: calc(70px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__button { height: 70px } } @media (min-width: 1920px) { .landing-slogan__button { min-width: 600px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__button { min-width: calc(200px + 400 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__button { min-width: 200px } } @media (min-width: 1920px) { .landing-slogan__button { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__button { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-slogan__button { font-size: 1.25rem } } @media (min-width: 1920px) { .landing-slogan__button { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-slogan__button { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-slogan__button { line-height: 28px } } @media (max-width: 768px) { .landing-slogan__button { width: 100% } } .landing-slogan__confidentiality { color: #0f579a } .landing-feedback { position: relative; overflow: hidden } @media (min-width: 1920px) { .landing-feedback { padding-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-feedback { padding-top: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-feedback { padding-top: 30px } } @media (min-width: 1920px) { .landing-feedback { padding-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-feedback { padding-bottom: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-feedback { padding-bottom: 30px } } .landing-feedback_landing { background-color: #e6f3fa } .landing-feedback__wrapper { max-width: 1554px; position: relative; margin: 0 auto; z-index: 3 } @media (min-width: 1024px) { .landing-feedback__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-feedback__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-feedback__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-feedback__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-feedback__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-feedback__wrapper { padding-right: 20px } } .landing-feedback__wrapper .slider-feedback__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px } @media (max-width: 1024px) { .landing-feedback__wrapper .slider-feedback__pagination { bottom: -30px } } .landing-feedback__wrapper .slider-review-photo__nav { margin-top: auto } .landing-feedback__icon-drop { position: absolute; z-index: 1; width: 527px; height: 556px; top: -192px; left: -130px; color: #a05eb5; opacity: .15 } .landing-feedback__icon-lines { position: absolute; z-index: 1; width: 808px; height: 840px; bottom: -115px; right: -150px; color: #8bb8e8; opacity: .15 } @media (min-width: 1920px) { .landing-feedback__title { margin-bottom: 65px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-feedback__title { margin-bottom: calc(30px + 35 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-feedback__title { margin-bottom: 30px } } .landing-feedback__body { overflow: hidden; position: relative } .landing-feedback__list { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 768px) { .landing-feedback__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .landing-feedback__item { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 768px) { .landing-feedback__item { width: 100% } .landing-feedback__item:not(:last-child) { margin-bottom: 20px } } .landing-feedback .card-feedback__text { max-height: 145px } @media (min-width: 1920px) { .landing-faq { padding-top: 140px } } @media (min-width: 768px) and (max-width: 1919px) { .landing-faq { padding-top: calc(40px + 100 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .landing-faq { padding-top: 40px } } @media (min-width: 1920px) { .landing-faq { padding-bottom: 30px } } @media (min-width: 768px) and (max-width: 1919px) { .landing-faq { padding-bottom: calc(10px + 20 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .landing-faq { padding-bottom: 10px } } .landing-faq__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .landing-faq__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-faq__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-faq__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-faq__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-faq__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-faq__wrapper { padding-right: 20px } } .landing-faq__wrapper.egg .props-item__body { background: #f6fbff } .landing-faq__wrapper.egg .accordion .accordion__button { background-color: #e6f3fa } .landing-faq__wrapper.egg .accordion .accordion__button:hover { background-color: #cbdff5; color: #4d3651 } .landing-faq__wrapper.egg .accordion .accordion__button:hover div { color: #4d3651 } .landing-faq__wrapper.egg .accordion .accordion__button div { max-width: 930px } @media (min-width: 1920px) { .landing-doctors { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-doctors { padding-top: calc(50px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-doctors { padding-top: 50px } } @media (min-width: 1920px) { .landing-doctors { padding-bottom: 140px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-doctors { padding-bottom: calc(50px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-doctors { padding-bottom: 50px } } .landing-doctors__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .landing-doctors__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-doctors__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-doctors__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-doctors__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-doctors__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-doctors__wrapper { padding-right: 20px } } .landing-doctors__inner { background-image: -o-linear-gradient(206.55deg, #e6f3fa 7.17%, #f4c7d8 99.46%); background-image: linear-gradient(243.45deg, #e6f3fa 7.17%, #f4c7d8 99.46%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; overflow: hidden } @media (max-width: 1024px) { .landing-doctors__inner { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } } @media (max-width: 768px) { .landing-doctors__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .landing-doctors__pic { width: 100%; max-width: 656px } @media (max-width: 1024px) { .landing-doctors__pic { max-width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } } @media (max-width: 768px) { .landing-doctors__pic { max-width: 500px } } .landing-doctors__content { max-width: 570px; padding-top: 30px; padding-bottom: 30px; color: #4d3651; letter-spacing: .02em } @media (min-width: 1024px) { .landing-doctors__content { padding-left: 15px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-doctors__content { padding-left: calc(10px + 5 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-doctors__content { padding-left: 10px } } @media (min-width: 1024px) { .landing-doctors__content { padding-right: 15px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-doctors__content { padding-right: calc(10px + 5 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-doctors__content { padding-right: 10px } } @media (min-width: 1024px) { .landing-doctors__content { max-width: 635px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-doctors__content { max-width: calc(600px + 35 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-doctors__content { max-width: 600px } } @media (max-width: 1024px) { .landing-doctors__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 768px) { .landing-doctors__content { padding-left: 20px; padding-right: 20px } } @media (max-width: 768px) and (min-width: 1920px) { .landing-doctors__content { padding-top: 40px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .landing-doctors__content { padding-top: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .landing-doctors__content { padding-top: 20px } } @media (max-width: 768px) and (min-width: 1920px) { .landing-doctors__content { padding-bottom: 40px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .landing-doctors__content { padding-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .landing-doctors__content { padding-bottom: 20px } } .landing-doctors__text1 { font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .landing-doctors__text1 { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-doctors__text1 { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-doctors__text1 { font-size: 1rem } } @media (min-width: 1920px) { .landing-doctors__text1 { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-doctors__text1 { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-doctors__text1 { line-height: 24px } } @media (min-width: 1920px) { .landing-doctors__text1 { margin-bottom: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-doctors__text1 { margin-bottom: calc(10px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-doctors__text1 { margin-bottom: 10px } } .landing-doctors__text2 { max-width: 420px } @media (min-width: 1920px) { .landing-doctors__text2 { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-doctors__text2 { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-doctors__text2 { font-size: 1rem } } @media (min-width: 1920px) { .landing-doctors__text2 { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-doctors__text2 { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-doctors__text2 { line-height: 24px } } @media (min-width: 1920px) { .landing-place { padding-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place { padding-top: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place { padding-top: 60px } } @media (min-width: 1920px) { .landing-place { padding-bottom: 65px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place { padding-bottom: calc(50px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place { padding-bottom: 50px } } .landing-place__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .landing-place__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-place__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-place__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-place__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-place__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-place__wrapper { padding-right: 20px } } .landing-place__inner { position: relative } @media (min-width: 1920px) { .landing-place__inner { padding-right: 719px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-place__inner { padding-right: calc(400px + 319 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-place__inner { padding-right: 400px } } @media (min-width: 1920px) { .landing-place__inner { min-height: 620px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-place__inner { min-height: calc(560px + 60 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-place__inner { min-height: 560px } } @media (max-width: 1024px) { .landing-place__inner { padding-right: 0 } } .landing-place__inner.egg { min-height: auto } .landing-place__title { max-width: 688px; margin-bottom: 49px } .landing-place__description { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 688px; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .landing-place__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-place__description { font-size: 1rem } } @media (min-width: 1920px) { .landing-place__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__description { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__description { line-height: 24px } } .landing-place__result { background-color: #fcf8ff; border-radius: 5px; position: absolute; right: 0; top: 0 } @media (min-width: 1920px) { .landing-place__result { max-width: 568px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-place__result { max-width: calc(380px + 188 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-place__result { max-width: 380px } } @media (min-width: 1920px) { .landing-place__result { padding-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__result { padding-top: calc(16px + 32 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__result { padding-top: 16px } } @media (min-width: 1920px) { .landing-place__result { padding-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__result { padding-bottom: calc(22px + 26 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__result { padding-bottom: 22px } } @media (min-width: 1920px) { .landing-place__result { padding-right: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__result { padding-right: calc(16px + 44 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__result { padding-right: 16px } } @media (min-width: 1920px) { .landing-place__result { padding-left: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__result { padding-left: calc(16px + 44 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__result { padding-left: 16px } } @media (max-width: 1024px) { .landing-place__result { position: relative } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-place__result { margin-top: 100px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-place__result { margin-top: calc(80px + 20 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-place__result { margin-top: 80px } } .landing-place__result-text { color: #4d3651; margin-top: 38px; letter-spacing: .02em; max-width: 438px } @media (min-width: 1920px) { .landing-place__result-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__result-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-place__result-text { font-size: .9375rem } } @media (min-width: 1920px) { .landing-place__result-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__result-text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__result-text { line-height: 22px } } .landing-place__spec { overflow: hidden; margin-top: 50px } .landing-place__spec-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -18px } @media (max-width: 768px) { .landing-place__spec-list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -40px } } .landing-place__spec-item { padding: 0 18px } @media (max-width: 768px) { .landing-place__spec-item { width: 50%; margin-bottom: 40px } } .landing-place__spec-value { color: #a05eb5; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .landing-place__spec-value { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__spec-value { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-place__spec-value { font-size: 1.75rem } } @media (min-width: 1920px) { .landing-place__spec-value { line-height: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__spec-value { line-height: calc(32px + 38 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__spec-value { line-height: 32px } } .landing-place__spec-text { color: #4d3651; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .landing-place__spec-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__spec-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-place__spec-text { font-size: 1rem } } @media (min-width: 1920px) { .landing-place__spec-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__spec-text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__spec-text { line-height: 24px } } @media (min-width: 1920px) { .landing-place__spec-text { margin-top: 10px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__spec-text { margin-top: calc(5px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__spec-text { margin-top: 5px } } .landing-place__legend { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .landing-place__legend { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__legend { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-place__legend { font-size: 1rem } } @media (min-width: 1920px) { .landing-place__legend { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__legend { line-height: calc(20px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__legend { line-height: 20px } } @media (min-width: 1920px) { .landing-place__legend { margin-top: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__legend { margin-top: calc(40px + -20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__legend { margin-top: 40px } } @media (max-width: 1024px) { .landing-place__legend { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .app_mode_color_bw .landing-place__legend, .app_mode_color_invert .landing-place__legend, .app_mode_color_sepia .landing-place__legend { display: none } .landing-place__legend-common { margin-bottom: 8px } @media (min-width: 1920px) { .landing-place__legend-common { margin-right: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__legend-common { margin-right: calc(50px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__legend-common { margin-right: 50px } } .landing-place__legend-common:before { background-color: #a05eb5 } @media (max-width: 1024px) { .landing-place__legend-common.nowrap { margin-right: 0; width: 100%; white-space: nowrap } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-place__legend-common { margin-bottom: 25px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-place__legend-common { margin-bottom: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-place__legend-common { margin-bottom: 20px } } @media (min-width: 1920px) { .landing-place__legend-group-1 { margin-right: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__legend-group-1 { margin-right: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__legend-group-1 { margin-right: 18px } } .landing-place__legend-group-1:before { background-color: #8bb8e8 } @media (max-width: 1024px) and (min-width: 1920px) { .landing-place__legend-group-1 { margin-bottom: 15px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-place__legend-group-1 { margin-bottom: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-place__legend-group-1 { margin-bottom: 10px } } .landing-place__legend-group-2:before { background-color: #e782a9 } @media (min-width: 1920px) { .landing-place__legend-group-text { margin-right: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-place__legend-group-text { margin-right: calc(10px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-place__legend-group-text { margin-right: 10px } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-place__legend-group-text { margin-bottom: 15px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-place__legend-group-text { margin-bottom: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-place__legend-group-text { margin-bottom: 10px } } .landing-residence { background-color: #e8b6d1; display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 768px) { .landing-residence { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .landing-residence__pic { width: 50%; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 768px) { .landing-residence__pic { width: 100% } } .landing-residence__image, .landing-residence__photo { display: block; max-width: 904px } .landing-residence__image { width: 100% } .landing-residence__right { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 768px) { .landing-residence__right { width: 100% } } .landing-residence__wrapper { max-width: 777px; position: relative; margin-right: auto; padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media (min-width: 1024px) { .landing-residence__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-residence__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-residence__wrapper { padding-right: 20px } } @media (max-width: 1024px) { .landing-residence__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (max-width: 768px) and (min-width: 1024px) { .landing-residence__wrapper { padding-left: 80px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 1023px) { .landing-residence__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 768px) and (max-width: 319px) { .landing-residence__wrapper { padding-left: 20px } } .landing-residence__data { max-width: 560px; color: #4d3651 } @media (min-width: 1920px) { .landing-residence__data { padding-top: 65px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-residence__data { padding-top: calc(50px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-residence__data { padding-top: 50px } } @media (min-width: 1920px) { .landing-residence__data { padding-bottom: 65px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-residence__data { padding-bottom: calc(50px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-residence__data { padding-bottom: 50px } } @media (max-width: 768px) { .landing-residence__data { max-width: none } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-residence__data { padding-top: 30px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-residence__data { padding-top: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-residence__data { padding-top: 20px } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-residence__data { padding-bottom: 30px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-residence__data { padding-bottom: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-residence__data { padding-bottom: 20px } } @media (max-width: 768px) and (min-width: 768px) { .landing-residence__data { padding-top: 65px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-residence__data { padding-top: calc(50px + 15 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-residence__data { padding-top: 50px } } @media (max-width: 768px) and (min-width: 768px) { .landing-residence__data { padding-bottom: 65px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-residence__data { padding-bottom: calc(50px + 15 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-residence__data { padding-bottom: 50px } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-residence__title { font-size: 2.25rem } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-residence__title { font-size: calc(1.5rem + 12 * (100vw - 35rem) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-residence__title { font-size: 1.5rem } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-residence__title { line-height: 46px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-residence__title { line-height: calc(28px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-residence__title { line-height: 28px } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-residence__title { margin-bottom: 30px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-residence__title { margin-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-residence__title { margin-bottom: 15px } } @media (max-width: 768px) and (min-width: 768px) { .landing-residence__title { margin-bottom: 40px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-residence__title { margin-bottom: calc(30px + 10 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-residence__title { margin-bottom: 30px } } .landing-residence__text-1 { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em } @media (min-width: 1920px) { .landing-residence__text-1 { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-residence__text-1 { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-residence__text-1 { font-size: 1rem } } @media (min-width: 1920px) { .landing-residence__text-1 { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-residence__text-1 { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-residence__text-1 { line-height: 24px } } @media (min-width: 1920px) { .landing-residence__text-1 { margin-bottom: 36px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-residence__text-1 { margin-bottom: calc(20px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-residence__text-1 { margin-bottom: 20px } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-residence__text-1 { font-size: 1.125rem } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-residence__text-1 { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-residence__text-1 { font-size: .875rem } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-residence__text-1 { line-height: 25px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-residence__text-1 { line-height: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-residence__text-1 { line-height: 20px } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-residence__text-1 { margin-bottom: 20px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-residence__text-1 { margin-bottom: calc(15px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-residence__text-1 { margin-bottom: 15px } } @media (max-width: 768px) and (min-width: 768px) { .landing-residence__text-1 { font-size: 1.125rem } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-residence__text-1 { font-size: calc(1rem + 2 * (100vw - 20rem) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-residence__text-1 { font-size: 1rem } } @media (max-width: 768px) and (min-width: 768px) { .landing-residence__text-1 { line-height: 30px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-residence__text-1 { line-height: calc(24px + 6 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-residence__text-1 { line-height: 24px } } @media (max-width: 768px) and (min-width: 768px) { .landing-residence__text-1 { margin-bottom: 25px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-residence__text-1 { margin-bottom: calc(20px + 5 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-residence__text-1 { margin-bottom: 20px } } .landing-residence__text-2 { letter-spacing: .02em } @media (min-width: 1920px) { .landing-residence__text-2 { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-residence__text-2 { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-residence__text-2 { font-size: 1rem } } @media (min-width: 1920px) { .landing-residence__text-2 { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-residence__text-2 { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-residence__text-2 { line-height: 24px } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-residence__text-2 { font-size: 1.0625rem } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-residence__text-2 { font-size: calc(.875rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-residence__text-2 { font-size: .875rem } } @media (max-width: 1024px) and (min-width: 1920px) { .landing-residence__text-2 { line-height: 25px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .landing-residence__text-2 { line-height: calc(22px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .landing-residence__text-2 { line-height: 22px } } @media (min-width: 1920px) { .landing-compensation { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation { padding-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation { padding-top: 30px } } @media (min-width: 1920px) { .landing-compensation { padding-bottom: 250px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation { padding-bottom: calc(50px + 200 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation { padding-bottom: 50px } } .landing-compensation__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .landing-compensation__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-compensation__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-compensation__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-compensation__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-compensation__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-compensation__wrapper { padding-right: 20px } } .landing-compensation__outer { border-radius: 5px; overflow: hidden; background-color: #a05eb5; position: relative } @media (min-width: 1920px) { .landing-compensation__outer { padding-top: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__outer { padding-top: calc(30px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__outer { padding-top: 30px } } @media (min-width: 1920px) { .landing-compensation__outer { padding-bottom: 55px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__outer { padding-bottom: calc(40px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__outer { padding-bottom: 40px } } @media (min-width: 1920px) { .landing-compensation__outer { padding-right: 112px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__outer { padding-right: calc(15px + 97 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__outer { padding-right: 15px } } @media (min-width: 1920px) { .landing-compensation__outer { padding-left: 112px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__outer { padding-left: calc(15px + 97 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__outer { padding-left: 15px } } .landing-compensation__outer.egg { background-color: #e782a9 } .landing-compensation__outer.egg .icon_rounds svg path { stroke: #e3759e; fill: none !important } .landing-compensation__outer.egg .icon svg path { fill: #e3759e } .landing-compensation__inner { position: relative; z-index: 2 } .landing-compensation__icon-drop { position: absolute; color: #8462a0; width: 310px; height: 310px; bottom: -105px; left: -25px; z-index: 1 } @media (max-width: 560px) { .landing-compensation__icon-drop { left: -78px; bottom: -138px; width: 178px; height: 178px } } .landing-compensation__icon-lines { position: absolute; color: #826aa8; width: 160px; height: 160px; top: 36px; left: 800px; z-index: 1 } .landing-compensation__icon-flashing { position: absolute; color: #8462a0; width: 615px; height: 615px; bottom: 28px; right: -145px; z-index: 1 } @media (max-width: 1024px) { .landing-compensation__icon-flashing { display: none } } .landing-compensation__icon-rounds { position: absolute; color: #8462a0; width: 356px; height: 350px; top: -72px; left: -77px; z-index: 1 } .landing-compensation__title { color: #fff; max-width: 570px } @media (min-width: 1920px) { .landing-compensation__title { margin-bottom: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__title { margin-bottom: calc(32px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__title { margin-bottom: 32px } } @media (min-width: 1920px) { .landing-compensation__title { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__title { line-height: calc(27px + 41 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__title { line-height: 27px } } @media (min-width: 1920px) { .landing-compensation__title { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__title { font-size: calc(1.5rem + 24 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-compensation__title { font-size: 1.5rem } } .landing-compensation__title.egg { max-width: 780px } .landing-compensation__info { position: relative; background-color: #8462a0; max-width: 588px; padding: 18px 18px 21px; border-radius: 5px; color: #fff } @media (min-width: 1920px) { .landing-compensation__info { margin-bottom: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__info { margin-bottom: calc(25px + -7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__info { margin-bottom: 25px } } .landing-compensation__info-value { margin-bottom: 8px; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em } @media (min-width: 1920px) { .landing-compensation__info-value { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__info-value { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-compensation__info-value { font-size: 1.5rem } } @media (min-width: 1920px) { .landing-compensation__info-value { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__info-value { line-height: calc(27px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__info-value { line-height: 27px } } .landing-compensation__info-value-before { margin-right: 13px } @media (max-width: 560px) { .landing-compensation__info-value-before { display: block; font-family: PT Sans, Arial, sans-serif; font-weight: 400; margin-bottom: 5px; font-size: .9375rem } } .landing-compensation__info-text { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em } @media (min-width: 1920px) { .landing-compensation__info-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__info-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-compensation__info-text { font-size: .9375rem } } @media (min-width: 1920px) { .landing-compensation__info-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__info-text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__info-text { line-height: 22px } } .landing-compensation__text { letter-spacing: .02em; color: #fff; max-width: 588px } @media (min-width: 1920px) { .landing-compensation__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-compensation__text { font-size: .9375rem } } @media (min-width: 1920px) { .landing-compensation__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__text { line-height: 22px } } @media (min-width: 1920px) { .landing-compensation__text { margin-bottom: 47px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__text { margin-bottom: calc(20px + 27 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__text { margin-bottom: 20px } } .landing-compensation__title2 { font-weight: 700; letter-spacing: .02em; color: #fff; max-width: 610px } @media (min-width: 1920px) { .landing-compensation__title2 { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__title2 { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-compensation__title2 { font-size: 1.25rem } } @media (min-width: 1920px) { .landing-compensation__title2 { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__title2 { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__title2 { line-height: 28px } } @media (min-width: 1920px) { .landing-compensation__title2 { margin-bottom: 33px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__title2 { margin-bottom: calc(28px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__title2 { margin-bottom: 28px } } .landing-compensation__content, .landing-compensation__content ul li { color: #fff } .landing-compensation__content ul li:after { background-color: #8bb8e8; background-image: none } @media (min-width: 1920px) { .landing-compensation__content ul li:not(:last-child) { margin-bottom: 15px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-compensation__content ul li:not(:last-child) { margin-bottom: calc(12px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-compensation__content ul li:not(:last-child) { margin-bottom: 12px } } @media (min-width: 1920px) { .landing-how { padding-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how { padding-top: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how { padding-top: 60px } } @media (min-width: 1920px) { .landing-how { padding-bottom: 65px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how { padding-bottom: calc(50px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how { padding-bottom: 50px } } .landing-how__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .landing-how__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-how__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-how__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-how__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-how__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-how__wrapper { padding-right: 20px } } @media (max-width: 1024px) { .landing-how__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .landing-how__title { max-width: 688px } .landing-how__title.egg { max-width: none } .landing-how__description { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 688px; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .landing-how__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-how__description { font-size: 1rem } } @media (min-width: 1920px) { .landing-how__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__description { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__description { line-height: 24px } } .landing-how__item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .landing-how__item:not(:last-child) { margin-bottom: 10px } @media (min-width: 1920px) { .landing-how__item:not(:last-child) { padding-bottom: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__item:not(:last-child) { padding-bottom: calc(60px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__item:not(:last-child) { padding-bottom: 60px } } .landing-how__item:not(:last-child):after { content: ""; position: absolute; z-index: 1; height: 100%; width: 1px; background-color: #8bb8e8; top: 0 } @media (min-width: 1920px) { .landing-how__item:not(:last-child):after { left: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__item:not(:last-child):after { left: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__item:not(:last-child):after { left: 20px } } .landing-how__aside { -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 2 } @media (min-width: 1920px) { .landing-how__aside { width: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__aside { width: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__aside { width: 50px } } .landing-how__content { max-width: 685px } @media (min-width: 1920px) { .landing-how__content { padding-left: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__content { padding-left: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__content { padding-left: 30px } } .landing-how__content.egg { max-width: 720px } @media (max-width: 560px) { .landing-how__content { padding-left: 0 } } @media (min-width: 1920px) { .landing-how__list { margin-top: 92px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__list { margin-top: calc(36px + 56 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__list { margin-top: 36px } } .landing-how__list.egg .landing-how__count { background-color: #fce7f1; padding-top: 3px } .landing-how__count { border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #a05eb5; letter-spacing: .02em; background-color: #e6f3fa; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; position: relative; z-index: 2; border: .625rem solid #fff; margin-left: -10px; margin-top: -10px } @media (min-width: 1920px) { .landing-how__count { width: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__count { width: calc(60px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__count { width: 60px } } @media (min-width: 1920px) { .landing-how__count { height: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__count { height: calc(60px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__count { height: 60px } } @media (min-width: 1920px) { .landing-how__count { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__count { font-size: calc(1.125rem + 30 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-how__count { font-size: 1.125rem } } @media (min-width: 1920px) { .landing-how__count { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__count { line-height: calc(28px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__count { line-height: 28px } } .landing-how__text { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .landing-how__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-how__text { font-size: 1rem } } @media (min-width: 1920px) { .landing-how__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__text { line-height: 26px } } .landing-how__content-title { font-weight: 700; color: #4d3651; letter-spacing: .02em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .landing-how__content-title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__content-title { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-how__content-title { font-size: 1.25rem } } @media (min-width: 1920px) { .landing-how__content-title { min-height: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__content-title { min-height: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__content-title { min-height: 40px } } @media (min-width: 1920px) { .landing-how__content-title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__content-title { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__content-title { line-height: 28px } } @media (min-width: 1920px) { .landing-how__content-title { margin-bottom: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__content-title { margin-bottom: calc(10px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__content-title { margin-bottom: 10px } } .landing-how__button { min-width: 240px } @media (min-width: 1920px) { .landing-how__button { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-how__button { margin-top: calc(32px + 13 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-how__button { margin-top: 32px } } @media (max-width: 560px) { .landing-how__button { min-width: auto; width: 100% } } #hide-text, #more-button { font-size: .875rem; color: #0f579a } #hide-text:after, #more-button:after { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230F579A' stroke-miterlimit='3.864' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 8px; height: 4px; display: block; background-repeat: no-repeat; background-size: contain; background-position: 50%; margin-left: 5px } #more-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } #more-button.active { display: none } #hide-text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; cursor: pointer } #hide-text:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } #hide-text, #more-text { display: none } #hide-text.active, #more-text.active { display: -webkit-box; display: -ms-flexbox; display: flex } #more-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .landing-requirements { background-image: -o-linear-gradient(19.21deg, #80c5e8 -49.29%, #e782a9 110.43%); background-image: linear-gradient(70.79deg, #80c5e8 -49.29%, #e782a9 110.43%) } @media (min-width: 1920px) { .landing-requirements { padding-top: 95px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements { padding-top: calc(70px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements { padding-top: 70px } } @media (min-width: 1920px) { .landing-requirements { padding-bottom: 65px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements { padding-bottom: calc(50px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements { padding-bottom: 50px } } .landing-requirements.egg-1 { background: -o-linear-gradient(186.85deg, #80c5e8 -49.29%, #da86b3 110.43%); background: linear-gradient(263.15deg, #80c5e8 -49.29%, #da86b3 110.43%) } .landing-requirements.egg-1 .landing-requirements__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .landing-requirements.egg { padding: 15px 0 0 } .landing-requirements__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media (min-width: 1024px) { .landing-requirements__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-requirements__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-requirements__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-requirements__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-requirements__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-requirements__wrapper { padding-right: 20px } } @media (max-width: 1024px) { .landing-requirements__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .landing-requirements__content { width: 60%; max-width: 820px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 1280px) { .landing-requirements__content { width: 75% } } @media (max-width: 1024px) { .landing-requirements__content { width: 100% } } .landing-requirements__content.egg { width: 78%; max-width: 1030px } .landing-requirements__content.survey-egg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .landing-requirements__pic { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 20px } @media (max-width: 1024px) { .landing-requirements__pic { height: 120px; padding-left: 0; margin-bottom: 20px } } .landing-requirements__photo { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (max-width: 1280px) { .landing-requirements__photo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .landing-requirements__image { margin-top: -15px } @media (max-width: 1280px) { .landing-requirements__image { max-height: 100%; width: auto } } .landing-requirements__title { color: #fff } .landing-requirements__items { overflow: hidden } @media (min-width: 1920px) { .landing-requirements__items { margin-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__items { margin-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__items { margin-top: 30px } } .landing-requirements__items.survey-egg { margin-top: 0; max-width: 559px } .landing-requirements__items.survey-egg p { color: #fff; font-size: 1.125rem; line-height: 1.5; letter-spacing: .02em } .landing-requirements__inner { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .landing-requirements__inner { margin-right: -60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__inner { margin-right: calc(-30px + -30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__inner { margin-right: -30px } } @media (min-width: 1920px) { .landing-requirements__inner { margin-left: -60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__inner { margin-left: calc(-30px + -30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__inner { margin-left: -30px } } @media (max-width: 560px) { .landing-requirements__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .landing-requirements__item { width: 50%; color: #fff; letter-spacing: .02em } @media (min-width: 1920px) { .landing-requirements__item { padding-left: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__item { padding-left: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__item { padding-left: 30px } } @media (min-width: 1920px) { .landing-requirements__item { padding-right: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__item { padding-right: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__item { padding-right: 30px } } @media (max-width: 560px) { .landing-requirements__item { width: 100% } .landing-requirements__item:not(:last-of-type) { margin-bottom: 40px } } .landing-requirements__item-title { font-weight: 700 } @media (min-width: 1920px) { .landing-requirements__item-title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__item-title { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-requirements__item-title { font-size: 1.25rem } } @media (min-width: 1920px) { .landing-requirements__item-title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__item-title { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__item-title { line-height: 28px } } @media (min-width: 1920px) { .landing-requirements__item-title { margin-bottom: 29px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__item-title { margin-bottom: calc(19px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__item-title { margin-bottom: 19px } } .landing-requirements__list-item { list-style: none; padding-left: 22px; letter-spacing: .02em; margin: 0; position: relative } @media (min-width: 1920px) { .landing-requirements__list-item { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__list-item { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-requirements__list-item { font-size: .9375rem } } @media (min-width: 1920px) { .landing-requirements__list-item { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__list-item { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__list-item { line-height: 22px } } @media (min-width: 1920px) { .landing-requirements__list-item:not(:last-child) { margin-bottom: 13px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__list-item:not(:last-child) { margin-bottom: calc(10px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__list-item:not(:last-child) { margin-bottom: 10px } } .landing-requirements__list-item:after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; left: 0 } @media (min-width: 1920px) { .landing-requirements__list-item:after { top: 11px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__list-item:after { top: calc(7px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__list-item:after { top: 7px } } @media (min-width: 1920px) { .landing-requirements__footer { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__footer { margin-top: calc(30px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__footer { margin-top: 30px } } .landing-requirements__link { color: #325683; display: inline-block; letter-spacing: .02em } @media (min-width: 1920px) { .landing-requirements__link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__link { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-requirements__link { font-size: .9375rem } } @media (min-width: 1920px) { .landing-requirements__link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-requirements__link { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-requirements__link { line-height: 22px } } .landing-requirements__list.egg { counter-reset: myCounter; display: -webkit-box; display: -ms-flexbox; display: flex; grid-gap: 2.0625rem } .landing-requirements__list.egg li { list-style: none; font-size: 1.4rem; line-height: 1.4; letter-spacing: .02em; color: #fff; font-weight: 700; padding-left: 0 } .landing-requirements__list.egg li:before { counter-increment: myCounter; content: counter(myCounter); color: #a05eb5; border-radius: 50%; background: #fce7f1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; width: 40px; margin: 0 0 20px; padding: 1px 8px 0; font-size: 1.125rem; -webkit-box-sizing: border-box; box-sizing: border-box } .landing-requirements__list.egg li:after { display: none } @media (max-width: 1280px) { .landing-requirements__content.survey-egg { width: auto } } @media (max-width: 1080px) { .landing-requirements__list.egg li { font-size: 1.25rem } } @media (max-width: 1024px) { .landing-requirements__content.egg { width: 100%; max-width: 100% } .landing-requirements__content.survey-egg { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 36px } .landing-requirements__pic.survey-egg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 40px; margin-bottom: 24px; height: auto } .landing-requirements__pic.survey-egg .landing-requirements__photo { height: auto; max-width: 200px } .landing-requirements__pic.survey-egg .landing-requirements__image { margin: 0 } } @media (max-width: 720px) { .landing-requirements__list.egg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .landing-requirements__list.egg li { padding-left: 0 } } @media (min-width: 1920px) { .landing-why { padding-top: 180px } } @media (min-width: 768px) and (max-width: 1919px) { .landing-why { padding-top: calc(60px + 120 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .landing-why { padding-top: 60px } } @media (min-width: 1920px) { .landing-why { padding-bottom: 140px } } @media (min-width: 768px) and (max-width: 1919px) { .landing-why { padding-bottom: calc(50px + 90 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .landing-why { padding-bottom: 50px } } @media (max-width: 768px) { .landing-why { padding-top: 120px; padding-bottom: 100px } } .landing-why__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1024px) { .landing-why__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-why__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-why__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-why__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-why__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-why__wrapper { padding-right: 20px } } @media (max-width: 768px) { .landing-why__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .landing-why__pic { width: 50% } @media (min-width: 1920px) { .landing-why__pic { padding-right: 145px } } @media (min-width: 768px) and (max-width: 1919px) { .landing-why__pic { padding-right: calc(50px + 95 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .landing-why__pic { padding-right: 50px } } @media (min-width: 1920px) { .landing-why__pic { max-width: 590px } } @media (min-width: 768px) and (max-width: 1919px) { .landing-why__pic { max-width: calc(350px + 240 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .landing-why__pic { max-width: 350px } } @media (max-width: 768px) { .landing-why__pic { max-width: 150px; padding-right: 0; margin-bottom: 30px } } .landing-why__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .landing-why__title { max-width: 620px } .landing-why__list li { font-size: 1.125rem } .landing-why__list-item { list-style: none; padding-left: 22px; color: #4d3651; letter-spacing: .02em; margin: 0; position: relative } @media (min-width: 1920px) { .landing-why__list-item { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-why__list-item { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-why__list-item { font-size: .9375rem } } @media (min-width: 1920px) { .landing-why__list-item { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-why__list-item { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-why__list-item { line-height: 22px } } @media (min-width: 1920px) { .landing-why__list-item { margin-bottom: 13px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-why__list-item { margin-bottom: calc(10px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-why__list-item { margin-bottom: 10px } } .landing-why__list-item:after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-image: -o-radial-gradient(53.44% 40.55%, 1.403125rem, rgba(128, 197, 232, .6) 0, rgba(218, 134, 179, .6) 100%); background-image: radial-gradient(1.403125rem at 53.44% 40.55%, rgba(128, 197, 232, .6) 0, rgba(218, 134, 179, .6) 100%); left: 0 } @media (min-width: 1920px) { .landing-why__list-item:after { top: 11px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-why__list-item:after { top: calc(7px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-why__list-item:after { top: 7px } } .landing-become { overflow: hidden; background-image: -o-linear-gradient(192.63deg, #c2c2de -49.29%, #e5aac9 63.95%); background-image: linear-gradient(257.37deg, #c2c2de -49.29%, #e5aac9 63.95%) } @media (min-width: 1920px) { .landing-become { padding-top: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become { padding-top: calc(55px + 35 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become { padding-top: 55px } } .landing-become__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .landing-become__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-become__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-become__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-become__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-become__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-become__wrapper { padding-right: 20px } } .landing-become__inner { position: relative; width: 60%; max-width: 811px; -ms-flex-negative: 0; flex-shrink: 0; z-index: 2 } @media (min-width: 1920px) { .landing-become__inner { padding-bottom: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__inner { padding-bottom: calc(40px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__inner { padding-bottom: 40px } } @media (max-width: 1024px) { .landing-become__inner { width: 100%; max-width: none } } .landing-become__title { color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em } @media (min-width: 1920px) { .landing-become__title { font-size: 3rem } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become__title { font-size: calc(1.875rem + 18 * (100vw - 64rem) / 896) } } @media (max-width: 1023px) { .landing-become__title { font-size: 1.875rem } } @media (min-width: 1920px) { .landing-become__title { line-height: 68px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become__title { line-height: calc(42px + 26 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-become__title { line-height: 42px } } @media (max-width: 1024px) { .landing-become__title { width: 50% } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become__title { font-size: 3.125rem } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-become__title { font-size: calc(1.5rem + 26 * (100vw - 20rem) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-become__title { font-size: 1.5rem } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become__title { line-height: 58px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-become__title { line-height: calc(27px + 31 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-become__title { line-height: 27px } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become__title { margin-top: 40px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-become__title { margin-top: calc(30px + 10 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-become__title { margin-top: 30px } } .landing-become__description { color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; max-width: 520px } @media (min-width: 1920px) { .landing-become__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-become__description { font-size: 1rem } } @media (min-width: 1920px) { .landing-become__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__description { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__description { line-height: 24px } } @media (min-width: 1920px) { .landing-become__description { margin-top: 40px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become__description { margin-top: calc(30px + 10 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-become__description { margin-top: 30px } } @media (max-width: 768px) { .landing-become__description { font-family: PT Sans, Arial, sans-serif } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become__description { margin-top: 80px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-become__description { margin-top: calc(70px + 10 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-become__description { margin-top: 70px } } @media (max-width: 768px) and (min-width: 768px) { .landing-become__description { margin-top: 100px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-become__description { margin-top: calc(55px + 45 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-become__description { margin-top: 55px } } .landing-become__link { color: #325683; display: inline-block; letter-spacing: .02em } @media (min-width: 1920px) { .landing-become__link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__link { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-become__link { font-size: .9375rem } } @media (min-width: 1920px) { .landing-become__link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__link { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__link { line-height: 22px } } @media (min-width: 1920px) { .landing-become__link { margin-top: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__link { margin-top: calc(16px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__link { margin-top: 16px } } .landing-become__items { overflow: hidden; position: relative; max-width: 664px } @media (min-width: 1920px) { .landing-become__items { margin-top: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__items { margin-top: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__items { margin-top: 30px } } .landing-become__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px } @media (min-width: 1920px) { .landing-become__list { margin-bottom: -38px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__list { margin-bottom: calc(-16px + -22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__list { margin-bottom: -16px } } @media (max-width: 768px) { .landing-become__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .landing-become__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; padding: 0 20px; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .landing-become__item { margin-bottom: 38px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__item { margin-bottom: calc(16px + 22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__item { margin-bottom: 16px } } @media (max-width: 768px) { .landing-become__item { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width: 560px) { .landing-become__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become__item { margin-bottom: 40px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-become__item { margin-bottom: calc(20px + 20 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-become__item { margin-bottom: 20px } } .landing-become__item-label { border-radius: 50%; overflow: hidden; background-color: #fff; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #a05eb5; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .landing-become__item-label { margin-right: 28px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become__item-label { margin-right: calc(15px + 13 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-become__item-label { margin-right: 15px } } @media (max-width: 560px) { .landing-become__item-label { margin-bottom: 10px } } .landing-become__icon-cash { width: 32px; height: 29px } .landing-become__icon-pc { width: 42px; height: 36px } .landing-become__icon-bed { width: 40px; height: 24px } .landing-become__icon-local-transparent { width: 24px; height: 31px } .landing-become__text { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .landing-become__text { font-size: 1.125rem } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become__text { font-size: calc(.9375rem + 3 * (100vw - 64rem) / 896) } } @media (max-width: 1023px) { .landing-become__text { font-size: .9375rem } } @media (min-width: 1920px) { .landing-become__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__text { line-height: 22px } } .landing-become__text-accent { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; display: block; letter-spacing: .02em } @media (min-width: 1920px) { .landing-become__text-accent { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__text-accent { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-become__text-accent { font-size: 1.5rem } } @media (min-width: 1920px) { .landing-become__text-accent { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__text-accent { line-height: calc(27px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__text-accent { line-height: 27px } } @media (max-width: 560px) { .landing-become__text-accent { margin-bottom: 15px } } @media (min-width: 1920px) { .landing-become__link-order { margin-top: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__link-order { margin-top: calc(16px + 19 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__link-order { margin-top: 16px } } @media (min-width: 1920px) { .landing-become__bottom { margin-top: 43px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become__bottom { margin-top: calc(33px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become__bottom { margin-top: 33px } } .landing-become__button { min-width: 240px } @media (max-width: 560px) { .landing-become__button { height: 56px; width: 100% } } .landing-become__pic { position: relative; width: 40%; z-index: 1 } @media (max-width: 1024px) { .landing-become__pic { position: absolute; top: 0; right: 0; width: 50% } } .landing-become__photo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100% } @media (max-width: 768px) { .landing-become__photo { display: block } } .landing-become__image { position: relative; -o-object-fit: contain; object-fit: contain } @media (min-width: 1920px) { .landing-become__image { max-width: 988px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become__image { max-width: calc(770px + 218 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-become__image { max-width: 770px } } @media (min-width: 1920px) { .landing-become__image { left: -150px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become__image { left: calc(-170px + 20 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-become__image { left: -170px } } @media (max-width: 1024px) { .landing-become__image { width: auto } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become__image { top: -40px } } @media (max-width: 1024px) and (min-width: 768px) and (max-width: 1023px) { .landing-become__image { top: calc(-30px + -10 * (100vw - 768px) / 256) } } @media (max-width: 1024px) and (max-width: 767px) { .landing-become__image { top: -30px } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become__image { left: 20px } } @media (max-width: 1024px) and (min-width: 768px) and (max-width: 1023px) { .landing-become__image { left: calc(-20px + 40 * (100vw - 768px) / 256) } } @media (max-width: 1024px) and (max-width: 767px) { .landing-become__image { left: -20px } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become__image { max-width: 570px } } @media (max-width: 1024px) and (min-width: 768px) and (max-width: 1023px) { .landing-become__image { max-width: calc(480px + 90 * (100vw - 768px) / 256) } } @media (max-width: 1024px) and (max-width: 767px) { .landing-become__image { max-width: 480px } } @media (max-width: 768px) and (min-width: 768px) { .landing-become__image { max-width: 480px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-become__image { max-width: calc(280px + 200 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-become__image { max-width: 280px } } @media (max-width: 768px) and (min-width: 768px) { .landing-become__image { left: -20px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-become__image { left: calc(-60px + 40 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-become__image { left: -60px } } .landing-become-egg { overflow: hidden; background: -o-linear-gradient(350.92deg, #fce7f1 -51.32%, #e782a9 102.1%); background: linear-gradient(99.08deg, #fce7f1 -51.32%, #e782a9 102.1%) } @media (min-width: 1920px) { .landing-become-egg { padding-top: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg { padding-top: calc(55px + 35 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg { padding-top: 55px } } .landing-become-egg__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .landing-become-egg__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-become-egg__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-become-egg__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .landing-become-egg__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .landing-become-egg__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .landing-become-egg__wrapper { padding-right: 20px } } .landing-become-egg__inner { position: relative; width: 50%; max-width: 735px; -ms-flex-negative: 0; flex-shrink: 0; z-index: 2 } @media (min-width: 1920px) { .landing-become-egg__inner { padding-bottom: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__inner { padding-bottom: calc(40px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__inner { padding-bottom: 40px } } @media (max-width: 1024px) { .landing-become-egg__inner { width: 100%; max-width: none } } .landing-become-egg__title { color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em } @media (min-width: 1920px) { .landing-become-egg__title { font-size: 3rem } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become-egg__title { font-size: calc(1.875rem + 18 * (100vw - 64rem) / 896) } } @media (max-width: 1023px) { .landing-become-egg__title { font-size: 1.875rem } } @media (min-width: 1920px) { .landing-become-egg__title { line-height: 68px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become-egg__title { line-height: calc(42px + 26 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-become-egg__title { line-height: 42px } } @media (max-width: 1024px) { .landing-become-egg__title { width: 50% } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become-egg__title { font-size: 3.125rem } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-become-egg__title { font-size: calc(1.5rem + 26 * (100vw - 20rem) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-become-egg__title { font-size: 1.5rem } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become-egg__title { line-height: 58px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-become-egg__title { line-height: calc(27px + 31 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-become-egg__title { line-height: 27px } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become-egg__title { margin-top: 40px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-become-egg__title { margin-top: calc(30px + 10 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-become-egg__title { margin-top: 30px } } .landing-become-egg__description { color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; max-width: 520px } @media (min-width: 1920px) { .landing-become-egg__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-become-egg__description { font-size: 1rem } } @media (min-width: 1920px) { .landing-become-egg__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__description { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__description { line-height: 24px } } @media (min-width: 1920px) { .landing-become-egg__description { margin-top: 40px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become-egg__description { margin-top: calc(30px + 10 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-become-egg__description { margin-top: 30px } } @media (max-width: 768px) { .landing-become-egg__description { font-family: PT Sans, Arial, sans-serif } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become-egg__description { margin-top: 80px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-become-egg__description { margin-top: calc(70px + 10 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-become-egg__description { margin-top: 70px } } @media (max-width: 768px) and (min-width: 768px) { .landing-become-egg__description { margin-top: 100px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .landing-become-egg__description { margin-top: calc(55px + 45 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .landing-become-egg__description { margin-top: 55px } } .landing-become-egg__link { color: #325683; display: inline-block; letter-spacing: .02em } @media (min-width: 1920px) { .landing-become-egg__link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__link { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-become-egg__link { font-size: .9375rem } } @media (min-width: 1920px) { .landing-become-egg__link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__link { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__link { line-height: 22px } } @media (min-width: 1920px) { .landing-become-egg__link { margin-top: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__link { margin-top: calc(16px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__link { margin-top: 16px } } .landing-become-egg__items { overflow: hidden; position: relative; max-width: 664px } @media (min-width: 1920px) { .landing-become-egg__items { margin-top: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__items { margin-top: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__items { margin-top: 30px } } .landing-become-egg__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px } @media (min-width: 1920px) { .landing-become-egg__list { margin-bottom: -38px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__list { margin-bottom: calc(-16px + -22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__list { margin-bottom: -16px } } @media (max-width: 768px) { .landing-become-egg__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .landing-become-egg__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; padding: 0 20px; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .landing-become-egg__item { margin-bottom: 38px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__item { margin-bottom: calc(16px + 22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__item { margin-bottom: 16px } } @media (max-width: 768px) { .landing-become-egg__item { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width: 560px) { .landing-become-egg__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media (max-width: 1024px) and (min-width: 1024px) { .landing-become-egg__item { margin-bottom: 40px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .landing-become-egg__item { margin-bottom: calc(20px + 20 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .landing-become-egg__item { margin-bottom: 20px } } .landing-become-egg__item-label { border-radius: 50%; overflow: hidden; background-color: #fff; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #a05eb5; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .landing-become-egg__item-label { margin-right: 28px } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become-egg__item-label { margin-right: calc(15px + 13 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .landing-become-egg__item-label { margin-right: 15px } } @media (max-width: 560px) { .landing-become-egg__item-label { margin-bottom: 10px } } .landing-become-egg__icon-cash { width: 32px; height: 29px } .landing-become-egg__icon-pc { width: 42px; height: 36px } .landing-become-egg__icon-bed { width: 40px; height: 24px } .landing-become-egg__icon-heart { width: 42px; height: 35px } .landing-become-egg__icon-local-transparent { width: 24px; height: 31px } .landing-become-egg__text { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .landing-become-egg__text { font-size: 1.125rem } } @media (min-width: 1024px) and (max-width: 1919px) { .landing-become-egg__text { font-size: calc(.9375rem + 3 * (100vw - 64rem) / 896) } } @media (max-width: 1023px) { .landing-become-egg__text { font-size: .9375rem } } @media (min-width: 1920px) { .landing-become-egg__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__text { line-height: 22px } } .landing-become-egg__text-accent { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; display: block; letter-spacing: .02em } @media (min-width: 1920px) { .landing-become-egg__text-accent { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__text-accent { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-become-egg__text-accent { font-size: 1.5rem } } @media (min-width: 1920px) { .landing-become-egg__text-accent { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__text-accent { line-height: calc(27px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__text-accent { line-height: 27px } } @media (max-width: 560px) { .landing-become-egg__text-accent { margin-bottom: 15px } } @media (min-width: 1920px) { .landing-become-egg__link-order { margin-top: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__link-order { margin-top: calc(16px + 19 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__link-order { margin-top: 16px } } @media (min-width: 1920px) { .landing-become-egg__bottom { margin-top: 43px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-become-egg__bottom { margin-top: calc(33px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-become-egg__bottom { margin-top: 33px } } .landing-become-egg__button { min-width: 240px } @media (max-width: 560px) { .landing-become-egg__button { height: 56px; width: 100% } } .landing-become-egg__pic { position: relative; width: 50%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (max-width: 1024px) { .landing-become-egg__pic { position: absolute; top: 0; right: 0; width: 50% } } .landing-become-egg__photo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100% } @media (max-width: 768px) { .landing-become-egg__photo { display: block } } .landing-become-egg__image { position: relative } @media (max-width: 1024px) { .landing-become-egg__image { width: auto } } .form-bid { position: relative } @media (min-width: 1920px) { .form-bid { padding-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid { padding-top: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid { padding-top: 40px } } @media (min-width: 1920px) { .form-bid { padding-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid { padding-bottom: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid { padding-bottom: 40px } } .form-bid.form-bid_modal { padding-top: 0; padding-bottom: 0 } .form-bid__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .form-bid__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .form-bid__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .form-bid__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .form-bid__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .form-bid__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .form-bid__wrapper { padding-right: 20px } } .modal-bid__inner .form-bid__wrapper { padding-left: 0; padding-right: 0 } @media (min-width: 1920px) { .form-bid__wrapper_noform { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid__wrapper_noform { padding-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid__wrapper_noform { padding-top: 30px } } @media (min-width: 1920px) { .form-bid__wrapper_noform { padding-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid__wrapper_noform { padding-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid__wrapper_noform { padding-bottom: 30px } } .form-bid__window { overflow: hidden; -webkit-transition: height .3s ease-out; -o-transition: height ease-out .3s; transition: height .3s ease-out } .form-bid__steps { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative } @media (min-width: 1920px) { .form-bid__steps { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid__steps { margin-bottom: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid__steps { margin-bottom: 40px } } .form-bid__steps:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #f6f5f6; left: 0; top: 50%; z-index: 1 } @media (max-width: 560px) { .form-bid__steps:after { content: none } } @media (max-width: 560px) { .form-bid__steps { -ms-flex-wrap: wrap; flex-wrap: wrap } } .form-bid__item-step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; width: 40px; height: 40px; background-color: #f6f6f6; color: #a6a6a6; outline: .625rem solid #fff; -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 2; -webkit-transition: all .2s ease-out .4s; -o-transition: all .2s ease-out .4s; transition: all .2s ease-out .4s } @media (max-width: 560px) { .form-bid__item-step { width: 28px; height: 28px; font-size: .875rem } } @media (min-width: 1920px) { .form-bid__item-step:not(:last-of-type) { margin-right: 140px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid__item-step:not(:last-of-type) { margin-right: calc(15px + 125 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid__item-step:not(:last-of-type) { margin-right: 15px } } .form-bid__item-step.form-bid__item-step_active { background-color: #3389b4; color: #fff } .form-bid__tape { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -o-transition: transform ease-out .3s; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out } .form-bid__screen { width: 100%; padding: 0 1px; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: start; align-self: flex-start; position: relative } .form-bid__screen-inner { position: absolute } .form-bid__screen_active .form-bid__screen-inner { position: relative } .form-bid__footer { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 32px } .form-bid__button { min-width: 180px } .form-bid__button-back { border: 1px solid #a05eb5; color: #a05eb5; margin-right: 32px } @media (max-width: 560px) { .form-bid__button-back { width: 50%; min-width: auto } } .form-bid__button-back.form-bid__button-back_hide { display: none } .form-bid__button-next.form-bid__button-next_disabled { background-color: #a6a6a6; cursor: default } @media (max-width: 560px) { .form-bid__button-next { width: 50%; min-width: auto } } .form-bid__radiobtn:not(:last-of-type) { margin-bottom: 20px } .form-bid__fieldset_line .form-bid__radiobtn { margin-bottom: 0 } @media (min-width: 1920px) { .form-bid__fieldset_line .form-bid__radiobtn:not(:last-child) { margin-right: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid__fieldset_line .form-bid__radiobtn:not(:last-child) { margin-right: calc(22px + 26 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid__fieldset_line .form-bid__radiobtn:not(:last-child) { margin-right: 22px } } @media (max-width: 560px) { .form-bid__fieldset_line .form-bid__radiobtn:not(:last-child) { margin-right: 0; margin-bottom: 10px } } @media (max-width: 560px) { .form-bid__radiobtn { width: 100% } } .form-bid__item-text { font-size: .875rem; line-height: 20px; color: #4d3651; letter-spacing: .02em } .form-bid__item { max-width: 688px } .form-bid__text { font-size: 1rem; line-height: 24px; color: #afa5b1; letter-spacing: .02em; margin-bottom: 6px } .form-bid__text.form-bid__text_color_gray { color: #a6a6a6 } .form-bid__text.form-bid__text_size_sm { font-size: .875rem; line-height: 20px; margin-bottom: 4px } .form-bid__text.form-bid__text_width_sm { max-width: 328px } .form-bid__fieldset_line { margin-top: 12px } .form-bid__fieldset_line, .form-bid__series { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .form-bid__series { max-width: 436px; margin: 0 -10px } @media (max-width: 560px) { .form-bid__series { max-width: 100%; margin: 0 } } .form-bid__series-item { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 45px 0 10px } @media (max-width: 560px) { .form-bid__series-item { width: 100%; padding-right: 5px } } .form-bid__series-item_sm { width: 50% } @media (max-width: 560px) { .form-bid__series-item_sm { width: 100%; padding-right: 5px; padding-left: 0 } } .form-bid__series-item.form-bid__series-item_child_copy { padding-right: 10px } .form-bid__series-line { display: -webkit-box; display: -ms-flexbox; display: flex } .form-bid__series-line-left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 113px } @media (max-width: 560px) { .form-bid__series-line-left { max-width: 81% } } .form-bid__series-line-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 10px; color: #4d3651; font-size: 1rem; line-height: 24px; letter-spacing: .02em; width: 45px; -ms-flex-negative: 0; flex-shrink: 0 } .form-bid__button-add { border: 1px solid #a05eb5; height: 40px; color: #a05eb5; margin-bottom: 15px; min-width: 180px } @media (max-width: 560px) { .form-bid__button-add { margin-right: 45px; display: block } } .form-bid__input[type=number] { width: 100% } .form-bid__tip { text-align: left } .form-bid__description { max-width: 688px } .form-bid__button-ok { min-width: 180px } @media (min-width: 1920px) { .form-bid__button-ok { margin-top: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid__button-ok { margin-top: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid__button-ok { margin-top: 30px } } .form-bid__title { max-width: 688px } @media (min-width: 1920px) { .form-bid__title { margin-bottom: 49px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid__title { margin-bottom: calc(20px + 29 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid__title { margin-bottom: 20px } } .form-bid__accept-block { max-width: 688px; margin-top: 15px; padding-bottom: 2px } .form-bid__accept-footer { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (max-width: 560px) { .form-bid__accept-footer .checkbox { margin-top: 5px } } @media (max-width: 560px) { .form-bid__accept-text { margin-left: 0; margin-top: 3px } } .form-bid__accept-text a { color: #0f579a } .form-bid__accept-text a:hover { color: #3389b4 } .form-bid__accept-text a:active { color: #0f579a } .form-bid__error-block { color: #e782a9; padding: 20px 0; max-width: 688px } @media (min-width: 1920px) { .form-bid__error-block { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid__error-block { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .form-bid__error-block { font-size: .9375rem } } @media (min-width: 1920px) { .form-bid__error-block { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid__error-block { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid__error-block { line-height: 22px } } .form-bid__button-backing { min-width: 180px } @media (min-width: 1920px) { .form-bid__close-text { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .form-bid__close-text { margin-bottom: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-bid__close-text { margin-bottom: 20px } } .form-bid__button-remove { position: relative; width: 40px; display: none } .form-bid__button-remove.form-bid__button-remove_visible { 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 } .form-bid__icon-remove { width: 12px; height: 12px; position: relative; top: 1px; color: #4d3651; -webkit-transition: color .15s ease-out; -o-transition: color ease-out .15s; transition: color .15s ease-out } .form-bid__button-remove:hover .form-bid__icon-remove { color: #8bb8e8 } .donor-header { background-color: rgba(130, 184, 239, .45); position: relative; overflow: hidden; min-height: 312px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .donor-header { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-header { padding-top: 50px } } @media (max-width: 768px) { .donor-header { min-height: auto } } .donor-header__container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .donor-header__container .donor-header__params-line { margin-right: 55px } @media (max-width: 768px) { .donor-header__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .donor-header__container .donor-header__params-line { margin-right: 15px } } .donor-header__wrapper { width: 100%; max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 1024px) { .donor-header__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .donor-header__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .donor-header__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .donor-header__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .donor-header__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .donor-header__wrapper { padding-right: 20px } } @media (max-width: 768px) { .donor-header__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .donor-header__data { width: 62%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 806px } @media (min-width: 1920px) { .donor-header__data { padding-bottom: 75px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__data { padding-bottom: calc(35px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-header__data { padding-bottom: 35px } } @media (max-width: 768px) { .donor-header__data { width: 100% } } .donor-header__photos { width: 38%; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 1920px) { .donor-header__photos { padding-left: 50px } } @media (min-width: 768px) and (max-width: 1919px) { .donor-header__photos { padding-left: calc(25px + 25 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .donor-header__photos { padding-left: 25px } } @media (max-width: 768px) { .donor-header__photos { width: 100%; padding-left: 0 } } .donor-header__image { max-width: 90%; -ms-flex-item-align: end; align-self: flex-end; height: auto } .donor-header__title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 1028px } @media (min-width: 1920px) { .donor-header__title { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__title { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .donor-header__title { font-size: 1.75rem } } @media (min-width: 1920px) { .donor-header__title { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__title { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-header__title { line-height: 38px } } @media (min-width: 1920px) { .donor-header__title:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__title:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-header__title:not(:last-of-type) { margin-bottom: 18px } } .donor-header__description { letter-spacing: .02em; color: #4d3651; max-width: 688px } @media (min-width: 1920px) { .donor-header__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__description { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .donor-header__description { font-size: .9375rem } } @media (min-width: 1920px) { .donor-header__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__description { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-header__description { line-height: 22px } } @media (min-width: 1920px) { .donor-header__description:not(:last-of-type) { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__description:not(:last-of-type) { margin-bottom: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-header__description:not(:last-of-type) { margin-bottom: 22px } } @media (min-width: 1920px) { .donor-header__params { margin-top: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__params { margin-top: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-header__params { margin-top: 20px } } .donor-header__params-line { border-top: 1px solid #edebee; padding: 20px 0 } .donor-header__params-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } @media (max-width: 768px) { .donor-header__params-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .donor-header__params-item { letter-spacing: .02em; color: #4d3651; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .donor-header__params-item:first-of-type { width: 168px } } @media (min-width: 768px) and (max-width: 1919px) { .donor-header__params-item:first-of-type { width: calc(100px + 68 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .donor-header__params-item:first-of-type { width: 100px } } @media (min-width: 1920px) { .donor-header__params-item:nth-of-type(2) { width: 235px } } @media (min-width: 768px) and (max-width: 1919px) { .donor-header__params-item:nth-of-type(2) { width: calc(160px + 75 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .donor-header__params-item:nth-of-type(2) { width: 160px } } .donor-header__params-item:nth-of-type(3) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .donor-header__params-item:not(:last-of-type) { padding-right: 20px } @media (max-width: 768px) { .donor-header__params-item:not(:last-of-type) { padding-right: 0; margin-bottom: 25px } } @media (max-width: 768px) { .donor-header__params-item { width: 100% } } .donor-header__params-title { font-weight: 700; margin-bottom: 8px } @media (min-width: 1920px) { .donor-header__params-title { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__params-title { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .donor-header__params-title { font-size: .9375rem } } @media (min-width: 1920px) { .donor-header__params-title { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__params-title { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-header__params-title { line-height: 22px } } @media (max-width: 768px) { .donor-header__params-title { margin-bottom: 2px } } @media (min-width: 1920px) { .donor-header__params-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__params-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .donor-header__params-text { font-size: 1rem } } @media (min-width: 1920px) { .donor-header__params-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__params-text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-header__params-text { line-height: 26px } } .donor-header__unauthorized { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .donor-header__unauthorized-pic { border-radius: 50%; width: 60px; height: 60px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #a05eb5; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 28px } @media (max-width: 768px) { .donor-header__unauthorized-pic { display: none } } .donor-header__unauthorized-icon { height: 40px; width: 8px } .donor-header__unauthorized-text { max-width: 688px } .donor-header__image-icon { color: #e6f3fa } .donor-header__icon-link { color: #a05eb5; width: 21px; height: 28px; margin-right: 14px } .donor-header__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .donor-header__link-text { color: #0f579a; letter-spacing: .02em; padding-top: 4px } @media (min-width: 1920px) { .donor-header__link-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__link-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .donor-header__link-text { font-size: 1rem } } @media (min-width: 1920px) { .donor-header__link-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-header__link-text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-header__link-text { line-height: 26px } } .donor-header__photos-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } @media (max-width: 768px) { .donor-header__photos-slider { max-width: 320px } } @media (max-width: 768px) and (min-width: 768px) { .donor-header__photos-slider { margin-bottom: 60px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .donor-header__photos-slider { margin-bottom: calc(40px + 20 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .donor-header__photos-slider { margin-bottom: 40px } } .card-donor { position: relative; display: table; width: 100%; table-layout: fixed } @media (min-width: 1920px) { .card-donor { height: 72px } } @media (min-width: 560px) and (max-width: 1919px) { .card-donor { height: calc(60px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-donor { height: 60px } } .card-donor__list { display: table-row; margin: 0 -5px; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .card-donor__item { padding: 0 5px; letter-spacing: .02em; color: #4d3651; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: table-cell; width: 160px; vertical-align: middle } @media (min-width: 1920px) { .card-donor__item { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-donor__item { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-donor__item { font-size: 1rem } } @media (min-width: 1920px) { .card-donor__item { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-donor__item { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-donor__item { line-height: 26px } } .card-donor__item:first-child { width: 100px; font-weight: 700 } .card-donor__item:nth-child(2) { width: 100px } .card-donor__item:nth-child(3) { width: 100px } .card-donor__item:nth-child(4) { width: 120px } .card-donor__item:nth-child(5) { width: 125px } .card-donor__item:nth-child(6) { width: 160px } .card-donor__item:nth-child(7) { width: 160px } .card-donor__item[data-type=education] { width: 200px } .card-donor__round { border-radius: 50%; width: 24px; height: 24px } .menu-mob-list { overflow: hidden; width: 100%; padding-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 200; background-color: #fff; height: 100% } .menu-mob-list, .menu-mob-list__list-main { position: relative; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .menu-mob-list__list-main { right: 0 } .menu-mob-list__wrapper { width: 100%; position: relative; overflow-x: hidden; overflow-y: scroll } .menu-mob-list__inner { position: relative; overflow: hidden } .menu-mob-list__elem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; padding-left: 20px; padding-right: 20px; width: 100%; position: relative; font-size: .875rem; color: #4d3651; letter-spacing: .02em; line-height: 20px; text-align: left } .menu-mob-list__elem:after { content: ""; position: absolute; bottom: 0; left: 20px; right: 20px; height: 1px; background-color: #f6f6f6 } .menu-mob-list__arrow { width: 6px; height: 11px; margin-left: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: #4d3651 } .menu-mob-list__arrow-back { width: 6px; height: 11px; margin-right: 6px; color: #4d3651 } .menu-mob-list__button-back .menu-mob-list__arrow-back { color: #8bb8e8 } .menu-mob-list__list { position: absolute; width: 100%; top: 0; right: -100%; background-color: #fff; z-index: 1; opacity: 0 } .menu-mob-list__list.menu-mob-list__list_active { z-index: 2; opacity: 1 } .menu-mob-list__button-back-text { display: block; color: #8bb8e8 } .menu-mob-list__item.menu-mob-list__item_parent { font-weight: 700 } .modal-info__header { width: 100%; padding-right: 20px; padding-left: 20px } .modal-response__inner_error .modal-info__header { background-color: #e782a9; background-image: none; color: #fff } .modal-info__title { text-align: center; width: 100% } .modal-response__inner_error .modal-info__title { color: #fff } .modal-info__body { text-align: center } @media (min-width: 1920px) { .modal-info__body { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .modal-info__body { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .modal-info__body { font-size: 1rem } } @media (min-width: 1920px) { .modal-info__body { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-info__body { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-info__body { line-height: 26px } } .modal-info__close { margin-top: 40px; min-width: 180px; position: relative; margin-left: auto; margin-right: auto; display: block } .modal-inner__body.filter-donors { margin: 0; padding: 40px 0 0 40px; position: relative } @media (max-width: 560px) { .modal-inner__body.filter-donors { padding: 15px 15px 0 } } .modal-inner__body .filter-donors__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .modal-inner__body .filter-donors__sidebar-item { width: 100%; max-width: 285px; margin-right: 26px } .modal-inner__body .filter-donors__sidebar-item--eye-color .filter-donors__sidebar-list-item { padding-right: 13px } .modal-inner__body .filter-donors__sidebar-item:not(:last-of-type) { margin-bottom: 49px } .modal-inner__body .filter-donors__sidebar-list-item { padding-right: 0 } .modal-donors-additional .filter-donors__sidebar-range-wrapper { width: 100% } .modal-donors-additional .modal__outer { width: 100%; max-width: 1032px; max-height: 100vh; min-height: auto; overflow: hidden; height: 100% } .modal-donors-additional .modal__content, .modal-donors-additional .modal__inner, .modal-donors-additional .modal__window { max-height: calc(100vh - 40px); height: 100% } @media only screen and (hover: none) and (pointer: coarse) { .modal-donors-additional .modal-inner_sm, .modal-donors-additional .modal__window { border-radius: 0 } } .modal-donors-additional .modal-inner__body { max-height: 100%; overflow-y: scroll } @media (max-width: 768px) { .modal-donors-additional .modal-inner__body { max-height: calc(100vh - 118px) } } @media only screen and (hover: none) and (pointer: coarse) { .modal-donors-additional .modal-inner__body { max-height: calc(100vh - 118px) } } @media only screen and (hover: none) and (pointer: coarse) { .modal-donors-additional .modal-inner__header { min-height: auto; padding: 25px 20px } } .modal-donors-additional .modal-inner_sm { max-width: none } .modal-donors-additional .modal-inner.modal-center { height: auto } .modal-donors-additional .modal-inner { max-height: 100%; height: 100% } .modal-donors-additional .radiobtn_default .radiobtn__label { position: relative; font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #4d3651; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; cursor: pointer; font-weight: 400 } .doctor-header { background-image: -o-linear-gradient(186.36deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); background-image: linear-gradient(263.64deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); min-height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .doctor-header { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header { padding-top: 50px } } @media (max-width: 1280px) { .doctor-header { min-height: 400px } } @media (max-width: 768px) { .doctor-header { min-height: auto } } .doctor-header__wrapper { width: 100%; max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .doctor-header__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .doctor-header__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .doctor-header__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .doctor-header__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .doctor-header__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .doctor-header__wrapper { padding-right: 20px } } @media (max-width: 1024px) { .doctor-header__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .doctor-header__photo { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: absolute; right: 0; bottom: 0; height: 100% } @media (min-width: 1920px) { .doctor-header__photo { width: 552px } } @media (min-width: 1024px) and (max-width: 1919px) { .doctor-header__photo { width: calc(260px + 292 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .doctor-header__photo { width: 260px } } @media (max-width: 1024px) { .doctor-header__photo { position: relative; margin-top: 15px; width: 100%; height: auto } } .app_mode_color_bw .doctor-header__photo, .app_mode_color_invert .doctor-header__photo, .app_mode_color_sepia .doctor-header__photo { display: none } @media (max-width: 1024px) and (min-width: 1024px) { .doctor-header__image { max-height: 340px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .doctor-header__image { max-height: calc(270px + 70 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .doctor-header__image { max-height: 270px } } .doctor-header__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 32px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 1920px) { .doctor-header__data { padding-right: 600px } } @media (min-width: 1024px) and (max-width: 1919px) { .doctor-header__data { padding-right: calc(320px + 280 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .doctor-header__data { padding-right: 320px } } @media (max-width: 1024px) { .doctor-header__data { padding-right: 0; padding-bottom: 0 } } .app_mode_color_bw .doctor-header__data, .app_mode_color_invert .doctor-header__data, .app_mode_color_sepia .doctor-header__data { padding-right: 0 } .doctor-header__back-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8bb8e8; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } @media (min-width: 1920px) { .doctor-header__back-link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__back-link { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .doctor-header__back-link { font-size: .9375rem } } @media (min-width: 1920px) { .doctor-header__back-link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__back-link { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__back-link { line-height: 22px } } .doctor-header__back-link:hover { opacity: .8 } .doctor-header__icon-back { width: 6px; height: 12px; margin-right: 7px } .doctor-header__name { max-width: 1028px } @media (min-width: 1920px) { .doctor-header__name:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__name:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__name:not(:last-of-type) { margin-bottom: 18px } } .app_mode_color_bw .doctor-header__name, .app_mode_color_invert .doctor-header__name, .app_mode_color_sepia .doctor-header__name { max-width: none } .doctor-header__name-title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .doctor-header__name-title { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__name-title { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .doctor-header__name-title { font-size: 1.75rem } } @media (min-width: 1920px) { .doctor-header__name-title { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__name-title { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__name-title { line-height: 38px } } .doctor-header__text { letter-spacing: .02em; color: #4d3651; max-width: 688px } @media (min-width: 1920px) { .doctor-header__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .doctor-header__text { font-size: .9375rem } } @media (min-width: 1920px) { .doctor-header__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__text { line-height: 22px } } @media (min-width: 1920px) { .doctor-header__text:not(:last-of-type) { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__text:not(:last-of-type) { margin-bottom: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__text:not(:last-of-type) { margin-bottom: 22px } } .app_mode_color_bw .doctor-header__text, .app_mode_color_invert .doctor-header__text, .app_mode_color_sepia .doctor-header__text { max-width: none } .doctor-header__info { border-top: 1px solid #fff; border-bottom: 1px solid #fff; overflow: hidden } @media (min-width: 1920px) { .doctor-header__info { margin-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info { margin-top: calc(15px + 33 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info { margin-top: 15px } } @media (min-width: 1920px) { .doctor-header__info { padding-top: 17px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info { padding-top: calc(10px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info { padding-top: 10px } } @media (min-width: 1920px) { .doctor-header__info { padding-bottom: 13px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info { padding-bottom: calc(13px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info { padding-bottom: 13px } } @media (max-width: 1024px) { .doctor-header__info { border-top: none; border-bottom: none; padding-bottom: 0 } } .doctor-header__info-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width: 1920px) { .doctor-header__info-inner { margin-left: -60px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-inner { margin-left: calc(-30px + -30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info-inner { margin-left: -30px } } @media (min-width: 1920px) { .doctor-header__info-inner { margin-right: -60px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-inner { margin-right: calc(-30px + -30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info-inner { margin-right: -30px } } @media (max-width: 1024px) { .doctor-header__info-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .doctor-header__info-item { max-width: 50% } @media (min-width: 1920px) { .doctor-header__info-item { padding-left: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-item { padding-left: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info-item { padding-left: 30px } } @media (min-width: 1920px) { .doctor-header__info-item { padding-right: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-item { padding-right: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info-item { padding-right: 30px } } @media (min-width: 1920px) { .doctor-header__info-item { margin-top: 10px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-item { margin-top: calc(5px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info-item { margin-top: 5px } } @media (min-width: 1920px) { .doctor-header__info-item { margin-bottom: 10px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-item { margin-bottom: calc(5px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info-item { margin-bottom: 5px } } @media (max-width: 1024px) { .doctor-header__info-item { max-width: none; width: 100%; margin-top: 0; margin-bottom: 0 } .doctor-header__info-item:not(:last-of-type) { border-bottom: 1px solid #edebee } } @media (max-width: 1024px) and (min-width: 1920px) { .doctor-header__info-item { padding-bottom: 23px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-item { padding-bottom: calc(17px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .doctor-header__info-item { padding-bottom: 17px } } @media (max-width: 1024px) and (min-width: 1920px) { .doctor-header__info-item { padding-top: 23px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-item { padding-top: calc(17px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .doctor-header__info-item { padding-top: 17px } } .doctor-header__info-title { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .doctor-header__info-title { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-title { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .doctor-header__info-title { font-size: .9375rem } } @media (min-width: 1920px) { .doctor-header__info-title { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-title { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info-title { line-height: 22px } } @media (min-width: 1920px) { .doctor-header__info-title { margin-bottom: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-title { margin-bottom: calc(7px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info-title { margin-bottom: 7px } } .doctor-header__info-value { letter-spacing: .02em; color: #a05eb5 } @media (min-width: 1920px) { .doctor-header__info-value { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-value { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .doctor-header__info-value { font-size: 1rem } } @media (min-width: 1920px) { .doctor-header__info-value { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__info-value { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__info-value { line-height: 24px } } @media (min-width: 1920px) { .doctor-header__bottom { padding-top: 31px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-header__bottom { padding-top: calc(26px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-header__bottom { padding-top: 26px } } .doctor-header__bottom:last-child { margin-right: 0 } .doctor-header__bottom-button { min-width: 180px; margin-right: 14px } @media (max-width: 560px) { .doctor-header__bottom-button { margin-right: 0; margin-bottom: 12px; width: 100% } } @media (max-width: 1024px) { .doctor-header__footer { background-color: #fff; overflow: hidden } } @media (max-width: 1024px) and (min-width: 1024px) { .doctor-header__footer { margin-left: -80px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .doctor-header__footer { margin-left: calc(-20px + -60 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .doctor-header__footer { margin-left: -20px } } @media (max-width: 1024px) and (min-width: 1024px) { .doctor-header__footer { margin-right: -80px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .doctor-header__footer { margin-right: calc(-20px + -60 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .doctor-header__footer { margin-right: -20px } } @media (max-width: 1024px) and (min-width: 1024px) { .doctor-header__footer { padding-left: 80px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .doctor-header__footer { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .doctor-header__footer { padding-left: 20px } } @media (max-width: 1024px) and (min-width: 1024px) { .doctor-header__footer { padding-right: 80px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .doctor-header__footer { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .doctor-header__footer { padding-right: 20px } } @media (max-width: 1024px) and (min-width: 1024px) { .doctor-header__footer { padding-bottom: 30px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .doctor-header__footer { padding-bottom: calc(20px + 10 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .doctor-header__footer { padding-bottom: 20px } } @media (min-width: 1920px) { .schedule_doctor { margin-top: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule_doctor { margin-top: calc(10px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule_doctor { margin-top: 10px } } @media (min-width: 1920px) { .schedule_doctor { margin-bottom: 188px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule_doctor { margin-bottom: calc(90px + 98 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule_doctor { margin-bottom: 90px } } @media (min-width: 1920px) { .schedule_question { margin-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule_question { margin-top: calc(60px + 68 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule_question { margin-top: 60px } } .schedule__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .schedule__wrapper { padding-left: 73px } } @media (min-width: 320px) and (max-width: 1023px) { .schedule__wrapper { padding-left: calc(20px + 53 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .schedule__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .schedule__wrapper { padding-right: 73px } } @media (min-width: 320px) and (max-width: 1023px) { .schedule__wrapper { padding-right: calc(20px + 53 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .schedule__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .schedule__title { margin-bottom: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__title { margin-bottom: calc(20px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__title { margin-bottom: 20px } } .schedule__inner, .schedule__top { position: relative } .schedule__top { background-color: #eef4fc; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; overflow: hidden } @media (max-width: 1280px) { .schedule__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .schedule__info { width: 54.54%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1920px) { .schedule__info { padding-left: 383px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__info { padding-left: calc(320px + 63 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__info { padding-left: 320px } } @media (min-width: 1920px) { .schedule__info { padding-top: 46px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__info { padding-top: calc(32px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__info { padding-top: 32px } } @media (min-width: 1920px) { .schedule__info { padding-bottom: 51px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__info { padding-bottom: calc(36px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__info { padding-bottom: 36px } } @media (min-width: 1920px) { .schedule__info { padding-right: 15px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__info { padding-right: calc(20px + -5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__info { padding-right: 20px } } @media (max-width: 1280px) { .schedule__info { width: 100%; position: relative } } @media (max-width: 768px) { .schedule__info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-image: -o-linear-gradient(359.25deg, #e6f3fa 7.17%, #f4c7d8 99.46%); background-image: linear-gradient(90.75deg, #e6f3fa 7.17%, #f4c7d8 99.46%); padding: 0 } } .app_mode_color_bw .schedule_doctor .schedule__info, .app_mode_color_invert .schedule_doctor .schedule__info, .app_mode_color_sepia .schedule_doctor .schedule__info { display: none } @media (min-width: 1920px) { .app_mode_color_bw .schedule_doctor .schedule__info, .app_mode_color_invert .schedule_doctor .schedule__info, .app_mode_color_sepia .schedule_doctor .schedule__info { padding-left: 49px } } @media (min-width: 560px) and (max-width: 1919px) { .app_mode_color_bw .schedule_doctor .schedule__info, .app_mode_color_invert .schedule_doctor .schedule__info, .app_mode_color_sepia .schedule_doctor .schedule__info { padding-left: calc(20px + 29 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app_mode_color_bw .schedule_doctor .schedule__info, .app_mode_color_invert .schedule_doctor .schedule__info, .app_mode_color_sepia .schedule_doctor .schedule__info { padding-left: 20px } } .schedule__list { width: 40% } .schedule__all-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .schedule__all-link:hover .schedule__all-text, .schedule__all-link:hover .schedule__icon-arrow { -webkit-transition: color .15s ease-in; -o-transition: color .15s ease-in; transition: color .15s ease-in; color: #3389b4 } .app_mode_color_bw .schedule__all-link, .app_mode_color_invert .schedule__all-link, .app_mode_color_sepia .schedule__all-link { border: .125rem solid; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 2px 10px } .schedule__photo { background-image: -o-linear-gradient(6.36deg, #e6f3fa 7.17%, #fce7f1 99.46%); background-image: linear-gradient(83.64deg, #e6f3fa 7.17%, #fce7f1 99.46%); position: absolute; left: 0; top: 0; height: 100%; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .schedule__photo { width: 328px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__photo { width: calc(280px + 48 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__photo { width: 280px } } @media (max-width: 768px) { .schedule__photo { position: relative; width: 30%; background-image: none } } .app_mode_color_bw .schedule__photo, .app_mode_color_invert .schedule__photo, .app_mode_color_sepia .schedule__photo { display: none } .schedule__image { height: 100%; width: auto; max-width: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-filter: drop-shadow(3.125rem 1.25rem 6.25rem rgba(146, 110, 171, .35)); filter: drop-shadow(3.125rem 1.25rem 6.25rem rgba(146, 110, 171, .35)) } @media (max-width: 1024px) { .schedule__image { width: auto } } .schedule__name { color: #4d3651; letter-spacing: .02em; font-weight: 700 } @media (min-width: 1920px) { .schedule__name { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__name { font-size: calc(.9375rem + 9 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule__name { font-size: .9375rem } } @media (min-width: 1920px) { .schedule__name { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__name { line-height: calc(22px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__name { line-height: 22px } } @media (max-width: 768px) { .schedule__name { width: 70%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px } } .schedule__position { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .schedule__position { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__position { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule__position { font-size: .9375rem } } @media (min-width: 1920px) { .schedule__position { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__position { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__position { line-height: 22px } } @media (min-width: 1920px) { .schedule__position { margin-top: 61px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__position { margin-top: calc(22px + 39 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__position { margin-top: 22px } } @media (min-width: 1920px) { .schedule__position { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__position { margin-bottom: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__position { margin-bottom: 22px } } @media (max-width: 1280px) { .schedule__position { width: 100% } } @media (max-width: 768px) { .schedule__position { background-color: #e6f3fa; margin: 0; padding-left: 20px; padding-right: 20px } } @media (max-width: 768px) and (min-width: 1920px) { .schedule__position { padding-top: 32px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .schedule__position { padding-top: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .schedule__position { padding-top: 22px } } @media (max-width: 768px) and (min-width: 1920px) { .schedule__position { padding-bottom: 32px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .schedule__position { padding-bottom: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .schedule__position { padding-bottom: 22px } } .schedule__icon-arrow { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: #0f579a; margin-left: 4px; position: relative; top: 1px } .schedule__all-text { color: #0f579a; letter-spacing: .02em; -webkit-transition: color .15s ease-in; -o-transition: color .15s ease-in; transition: color .15s ease-in } @media (min-width: 1920px) { .schedule__all-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__all-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule__all-text { font-size: .9375rem } } @media (min-width: 1920px) { .schedule__all-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__all-text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__all-text { line-height: 22px } } .schedule__all-image { margin-right: 8px; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } @media (min-width: 1920px) { .schedule__footer { margin-top: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__footer { margin-top: calc(35px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__footer { margin-top: 35px } } .schedule__button-wrapper { margin-top: auto } @media (max-width: 768px) { .schedule__button-wrapper { background-color: #e6f3fa; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 20px; padding-right: 20px; padding-bottom: 28px; position: relative; width: 100% } } .schedule__button-wrapper:after { position: absolute; left: 20px; right: 20px; bottom: 0; background-color: #0f579a; height: 1px } @media (max-width: 768px) { .schedule__button-wrapper:after { content: "" } } .schedule__button-sign { min-width: 212px } @media (max-width: 768px) { .schedule__button-sign { max-width: 380px; width: 100% } } .schedule__block { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative } @media (min-width: 1920px) { .schedule__block { padding-left: 49px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__block { padding-left: calc(20px + 29 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__block { padding-left: 20px } } @media (min-width: 1920px) { .schedule__block { padding-right: 49px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__block { padding-right: calc(20px + 29 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__block { padding-right: 20px } } @media (min-width: 1920px) { .schedule__block { padding-top: 46px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__block { padding-top: calc(32px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__block { padding-top: 32px } } @media (min-width: 1920px) { .schedule__block { padding-bottom: 51px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__block { padding-bottom: calc(36px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__block { padding-bottom: 36px } } .schedule__block:after { content: ""; position: absolute; width: 1px; background-color: #cbdff5; left: 0 } @media (min-width: 1920px) { .schedule__block:after { top: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__block:after { top: calc(34px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__block:after { top: 34px } } @media (min-width: 1920px) { .schedule__block:after { bottom: 55px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__block:after { bottom: calc(38px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__block:after { bottom: 38px } } @media (max-width: 1280px) { .schedule__block:after { display: none } } @media (min-width: 1920px) { .schedule__time:not(:last-of-type) { margin-bottom: 47px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__time:not(:last-of-type) { margin-bottom: calc(25px + 22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__time:not(:last-of-type) { margin-bottom: 25px } } .schedule__time-title { color: #4d3651; font-size: 1.125rem; line-height: 24px; letter-spacing: .02em; font-weight: 700 } @media (min-width: 1920px) { .schedule__time-title { margin-bottom: 13px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__time-title { margin-bottom: calc(11px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__time-title { margin-bottom: 11px } } .schedule__time-list { border-top: 1px solid #cbdff5 } @media (min-width: 1920px) { .schedule__time-list { padding-top: 15px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__time-list { padding-top: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__time-list { padding-top: 10px } } .schedule__line { display: -webkit-box; display: -ms-flexbox; display: flex } .schedule__line:not(:last-of-type) { margin-bottom: 17px } @media (max-width: 768px) { .schedule__line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 10px; padding-top: 8px } .schedule__line:not(:last-of-type) { border-bottom: 1px dashed #a05eb5 } } @media (min-width: 1920px) { .schedule__line_vacation { padding-top: 15px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__line_vacation { padding-top: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__line_vacation { padding-top: 10px } } .schedule__line_vacation:first-of-type { border-top: 1px solid #0f579a } @media (max-width: 768px) and (min-width: 1920px) { .schedule__line:not(:last-of-type) { margin-bottom: 12px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .schedule__line:not(:last-of-type) { margin-bottom: calc(4px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .schedule__line:not(:last-of-type) { margin-bottom: 4px } } .schedule__time-text { position: relative; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .schedule__time-text { width: 190px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__time-text { width: calc(130px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__time-text { width: 130px } } .schedule__time-text.schedule__time-text_big { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .schedule__time-text:after { content: ""; position: absolute; width: 100%; height: 19px; border-bottom: 1px dashed #926eab; top: 0; left: 0; z-index: 1 } @media (max-width: 1280px) { .schedule__time-text:after { display: none } } .schedule__time-text.schedule__time-text_big:after { display: none } @media (max-width: 1280px) { .schedule__time-text { width: 50% } } @media (max-width: 768px) { .schedule__time-text { width: 100% } } .app_mode_color_bw .schedule__time-text, .app_mode_color_invert .schedule__time-text, .app_mode_color_sepia .schedule__time-text { width: 420px } @media (max-width: 1280px) { .app_mode_color_bw .schedule__time-text, .app_mode_color_invert .schedule__time-text, .app_mode_color_sepia .schedule__time-text { width: 50% } } @media (max-width: 768px) { .app_mode_color_bw .schedule__time-text, .app_mode_color_invert .schedule__time-text, .app_mode_color_sepia .schedule__time-text { width: 100% } } .schedule__time-text-block { font-weight: 700; position: relative; z-index: 2; background-color: #eef4fc; display: inline-block; padding-right: 2px } .schedule__time-text-block, .schedule__time-value { color: #4d3651; font-size: 1.125rem; line-height: 28px; letter-spacing: .02em } .schedule__time-value { padding-left: 5px } @media (max-width: 1280px) { .schedule__time-value { padding-left: 0; width: 100% } } .app_mode_color_bw .schedule__time-value, .app_mode_color_invert .schedule__time-value, .app_mode_color_sepia .schedule__time-value { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .schedule__vacation:not(first-of-type) { margin-top: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule__vacation:not(first-of-type) { margin-top: calc(32px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule__vacation:not(first-of-type) { margin-top: 32px } } @media (max-width: 1280px) { .schedule__vacation:not(first-of-type) { margin-top: 42px } } .filter-vacancies-data__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; margin-bottom: -32px } .filter-vacancies-data__item { width: 100%; padding-right: 16px; padding-left: 16px; margin-bottom: 32px } .filter-vacancies { position: relative; width: 100% } @media (min-width: 1920px) { .filter-vacancies { margin-top: 148px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies { margin-top: calc(60px + 88 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies { margin-top: 60px } } @media (min-width: 1920px) { .filter-vacancies { margin-bottom: 230px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies { margin-bottom: calc(100px + 130 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies { margin-bottom: 100px } } .filter-vacancies__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .filter-vacancies__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .filter-vacancies__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .filter-vacancies__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .filter-vacancies__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .filter-vacancies__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .filter-vacancies__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .filter-vacancies__filter { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies__filter { margin-bottom: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies__filter { margin-bottom: 30px } } .filter-vacancies__loader { position: relative; width: 100%; height: 200px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .filter-vacancies__loader.filter-vacancies__loader_active { display: -webkit-box; display: -ms-flexbox; display: flex } .filter-vacancies__loader__preloader-video { max-height: 100% } .app.app_mode_color_bw .filter-vacancies__loader, .app.app_mode_color_invert .filter-vacancies__loader, .app.app_mode_color_sepia .filter-vacancies__loader { display: none } .filter-vacancies__icon-manempty { width: 264px; height: 278px; color: #a05eb5; position: relative; z-index: 1; bottom: -11px } @media (min-width: 1920px) { .filter-vacancies__icon-manempty { margin-top: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies__icon-manempty { margin-top: calc(10px + 32 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies__icon-manempty { margin-top: 10px } } .bank-header { background-image: -o-linear-gradient(186.36deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); background-image: linear-gradient(263.64deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); min-height: 312px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden } @media (min-width: 1920px) { .bank-header { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .bank-header { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .bank-header { padding-top: 50px } } @media (min-width: 1920px) { .bank-header { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .bank-header { padding-bottom: calc(32px + 96 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .bank-header { padding-bottom: 32px } } .bank-header_egg { background-image: none; background-color: #fcf3f8 } .bank-header_sperm { background-image: none; background-color: #eef4fc } .bank-header__wrapper { width: 100%; max-width: 1554px; position: relative; margin: 0 auto; z-index: 1 } @media (min-width: 1024px) { .bank-header__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .bank-header__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .bank-header__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .bank-header__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .bank-header__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .bank-header__wrapper { padding-right: 20px } } .bank-header__title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .bank-header__title { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .bank-header__title { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .bank-header__title { font-size: 1.75rem } } @media (min-width: 1920px) { .bank-header__title { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .bank-header__title { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .bank-header__title { line-height: 38px } } @media (min-width: 1920px) { .bank-header__title:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .bank-header__title:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .bank-header__title:not(:last-of-type) { margin-bottom: 18px } } .bank-header__title-text { letter-spacing: .02em } @media (min-width: 1920px) { .bank-header__title-text { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .bank-header__title-text { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .bank-header__title-text { font-size: 1.75rem } } @media (min-width: 1920px) { .bank-header__title-text { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .bank-header__title-text { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .bank-header__title-text { line-height: 38px } } .bank-header__description { letter-spacing: .02em; color: #4d3651; max-width: 688px } @media (min-width: 1920px) { .bank-header__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .bank-header__description { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .bank-header__description { font-size: .9375rem } } @media (min-width: 1920px) { .bank-header__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .bank-header__description { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .bank-header__description { line-height: 22px } } @media (min-width: 1920px) { .bank-header__description:not(:last-of-type) { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .bank-header__description:not(:last-of-type) { margin-bottom: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .bank-header__description:not(:last-of-type) { margin-bottom: 22px } } .bank-header__icon { width: 520px; height: 520px; position: absolute; -webkit-transform: rotate(-36deg); -ms-transform: rotate(-36deg); transform: rotate(-36deg); top: 15%; right: -120px; color: #a05eb5; z-index: 0 } @media (max-width: 768px) { .bank-header__icon { display: none } } .bank-header_egg .bank-header__icon, .bank-header_sperm .bank-header__icon { color: #fff; opacity: .7 } .slider-photo { position: relative; display: inline-block; width: 100% } .slider-photo__photos-button { position: relative; display: inline-block; max-width: 100% } .slider-photo__photo-wrapper { position: relative; overflow: hidden; width: 100%; height: 264px; border-radius: 5px; max-width: 100%; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } @media (min-width: 1920px) { .slider-photo__photo-wrapper { height: 264px } } @media (min-width: 560px) and (max-width: 1919px) { .slider-photo__photo-wrapper { height: calc(179px + 85 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider-photo__photo-wrapper { height: 179px } } .slider-photo__photo-wrapper:first-of-type { z-index: 2; background-color: drop-shadow(1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29)); opacity: 1 } .slider-photo__photo-wrapper:first-of-type:hover { opacity: 1; background-color: rgba(0, 0, 0, 0) } .slider-photo__photo-wrapper:nth-of-type(2) { -webkit-transform: translate(10px, 10px); -ms-transform: translate(10px, 10px); transform: translate(10px, 10px); position: absolute; z-index: 1; top: 0; left: 0; opacity: .5 } @media (max-width: 768px) { .slider-photo__photo-wrapper:nth-of-type(2) { -webkit-transform: translate(6px, 6px); -ms-transform: translate(6px, 6px); transform: translate(6px, 6px) } } .slider-photo__photo-wrapper:nth-of-type(n+3) { display: none } .slider-photo__photo-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: -o-linear-gradient(30.27deg, #e782a9 -.85%, #80c5e8 100.61%); background-image: linear-gradient(59.73deg, #e782a9 -.85%, #80c5e8 100.61%); opacity: .5; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .activity__photos-button:hover .slider-photo__photo-wrapper:after { opacity: .3 } .slider-photo__photo { max-width: none; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute } .slider-photo__icon-gallery { width: 24px; height: 24px; color: #a05eb5 } .slider-photo__photo-icon { border-radius: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; -webkit-transform: translate(-30px, -30px); -ms-transform: translate(-30px, -30px); transform: translate(-30px, -30px); z-index: 5; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); opacity: 0; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .slider-photo:hover .slider-photo__photo-icon { opacity: .8 } @media (min-width: 1920px) { .articles_doctor { padding-top: 168px } } @media (min-width: 560px) and (max-width: 1919px) { .articles_doctor { padding-top: calc(80px + 88 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles_doctor { padding-top: 80px } } @media (min-width: 1920px) { .articles_doctor { padding-bottom: 168px } } @media (min-width: 560px) and (max-width: 1919px) { .articles_doctor { padding-bottom: calc(80px + 88 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles_doctor { padding-bottom: 80px } } .articles__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .articles__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .articles__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .articles__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .articles__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .articles__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .articles__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .articles__title { margin-bottom: 85px } } @media (min-width: 560px) and (max-width: 1919px) { .articles__title { margin-bottom: calc(40px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles__title { margin-bottom: 40px } } .articles__list { margin: 0 -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .articles__item { width: 50%; padding: 0 16px } @media (max-width: 768px) { .articles__item { width: 100% } .articles__item:not(:last-of-type) { margin-bottom: 32px } } .articles__all { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .articles__all { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .articles__all { margin-top: calc(35px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles__all { margin-top: 35px } } .articles__all-link { font-family: PT Sans, Arial, sans-serif; letter-spacing: .02em; color: #8bb8e8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .articles__all-link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .articles__all-link { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .articles__all-link { font-size: .9375rem } } @media (min-width: 1920px) { .articles__all-link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .articles__all-link { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles__all-link { line-height: 22px } } .articles__all-icon { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 8px } .filter-vacancies-form__header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; border-radius: 5px; background-color: #cbdff5; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: background-color .3s ease-out, border-color .3s ease-out; -o-transition: background-color ease-out .3s, border-color ease-out .3s; transition: background-color .3s ease-out, border-color .3s ease-out } .filter-vacancies-form__header:hover { background-color: #3389b4; color: #fff } .filter-vacancies-form__header:hover .filter-vacancies-form__icon-filter, .filter-vacancies-form__header:hover div { color: #fff } .filter-vacancies-form__header:active { background-color: #cbdff5; color: #4d3651 } .filter-vacancies-form__header:active div { color: #4d3651 } .filter-vacancies-form__button-toggle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #a05eb5; padding: 0 15px } .filter-vacancies-form_chosen .filter-vacancies-form__button-toggle { color: #fff } .filter-vacancies-form_open.filter-vacancies-form_chosen .filter-vacancies-form__button-toggle { color: #a05eb5 } .filter-vacancies-form__button-right { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px } .filter-vacancies-form__icon-filter { width: 16px; height: 13px; margin-right: 14px; position: relative; top: -3px } .filter-vacancies-form__button-reset { margin-right: 20px; letter-spacing: .02em; color: #0f579a; border-radius: 5px; padding: 2px 8px; background-color: #fff; opacity: 0; position: relative; pointer-events: none; -webkit-transition: all .2s ease-out; -o-transition: all ease-out .2s; transition: all .2s ease-out } @media (min-width: 1920px) { .filter-vacancies-form__button-reset { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__button-reset { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__button-reset { font-size: 1rem } } @media (min-width: 1920px) { .filter-vacancies-form__button-reset { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__button-reset { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__button-reset { line-height: 26px } } .filter-vacancies-form_chosen .filter-vacancies-form__button-reset { pointer-events: auto; opacity: 1 } .filter-vacancies-form__header-arrow { border-radius: 50%; width: 40px; height: 40px; overflow: hidden; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #4d3651; background-color: #e6f3fa; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in } .filter-vacancies-form:hover { color: #afa5b1 } .filter-vacancies-form:active { color: #4d3651 } .filter-vacancies-form__icon-arrow { width: 12px; height: 16px; fill: none; color: #4d3651; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; -o-transition: transform ease-out .2s; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out } .filter-vacancies-form_open .filter-vacancies-form__icon-arrow { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .filter-vacancies-form__button-text-value { color: #4d3651; line-height: 18px; letter-spacing: .02em } @media (min-width: 1920px) { .filter-vacancies-form__button-text-value { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__button-text-value { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__button-text-value { font-size: .9375rem } } .filter-vacancies-form__result-text { color: #4d3651; letter-spacing: .02em; line-height: 18px; position: relative; opacity: 0; -webkit-transition: opacity .2s ease-out; -o-transition: opacity ease-out .2s; transition: opacity .2s ease-out } @media (min-width: 1920px) { .filter-vacancies-form__result-text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__result-text { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__result-text { font-size: .9375rem } } .filter-vacancies-form__result-text:before { content: ":"; position: relative; display: inline-block; color: #fff; letter-spacing: .02em; line-height: 18px; margin-right: 5px } @media (min-width: 1920px) { .filter-vacancies-form__result-text:before { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__result-text:before { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__result-text:before { font-size: .9375rem } } .filter-vacancies-form_chosen .filter-vacancies-form__result-text { opacity: 1 } .filter-vacancies-form_open.filter-vacancies-form_chosen .filter-vacancies-form__result-text { opacity: 0 } @media (max-width: 768px) { .filter-vacancies-form__result-text { display: none } } .filter-vacancies-form__body { background-color: rgba(130, 184, 239, .45); overflow: hidden; height: 0; position: relative; -webkit-transition: height .2s ease-out; -o-transition: height ease-out .2s; transition: height .2s ease-out } .filter-vacancies-form:not(.filter-vacancies-form_open) .filter-vacancies-form__body { height: 0 !important } .filter-vacancies-form__inner { position: absolute; width: 100%; background-color: #eef4fc } @media (max-width: 768px) { .filter-vacancies-form__inner { border-top: 1px solid rgba(130, 184, 239, .45) } } .filter-vacancies-form__param { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; color: #4d3651; font-weight: 700; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .filter-vacancies-form__param { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__param { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__param { font-size: 1rem } } @media (min-width: 1920px) { .filter-vacancies-form__param { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__param { line-height: calc(24px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__param { line-height: 24px } } @media (min-width: 1920px) { .filter-vacancies-form__param { margin-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__param { margin-right: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__param { margin-right: 15px } } @media (max-width: 768px) { .filter-vacancies-form__param { display: none } } .filter-vacancies-form__line { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2 } @media (min-width: 1920px) { .filter-vacancies-form__line { margin-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__line { margin-right: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__line { margin-right: 15px } } @media (min-width: 1920px) { .filter-vacancies-form__line { margin-left: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__line { margin-left: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__line { margin-left: 15px } } @media (min-width: 1920px) { .filter-vacancies-form__line { height: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__line { height: calc(80px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__line { height: 80px } } .filter-vacancies-form__line:not(:last-of-type) { border-bottom: 1px solid #edebee } .filter-vacancies-form__line.filter-vacancies-form__line_month { overflow: hidden; z-index: 1; -webkit-transition: margin-top .15s ease-out; -o-transition: margin-top ease-out .15s; transition: margin-top .15s ease-out } @media (min-width: 1920px) { .filter-vacancies-form__line.filter-vacancies-form__line_month { margin-top: -90px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__line.filter-vacancies-form__line_month { margin-top: calc(-80px + -10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__line.filter-vacancies-form__line_month { margin-top: -80px } } .filter-vacancies-form__line_visible.filter-vacancies-form__line.filter-vacancies-form__line_month { margin-top: 0 } @media (max-width: 768px) { .filter-vacancies-form__line.filter-vacancies-form__line_month { display: none } } @media (max-width: 768px) { .filter-vacancies-form__line { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; height: auto } } @media (max-width: 768px) { .filter-vacancies-form__line.filter-vacancies-form__line_result { display: none } } .filter-vacancies-form__radiobtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; background-color: rgba(0, 0, 0, 0) } @media (min-width: 1920px) { .filter-vacancies-form__radiobtn:not(:last-of-type) { margin-right: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__radiobtn:not(:last-of-type) { margin-right: calc(18px + 22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__radiobtn:not(:last-of-type) { margin-right: 18px } } @media (max-width: 768px) { .filter-vacancies-form__radiobtn:not(:last-of-type) { margin-right: 0 } } @media (max-width: 768px) { .filter-vacancies-form__radiobtn { width: 50% } } .filter-vacancies-form__radiobtn .radiobtn__label { background-color: rgba(0, 0, 0, 0); color: #0f579a; font-size: 1.125rem; line-height: 28px } .filter-vacancies-form__summ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .filter-vacancies-form__summ { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__summ { font-size: calc(1.625rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__summ { font-size: 1.625rem } } @media (min-width: 1920px) { .filter-vacancies-form__summ { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-vacancies-form__summ { line-height: calc(36px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-vacancies-form__summ { line-height: 36px } } .filter-vacancies-form .radiobtn.radiobtn_filter .radiobtn__input:checked + label { background-color: #cbdff5; border-radius: 5px } .bank-search__form { max-width: 568px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 768px) { .bank-search__form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .bank-search__label { margin-bottom: 7px; color: #4d3651 } .bank-search__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .bank-search__button { margin-left: 32px; min-width: 88px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 768px) { .bank-search__button { margin-left: 0; margin-top: 12px } } .bank-search__input[type=number] { width: 100% } .bank-search__item { padding-bottom: 0 } .bank-search__wrong-text { width: 100%; font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #e782a9; position: relative; margin-top: 7px; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity ease-in-out .2s; transition: opacity .2s ease-in-out } @media (min-width: 1920px) { .bank-category { padding-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .bank-category { padding-top: calc(32px + 48 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .bank-category { padding-top: 32px } } @media (min-width: 1920px) { .bank-category { padding-bottom: 140px } } @media (min-width: 560px) and (max-width: 1919px) { .bank-category { padding-bottom: calc(75px + 65 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .bank-category { padding-bottom: 75px } } @media (max-width: 768px) { .bank-category { padding-left: 20px; padding-right: 20px } } .bank-category__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .bank-category__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .bank-category__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .bank-category__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .bank-category__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .bank-category__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .bank-category__wrapper { padding-right: 20px } } .bank-category__list-wrapper { overflow: hidden } .bank-category__list { margin-left: -16px; margin-right: -16px; margin-bottom: -32px } @media (max-width: 768px) { .bank-category__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .bank-category__item { max-width: 1048px; border-radius: 5px; -webkit-box-shadow: 0 0 3.125rem rgba(146, 110, 171, .2); box-shadow: 0 0 3.125rem rgba(146, 110, 171, .2) } .bank-category__item:not(:last-child) { margin-bottom: 80px } @media (max-width: 768px) { .bank-category__item:not(:last-child) { margin-bottom: 32px } } .bank-category__title { padding: 50px 56px 40px 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top-right-radius: 5px; border-top-left-radius: 5px; position: relative; overflow: hidden } @media (max-width: 768px) { .bank-category__title { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px } } .bank-category__link { padding-left: 20px; padding-right: 20px; z-index: 2; color: #fff } .bank-category__text { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; font-size: 2rem; line-height: 42px; z-index: 2 } @media (max-width: 768px) { .bank-category__text { font-size: 1.5rem; line-height: 27px; margin-bottom: 15px } } .bank-category__icon-background { width: 375px; height: auto; position: absolute; top: 22px; right: 26px; color: #fff; opacity: .7 } @media (max-width: 768px) { .bank-category__icon-background { right: 0; top: 70; width: 100% } } .bank-category__description { padding: 36px 48px 45px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative } @media (max-width: 768px) { .bank-category__description { padding: 20px } } .bank-category__content { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; position: relative } .bank-category__content ul { list-style-image: url(/assets/list-style.svg); list-style-type: disc } .bank-category__content ul b { font-weight: 700; font-size: 1.125rem; line-height: 26px; margin-bottom: 12px } @media (max-width: 768px) { .bank-category__content ul b { margin-bottom: 8px; font-size: .9375rem; line-height: 22px } } .bank-category__icon { width: 6px; height: 12px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform .1s ease-in; transition: -webkit-transform .1s ease-in; -o-transition: transform ease-in .1s; transition: transform .1s ease-in; transition: transform .1s ease-in, -webkit-transform .1s ease-in; color: #3389b4 } .bank-category__icon--active { -webkit-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg) } .bank-category__content-text { overflow: hidden; height: 190px } .bank-category__content-text:after { content: ""; position: absolute; left: 0; bottom: 0; height: 70px; width: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(90%, hsla(0, 0%, 100%, .001))); background-image: -o-linear-gradient(bottom, #fff 0, hsla(0, 0%, 100%, .001) 90%); background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, .001) 90%) } .bank-category__more { position: relative; width: 100px } .bank-category__more--active { height: auto } .bank-category__more--active:after { display: none } .bank-category__more-button-text { color: #3389b4; font-size: .875rem; line-height: 20px; margin-right: 10px } .articles-item { border: 1px solid #edebee; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } @media (min-width: 1920px) { .articles-item { padding-left: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item { padding-left: calc(20px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles-item { padding-left: 20px } } @media (min-width: 1920px) { .articles-item { padding-right: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item { padding-right: calc(20px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles-item { padding-right: 20px } } @media (min-width: 1920px) { .articles-item { padding-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item { padding-top: calc(30px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles-item { padding-top: 30px } } @media (min-width: 1920px) { .articles-item { padding-bottom: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item { padding-bottom: calc(20px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles-item { padding-bottom: 20px } } .articles-item:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .app_mode_color_bw .articles-item, .app_mode_color_invert .articles-item, .app_mode_color_sepia .articles-item { -webkit-box-shadow: none; box-shadow: none } .articles-item__title { color: #4d3651; font-weight: 700; letter-spacing: .02em } @media (min-width: 1920px) { .articles-item__title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item__title { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .articles-item__title { font-size: 1.25rem } } @media (min-width: 1920px) { .articles-item__title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item__title { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles-item__title { line-height: 28px } } @media (min-width: 1920px) { .articles-item__title { margin-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item__title { margin-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles-item__title { margin-bottom: 20px } } .articles-item__text { position: relative; letter-spacing: .02em; overflow: hidden; color: #4d3651 } @media (min-width: 1920px) { .articles-item__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .articles-item__text { font-size: .9375rem } } @media (min-width: 1920px) { .articles-item__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles-item__text { line-height: 22px } } @media (min-width: 1920px) { .articles-item__text { margin-bottom: 36px } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item__text { margin-bottom: calc(20px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles-item__text { margin-bottom: 20px } } @media (min-width: 1920px) { .articles-item__text { max-height: 170px } } @media (min-width: 560px) and (max-width: 1919px) { .articles-item__text { max-height: calc(85px + 85 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .articles-item__text { max-height: 85px } } .articles-item__text_long.articles-item__text:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #fff), color-stop(90%, hsla(0, 0%, 100%, .001))); background-image: -o-linear-gradient(bottom, #fff 25%, hsla(0, 0%, 100%, .001) 90%); background-image: linear-gradient(0deg, #fff 25%, hsla(0, 0%, 100%, .001) 90%); opacity: 1; z-index: 1 } .app_mode_color_bw .articles-item__text_long.articles-item__text:after, .app_mode_color_invert .articles-item__text_long.articles-item__text:after, .app_mode_color_sepia .articles-item__text_long.articles-item__text:after { content: none } .app_mode_color_bw .articles-item__text, .app_mode_color_invert .articles-item__text, .app_mode_color_sepia .articles-item__text { max-height: none } .articles-item__date { color: #afa5b1; font-size: .875rem; line-height: 20px; margin-top: auto; letter-spacing: .02em } .slider-review-photo { position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .slider-review-photo { padding-left: 80px } } @media (min-width: 1024px) and (max-width: 1919px) { .slider-review-photo { padding-left: calc(80px + 0 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .slider-review-photo { padding-left: 80px } } @media (min-width: 1920px) { .slider-review-photo { padding-right: 80px } } @media (min-width: 1024px) and (max-width: 1919px) { .slider-review-photo { padding-right: calc(80px + 0 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .slider-review-photo { padding-right: 80px } } @media (min-width: 1920px) { .slider-review-photo { padding-top: 10px } } @media (min-width: 1024px) and (max-width: 1919px) { .slider-review-photo { padding-top: calc(10 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .slider-review-photo { padding-top: 0 } } @media (min-width: 1920px) { .slider-review-photo { padding-bottom: 130px } } @media (min-width: 1024px) and (max-width: 1919px) { .slider-review-photo { padding-bottom: calc(90px + 40 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .slider-review-photo { padding-bottom: 90px } } @media (max-width: 1024px) { .slider-review-photo { padding-left: 20px; padding-right: 20px } } .slider-review-photo__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .slider-review-photo_about { overflow: hidden } @media (min-width: 1920px) { .slider-review-photo_about { margin-top: 130px } } @media (min-width: 768px) and (max-width: 1919px) { .slider-review-photo_about { margin-top: calc(59px + 71 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .slider-review-photo_about { margin-top: 59px } } @media (max-width: 768px) { .slider-review-photo_about { padding: 0 35px 40px; margin-top: 0 } } @media (max-width: 768px) and (min-width: 768px) { .slider-review-photo_about { margin-bottom: 60px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .slider-review-photo_about { margin-bottom: calc(50px + 10 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .slider-review-photo_about { margin-bottom: 50px } } .slider-review-photo_single { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .slider-review-photo__container { height: 100% } .slider-review-photo__inner, div.slider-review-photo__item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .slider-review-photo__inner { position: relative; overflow: hidden; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .slider-review-photo__image { position: relative; display: block; margin: 0 auto; max-height: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -o-object-fit: contain; object-fit: contain } .app_mode_color_bw .slider-review-photo__image, .app_mode_color_invert .slider-review-photo__image, .app_mode_color_sepia .slider-review-photo__image { display: block !important } .slider-review-photo__nav { position: absolute; top: 50%; z-index: 5 } @media (min-width: 1920px) { .slider-review-photo__nav { margin-top: -80px } } @media (min-width: 1024px) and (max-width: 1919px) { .slider-review-photo__nav { margin-top: calc(-60px + -20 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .slider-review-photo__nav { margin-top: -60px } } .slider-review-photo_disable .slider-review-photo__nav, .slider-review-photo_single .slider-review-photo__nav { display: none } .slider-review-photo__nav_prev { left: 20px } .slider-review-photo__nav_next { right: 20px } @media (max-width: 1024px) { .slider-review-photo__nav { display: none } } .slider-review-photo__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 32px; left: 0; right: 0; z-index: 5; width: 100% !important } .slider-review-photo_single .slider-review-photo__pagination { display: none } @media (max-width: 768px) { .slider-review-photo__pagination { bottom: -35px } } .modal-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; pointer-events: none } .app_modal .modal-inner { pointer-events: auto } .modal-inner_sm { max-width: 960px; background-color: #fff; border-radius: 5px; overflow: hidden } @media (max-width: 768px) { .modal-inner_sm { border-radius: 0 } } .modal-inner_diploma, .modal-inner_slider { width: 100%; height: 100% } .modal-inner__header, .modal-inner_diploma, .modal-inner_slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .modal-inner__header { min-height: 128px; background-image: -o-linear-gradient(347.14deg, rgba(136, 195, 225, .5) 22.36%, rgba(218, 134, 179, .5) 84.7%); background-image: linear-gradient(102.86deg, rgba(136, 195, 225, .5) 22.36%, rgba(218, 134, 179, .5) 84.7%); mix-blend-mode: normal; padding-top: 15px; padding-bottom: 15px } @media (min-width: 1920px) { .modal-inner__header { padding-left: 152px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__header { padding-left: calc(20px + 132 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__header { padding-left: 20px } } @media (min-width: 1920px) { .modal-inner__header { padding-right: 152px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__header { padding-right: calc(20px + 132 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__header { padding-right: 20px } } @media (min-width: 1920px) { .modal-inner__header { padding-top: 50px } } @media (min-width: 1280px) and (max-width: 1919px) { .modal-inner__header { padding-top: calc(25px + 25 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .modal-inner__header { padding-top: 25px } } @media (min-width: 1920px) { .modal-inner__header { padding-bottom: 50px } } @media (min-width: 1280px) and (max-width: 1919px) { .modal-inner__header { padding-bottom: calc(25px + 25 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .modal-inner__header { padding-bottom: 25px } } @media (max-width: 768px) { .modal-inner__header { padding-right: 130px } } @media (min-width: 1920px) { .modal-bid__inner .modal-inner__header { padding-left: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-bid__inner .modal-inner__header { padding-left: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-bid__inner .modal-inner__header { padding-left: 30px } } @media (min-width: 1920px) { .modal-bid__inner .modal-inner__header { padding-right: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-bid__inner .modal-inner__header { padding-right: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-bid__inner .modal-inner__header { padding-right: 30px } } .modal-inner__title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .modal-inner__title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__title { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .modal-inner__title { font-size: 1.5rem } } @media (min-width: 1920px) { .modal-inner__title { line-height: 36px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__title { line-height: calc(27px + 9 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__title { line-height: 27px } } .modal-inner__body { position: relative } @media (min-width: 1920px) { .modal-inner__body { padding-left: 152px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__body { padding-left: calc(20px + 132 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__body { padding-left: 20px } } @media (min-width: 1920px) { .modal-inner__body { padding-right: 152px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__body { padding-right: calc(20px + 132 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__body { padding-right: 20px } } @media (min-width: 1920px) { .modal-inner__body { padding-top: 50px } } @media (min-width: 1280px) and (max-width: 1919px) { .modal-inner__body { padding-top: calc(25px + 25 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .modal-inner__body { padding-top: 25px } } @media (min-width: 1920px) { .modal-inner__body { padding-bottom: 80px } } @media (min-width: 1280px) and (max-width: 1919px) { .modal-inner__body { padding-bottom: calc(30px + 50 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .modal-inner__body { padding-bottom: 30px } } @media (min-width: 1920px) { .modal-bid__inner .modal-inner__body { padding-left: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-bid__inner .modal-inner__body { padding-left: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-bid__inner .modal-inner__body { padding-left: 30px } } @media (min-width: 1920px) { .modal-bid__inner .modal-inner__body { padding-right: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-bid__inner .modal-inner__body { padding-right: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-bid__inner .modal-inner__body { padding-right: 30px } } .modal-inner__close { position: absolute; z-index: 50; height: 100%; top: 0; right: 0; width: 104px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .app:not(.app_modal) .modal-inner__close { opacity: 0 } .app_modal-slider .modal-inner__close { position: relative; -webkit-transition: background-color .15s ease-in; -o-transition: background-color ease-in .15s; transition: background-color .15s ease-in } .app_modal-slider .modal-inner__close:hover { background-color: hsla(0, 0%, 100%, .2) } .modal-inner__icon-close { width: 24px; height: 24px; color: #4d3651 } .legal__header-slider .modal-inner__icon-close, .modal-inner_slider .modal-inner__icon-close { color: #fff } .modal-inner__footer { position: relative } @media (min-width: 1920px) { .modal-inner__footer { padding-left: 152px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__footer { padding-left: calc(20px + 132 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__footer { padding-left: 20px } } @media (min-width: 1920px) { .modal-inner__footer { padding-right: 152px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__footer { padding-right: calc(20px + 132 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__footer { padding-right: 20px } } @media (min-width: 1920px) { .modal-inner__footer { padding-top: 15px } } @media (min-width: 1280px) and (max-width: 1919px) { .modal-inner__footer { padding-top: calc(5px + 10 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .modal-inner__footer { padding-top: 5px } } @media (min-width: 1920px) { .modal-inner__footer { padding-bottom: 50px } } @media (min-width: 1280px) and (max-width: 1919px) { .modal-inner__footer { padding-bottom: calc(25px + 25 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .modal-inner__footer { padding-bottom: 25px } } .modal-inner__reviews-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 768px) { .modal-inner__reviews-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .modal-inner__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 768px) { .modal-inner__info { margin-bottom: 15px; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media (max-width: 560px) { .modal-inner__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .modal-inner__info-name { letter-spacing: .02em; color: #8bb8e8; margin-right: 15px } @media (min-width: 1920px) { .modal-inner__info-name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__info-name { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .modal-inner__info-name { font-size: .9375rem } } @media (min-width: 1920px) { .modal-inner__info-name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__info-name { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__info-name { line-height: 22px } } @media (max-width: 560px) { .modal-inner__info-name { margin-right: 0; margin-bottom: 5px } } .modal-inner__info-specialization { letter-spacing: .02em; color: #8bb8e8; padding: 4px 9px; border-radius: 5px; background-color: #e6f3fa; margin-left: 15px } @media (min-width: 1920px) { .modal-inner__info-specialization { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__info-specialization { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .modal-inner__info-specialization { font-size: .9375rem } } @media (min-width: 1920px) { .modal-inner__info-specialization { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__info-specialization { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__info-specialization { line-height: 22px } } .modal-inner__date { font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #a6a6a6; font-family: PT Sans, Arial, sans-serif; margin-top: auto } .modal-inner__header-slider { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; z-index: 2 } @media (min-width: 1920px) { .modal-inner__header-slider { height: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__header-slider { height: calc(90px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__header-slider { height: 90px } } .modal-inner__name-slider { padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } .modal-inner__name { letter-spacing: .02em; color: #fff; font-weight: 700 } @media (min-width: 1920px) { .modal-inner__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__name { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .modal-inner__name { font-size: .9375rem } } @media (min-width: 1920px) { .modal-inner__name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__name { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__name { line-height: 22px } } .modal-inner__avatar { border-radius: 50%; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .modal-inner__avatar { height: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__avatar { height: calc(50px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__avatar { height: 50px } } @media (min-width: 1920px) { .modal-inner__avatar { width: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-inner__avatar { width: calc(50px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-inner__avatar { width: 50px } } .modal-inner__words { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 1.5rem; line-height: 34px; letter-spacing: .02em; font-weight: 700 } .modal-inner__home-video-wrapper { position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; padding-left: 20px; padding-right: 20px; padding-bottom: 30px } @media (min-width: 1920px) { .modal-inner__home-video-wrapper { padding-top: 10px } } @media (min-width: 1024px) and (max-width: 1919px) { .modal-inner__home-video-wrapper { padding-top: calc(10 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .modal-inner__home-video-wrapper { padding-top: 0 } } @media (max-width: 1024px) { .modal-inner__home-video-wrapper { width: 100% } } .modal-inner__home-video { position: relative; padding-bottom: 56.25%; height: 0; padding-top: 25px } .modal-inner__home-video-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .card-feedback { position: relative; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; z-index: 2 } @media (min-width: 1920px) { .card-feedback { padding-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback { padding-top: calc(28px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback { padding-top: 28px } } @media (min-width: 1920px) { .card-feedback { padding-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback { padding-bottom: calc(38px + -6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback { padding-bottom: 38px } } @media (min-width: 1920px) { .card-feedback { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback { padding-left: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback { padding-left: 22px } } @media (min-width: 1920px) { .card-feedback { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback { padding-right: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback { padding-right: 22px } } .card-feedback_complex { background-color: #eef4fc; border-radius: 5px; overflow: hidden; -webkit-transition: -webkit-box-shadow .2s ease-in; transition: -webkit-box-shadow .2s ease-in; -o-transition: box-shadow ease-in .2s; transition: box-shadow .2s ease-in; transition: box-shadow .2s ease-in, -webkit-box-shadow .2s ease-in } @media (min-width: 1920px) { .card-feedback_complex { padding-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback_complex { padding-bottom: calc(25px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback_complex { padding-bottom: 25px } } .card-feedback_complex:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .card-feedback__avatar { border-radius: 50%; overflow: hidden; width: 60px; height: 60px; margin-right: 12px; position: relative; -ms-flex-negative: 0; flex-shrink: 0 } .card-feedback__words { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 1.5rem; line-height: 34px; letter-spacing: .02em; font-weight: 700 } .card-feedback__name { letter-spacing: .02em; color: #4d3651; font-weight: 700 } @media (min-width: 1920px) { .card-feedback__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__name { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-feedback__name { font-size: .9375rem } } @media (min-width: 1920px) { .card-feedback__name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__name { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback__name { line-height: 22px } } .card-feedback__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .card-feedback__header { margin-bottom: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__header { margin-bottom: calc(24px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback__header { margin-bottom: 24px } } .card-feedback__text { letter-spacing: .02em; color: #4d3651; font-family: PT Sans, Arial, sans-serif; margin-bottom: 10px; max-height: 195px; overflow: hidden; position: relative; height: 100%; -webkit-transition: max-height .15s ease-in; -o-transition: max-height ease-in .15s; transition: max-height .15s ease-in } @media (min-width: 1920px) { .card-feedback__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-feedback__text { font-size: .9375rem } } @media (min-width: 1920px) { .card-feedback__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback__text { line-height: 22px } } .card-feedback__text:after { content: ""; position: absolute; width: 100%; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #fff), color-stop(90%, hsla(0, 0%, 100%, .001))); background-image: -o-linear-gradient(bottom, #fff 40%, hsla(0, 0%, 100%, .001) 90%); background-image: linear-gradient(0deg, #fff 40%, hsla(0, 0%, 100%, .001) 90%); height: 70px; z-index: 2; pointer-events: none } .card-feedback_active .card-feedback__text:after { opacity: 0 } .card-feedback_short .card-feedback__text:after { opacity: 0 } .app_mode_color_bw .card-feedback__text:after, .app_mode_color_invert .card-feedback__text:after, .app_mode_color_sepia .card-feedback__text:after { content: none } @media (max-width: 1024px) { .card-feedback_simple .card-feedback__text:after { opacity: 0; -webkit-transition: opacity .3s ease-in; -o-transition: opacity ease-in .3s; transition: opacity .3s ease-in } .slider-feedback__item_active .card-feedback_simple .card-feedback__text:after { opacity: 1 } } .card-feedback_complex .card-feedback__text:after { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #eef4fc), color-stop(90%, hsla(0, 0%, 100%, .001))); background-image: -o-linear-gradient(bottom, #eef4fc 40%, hsla(0, 0%, 100%, .001) 90%); background-image: linear-gradient(0deg, #eef4fc 40%, hsla(0, 0%, 100%, .001) 90%) } .card-feedback__date { font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #afa5b1; font-family: PT Sans, Arial, sans-serif; margin-top: auto } @media (max-width: 1024px) { .card-feedback__date { width: 100% } } .app_mode_color_bw .card-feedback__date, .app_mode_color_invert .card-feedback__date, .app_mode_color_sepia .card-feedback__date { -ms-flex-negative: 0; flex-shrink: 0 } .card-feedback__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .card-feedback_simple .card-feedback__info { display: none } @media (max-width: 1024px) { .card-feedback__info { width: 100%; margin-bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .app_mode_color_bw .card-feedback__info, .app_mode_color_invert .card-feedback__info, .app_mode_color_sepia .card-feedback__info { -ms-flex-wrap: wrap; flex-wrap: wrap } .card-feedback__footer { margin-top: auto } .card-feedback_complex .card-feedback__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .card-feedback_complex .card-feedback__footer { margin-top: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback_complex .card-feedback__footer { margin-top: calc(35px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback_complex .card-feedback__footer { margin-top: 35px } } @media (max-width: 1024px) { .card-feedback__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .card-feedback__info-name { letter-spacing: .02em; color: #0f579a; margin-right: 15px } @media (min-width: 1920px) { .card-feedback__info-name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__info-name { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-feedback__info-name { font-size: .9375rem } } @media (min-width: 1920px) { .card-feedback__info-name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__info-name { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback__info-name { line-height: 22px } } @media (max-width: 1024px) { .card-feedback__info-name { width: 100%; margin-bottom: 5px } } @media (max-width: 560px) { .card-feedback__info-name { margin-right: 0; margin-bottom: 5px } } .card-feedback__info-specialization { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .card-feedback__info-specialization-item { letter-spacing: .02em; color: #0f579a; padding: 4px 9px; border-radius: 5px; mix-blend-mode: normal } @media (min-width: 1920px) { .card-feedback__info-specialization-item { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__info-specialization-item { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-feedback__info-specialization-item { font-size: .9375rem } } @media (min-width: 1920px) { .card-feedback__info-specialization-item { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__info-specialization-item { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback__info-specialization-item { line-height: 22px } } .app_mode_color_bw .card-feedback__info-specialization-item, .app_mode_color_invert .card-feedback__info-specialization-item, .app_mode_color_sepia .card-feedback__info-specialization-item { font-size: .875rem; padding: 0 } .card-feedback_short .card-feedback__more { display: none } .card-feedback__more-button { font-size: .875rem; line-height: 20px; color: #0f579a; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 1; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .card-feedback__more-button:hover { opacity: .7 } .app_mode_color_bw .card-feedback__more-button, .app_mode_color_invert .card-feedback__more-button, .app_mode_color_sepia .card-feedback__more-button { border: .125rem solid; padding: 2px 10px } .card-feedback__more-icon { width: 20px; height: 10px; margin-top: 1px; color: #0f579a; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform .15s ease-in; transition: -webkit-transform .15s ease-in; -o-transition: transform ease-in .15s; transition: transform .15s ease-in; transition: transform .15s ease-in, -webkit-transform .15s ease-in } .card-feedback_active .card-feedback__more-icon { -webkit-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg) } @media (min-width: 1920px) { .card-feedback__photos-line { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__photos-line { margin-top: calc(30px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback__photos-line { margin-top: 30px } } .app_mode_color_bw .card-feedback__photos-line, .app_mode_color_invert .card-feedback__photos-line, .app_mode_color_sepia .card-feedback__photos-line { display: none } .card-feedback__photos-button { position: relative; display: inline-block; background-image: none; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .card-feedback__photos-button:hover { border-radius: 5px } .card-feedback__photos-button:hover .card-feedback__photo-wrapper:after { opacity: .5 } .card-feedback__photo-wrapper { position: relative; overflow: hidden; width: 104px; height: 104px; border-radius: 5px; -webkit-box-shadow: 1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29); box-shadow: 1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29) } .card-feedback__photo-wrapper:after { content: ""; position: absolute; height: 100%; width: 100%; display: block; opacity: 0; background-image: -o-linear-gradient(306.19deg, #da86b3 -1.19%, #88c3e1 103.67%); background-image: linear-gradient(143.81deg, #da86b3 -1.19%, #88c3e1 103.67%); left: 0; top: 0; -webkit-transition: opacity .15s ease-in; -o-transition: opacity .15s ease-in; transition: opacity .15s ease-in } .card-feedback__photo-wrapper:first-of-type { z-index: 2 } .card-feedback__photo-wrapper:nth-of-type(2) { top: 7px; left: 7px; position: absolute; z-index: 1 } .card-feedback__photo-wrapper:nth-of-type(n+3) { display: none } .card-feedback__photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .card-feedback__icon-gallery { width: 24px } .card-feedback__photo-icon { border-radius: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; -webkit-transform: translate(-30px, -30px); -ms-transform: translate(-30px, -30px); transform: translate(-30px, -30px); z-index: 5; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); opacity: 0; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .card-feedback__photos-button:hover .card-feedback__photo-icon { opacity: .8 } @media (min-width: 1920px) { .card-feedback__name-slider { margin-bottom: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-feedback__name-slider { margin-bottom: calc(24px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-feedback__name-slider { margin-bottom: 24px } } .search-window { display: none } @media (max-width: 1024px) { .search-window { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; padding: 30px 20px; position: fixed; top: 0; height: 100%; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); width: 100%; z-index: 90; opacity: 0; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } .app_spec .search-window { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; z-index: 1000 } } .search-window__back { color: #8bb8e8; font-size: .9375rem; line-height: 22px; font-family: PT Sans, Arial, sans-serif; letter-spacing: .02em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px } .search-window__icon { width: 5px; height: 10px; margin-right: 5px; color: #8bb8e8 } .search-window__description { font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #a6a6a6; margin-bottom: 10px; width: 100% } .search-window__choices { width: 100% } .search-window__button-close { right: 6px } .search-window__choices-list { max-height: 320px; overflow-y: scroll } .footer { background-color: #fff; position: relative; z-index: 2; -webkit-box-shadow: 0 -.25rem .625rem rgba(0, 0, 0, .08); box-shadow: 0 -.25rem .625rem rgba(0, 0, 0, .08) } @media (min-width: 1920px) { .footer { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .footer { padding-top: calc(44px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .footer { padding-top: 44px } } @media (min-width: 1920px) { .footer { padding-bottom: 74px } } @media (min-width: 560px) and (max-width: 1919px) { .footer { padding-bottom: calc(38px + 36 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .footer { padding-bottom: 38px } } .footer__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .footer__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .footer__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .footer__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .footer__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .footer__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .footer__wrapper { padding-right: 20px } } .footer__top { padding-bottom: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media (max-width: 1024px) { .footer__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .footer__bottom { border-top: 1px solid #f6f5f6; padding-top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 1280px) { .footer__bottom { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media (max-width: 768px) { .footer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .footer__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -11px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 1024px) { .footer__nav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100% } } .footer__nav-item { letter-spacing: .02em; color: #4d3651; width: 25%; padding: 11px } @media (min-width: 1920px) { .footer__nav-item { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .footer__nav-item { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .footer__nav-item { font-size: .875rem } } @media (min-width: 1920px) { .footer__nav-item { line-height: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .footer__nav-item { line-height: calc(20px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .footer__nav-item { line-height: 20px } } @media (max-width: 768px) { .footer__nav-item { width: 50% } } .footer__signup { width: 336px; -ms-flex-negative: 0; flex-shrink: 0; padding-bottom: 4px } @media (max-width: 1024px) { .footer__signup { margin-top: 39px; width: 100%; padding-bottom: 0 } } .footer__signup-button { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 1024px) { .footer__signup-button { max-width: 380px; margin: 0 auto } } @media (max-width: 768px) { .footer__signup-button { max-width: none } } .app_mode_color_bw .footer__signup-button, .app_mode_color_invert .footer__signup-button, .app_mode_color_sepia .footer__signup-button { height: auto; min-height: 56px } .footer__title { letter-spacing: .02em; font-weight: 700; color: #4d3651 } @media (min-width: 1920px) { .footer__title { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .footer__title { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .footer__title { font-size: .9375rem } } @media (min-width: 1920px) { .footer__title { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .footer__title { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .footer__title { line-height: 22px } } @media (min-width: 1920px) { .footer__title { margin-bottom: 21px } } @media (min-width: 560px) and (max-width: 1919px) { .footer__title { margin-bottom: calc(20px + 1 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .footer__title { margin-bottom: 20px } } .footer__social { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 680px } @media (max-width: 1280px) { .footer__social { width: 100%; max-width: none } } @media (max-width: 768px) { .footer__social { width: 100% } } .app_mode_color_bw .footer__social, .app_mode_color_invert .footer__social, .app_mode_color_sepia .footer__social { overflow: hidden } @media (max-width: 1280px) and (min-width: 1920px) { .footer__social { margin-bottom: 50px } } @media (max-width: 1280px) and (min-width: 560px) and (max-width: 1919px) { .footer__social { margin-bottom: calc(46px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 1280px) and (max-width: 559px) { .footer__social { margin-bottom: 46px } } .footer__social-icon-wrapper { position: absolute; left: 0; top: 0; background-color: #80c5e8; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px } @media (max-width: 768px) { .footer__social-icon-wrapper { position: relative } } .app_mode_color_bw .footer__social-icon-wrapper, .app_mode_color_invert .footer__social-icon-wrapper, .app_mode_color_sepia .footer__social-icon-wrapper { display: none !important } .footer__social-icon { width: 17px; height: 17px; color: #fff } .footer__social-text { letter-spacing: .02em; color: #8bb8e8 } @media (min-width: 1920px) { .footer__social-text { font-size: .875rem } } @media (min-width: 560px) and (max-width: 1919px) { .footer__social-text { font-size: calc(.8125rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .footer__social-text { font-size: .8125rem } } @media (min-width: 1920px) { .footer__social-text { line-height: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .footer__social-text { line-height: calc(18px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .footer__social-text { line-height: 18px } } @media (min-width: 1920px) { .footer__social-text { margin-top: 6px } } @media (min-width: 560px) and (max-width: 1919px) { .footer__social-text { margin-top: calc(3px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .footer__social-text { margin-top: 3px } } @media (max-width: 768px) { .footer__social-text { display: none } } .footer__social-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 1024px) { .footer__social-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } @media (max-width: 560px) { .footer__social-list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -10px } } .app_mode_color_bw .footer__social-list, .app_mode_color_invert .footer__social-list, .app_mode_color_sepia .footer__social-list { -ms-flex-wrap: wrap; flex-wrap: wrap } .footer__social-item { -ms-flex-negative: 0; flex-shrink: 0; padding: 0 10px; max-width: 136px } @media (max-width: 1024px) { .footer__social-item { width: auto; min-width: auto } } @media (max-width: 560px) { .footer__social-item { width: 33.3%; padding: 15px 10px } } .app_mode_color_bw .footer__social-item, .app_mode_color_invert .footer__social-item, .app_mode_color_sepia .footer__social-item { max-width: none; width: 33.3% } .footer__social-link { display: block; position: relative; padding-top: 33px } @media (max-width: 768px) { .footer__social-link { padding-top: 0 } } .app_mode_color_bw .footer__social-link, .app_mode_color_invert .footer__social-link, .app_mode_color_sepia .footer__social-link { padding-top: 0 !important } .app_mode_color_bw .footer__location-icon-link, .app_mode_color_invert .footer__location-icon-link, .app_mode_color_sepia .footer__location-icon-link { display: none !important } .footer__location { -ms-flex-negative: 0; flex-shrink: 0; padding: 0 15px } @media (min-width: 1920px) { .footer__location { width: 265px } } @media (min-width: 560px) and (max-width: 1919px) { .footer__location { width: calc(245px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .footer__location { width: 245px } } @media (max-width: 1280px) { .footer__location { padding: 0 } } @media (max-width: 1024px) { .footer__location { width: 50% } } @media (max-width: 768px) { .footer__location { width: 100%; margin-bottom: 30px } } .footer__location-icon { width: 25px; height: 32px; color: #fff } .footer__location-text { display: block; letter-spacing: .02em; color: #8bb8e8 } @media (min-width: 1920px) { .footer__location-text { font-size: .875rem } } @media (min-width: 560px) and (max-width: 1919px) { .footer__location-text { font-size: calc(.8125rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .footer__location-text { font-size: .8125rem } } @media (min-width: 1920px) { .footer__location-text { line-height: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .footer__location-text { line-height: calc(18px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .footer__location-text { line-height: 18px } } @media (min-width: 1920px) { .footer__location-text { margin-top: 6px } } @media (min-width: 560px) and (max-width: 1919px) { .footer__location-text { margin-top: calc(3px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .footer__location-text { margin-top: 3px } } @media (max-width: 1024px) { .footer__news { width: 50% } } @media (max-width: 768px) { .footer__news { width: 100% } } .footer__news-form { width: 336px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 1024px) { .footer__news-form { width: 100% } } @media (max-width: 768px) { .footer__news-form { width: 100% } } @media (min-width: 1920px) { .specialists-filter_doctors { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists-filter_doctors { padding-top: calc(37px + 91 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists-filter_doctors { padding-top: 37px } } @media (min-width: 1920px) { .specialists-filter_doctors { padding-bottom: 155px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists-filter_doctors { padding-bottom: calc(68px + 87 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists-filter_doctors { padding-bottom: 68px } } .specialists-filter__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .specialists-filter__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .specialists-filter__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .specialists-filter__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .specialists-filter__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .specialists-filter__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .specialists-filter__wrapper { padding-right: 20px } } @media (max-width: 1024px) { .specialists-filter__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .specialists-filter__sidebar { width: 300px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 1024px) { .specialists-filter__sidebar { width: 100% } } @media (max-width: 1024px) { .specialists-filter__sidebar-top { display: none } } .specialists-filter__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .specialists-filter__data { padding-right: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists-filter__data { padding-right: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists-filter__data { padding-right: 30px } } @media (max-width: 1024px) { .specialists-filter__data { padding-right: 0 } } @media (min-width: 1920px) { .specialists-filter__title { margin-bottom: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists-filter__title { margin-bottom: calc(13px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists-filter__title { margin-bottom: 13px } } @media (min-width: 1920px) { .specialists-filter__specialization { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists-filter__specialization { margin-top: calc(22px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists-filter__specialization { margin-top: 22px } } @media (max-width: 1024px) { .specialists-filter__specialization { display: none } } .specialists-filter__specialization-item { margin-bottom: 4px } .specialists-filter__specialization-button { padding: 0 7px; border-radius: 5px; background-color: #fff; height: 32px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8bb8e8; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .specialists-filter__specialization-button:hover { color: #53c9f4 } .specialists-filter__specialization-button_active { background-color: #f6f6f6 } .specialists-filter__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px } .specialists-filter__item { margin-bottom: 32px; opacity: 0; padding: 0 16px; width: 33.3% } @media (min-width: 1920px) { .specialists-filter__item { height: 600px } } @media (min-width: 1024px) and (max-width: 1919px) { .specialists-filter__item { height: calc(500px + 100 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .specialists-filter__item { height: 500px } } .specialists-filter__item_visible { opacity: 1; -webkit-transition: opacity .2s ease-in; -o-transition: opacity ease-in .2s; transition: opacity .2s ease-in } .specialists-filter__item_hidden { display: none } @media (max-width: 1280px) { .specialists-filter__item { width: 50%; height: auto } } @media (max-width: 768px) { .specialists-filter__item { width: 100% } } .specialists-filter__mob { display: none } @media (max-width: 1024px) { .specialists-filter__mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px } } .specialists-filter__button-search { overflow: hidden; height: 40px; width: 40px; border-radius: 5px; border: 1px solid #8bb8e8; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .specialists-filter__button-search-icon { width: 21px; height: 21px; color: #8bb8e8 } .video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background-color: #000; overflow: hidden; border-radius: 5px; cursor: pointer; -webkit-box-shadow: 1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29); box-shadow: 1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29); -webkit-transition: -webkit-box-shadow .2s ease-in; transition: -webkit-box-shadow .2s ease-in; -o-transition: box-shadow ease-in .2s; transition: box-shadow .2s ease-in; transition: box-shadow .2s ease-in, -webkit-box-shadow .2s ease-in } .video .icon_play { fill: rgba(0, 0, 0, 0) } .video:hover { -webkit-box-shadow: .9375rem .9375rem 2.1875rem rgba(146, 110, 171, .35); box-shadow: .9375rem .9375rem 2.1875rem rgba(146, 110, 171, .35); -webkit-transition: -webkit-box-shadow .1s ease-in; transition: -webkit-box-shadow .1s ease-in; -o-transition: box-shadow ease-in .1s; transition: box-shadow .1s ease-in; transition: box-shadow .1s ease-in, -webkit-box-shadow .1s ease-in } .video_enabled:after { content: ""; position: absolute; top: 0; left: 0; z-index: 2; opacity: .8; mix-blend-mode: multiply; width: 100%; height: 100%; -webkit-filter: brightness(1.3); filter: brightness(1.3); background: -o-linear-gradient(17.02deg, rgba(139, 184, 232, .85) -3.92%, rgba(231, 130, 169, .61) 99.38%); background: linear-gradient(72.98deg, rgba(139, 184, 232, .85) -3.92%, rgba(231, 130, 169, .61) 99.38%); -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in } .video_enabled:hover:after { left: -100%; top: -100%; opacity: .2; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } .video_starting:after { display: none } .app_mode_color_bw .video, .app_mode_color_invert .video, .app_mode_color_sepia .video { display: none !important } .video__picture { font-size: 0; line-height: 0 } .video__link { top: 0; left: 0; max-width: 100%; cursor: pointer; z-index: 2; line-height: 0; font-size: 0; trying: 10 } .video__link, .video__media { position: absolute; width: 100%; height: 100% } .video__media { border: 0; -o-object-fit: cover; object-fit: cover; font-size: 0 !important; line-height: 0 !important } .video iframe.video__media { -o-object-fit: initial; object-fit: fill } .video__button { position: absolute; top: 50%; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; overflow: hidden; z-index: 3; opacity: .8; color: #fff; background-color: #fff; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2) } @media (min-width: 1920px) { .video__button { width: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .video__button { width: calc(60px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .video__button { width: 60px } } @media (min-width: 1920px) { .video__button { height: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .video__button { height: calc(60px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .video__button { height: 60px } } @media (min-width: 1920px) { .video__button { margin-left: -30px } } @media (min-width: 560px) and (max-width: 1919px) { .video__button { margin-left: calc(-30px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .video__button { margin-left: -30px } } @media (min-width: 1920px) { .video__button { margin-top: -30px } } @media (min-width: 560px) and (max-width: 1919px) { .video__button { margin-top: calc(-30px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .video__button { margin-top: -30px } } .video__play { width: 22px; height: 34px; left: 3px; position: relative; margin-left: auto; margin-right: auto } .video__photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1 } .tabs { overflow: hidden; font-family: PT Sans, Arial, sans-serif } .tabs__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .tabs__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .tabs__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .tabs__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .tabs__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .tabs__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .tabs__wrapper { padding-right: 20px } } .tabs__button { font-weight: 700; padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #8bb8e8 } @media (min-width: 1920px) { .tabs__button { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .tabs__button { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .tabs__button { font-size: 1.25rem } } @media (min-width: 1920px) { .tabs__button { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .tabs__button { line-height: calc(30px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .tabs__button { line-height: 30px } } @media (min-width: 1920px) { .tabs__button { height: 88px } } @media (min-width: 560px) and (max-width: 1919px) { .tabs__button { height: calc(70px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .tabs__button { height: 70px } } .tabs__screen { z-index: -1; position: absolute; top: 0; left: 0; width: 100% } .tabs__screen.tabs__screen_active { z-index: 3; position: relative } .how { overflow: hidden } @media (min-width: 1920px) { .how { padding-top: 118px } } @media (min-width: 560px) and (max-width: 1919px) { .how { padding-top: calc(60px + 58 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .how { padding-top: 60px } } .how__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .how__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .how__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .how__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .how__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .how__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .how__wrapper { padding-right: 20px } } .how__title { padding-left: 24px; padding-right: 24px } @media (min-width: 1920px) { .how__title { margin-bottom: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .how__title { margin-bottom: calc(32px + 38 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .how__title { margin-bottom: 32px } } .how__header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px } @media (max-width: 560px) { .how__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px } } .how__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #0f579a; cursor: pointer; background-color: #fff; -webkit-transition: all .3s ease-out; -o-transition: all ease-out .3s; transition: all .3s ease-out; border-radius: 5px; letter-spacing: .02em; padding: 2px 8px; margin: 0 12px } @media (min-width: 1920px) { .how__button { font-weight: 43.75rem } } @media (min-width: 560px) and (max-width: 1919px) { .how__button { font-weight: calc(25rem + 300 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .how__button { font-weight: 25rem } } @media (min-width: 1920px) { .how__button { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .how__button { font-size: calc(1rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .how__button { font-size: 1rem } } @media (min-width: 1920px) { .how__button { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .how__button { line-height: calc(24px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .how__button { line-height: 24px } } @media (min-width: 1920px) { .how__button { height: 39px } } @media (min-width: 560px) and (max-width: 1919px) { .how__button { height: calc(28px + 11 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .how__button { height: 28px } } .how__button:first-of-type { margin-left: 0 } .how__button:last-of-type { margin-right: 0 } .how__button.how__button_active { background-color: #cbdff5 } .how__button.how__button_active:hover { color: #fff; background-color: #3389b4 } .how__button.how__button_active:active { color: #0f579a; background-color: #cbdff5 } .app_mode_color_bw .how__button, .app_mode_color_invert .how__button, .app_mode_color_sepia .how__button { border: .125rem solid; height: auto } .app_mode_color_bw .how__button:not(:last-of-type), .app_mode_color_invert .how__button:not(:last-of-type), .app_mode_color_sepia .how__button:not(:last-of-type) { border-right: 0 } .how__button:hover { color: #3389b4 } .how__button:active { color: #0f579a } .how__body { -webkit-transition: background-color .3s ease-out; -o-transition: background-color ease-out .3s; transition: background-color .3s ease-out; overflow: hidden } @media (min-width: 1920px) { .how__body { padding-top: 150px } } @media (min-width: 560px) and (max-width: 1919px) { .how__body { padding-top: calc(60px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .how__body { padding-top: 60px } } @media (min-width: 1920px) { .how__body { padding-bottom: 160px } } @media (min-width: 560px) and (max-width: 1919px) { .how__body { padding-bottom: calc(60px + 100 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .how__body { padding-bottom: 60px } } .how__screen { opacity: 0; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } .how__screen.how__screen_active { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all .3s ease-out .3s; -o-transition: all .3s ease-out .3s; transition: all .3s ease-out .3s } @media (min-width: 1920px) { .become-donor { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .become-donor { padding-top: calc(60px + 68 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .become-donor { padding-top: 60px } } @media (min-width: 1920px) { .become-donor { padding-bottom: 186px } } @media (min-width: 560px) and (max-width: 1919px) { .become-donor { padding-bottom: calc(60px + 126 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .become-donor { padding-bottom: 60px } } .app_mode_color_bw .become-donor, .app_mode_color_invert .become-donor, .app_mode_color_sepia .become-donor { display: none } .become-donor__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .become-donor__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .become-donor__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .become-donor__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .become-donor__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .become-donor__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .become-donor__wrapper { padding-right: 20px } } .become-donor__description { max-width: 688px } .become-donor__inner { position: relative } @media (min-width: 1920px) { .become-donor__inner { margin-top: 71px } } @media (min-width: 560px) and (max-width: 1919px) { .become-donor__inner { margin-top: calc(35px + 36 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .become-donor__inner { margin-top: 35px } } .become-donor__list { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1024px) { .become-donor__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .become-donor__item { width: calc(33.3% - 22px); -ms-flex-negative: 0; flex-shrink: 0; min-height: 180px } .become-donor__item:not(:last-child) { margin-right: 34px } @media (max-width: 1024px) { .become-donor__item:not(:last-child) { margin-bottom: 34px; margin-right: 0 } } @media (max-width: 1024px) { .become-donor__item { width: 100%; height: 180px } } .become-donor__link { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; border-radius: 5px; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } @media (min-width: 1920px) { .become-donor__link { padding: 38px } } @media (min-width: 560px) and (max-width: 1919px) { .become-donor__link { padding: calc(15px + 23 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .become-donor__link { padding: 15px } } .become-donor__link:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .become-donor__link.become-donor__link_disable { background-color: #f6f6f6; cursor: default; color: #a6a6a6 } .become-donor__name { font-weight: 700; letter-spacing: .02em; color: #8bb8e8; z-index: 2; position: relative } @media (min-width: 1920px) { .become-donor__name { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .become-donor__name { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .become-donor__name { font-size: 1.125rem } } @media (min-width: 1920px) { .become-donor__name { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .become-donor__name { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .become-donor__name { line-height: 28px } } .become-donor__link_disable .become-donor__name { color: #edebee } .become-donor__icon { position: absolute; bottom: 0; right: 0; max-width: 188px; color: #fff; z-index: 1; bottom: -50% } .become-donor__link_disable .become-donor__icon { color: #edebee } .become-donor__disable-block { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 14px; z-index: 2 } @media (min-width: 1920px) { .become-donor__disable-block { left: 38px } } @media (min-width: 560px) and (max-width: 1919px) { .become-donor__disable-block { left: calc(15px + 23 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .become-donor__disable-block { left: 15px } } .become-donor__disable-attention { border-radius: 50%; overflow: hidden; background-color: #fff; width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 9px } .become-donor__disable-icon { width: 4px; height: 20px; color: #a05eb5 } .become-donor__disable-text { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .become-donor__disable-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .become-donor__disable-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .become-donor__disable-text { font-size: .9375rem } } @media (min-width: 1920px) { .become-donor__disable-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .become-donor__disable-text { line-height: calc(20px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .become-donor__disable-text { line-height: 20px } } .donor-body { position: relative } @media (min-width: 1920px) { .donor-body { padding-top: 83px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body { padding-top: calc(70px + 13 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body { padding-top: 70px } } @media (min-width: 1920px) { .donor-body { padding-bottom: 144px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body { padding-bottom: calc(70px + 74 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body { padding-bottom: 70px } } .donor-body__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .donor-body__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .donor-body__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .donor-body__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .donor-body__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .donor-body__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .donor-body__wrapper { padding-right: 20px } } .donor-body__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .donor-body__header { margin-bottom: 5px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__header { margin-bottom: calc(3px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__header { margin-bottom: 3px } } .donor-body__emblem { border-radius: 50%; overflow: hidden; position: relative; background-color: #f6f6f6; width: 60px; height: 60px; color: #a05eb5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 36px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 560px) { .donor-body__emblem { display: none } } .donor-body__icon-body { width: 38px; height: 40px } .donor-body__item { max-width: 944px } @media (min-width: 1920px) { .donor-body__item { margin-bottom: 46px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item { margin-bottom: calc(35px + 11 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__item { margin-bottom: 35px } } .donor-body__title { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .donor-body__title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__title { font-size: calc(1.625rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .donor-body__title { font-size: 1.625rem } } @media (min-width: 1920px) { .donor-body__title { line-height: 38px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__title { line-height: calc(29px + 9 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__title { line-height: 29px } } .donor-body__body { padding-left: 96px } @media (max-width: 560px) { .donor-body__body { padding-left: 0 } } .donor-body__icon-color { left: 11px; position: relative } .donor-body__icon-facial { position: relative; left: -15px; height: 65px } .donor-body__icon-astrology { position: relative; width: 44px; height: 44px } .donor-body__inner { min-height: 122px } .donor-body__inner, .donor-body__list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .donor-body__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-item-align: end; align-self: flex-end; width: 100% } @media (min-width: 1920px) { .donor-body__list { margin-left: -20px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__list { margin-left: calc(-10px + -10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__list { margin-left: -10px } } @media (min-width: 1920px) { .donor-body__list { margin-right: -20px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__list { margin-right: calc(-10px + -10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__list { margin-right: -10px } } @media (max-width: 768px) { .donor-body__list { -ms-flex-wrap: wrap; flex-wrap: wrap } } .donor-body__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #4d3651 } .donor-body__list-item:last-of-type { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 768px) { .donor-body__list-item { width: 33.3%; margin-bottom: 15px } } @media (max-width: 560px) { .donor-body__list-item { width: 50% } } .donor-body__item-top { -ms-flex-negative: 0; flex-shrink: 0; position: relative; letter-spacing: .02em; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media (min-width: 1920px) { .donor-body__item-top { padding-bottom: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item-top { padding-bottom: calc(10px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__item-top { padding-bottom: 10px } } @media (min-width: 1920px) { .donor-body__item-top { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item-top { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .donor-body__item-top { font-size: 1rem } } @media (min-width: 1920px) { .donor-body__item-top { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item-top { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__item-top { line-height: 24px } } @media (min-width: 1920px) { .donor-body__item-top { padding-left: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item-top { padding-left: calc(10px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__item-top { padding-left: 10px } } @media (min-width: 1920px) { .donor-body__item-top { padding-right: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item-top { padding-right: calc(10px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__item-top { padding-right: 10px } } .donor-body__item-bottom { border-top: 1px solid #edebee; height: 60px; letter-spacing: .02em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: auto } @media (min-width: 1920px) { .donor-body__item-bottom { padding-top: 17px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item-bottom { padding-top: calc(10px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__item-bottom { padding-top: 10px } } @media (min-width: 1920px) { .donor-body__item-bottom { padding-left: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item-bottom { padding-left: calc(10px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__item-bottom { padding-left: 10px } } @media (min-width: 1920px) { .donor-body__item-bottom { padding-right: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item-bottom { padding-right: calc(10px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__item-bottom { padding-right: 10px } } @media (min-width: 1920px) { .donor-body__item-bottom { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item-bottom { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .donor-body__item-bottom { font-size: 1rem } } @media (min-width: 1920px) { .donor-body__item-bottom { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .donor-body__item-bottom { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .donor-body__item-bottom { line-height: 24px } } .donor-body__color-block { border-radius: 50%; width: 24px; height: 24px; position: relative } .donor-body__color-text { position: absolute; background-color: #fff; font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #4d3651; padding: 3px 5px 4px; border-radius: 4px; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .12); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .12); height: 28px; top: 50%; margin-top: -14px; left: 54px; z-index: 2; opacity: 0; pointer-events: none; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in } .donor-body__color-block:hover .donor-body__color-text { opacity: 1; left: 60px; pointer-events: auto; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } .donor-body__color-text:after { content: ""; position: absolute; width: 38px; height: 16px; background-image: url(/assets/triangle.png); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: 50%; margin-top: -8px; left: -26px } .empty { display: none !important } .filter-donors { overflow: hidden; position: relative; width: 100% } @media (min-width: 1920px) { .filter-donors { margin-top: 115px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors { margin-top: calc(60px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors { margin-top: 60px } } @media (min-width: 1920px) { .filter-donors { margin-bottom: 230px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors { margin-bottom: calc(100px + 130 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors { margin-bottom: 100px } } .filter-donors__wrapper { max-width: 1685px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .filter-donors__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .filter-donors__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .filter-donors__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .filter-donors__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .filter-donors__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .filter-donors__wrapper { padding-right: 20px } } .filter-donors__button-aside { position: relative; display: none } @media (max-width: 1280px) { .filter-donors__button-aside { display: block } } @media (max-width: 1280px) and (min-width: 1280px) { .filter-donors__button-aside { margin-bottom: 30px } } @media (max-width: 1280px) and (min-width: 320px) and (max-width: 1279px) { .filter-donors__button-aside { margin-bottom: calc(15px + 15 * (100vw - 320px) / 960) } } @media (max-width: 1280px) and (max-width: 319px) { .filter-donors__button-aside { margin-bottom: 15px } } .filter-donors__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } @media (max-width: 1280px) { .filter-donors__block { overflow: hidden } } .filter-donors__sidebar { padding-right: 55px; padding-left: 55px; position: relative; background-color: #fff } @media (max-width: 1280px) { .filter-donors__sidebar { max-width: 0; padding-left: 0; padding-right: 0; margin-right: 0; -webkit-transition: max-width .3s ease-out; -o-transition: max-width ease-out .3s; transition: max-width .3s ease-out; overflow: hidden } .filter-donors__sidebar.filter-donors__sidebar_active { max-width: none; overflow: auto; z-index: 10 } } @media (max-width: 560px) { .filter-donors__sidebar { position: absolute; margin-left: 0; padding-right: 0; padding-left: 0; top: 0; left: -100%; width: 100%; height: 100%; -webkit-transition: left .3s ease-out; -o-transition: left ease-out .3s; transition: left .3s ease-out } .filter-donors__sidebar.filter-donors__sidebar_active { left: 0 } } .filter-donors__sidebar-title { font-size: 1.5rem; line-height: 34px; letter-spacing: .02em; color: #4d3651; font-weight: 700; margin-bottom: 30px; width: 360px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 560px) { .filter-donors__sidebar-title { width: auto } } .filter-donors__top { padding: 0 } .filter-donors__data { width: 96px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-item-align: start; align-self: flex-start; padding-top: 0; max-width: 1002px } @media (min-width: 1920px) { .filter-donors__data { padding-left: 27px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__data { padding-left: calc(15px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors__data { padding-left: 15px } } @media (min-width: 1920px) { .filter-donors__data { padding-right: 27px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__data { padding-right: calc(15px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors__data { padding-right: 15px } } @media (min-width: 1920px) { .filter-donors__data { padding-bottom: 27px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__data { padding-bottom: calc(15px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors__data { padding-bottom: 15px } } .filter-donors__sidebar-range-wrapper { padding: 0 10px 32px; width: 78% } .filter-donors__sidebar-label { font-size: 1.125rem; line-height: 26px; font-weight: 700; color: #4d3651; letter-spacing: .02em; margin-bottom: 22px } .filter-donors__sidebar-item:not(:last-of-type) { margin-bottom: 28px } .filter-donors__sidebar-item.filter-donors__sidebar-item_border { padding-bottom: 15px; margin-bottom: 17px; border-bottom: 1px solid #edebee } .filter-donors__sidebar-item--blood .filter-donors__sidebar-list-item { padding: 0 0 0 11px } .filter-donors__sidebar-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -11px -11px; max-width: 360px } @media (max-width: 560px) { .filter-donors__sidebar-list { margin-right: 0 } } .filter-donors__sidebar-list-item { padding: 0 13px 0 11px; margin-bottom: 11px; -ms-flex-negative: 0; flex-shrink: 0 } .filter-donors__sidebar-list-vertical { display: block } .filter-donors__sidebar-list-item-vertical:not(:last-child) { margin-bottom: 12px } .filter-donors__title { color: #4d3651; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; margin-bottom: 10px } @media (min-width: 1920px) { .filter-donors__title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__title { font-size: calc(1.25rem + 12 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-donors__title { font-size: 1.25rem } } @media (min-width: 1920px) { .filter-donors__title { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__title { line-height: calc(28px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors__title { line-height: 28px } } @media (min-width: 1920px) { .filter-donors__title.filter-donors__title_noresult { margin-bottom: 21px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__title.filter-donors__title_noresult { margin-bottom: calc(15px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors__title.filter-donors__title_noresult { margin-bottom: 15px } } .filter-donors__text { color: #4d3651; letter-spacing: .02em; max-width: 688px } @media (min-width: 1920px) { .filter-donors__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-donors__text { font-size: 1rem } } @media (min-width: 1920px) { .filter-donors__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors__text { line-height: 26px } } .filter-donors__submit { min-width: 150px; margin-bottom: 15px; margin-right: 10px } @media (min-width: 1920px) { .filter-donors__submit { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__submit { margin-top: calc(25px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors__submit { margin-top: 25px } } @media (max-width: 560px) { .filter-donors__submit { width: 100%; margin-right: 0 } } .filter-donors__header { padding: 0 5px 26px; height: 70px; position: absolute; z-index: 2 } .filter-donors__header, .filter-donors__header-item { display: -webkit-box; display: -ms-flexbox; display: flex } .filter-donors__header-item { font-weight: 700; color: #4d3651; letter-spacing: .02em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 5px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 160px } @media (min-width: 1920px) { .filter-donors__header-item { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__header-item { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-donors__header-item { font-size: 1rem } } @media (min-width: 1920px) { .filter-donors__header-item { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__header-item { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors__header-item { line-height: 26px } } .filter-donors__header-item:first-child { width: 100px } .filter-donors__header-item:nth-child(2) { width: 100px } .filter-donors__header-item:nth-child(3) { width: 100px } .filter-donors__header-item:nth-child(4) { width: 120px } .filter-donors__header-item:nth-child(5) { width: 125px } .filter-donors__header-item:nth-child(6) { width: 160px } .filter-donors__header-item:nth-child(7) { width: 160px } .filter-donors__header-item[data-type=education] { width: 200px } .filter-donors__outer { overflow: hidden; padding-top: 0; padding-bottom: 10px; border-radius: 5px; margin-top: 27px; position: relative; background-color: #eef4fc } @media (min-width: 1920px) { .filter-donors__outer { padding-left: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__outer { padding-left: calc(15px + 9 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors__outer { padding-left: 15px } } @media (min-width: 1920px) { .filter-donors__outer { padding-right: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-donors__outer { padding-right: calc(15px + 9 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-donors__outer { padding-right: 15px } } .filter-donors__outer:before { content: ""; position: absolute; width: 88px; height: 100%; background-image: -o-linear-gradient(179.78deg, #eef4fc 43.63%, rgba(238, 244, 252, 0) 95.85%); background-image: linear-gradient(270.22deg, #eef4fc 43.63%, rgba(238, 244, 252, 0) 95.85%); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); top: 0; left: 0; pointer-events: none; z-index: 5; opacity: 0; -webkit-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in } .filter-donors__outer:after { content: ""; position: absolute; width: 88px; height: 100%; background-image: -o-linear-gradient(179.78deg, #eef4fc 43.63%, rgba(238, 244, 252, 0) 95.85%); background-image: linear-gradient(270.22deg, #eef4fc 43.63%, rgba(238, 244, 252, 0) 95.85%); top: 0; right: 0; pointer-events: none; z-index: 5; opacity: 0; -webkit-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in } .filter-donors__item { padding: 0 10px; -webkit-transition: background-color .15s ease-out; -o-transition: background-color ease-out .15s; transition: background-color .15s ease-out } .filter-donors__item:hover .card-donor__item { background-color: #fff } .filter-donors__item:not(:last-of-type) .card-donor__item { border-bottom: 1px solid #dcdcdc } .filter-donors__list { padding-top: 70px } .filter-donors__noresult { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 440px } @media (max-width: 1280px) { .filter-donors__noresult { min-width: 820px } } @media (max-width: 1024px) { .filter-donors__noresult { min-width: 610px } } @media (max-width: 768px) { .filter-donors__noresult { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 440px } } @media (max-width: 560px) { .filter-donors__noresult { min-width: auto } } .filter-donors__noresult-left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .filter-donors__noresult-right { padding-left: 30px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 768px) { .filter-donors__noresult-right { padding-left: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 30px } } .filter-donors__button-sign { width: 180px } .filter-donors__loader { position: relative; width: 100%; height: 200px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .filter-donors__loader.filter-donors__loader_active { display: -webkit-box; display: -ms-flexbox; display: flex } .app.app_mode_color_bw .filter-donors__loader, .app.app_mode_color_invert .filter-donors__loader, .app.app_mode_color_sepia .filter-donors__loader { display: none } .filter-donors__preloader-video { max-height: 100% } .filter-donors__reset { min-width: 199px; margin-bottom: 15px } @media (max-width: 560px) { .filter-donors__reset { width: 100% } } .filter-donors__footer { width: 100%; position: -webkit-sticky; position: sticky; bottom: 0; z-index: 2; background-color: #fff; padding-bottom: 10px; padding-left: 40px } @media (max-width: 560px) { .filter-donors__footer { bottom: 0 } } @media (max-width: 768px) { .filter-donors__footer { bottom: 0; padding-left: 15px; padding-right: 15px } } .filter-donors__footer:after { content: ""; position: absolute; width: calc(100% + 55px); height: 10px; -webkit-box-shadow: 0 -.25rem .625rem rgba(0, 0, 0, .08); box-shadow: 0 -.25rem .625rem rgba(0, 0, 0, .08); top: 0; left: -40px } @media (max-width: 560px) { .filter-donors__footer:after { width: calc(100% + 30px); left: -15px } } .filter-donors__link { font-weight: 700; font-size: 1.125rem; line-height: 26px; margin-top: 10px } .filter-donors .noUi-tooltip { top: 25px } .hidden { overflow: hidden; height: 0; -webkit-transform: height .3s easy-out; -ms-transform: height .3s easy-out; transform: height .3s easy-out; margin: 0 !important } .filter-donors .simplebar-track.simplebar-horizontal { background-color: #fff; height: 15px; top: 51px; bottom: auto; border-radius: 7px } .filter-donors .simplebar-track.simplebar-vertical { background-color: #fff; width: 15px; display: none } .filter-donors .simplebar-track.simplebar-horizontal .simplebar-scrollbar, .filter-donors .simplebar-track.simplebar-vertical .simplebar-scrollbar { height: 13px } .shadowed-left:before { opacity: 1 } .shadowed-right:after { opacity: 1 } .bank-header_egg + .filter-donors_list .filter-donors__outer { background-color: #fbecf2 } .bank-header_egg + .filter-donors_list .filter-donors__outer:before { background-image: -o-linear-gradient(179.78deg, #fbecf2 43.63%, rgba(251, 236, 242, 0) 95.85%); background-image: linear-gradient(270.22deg, #fbecf2 43.63%, rgba(251, 236, 242, 0) 95.85%) } .bank-header_egg + .filter-donors_list .filter-donors__outer:after { background-image: -o-linear-gradient(179.78deg, #fbecf2 43.63%, rgba(251, 236, 242, 0) 95.85%); background-image: linear-gradient(270.22deg, #fbecf2 43.63%, rgba(251, 236, 242, 0) 95.85%) } .bank-header_sperm + .filter-donors .filter-donors__inner .filter-donors__header-item:nth-child(10), .bank-header_sperm + .filter-donors .filter-donors__inner .filter-donors__item .card-donor__item:nth-child(10) { display: none } .filter-donors__sidebar .radiobtn_default .radiobtn__label { position: relative; font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #4d3651; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; cursor: pointer; font-weight: 400 } [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit } .simplebar-mask { direction: inherit; overflow: hidden; width: auto !important; height: auto !important; z-index: 0 } .simplebar-mask, .simplebar-offset { position: absolute; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0 } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; -webkit-overflow-scrolling: touch } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; visibility: visible; overflow: auto; max-width: 100%; max-height: 100% } .simplebar-content:after, .simplebar-content:before { content: " "; display: table } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0 } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; z-index: -1 } .simplebar-height-auto-observer, .simplebar-track { position: absolute; overflow: hidden; pointer-events: none } .simplebar-track { z-index: 1; right: 0; bottom: 0 } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; -webkit-user-select: none } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all } .simplebar-scrollbar { position: absolute; right: 2px; width: 7px; min-height: 10px } .simplebar-scrollbar:before { position: absolute; content: ""; background: #000; border-radius: 7px; left: 0; right: 0; opacity: 0; transition: opacity .2s linear } .simplebar-track .simplebar-scrollbar.simplebar-visible:before { opacity: .5; transition: opacity 0s linear } .simplebar-track.simplebar-vertical { top: 0; width: 11px } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px } .simplebar-track.simplebar-horizontal { left: 0; height: 11px } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto } [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { right: auto; left: 0 } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px } @media (min-width: 1920px) { .breadcrumbs { margin-top: -48px } } @media (min-width: 560px) and (max-width: 1919px) { .breadcrumbs { margin-top: calc(-20px + -28 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .breadcrumbs { margin-top: -20px } } .breadcrumbs__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .breadcrumbs__item:not(:last-child) { margin-right: 5px } .breadcrumbs__item:hover .breadcrumbs__link { color: #3389b4 } .breadcrumbs__item:hover svg { color: #3389b4 } .breadcrumbs__item:active .breadcrumbs__link { color: #0f579a } .breadcrumbs__item:active svg { color: #0f579a } .breadcrumbs__icon-back { width: 6px; height: 12px; color: #0f579a; margin-right: 4px; margin-left: 9px } .breadcrumbs__link { color: #0f579a; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in } @media (min-width: 1920px) { .breadcrumbs__link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .breadcrumbs__link { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .breadcrumbs__link { font-size: .9375rem } } @media (min-width: 1920px) { .breadcrumbs__link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .breadcrumbs__link { line-height: calc(25px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .breadcrumbs__link { line-height: 25px } } .screen { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden } @media (min-width: 1920px) { .screen { height: 600px } } @media (min-width: 560px) and (max-width: 1919px) { .screen { height: calc(212px + 388 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .screen { height: 212px } } @media (min-width: 1024px) { .screen { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .screen { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .screen { padding-left: 20px } } @media (min-width: 1024px) { .screen { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .screen { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .screen { padding-right: 20px } } .screen:before { content: ""; position: absolute; background-image: -o-linear-gradient(17.02deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); background-image: linear-gradient(72.98deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); mix-blend-mode: multiply; width: 100%; height: 100%; top: 0; left: 0; z-index: 2 } .screen_about { min-height: 460px; height: auto } .app.app_mode_color_bw .screen__text, .app.app_mode_color_invert .screen__text, .app.app_mode_color_sepia .screen__text { background-color: rgba(0, 0, 0, 0) !important; max-width: none } .accordion { overflow: hidden } .accordion .accordion__button { background-color: #cbdff5; border-radius: 5px; font-size: 1.5rem; line-height: 34px; font-weight: 700 } .accordion .accordion__button, .accordion .accordion__button div { color: #4d3651; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } .accordion .accordion__button:hover { background-color: #3389b4; color: #fff } .accordion .accordion__button:hover div { color: #fff } .accordion .accordion__button:hover .price-list__action-title { color: #4d3651 } .accordion .accordion__button:hover .price-list__service-price { color: #4d3651 } .accordion .accordion__button:active { background-color: #cbdff5; color: #4d3651 } .accordion .accordion__button:active div { color: #4d3651 } .accordion .accordion__button .icon.icon_arrow3 { color: #4d3651 } .accordion__header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #e6f3fa; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden } @media (min-width: 1920px) { .accordion__header { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__header { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__header { padding-left: 15px } } @media (min-width: 1920px) { .accordion__header { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__header { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__header { padding-right: 15px } } @media (min-width: 1920px) { .accordion__header { padding-top: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__header { padding-top: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__header { padding-top: 15px } } @media (min-width: 1920px) { .accordion__header { padding-bottom: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__header { padding-bottom: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__header { padding-bottom: 15px } } @media (min-width: 1920px) { .accordion__header { min-height: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__header { min-height: calc(90px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__header { min-height: 90px } } .accordion__header-text { letter-spacing: .02em; color: #4d3651; font-weight: 700 } @media (min-width: 1920px) { .accordion__header-text { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__header-text { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .accordion__header-text { font-size: 1.125rem } } @media (min-width: 1920px) { .accordion__header-text { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__header-text { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__header-text { line-height: 28px } } .accordion__header-arrow { border-radius: 50%; width: 40px; height: 40px; overflow: hidden; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #a6a6a6; background-color: #e6f3fa } .accordion__icon-arrow { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); width: 8px; height: 15px; -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; -o-transition: transform ease-in .2s; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in } .accordion__button_show .accordion__icon-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .app_mode_color_bw .accordion__icon-arrow, .app_mode_color_invert .accordion__icon-arrow, .app_mode_color_sepia .accordion__icon-arrow { width: 16px; height: 30px } .accordion__body { overflow: hidden; position: relative; height: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: height .2s ease-in; -o-transition: height ease-in .2s; transition: height .2s ease-in } @media (min-width: 1920px) { .accordion__body { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__body { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__body { padding-left: 15px } } @media (min-width: 1920px) { .accordion__body { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__body { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__body { padding-right: 15px } } .accordion__inner { position: absolute; width: 100%; left: 0; top: 0 } @media (min-width: 1920px) { .accordion__inner { padding-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__inner { padding-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__inner { padding-bottom: 20px } } @media (min-width: 1920px) { .accordion__inner { padding-left: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__inner { padding-left: calc(15px + 9 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__inner { padding-left: 15px } } @media (min-width: 1920px) { .accordion__inner { padding-right: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__inner { padding-right: calc(15px + 9 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__inner { padding-right: 15px } } .accordion__inner .accordion__inner { width: calc(100% - 32px); left: 16px } .accordion__inner .accordion { margin-bottom: 12px; border-radius: 5px } .accordion__inner .accordion__button { background-color: #eef4fc } @media (min-width: 1920px) { .accordion__inner .accordion__button { padding-left: 16px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__inner .accordion__button { padding-left: calc(8px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__inner .accordion__button { padding-left: 8px } } @media (min-width: 1920px) { .accordion__inner .accordion__button { padding-right: 16px } } @media (min-width: 560px) and (max-width: 1919px) { .accordion__inner .accordion__button { padding-right: calc(8px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .accordion__inner .accordion__button { padding-right: 8px } } .accordion__inner .accordion__button:hover { background-color: #fff } .accordion__inner .accordion__button_show { background-color: #fff } .info { min-height: 380px } @media (min-width: 1920px) { .info { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .info { padding-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info { padding-top: 30px } } @media (min-width: 1920px) { .info { padding-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .info { padding-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info { padding-bottom: 30px } } @media (min-width: 1920px) { .info_about-1 { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .info_about-1 { padding-top: calc(48px + 80 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_about-1 { padding-top: 48px } } @media (min-width: 1920px) { .info_about-1 { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .info_about-1 { padding-bottom: calc(48px + 80 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_about-1 { padding-bottom: 48px } } @media (min-width: 1920px) { .info_about-2 { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .info_about-2 { padding-top: calc(40px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_about-2 { padding-top: 40px } } @media (min-width: 1920px) { .info_about-2 { padding-bottom: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .info_about-2 { padding-bottom: calc(40px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_about-2 { padding-bottom: 40px } } @media (min-width: 1920px) { .info_category { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .info_category { padding-top: calc(40px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_category { padding-top: 40px } } @media (min-width: 1920px) { .info_category { padding-bottom: 220px } } @media (min-width: 560px) and (max-width: 1919px) { .info_category { padding-bottom: calc(110px + 110 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_category { padding-bottom: 110px } } @media (min-width: 1920px) { .info_patient { padding-top: 86px } } @media (min-width: 560px) and (max-width: 1919px) { .info_patient { padding-top: calc(40px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_patient { padding-top: 40px } } @media (min-width: 1920px) { .info_patient { padding-bottom: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .info_patient { padding-bottom: calc(45px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_patient { padding-bottom: 45px } } @media (min-width: 1920px) { .info_eco { padding-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .info_eco { padding-top: calc(50px + 130 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_eco { padding-top: 50px } } @media (min-width: 1920px) { .info_eco { padding-bottom: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .info_eco { padding-bottom: calc(50px + 130 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_eco { padding-bottom: 50px } } @media (min-width: 1920px) { .info_eco { min-height: 580px } } @media (min-width: 560px) and (max-width: 1919px) { .info_eco { min-height: calc(400px + 180 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_eco { min-height: 400px } } @media (min-width: 1920px) { .info_home { padding-top: 186px } } @media (min-width: 560px) and (max-width: 1919px) { .info_home { padding-top: calc(50px + 136 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_home { padding-top: 50px } } @media (min-width: 1920px) { .info_home { padding-bottom: 186px } } @media (min-width: 560px) and (max-width: 1919px) { .info_home { padding-bottom: calc(50px + 136 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info_home { padding-bottom: 50px } } .app_mode_color_bw .info, .app_mode_color_invert .info, .app_mode_color_sepia .info { display: none } .info__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .info__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .info__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .info__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .info__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .info__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .info__wrapper { padding-right: 20px } } .info__wrapper-text { letter-spacing: .02em } @media (min-width: 1024px) { .info__wrapper-text { margin-top: 60px } } @media (min-width: 320px) and (max-width: 1023px) { .info__wrapper-text { margin-top: calc(20px + 40 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .info__wrapper-text { margin-top: 20px } } @media (min-width: 1920px) { .info__wrapper-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .info__wrapper-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .info__wrapper-text { font-size: .9375rem } } @media (min-width: 1920px) { .info__wrapper-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .info__wrapper-text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info__wrapper-text { line-height: 24px } } @media (max-width: 1024px) { .info__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .info__video { position: absolute; left: 0; top: 0 } @media (min-width: 1920px) { .info__video { width: 600px } } @media (min-width: 1024px) and (max-width: 1919px) { .info__video { width: calc(500px + 100 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .info__video { width: 500px } } @media (min-width: 1920px) { .info__video { padding-right: 150px } } @media (min-width: 1024px) and (max-width: 1919px) { .info__video { padding-right: calc(30px + 120 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .info__video { padding-right: 30px } } @media (max-width: 1024px) { .info__video { position: relative; width: 100%; padding-right: 0 } } .info_align-left .info__video { left: auto; right: 0; padding-right: 0 } @media (min-width: 1920px) { .info_align-left .info__video { padding-left: 150px } } @media (min-width: 1024px) and (max-width: 1919px) { .info_align-left .info__video { padding-left: calc(30px + 120 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .info_align-left .info__video { padding-left: 30px } } @media (max-width: 1024px) { .info_align-left .info__video { position: relative; width: 100%; padding-left: 0 } } .info__inner { position: relative } @media (min-width: 1920px) { .info__inner { padding-left: 600px } } @media (min-width: 1024px) and (max-width: 1919px) { .info__inner { padding-left: calc(500px + 100 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .info__inner { padding-left: 500px } } @media (max-width: 1024px) { .info__inner { padding-left: 0 } } .info_align-left .info__inner { padding-left: 0; margin-left: auto } @media (min-width: 1920px) { .info_align-left .info__inner { padding-right: 600px } } @media (min-width: 1024px) and (max-width: 1919px) { .info_align-left .info__inner { padding-right: calc(500px + 100 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .info_align-left .info__inner { padding-right: 500px } } @media (max-width: 1024px) { .info_align-left .info__inner { padding-right: 0; margin-left: 0 } } .app_mode_color_bw .info__inner, .app_mode_color_invert .info__inner, .app_mode_color_sepia .info__inner { padding-left: 0 } .info__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 1440px) and (min-width: 1920px) { .info__data { margin-bottom: 55px } } @media (max-width: 1440px) and (min-width: 560px) and (max-width: 1919px) { .info__data { margin-bottom: calc(32px + 23 * (100vw - 560px) / 1360) } } @media (max-width: 1440px) and (max-width: 559px) { .info__data { margin-bottom: 32px } } .info__title { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #4d3651 } .info__facts { overflow: hidden } .info__facts-inner { margin: 0 -16px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 768px) { .info__facts-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .info__facts-item { width: 50%; max-width: 280px; padding: 0 16px; -ms-flex-negative: 1; flex-shrink: 1 } @media (max-width: 768px) { .info__facts-item { width: 100% } .info__facts-item:not(:last-of-type) { margin-bottom: 30px } } @media (min-width: 1920px) { .info__facts-icon { width: 96px } } @media (min-width: 560px) and (max-width: 1919px) { .info__facts-icon { width: calc(60px + 36 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info__facts-icon { width: 60px } } @media (min-width: 1920px) { .info__facts-icon { height: 96px } } @media (min-width: 560px) and (max-width: 1919px) { .info__facts-icon { height: calc(60px + 36 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info__facts-icon { height: 60px } } .info__facts-text { color: #4d3651; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .info__facts-text { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .info__facts-text { margin-top: calc(24px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info__facts-text { margin-top: 24px } } @media (min-width: 1920px) { .info__facts-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .info__facts-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .info__facts-text { font-size: 1rem } } @media (min-width: 1920px) { .info__facts-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .info__facts-text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info__facts-text { line-height: 24px } } .info__facts-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (min-width: 1920px) { .info__facts-top { height: 100px } } @media (min-width: 1024px) and (max-width: 1919px) { .info__facts-top { height: calc(70px + 30 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .info__facts-top { height: 70px } } @media (max-width: 768px) { .info__facts-top { height: auto } } .info__facts-headline { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; font-size: 3rem; line-height: 26px } .info__facts-headline, .info__text { color: #4d3651; letter-spacing: .02em } .info__text { max-width: 688px } @media (min-width: 1920px) { .info__text { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .info__text { margin-top: calc(30px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info__text { margin-top: 30px } } @media (min-width: 1920px) { .info__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .info__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .info__text { font-size: .9375rem } } @media (min-width: 1920px) { .info__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .info__text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info__text { line-height: 24px } } @media (max-width: 768px) { .info__text { margin-top: 48px } } .info__text p { margin: 0 } @media (min-width: 1920px) { .info__text p:not(:last-of-type) { margin-bottom: 15px } } @media (min-width: 560px) and (max-width: 1919px) { .info__text p:not(:last-of-type) { margin-bottom: calc(12px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info__text p:not(:last-of-type) { margin-bottom: 12px } } .app_mode_color_bw .info__text, .app_mode_color_invert .info__text, .app_mode_color_sepia .info__text { max-width: none } .info__more-link { min-width: 180px } @media (min-width: 1920px) { .info__more-link { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .info__more-link { margin-top: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info__more-link { margin-top: 20px } } .info__video-text { font-size: .75rem; line-height: 16px; color: #a6a6a6; margin-top: 15px } .info_home + .top.top_home { margin-top: 0 } @media (min-width: 1920px) { .top { margin-top: 170px } } @media (min-width: 560px) and (max-width: 1919px) { .top { margin-top: calc(80px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .top { margin-top: 80px } } .top__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .top__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .top__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .top__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .top__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .top__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .top__wrapper { padding-right: 20px } } .top__title { color: #4d3651 } @media (min-width: 1920px) { .top__title { margin-bottom: 85px } } @media (min-width: 560px) and (max-width: 1919px) { .top__title { margin-bottom: calc(40px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .top__title { margin-bottom: 40px } } @media (max-width: 560px) { .top__title { text-align: center } } .top__list { margin: 0 -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1024px } @media (min-width: 1920px) { .top__list { margin-bottom: -130px } } @media (min-width: 560px) and (max-width: 1919px) { .top__list { margin-bottom: calc(-60px + -70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .top__list { margin-bottom: -60px } } @media (max-width: 560px) { .top__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .app_mode_color_bw .top__list, .app_mode_color_invert .top__list, .app_mode_color_sepia .top__list { max-width: 100% } .top__item { padding-left: 16px; padding-right: 16px; width: 33.3% } @media (min-width: 1920px) { .top__item { margin-bottom: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .top__item { margin-bottom: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .top__item { margin-bottom: 60px } } @media (max-width: 768px) { .top__item { width: 50% } } @media (max-width: 560px) { .top__item { width: 100% } } .top__item.top__item_numb { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 768px) { .top__item.top__item_numb { display: none } } .app_mode_color_bw .top__item.top__item_numb, .app_mode_color_invert .top__item.top__item_numb, .app_mode_color_sepia .top__item.top__item_numb { display: none } .top__photo { overflow: hidden; height: 75px } @media (min-width: 1920px) { .top__photo { margin-bottom: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .top__photo { margin-bottom: calc(20px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .top__photo { margin-bottom: 20px } } @media (max-width: 768px) { .top__photo { height: auto } } .app_mode_color_bw .top__photo, .app_mode_color_invert .top__photo, .app_mode_color_sepia .top__photo { display: none } .top__text { letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #4d3651 } @media (min-width: 1920px) { .top__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .top__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .top__text { font-size: 1rem } } @media (min-width: 1920px) { .top__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .top__text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .top__text { line-height: 26px } } .top__numb { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; background-image: -o-linear-gradient(44.4deg, #80c5e8 -3.92%, #e782a9 99.38%); background-image: linear-gradient(45.6deg, #80c5e8 -3.92%, #e782a9 99.38%); color: #8bb8e8; background: -o-linear-gradient(225deg, #98c1e6 20%, #db8db4 80%); background: linear-gradient(225deg, #98c1e6 20%, #db8db4 80%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); display: inline-block } @media (min-width: 1920px) { .top__numb { font-size: 21.875rem } } @media (min-width: 560px) and (max-width: 1919px) { .top__numb { font-size: calc(3.125rem + 300 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .top__numb { font-size: 3.125rem } } @media (min-width: 1920px) { .top__numb { line-height: 290px } } @media (min-width: 560px) and (max-width: 1919px) { .top__numb { line-height: calc(90px + 200 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .top__numb { line-height: 90px } } @media (min-width: 1920px) { .top__bottom { margin-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .top__bottom { margin-top: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .top__bottom { margin-top: 60px } } @media (max-width: 560px) { .top__bottom { text-align: center } } .top__link { min-width: 180px } .filter-news-form__header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; border-radius: 5px; background-color: #cbdff5; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: background-color .3s ease-out, border-color .3s ease-out; -o-transition: background-color ease-out .3s, border-color ease-out .3s; transition: background-color .3s ease-out, border-color .3s ease-out } .filter-news-form__header:hover { background-color: #3389b4; color: #fff } .filter-news-form__header:hover .filter-news-form__icon-filter, .filter-news-form__header:hover div { color: #fff } .filter-news-form__header:active { background-color: #cbdff5; color: #4d3651 } .filter-news-form__header:active div { color: #4d3651 } .filter-news-form__button-toggle { color: #4d3651; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .filter-news-form__button-right, .filter-news-form__button-toggle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px } .filter-news-form__icon-filter { width: 16px; height: 13px; margin-right: 14px; position: relative; color: #a05eb5 } .filter-news-form__button-reset { margin-right: 20px; font-weight: 400; letter-spacing: .02em; color: #0f579a; border-radius: 5px; padding: 2px 8px; background-color: #fff; opacity: 0; position: relative; pointer-events: none; -webkit-transition: all .2s ease-out; -o-transition: all ease-out .2s; transition: all .2s ease-out } @media (min-width: 1920px) { .filter-news-form__button-reset { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__button-reset { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-news-form__button-reset { font-size: 1rem } } @media (min-width: 1920px) { .filter-news-form__button-reset { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__button-reset { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-news-form__button-reset { line-height: 26px } } .filter-news-form_chosen .filter-news-form__button-reset { pointer-events: auto; opacity: 1 } .filter-news-form__header-arrow { border-radius: 50%; width: 40px; height: 40px; overflow: hidden; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #4d3651; background-color: #e6f3fa; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in } .filter-news-form__header-arrow:hover { color: #afa5b1 } .filter-news-form__header-arrow:active { color: #4d3651 } .filter-news-form__icon-arrow { width: 12px; height: 16px; color: #4d3651; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; -o-transition: transform ease-out .2s; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out } .filter-news-form_open .filter-news-form__icon-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .filter-news-form__button-text-value { line-height: 18px; letter-spacing: .02em } @media (min-width: 1920px) { .filter-news-form__button-text-value { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__button-text-value { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-news-form__button-text-value { font-size: .9375rem } } .filter-news-form__result-text { color: #4d3651; letter-spacing: .02em; line-height: 18px; position: relative; opacity: 0; -webkit-transition: opacity .2s ease-out; -o-transition: opacity ease-out .2s; transition: opacity .2s ease-out } @media (min-width: 1920px) { .filter-news-form__result-text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__result-text { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-news-form__result-text { font-size: .9375rem } } .filter-news-form__result-text:before { content: ":"; position: relative; display: inline-block; letter-spacing: .02em; line-height: 18px; margin-right: 5px } @media (min-width: 1920px) { .filter-news-form__result-text:before { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__result-text:before { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-news-form__result-text:before { font-size: .9375rem } } .filter-news-form_chosen .filter-news-form__result-text { opacity: 1 } .filter-news-form_open.filter-news-form_chosen .filter-news-form__result-text { opacity: 0 } @media (max-width: 768px) { .filter-news-form__result-text { display: none } } .filter-news-form__body { background-color: #eef4fc; overflow: hidden; height: 0; position: relative; -webkit-transition: height .2s ease-out; -o-transition: height ease-out .2s; transition: height .2s ease-out } .filter-news-form:not(.filter-news-form_open) .filter-news-form__body { height: 0 !important } .filter-news-form__inner { position: absolute; width: 100% } @media (max-width: 768px) { .filter-news-form__inner { border-top: 1px solid rgba(130, 184, 239, .45) } } .filter-news-form__param { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; color: #4d3651; font-weight: 700; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .filter-news-form__param { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__param { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-news-form__param { font-size: 1rem } } @media (min-width: 1920px) { .filter-news-form__param { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__param { line-height: calc(24px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-news-form__param { line-height: 24px } } @media (min-width: 1920px) { .filter-news-form__param { margin-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__param { margin-right: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-news-form__param { margin-right: 15px } } @media (max-width: 768px) { .filter-news-form__param { display: none } } .filter-news-form__line { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2 } @media (min-width: 1920px) { .filter-news-form__line { margin-right: 25px } } @media (min-width: 1920px) { .filter-news-form__line { height: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__line { height: calc(80px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-news-form__line { height: 80px } } .filter-news-form__line:not(:last-of-type):not(.filter-news-form__line_year) { border-bottom: 1px solid #fff } .filter-news-form__line.filter-news-form__line_month { overflow: hidden; z-index: 1; -webkit-transition: margin-top .15s ease-out; -o-transition: margin-top ease-out .15s; transition: margin-top .15s ease-out } @media (min-width: 1920px) { .filter-news-form__line.filter-news-form__line_month { margin-top: -90px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__line.filter-news-form__line_month { margin-top: calc(-80px + -10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-news-form__line.filter-news-form__line_month { margin-top: -80px } } .filter-news-form__line_visible.filter-news-form__line.filter-news-form__line_month { margin-top: 0 } @media (max-width: 768px) { .filter-news-form__line.filter-news-form__line_month { display: none } } @media (max-width: 768px) { .filter-news-form__line { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; height: auto } } @media (max-width: 768px) { .filter-news-form__line.filter-news-form__line_result { display: none } } .filter-news-form__radiobtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; background-color: rgba(0, 0, 0, 0) } @media (min-width: 1920px) { .filter-news-form__radiobtn:not(:last-of-type) { margin-right: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__radiobtn:not(:last-of-type) { margin-right: calc(18px + 22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-news-form__radiobtn:not(:last-of-type) { margin-right: 18px } } @media (max-width: 768px) { .filter-news-form__radiobtn:not(:last-of-type) { margin-right: 0 } } @media (max-width: 768px) { .filter-news-form__radiobtn { width: 50% } } .filter-news-form__radiobtn .radiobtn__label { background-color: rgba(0, 0, 0, 0); color: #0f579a; font-size: 1.125rem; line-height: 28px; -webkit-transition: color .2s ease-out; -o-transition: color ease-out .2s; transition: color .2s ease-out } .filter-news-form__radiobtn .radiobtn__label:hover { color: #3389b4 } .filter-news-form .radiobtn.radiobtn_filter .radiobtn__input:checked + label { background-color: #cbdff5; border-radius: 5px } .filter-news-form__summ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .filter-news-form__summ { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__summ { font-size: calc(1.625rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-news-form__summ { font-size: 1.625rem } } @media (min-width: 1920px) { .filter-news-form__summ { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-news-form__summ { line-height: calc(36px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-news-form__summ { line-height: 36px } } .filter-news-data { overflow: hidden } .filter-news-data__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px } .filter-news-data__item { width: 33.3%; padding-right: 16px; padding-left: 16px; margin-bottom: 32px } @media (max-width: 1280px) { .filter-news-data__item { width: 50% } } @media (max-width: 768px) { .filter-news-data__item { width: 100% } } .counter, .screen-video { position: relative } .screen-video { 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; overflow: hidden } @media (min-width: 1920px) { .screen-video { min-height: 790px } } @media (min-width: 560px) and (max-width: 1919px) { .screen-video { min-height: calc(300px + 490 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .screen-video { min-height: 300px } } @media (min-width: 1920px) { .screen-video { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .screen-video { padding-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .screen-video { padding-top: 30px } } @media (min-width: 1920px) { .screen-video { padding-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .screen-video { padding-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .screen-video { padding-bottom: 30px } } @media (min-width: 1024px) { .screen-video { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .screen-video { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .screen-video { padding-left: 20px } } @media (min-width: 1024px) { .screen-video { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .screen-video { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .screen-video { padding-right: 20px } } .screen-video:before { content: ""; position: absolute; mix-blend-mode: multiply; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; -webkit-filter: brightness(1.3); filter: brightness(1.3); background: -o-linear-gradient(30.27deg, #e782a9 -.85%, #80c5e8 100.61%); background: linear-gradient(59.73deg, #e782a9 -.85%, #80c5e8 100.61%); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); opacity: .8 } .app_mode_color_bw .screen-video, .app_mode_color_invert .screen-video, .app_mode_color_sepia .screen-video { display: none !important } .screen-video__wrapper { width: 100%; max-width: 1408px; position: relative; z-index: 5 } .screen-video__text { color: #fff; max-width: 930px; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em } @media (min-width: 1920px) { .screen-video__text { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .screen-video__text { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .screen-video__text { font-size: 1.75rem } } @media (min-width: 1920px) { .screen-video__text { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .screen-video__text { line-height: calc(34px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .screen-video__text { line-height: 34px } } .screen-video__button { min-width: 204px } @media (min-width: 1920px) { .screen-video__button { margin-top: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .screen-video__button { margin-top: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .screen-video__button { margin-top: 30px } } .screen-video__icon-button { width: 24px; height: 20px; margin-right: 6px } .screen-video__bg-video { position: absolute; z-index: 1; min-width: 100%; top: 0 !important; bottom: 0; height: 100% !important; left: 0; right: 0; width: auto; max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; margin-top: 0 !important } @media (max-width: 1024px) { .screen-video__bg-video { display: none } } .screen-video__bg-iframe, .screen-video__popap-video { width: 100%; height: 100% } .screen-video__bg-photo { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; display: none } .screen-video__bg-photo_active { display: block } @media (max-width: 1024px) { .screen-video__bg-photo { display: block } } .screen-video__bg-photo-image { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; top: 0; left: 0 } @media (min-width: 1920px) { .page404 { padding-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .page404 { padding-top: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page404 { padding-top: 40px } } @media (min-width: 1920px) { .page404 { padding-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .page404 { padding-bottom: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page404 { padding-bottom: 40px } } .page404__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (min-width: 1024px) { .page404__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .page404__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .page404__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .page404__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .page404__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .page404__wrapper { padding-right: 20px } } .page404__title { max-width: 893px } .page404__text { max-width: 808px } .page404__link { min-width: 180px } @media (min-width: 1920px) { .page404__link { margin-top: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .page404__link { margin-top: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page404__link { margin-top: 30px } } @media (max-width: 560px) { .page404__link { margin-left: auto; margin-right: auto } } .page404__image { display: block; max-width: 100%; height: auto } @media (min-width: 1920px) { .page404__image { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .page404__image { margin-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page404__image { margin-bottom: 30px } } .useful-contacts { overflow: hidden } @media (min-width: 1920px) { .useful-contacts_eco-detail { padding-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts_eco-detail { padding-top: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts_eco-detail { padding-top: 60px } } .useful-contacts__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .useful-contacts__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .useful-contacts__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .useful-contacts__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .useful-contacts__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .useful-contacts__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .useful-contacts__wrapper { padding-right: 20px } } .useful-contacts__header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #e6f3fa; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden } @media (min-width: 1920px) { .useful-contacts__header { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__header { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__header { padding-left: 15px } } @media (min-width: 1920px) { .useful-contacts__header { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__header { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__header { padding-right: 15px } } @media (min-width: 1920px) { .useful-contacts__header { padding-top: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__header { padding-top: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__header { padding-top: 15px } } @media (min-width: 1920px) { .useful-contacts__header { padding-bottom: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__header { padding-bottom: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__header { padding-bottom: 15px } } @media (min-width: 1920px) { .useful-contacts__header { min-height: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__header { min-height: calc(90px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__header { min-height: 90px } } .useful-contacts__header-text { letter-spacing: .02em; color: #4d3651; font-weight: 700 } @media (min-width: 1920px) { .useful-contacts__header-text { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__header-text { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .useful-contacts__header-text { font-size: 1.125rem } } @media (min-width: 1920px) { .useful-contacts__header-text { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__header-text { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__header-text { line-height: 28px } } .useful-contacts__header-arrow { border-radius: 50%; width: 40px; height: 40px; overflow: hidden; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #4d3651; background-color: #e6f3fa; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in } .useful-contacts__header-arrow:hover { color: #afa5b1 } .useful-contacts__header-arrow:active { color: #4d3651 } .useful-contacts__icon-arrow { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); width: 8px; height: 15px; -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; -o-transition: transform ease-in .2s; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in } .accordion_show .useful-contacts__icon-arrow, .useful-contacts_show .useful-contacts__icon-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .app_mode_color_bw .useful-contacts__icon-arrow, .app_mode_color_invert .useful-contacts__icon-arrow, .app_mode_color_sepia .useful-contacts__icon-arrow { width: 16px; height: 30px } .useful-contacts__body { background-color: #eef4fc; overflow: hidden; position: relative; height: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: height .2s ease-in; -o-transition: height ease-in .2s; transition: height .2s ease-in } @media (min-width: 1920px) { .useful-contacts__body { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__body { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__body { padding-left: 15px } } @media (min-width: 1920px) { .useful-contacts__body { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__body { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__body { padding-right: 15px } } .useful-contacts__inner { position: absolute; width: 100%; left: 0; top: 0 } @media (min-width: 1920px) { .useful-contacts__inner { padding-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__inner { padding-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__inner { padding-bottom: 20px } } @media (min-width: 1920px) { .useful-contacts__inner { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__inner { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__inner { padding-left: 15px } } @media (min-width: 1920px) { .useful-contacts__inner { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__inner { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__inner { padding-right: 15px } } .useful-contacts__line { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } @media (min-width: 1920px) { .useful-contacts__line { padding-top: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__line { padding-top: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__line { padding-top: 15px } } @media (min-width: 1920px) { .useful-contacts__line { padding-bottom: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__line { padding-bottom: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__line { padding-bottom: 15px } } @media (min-width: 1920px) { .useful-contacts__line { min-height: 108px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__line { min-height: calc(98px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__line { min-height: 98px } } .useful-contacts__line:not(:last-of-type) { border-bottom: 1px solid #edebee } @media (max-width: 1024px) { .useful-contacts__line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (max-width: 1024px) { .useful-contacts__line.useful-contacts__line_top { display: none } } .app_mode_color_bw .useful-contacts__line, .app_mode_color_invert .useful-contacts__line, .app_mode_color_sepia .useful-contacts__line { -ms-flex-wrap: wrap; flex-wrap: wrap } .useful-contacts__block { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .useful-contacts__block:not(:last-of-type) { padding-right: 20px } .useful-contacts__block_1 { width: 32% } .app_mode_color_bw .useful-contacts__block_1, .app_mode_color_invert .useful-contacts__block_1, .app_mode_color_sepia .useful-contacts__block_1 { width: 100%; padding-right: 0; margin-bottom: 40px } .useful-contacts__block_2 { width: 22% } .app_mode_color_bw .useful-contacts__block_2, .app_mode_color_invert .useful-contacts__block_2, .app_mode_color_sepia .useful-contacts__block_2 { width: 50% } .useful-contacts__block_3 { width: 23% } .app_mode_color_bw .useful-contacts__block_3, .app_mode_color_invert .useful-contacts__block_3, .app_mode_color_sepia .useful-contacts__block_3 { width: 50%; padding-right: 0 } .useful-contacts__block_4 { width: 23% } .app_mode_color_bw .useful-contacts__block_4, .app_mode_color_invert .useful-contacts__block_4, .app_mode_color_sepia .useful-contacts__block_4 { width: 100%; padding-right: 0; margin-top: 40px } @media (max-width: 1024px) { .useful-contacts__block { width: 100% } .useful-contacts__block:not(:last-of-type) { margin-bottom: 10px } } .useful-contacts__line_top .useful-contacts__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .useful-contacts__name { font-weight: 700; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .useful-contacts__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .useful-contacts__name { font-size: 1rem } } @media (min-width: 1920px) { .useful-contacts__name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__name { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__name { line-height: 26px } } .useful-contacts__text { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .useful-contacts__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .useful-contacts__text { font-size: 1rem } } @media (min-width: 1920px) { .useful-contacts__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .useful-contacts__text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .useful-contacts__text { line-height: 26px } } .useful-contacts__text.useful-contacts__text_phone { display: block } .useful-contacts__block_4 .useful-contacts__text a { color: #0f579a } .app_mode_color_bw .useful-contacts__line_top, .app_mode_color_invert .useful-contacts__line_top, .app_mode_color_sepia .useful-contacts__line_top { display: none } .regions { overflow: hidden } @media (min-width: 1920px) { .regions_eco { padding-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .regions_eco { padding-top: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions_eco { padding-top: 60px } } .regions__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .regions__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .regions__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .regions__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .regions__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .regions__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .regions__wrapper { padding-right: 20px } } .regions__title { max-width: 860px } @media (min-width: 1920px) { .regions__title { margin-bottom: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__title { margin-bottom: calc(35px + 35 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__title { margin-bottom: 35px } } .app_mode_color_bw .regions__title, .app_mode_color_invert .regions__title, .app_mode_color_sepia .regions__title { max-width: none } .regions__description-icon-block { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background-color: #f4c7d8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 24px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 560px) { .regions__description-icon-block { display: none } } .app_mode_color_bw .regions__description-icon-block, .app_mode_color_invert .regions__description-icon-block, .app_mode_color_sepia .regions__description-icon-block { display: none } .regions__icon-description { width: 8px; height: 40px; color: #a05eb5 } .regions__description-text { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #a05eb5; max-width: 720px } @media (min-width: 1920px) { .regions__description-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .regions__description-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .regions__description-text { font-size: 1rem } } @media (min-width: 1920px) { .regions__description-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__description-text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__description-text { line-height: 26px } } .app_mode_color_bw .regions__description-text, .app_mode_color_invert .regions__description-text, .app_mode_color_sepia .regions__description-text { max-width: none } .regions__description { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .regions__description, .regions__list { display: -webkit-box; display: -ms-flexbox; display: flex } .regions__list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; margin-bottom: -32px } @media (min-width: 1920px) { .regions__list { margin-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__list { margin-top: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__list { margin-top: 60px } } .regions__item { width: 33.3%; padding: 0 16px; margin-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1280px) { .regions__item { width: 50% } } @media (max-width: 768px) { .regions__item { width: 100% } } .regions__item_notfound { min-width: 33.3%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .regions__link { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; overflow: hidden } .app_mode_color_bw .regions__link, .app_mode_color_invert .regions__link, .app_mode_color_sepia .regions__link { border: 1px solid } .regions__header { display: -webkit-box; display: -ms-flexbox; display: flex; background-image: -o-linear-gradient(206.55deg, #e6f3fa 7.17%, #f4c7d8 99.46%); background-image: linear-gradient(243.45deg, #e6f3fa 7.17%, #f4c7d8 99.46%); height: 108px; padding-top: 10px; padding-bottom: 10px } @media (min-width: 1920px) { .regions__header { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__header { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__header { padding-left: 15px } } @media (min-width: 1920px) { .regions__header { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__header { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__header { padding-right: 15px } } .regions__header-name { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; letter-spacing: .02em; color: #4d3651; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding-right: 15px } @media (min-width: 1920px) { .regions__header-name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .regions__header-name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .regions__header-name { font-size: 1rem } } @media (min-width: 1920px) { .regions__header-name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__header-name { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__header-name { line-height: 26px } } .app_mode_color_bw .regions__header-name, .app_mode_color_invert .regions__header-name, .app_mode_color_sepia .regions__header-name { width: 100% } .regions__header-emblem { width: 88px; overflow: hidden } .app_mode_color_bw .regions__header-emblem, .app_mode_color_invert .regions__header-emblem, .app_mode_color_sepia .regions__header-emblem { display: none } .regions__header-emblem-image { max-height: 100%; display: block; margin-left: auto } .regions__content { background-color: #eef4fc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .regions__content { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__content { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__content { padding-left: 15px } } @media (min-width: 1920px) { .regions__content { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__content { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__content { padding-right: 15px } } @media (min-width: 1920px) { .regions__content { padding-top: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__content { padding-top: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__content { padding-top: 30px } } @media (min-width: 1920px) { .regions__content { padding-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__content { padding-bottom: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__content { padding-bottom: 30px } } .regions__content-attention { border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f4c7d8; -ms-flex-negative: 0; flex-shrink: 0; width: 32px; height: 32px; margin-right: 12px } .app_mode_color_bw .regions__content-attention, .app_mode_color_invert .regions__content-attention, .app_mode_color_sepia .regions__content-attention { display: none } .regions__icon-content-attention { width: 4px; height: 21px } .regions__content-text { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .regions__content-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .regions__content-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .regions__content-text { font-size: 1rem } } @media (min-width: 1920px) { .regions__content-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__content-text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__content-text { line-height: 26px } } .regions__notfound-attention { width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #f4c7d8; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } @media (min-width: 1920px) { .regions__notfound-attention { margin-right: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__notfound-attention { margin-right: calc(20px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__notfound-attention { margin-right: 20px } } @media (max-width: 560px) { .regions__notfound-attention { margin-bottom: 15px; margin-right: 0 } } .app_mode_color_bw .regions__notfound-attention, .app_mode_color_invert .regions__notfound-attention, .app_mode_color_sepia .regions__notfound-attention { display: none } .regions__icon-notfound-attention { width: 8px; height: 36px; max-width: 20% } .regions__notfound-wrapper { width: 100% } .regions__notfound, .regions__notfound-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .regions__notfound { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; border: 1px solid #8bb8e8; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 1px; margin-left: 1px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .regions__notfound { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__notfound { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__notfound { padding-left: 15px } } @media (min-width: 1920px) { .regions__notfound { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__notfound { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__notfound { padding-right: 15px } } @media (min-width: 1920px) { .regions__notfound { padding-top: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__notfound { padding-top: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__notfound { padding-top: 30px } } @media (min-width: 1920px) { .regions__notfound { padding-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__notfound { padding-bottom: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__notfound { padding-bottom: 30px } } @media (max-width: 560px) { .regions__notfound { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .regions__notfound_link { background-color: #fff; -webkit-transition: background-color .15s ease-in; -o-transition: background-color ease-in .15s; transition: background-color .15s ease-in } .regions__notfound_link:hover { background-color: #8bb8e8 } .regions__notfound-text { letter-spacing: .02em; color: #4d3651; margin-right: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in; width: 75%; max-width: 360px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } @media (min-width: 1920px) { .regions__notfound-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .regions__notfound-text { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .regions__notfound-text { font-size: .875rem } } @media (min-width: 1920px) { .regions__notfound-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .regions__notfound-text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .regions__notfound-text { line-height: 24px } } .regions__notfound_link:hover .regions__notfound-text { color: #fff } @media (max-width: 768px) { .regions__notfound-text { width: 100%; max-width: none } } @media (max-width: 560px) { .regions__notfound-text { text-align: center } } .app_mode_color_bw .regions__notfound-text, .app_mode_color_invert .regions__notfound-text, .app_mode_color_sepia .regions__notfound-text { max-width: none; width: 100% } .regions__notfound-header { margin-bottom: 5px; margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 560px) { .regions__notfound-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } } .regions__notfound-button { width: 100%; max-width: 180px; margin-bottom: 5px; margin-top: 5px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .registration { overflow: hidden } @media (min-width: 1920px) { .registration_eco { padding-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .registration_eco { padding-top: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .registration_eco { padding-top: 60px } } @media (min-width: 1920px) { .registration_eco-detail { padding-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .registration_eco-detail { padding-top: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .registration_eco-detail { padding-top: 60px } } .app_mode_color_bw .registration_eco-detail, .app_mode_color_invert .registration_eco-detail, .app_mode_color_sepia .registration_eco-detail { display: none } .registration__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .registration__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .registration__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .registration__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .registration__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .registration__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .registration__wrapper { padding-right: 20px } } .registration__title { max-width: 870px } @media (min-width: 1920px) { .registration__title { margin-bottom: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .registration__title { margin-bottom: calc(35px + 35 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .registration__title { margin-bottom: 35px } } .app_mode_color_bw .registration__title, .app_mode_color_invert .registration__title, .app_mode_color_sepia .registration__title { max-width: none } .registration__description { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651; max-width: 688px } @media (min-width: 1920px) { .registration__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .registration__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .registration__description { font-size: 1rem } } @media (min-width: 1920px) { .registration__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .registration__description { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .registration__description { line-height: 26px } } .app_mode_color_bw .registration__description, .app_mode_color_invert .registration__description, .app_mode_color_sepia .registration__description { max-width: 100% } .registration__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; margin-bottom: -32px } @media (min-width: 1920px) { .registration__list { margin-top: 85px } } @media (min-width: 560px) and (max-width: 1919px) { .registration__list { margin-top: calc(35px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .registration__list { margin-top: 35px } } .registration__item { padding-left: 16px; padding-right: 16px; width: 50%; margin-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1024px) { .registration__item { width: 100% } } .card-registration { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; overflow: hidden; border: 1px solid #edebee } @media (max-width: 560px) { .card-registration { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .card-registration__photo { -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; position: relative; background-image: -o-linear-gradient(6.36deg, #e6f3fa 7.17%, #fce7f1 99.46%); background-image: linear-gradient(83.64deg, #e6f3fa 7.17%, #fce7f1 99.46%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 1920px) { .card-registration__photo { width: 208px } } @media (min-width: 1024px) and (max-width: 1919px) { .card-registration__photo { width: calc(150px + 58 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .card-registration__photo { width: 150px } } @media (max-width: 560px) { .card-registration__photo { width: 100% } } .app_mode_color_bw .card-registration__photo, .app_mode_color_invert .card-registration__photo, .app_mode_color_sepia .card-registration__photo { display: none } .card-registration__image { display: block; max-height: 200px; width: auto; -webkit-filter: drop-shadow(3.125rem 1.25rem 6.25rem #926eab); filter: drop-shadow(3.125rem 1.25rem 6.25rem #926eab) } .card-registration__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 28px; padding-bottom: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1920px) { .card-registration__content { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-registration__content { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-registration__content { padding-left: 15px } } @media (min-width: 1920px) { .card-registration__content { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-registration__content { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-registration__content { padding-right: 15px } } .card-registration__link { letter-spacing: .02em; color: #0f579a; font-weight: 700; margin-bottom: 20px } @media (min-width: 1920px) { .card-registration__link { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-registration__link { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-registration__link { font-size: 1.125rem } } @media (min-width: 1920px) { .card-registration__link { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-registration__link { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-registration__link { line-height: 28px } } .card-registration__speciality { letter-spacing: .02em; color: #4d3651; margin-bottom: 25px } @media (min-width: 1920px) { .card-registration__speciality { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-registration__speciality { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-registration__speciality { font-size: 1rem } } @media (min-width: 1920px) { .card-registration__speciality { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-registration__speciality { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-registration__speciality { line-height: 26px } } @media (min-width: 1920px) { .card-registration__speciality { margin-top: 8px } } @media (min-width: 560px) and (max-width: 1919px) { .card-registration__speciality { margin-top: calc(4px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-registration__speciality { margin-top: 4px } } .card-registration__speciality-item:not(:last-of-type) { margin-right: 10px } .card-registration__email { margin-top: auto } .card-registration__email-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .card-registration__email-link-text { letter-spacing: .02em } @media (min-width: 1920px) { .card-registration__email-link-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-registration__email-link-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-registration__email-link-text { font-size: 1rem } } @media (min-width: 1920px) { .card-registration__email-link-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-registration__email-link-text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-registration__email-link-text { line-height: 26px } } .card-registration__icon-letter { color: #a05eb5; width: 32px; height: 21px; margin-right: 10px } .card-registration__link-sign { max-width: 180px; margin-top: auto } @media (min-width: 1920px) { .category { padding-top: 122px } } @media (min-width: 560px) and (max-width: 1919px) { .category { padding-top: calc(60px + 62 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .category { padding-top: 60px } } @media (min-width: 1920px) { .category { padding-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .category { padding-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .category { padding-bottom: 30px } } .category__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .category__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .category__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .category__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .category__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .category__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .category__wrapper { padding-right: 20px } } .category__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px } @media (max-width: 1024px) { .category__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .category__item { width: 50%; padding: 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (max-width: 1024px) { .category__item { width: 100% } } .card-category { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; overflow: hidden; background-color: #fcf8ff; border: 1px solid #e6f3fa; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } .card-category:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .card-category:active { -webkit-box-shadow: none; box-shadow: none } .card-category__header { background-color: #eef4fc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 25px; padding-left: 25px } @media (min-width: 1920px) { .card-category__header { padding-top: 37px } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__header { padding-top: calc(15px + 22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-category__header { padding-top: 15px } } @media (min-width: 1920px) { .card-category__header { padding-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__header { padding-bottom: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-category__header { padding-bottom: 15px } } .card-category__count { border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #a05eb5; background-color: #fff } @media (min-width: 1920px) { .card-category__count { width: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__count { width: calc(60px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-category__count { width: 60px } } @media (min-width: 1920px) { .card-category__count { height: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__count { height: calc(60px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-category__count { height: 60px } } @media (min-width: 1920px) { .card-category__count { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__count { font-size: calc(1.75rem + 20 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-category__count { font-size: 1.75rem } } @media (min-width: 1920px) { .card-category__count { line-height: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__count { line-height: calc(28px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-category__count { line-height: 28px } } @media (min-width: 1920px) { .card-category__count { margin-right: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__count { margin-right: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-category__count { margin-right: 15px } } @media (max-width: 560px) { .card-category__count { display: none } } @media (min-width: 1920px) { .app_mode_size_m .card-category__count { font-size: 2.375rem } } @media (min-width: 560px) and (max-width: 1919px) { .app_mode_size_m .card-category__count { font-size: calc(1.5rem + 14 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .app_mode_size_m .card-category__count { font-size: 1.5rem } } @media (min-width: 1920px) { .app_mode_size_l .card-category__count { font-size: 2.25rem } } @media (min-width: 560px) and (max-width: 1919px) { .app_mode_size_l .card-category__count { font-size: calc(1.5rem + 12 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .app_mode_size_l .card-category__count { font-size: 1.5rem } } .card-category__title { letter-spacing: .02em; font-weight: 700; color: #4d3651 } @media (min-width: 1920px) { .card-category__title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__title { font-size: calc(1rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-category__title { font-size: 1rem } } @media (min-width: 1920px) { .card-category__title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__title { line-height: calc(26px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-category__title { line-height: 26px } } @media (min-width: 1920px) { .app_mode_size_m .card-category__title { font-size: 1.375rem } } @media (min-width: 560px) and (max-width: 1919px) { .app_mode_size_m .card-category__title { font-size: calc(1rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .app_mode_size_m .card-category__title { font-size: 1rem } } @media (min-width: 1920px) { .app_mode_size_l .card-category__title { font-size: 1.375rem } } @media (min-width: 560px) and (max-width: 1919px) { .app_mode_size_l .card-category__title { font-size: calc(1rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .app_mode_size_l .card-category__title { font-size: 1rem } } .card-category__footer { letter-spacing: .02em; color: #4d3651; padding-right: 25px; padding-left: 25px; background-color: #fff; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .card-category__footer { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__footer { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-category__footer { font-size: .9375rem } } @media (min-width: 1920px) { .card-category__footer { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__footer { line-height: calc(25px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-category__footer { line-height: 25px } } @media (min-width: 1920px) { .card-category__footer { padding-top: 29px } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__footer { padding-top: calc(25px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-category__footer { padding-top: 25px } } @media (min-width: 1920px) { .card-category__footer { padding-bottom: 29px } } @media (min-width: 560px) and (max-width: 1919px) { .card-category__footer { padding-bottom: calc(25px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-category__footer { padding-bottom: 25px } } @media (min-width: 1920px) { .programs { padding-top: 140px } } @media (min-width: 560px) and (max-width: 1919px) { .programs { padding-top: calc(70px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .programs { padding-top: 70px } } @media (min-width: 1920px) { .programs { padding-bottom: 162px } } @media (min-width: 560px) and (max-width: 1919px) { .programs { padding-bottom: calc(52px + 110 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .programs { padding-bottom: 52px } } .programs__wrapper { max-width: 1554px; position: relative; margin: 0 auto; overflow: hidden } @media (min-width: 1024px) { .programs__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .programs__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .programs__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .programs__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .programs__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .programs__wrapper { padding-right: 20px } } .programs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -14px; margin-right: -14px } @media (max-width: 1024px) { .programs__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .programs__item { width: 50%; padding-left: 14px; padding-right: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 28px } @media (max-width: 1024px) { .programs__item { width: 100% } } .vacancy-header { background-color: #eef4fc; min-height: 312px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .vacancy-header { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header { padding-top: 50px } } @media (min-width: 1920px) { .vacancy-header { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header { padding-bottom: calc(50px + 78 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header { padding-bottom: 50px } } @media (max-width: 768px) { .vacancy-header { min-height: auto } } .vacancy-header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #f6f5f6 } @media (min-width: 1920px) { .vacancy-header__inner { padding-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__inner { padding-bottom: calc(30px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header__inner { padding-bottom: 30px } } @media (max-width: 1024px) { .vacancy-header__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .vacancy-header__title-block { letter-spacing: .02em; color: #59335f; margin-right: auto; width: 50% } @media (max-width: 1024px) { .vacancy-header__title-block { width: 100% } } .vacancy-header__title { letter-spacing: .02em; color: #59335f; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 1028px } @media (min-width: 1920px) { .vacancy-header__title { font-size: 2.375rem } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__title { font-size: calc(1.125rem + 20 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .vacancy-header__title { font-size: 1.125rem } } @media (min-width: 1920px) { .vacancy-header__title { line-height: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__title { line-height: calc(28px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header__title { line-height: 28px } } @media (min-width: 1920px) { .vacancy-header__title { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__title { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header__title { margin-bottom: 18px } } @media (min-width: 1920px) { .vacancy-header__title-description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__title-description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .vacancy-header__title-description { font-size: 1rem } } @media (min-width: 1920px) { .vacancy-header__title-description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__title-description { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header__title-description { line-height: 22px } } .vacancy-header__block { color: #59335f; letter-spacing: .02em } @media (min-width: 1920px) { .vacancy-header__block { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__block { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .vacancy-header__block { font-size: .875rem } } @media (min-width: 1920px) { .vacancy-header__block { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__block { line-height: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header__block { line-height: 18px } } .vacancy-header__block:not(:last-of-type) { margin-right: 20px } @media (max-width: 560px) { .vacancy-header__block:not(:last-of-type) { margin-right: 0 } } @media (max-width: 560px) and (min-width: 1920px) { .vacancy-header__block:not(:last-of-type) { margin-bottom: 25px } } @media (max-width: 560px) and (min-width: 560px) and (max-width: 1919px) { .vacancy-header__block:not(:last-of-type) { margin-bottom: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 560px) and (max-width: 559px) { .vacancy-header__block:not(:last-of-type) { margin-bottom: 20px } } @media (min-width: 1920px) { .vacancy-header__label { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__label { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .vacancy-header__label { font-size: .875rem } } @media (min-width: 1920px) { .vacancy-header__label { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__label { line-height: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header__label { line-height: 18px } } @media (min-width: 1920px) { .vacancy-header__label { margin-bottom: 8px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__label { margin-bottom: calc(6px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header__label { margin-bottom: 6px } } .vacancy-header__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50%; position: relative; top: 20px } @media (min-width: 1920px) { .vacancy-header__info { padding-left: 100px } } @media (min-width: 1024px) and (max-width: 1919px) { .vacancy-header__info { padding-left: calc(20px + 80 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .vacancy-header__info { padding-left: 20px } } @media (min-width: 1920px) { .vacancy-header__info { top: 20px } } @media (min-width: 768px) and (max-width: 1919px) { .vacancy-header__info { top: calc(1px + 19 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .vacancy-header__info { top: 1px } } @media (max-width: 1024px) { .vacancy-header__info { width: 100%; padding-left: 0; margin-top: 30px; max-width: 560px } } @media (max-width: 560px) { .vacancy-header__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (min-width: 1920px) { .vacancy-header__value { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__value { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .vacancy-header__value { font-size: 1rem } } @media (min-width: 1920px) { .vacancy-header__value { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__value { line-height: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header__value { line-height: 18px } } .vacancy-header__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .vacancy-header__footer { padding-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__footer { padding-top: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header__footer { padding-top: 20px } } .vacancy-header__pdf-link { color: #8bb8e8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media (min-width: 1920px) { .vacancy-header__pdf-link { margin-left: 54px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-header__pdf-link { margin-left: calc(25px + 29 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-header__pdf-link { margin-left: 25px } } .vacancy-header__icon-pdf { width: 21px; height: 28px; color: #a05eb5; margin-right: 12px } .vacancy-header__button { min-width: 180px } .steps_service { background-color: #f4c7d8 } @media (min-width: 1920px) { .steps_service { padding-top: 83px } } @media (min-width: 560px) and (max-width: 1919px) { .steps_service { padding-top: calc(40px + 43 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .steps_service { padding-top: 40px } } @media (min-width: 1920px) { .steps_service { padding-bottom: 43px } } @media (min-width: 560px) and (max-width: 1919px) { .steps_service { padding-bottom: calc(32px + 11 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .steps_service { padding-bottom: 32px } } .steps__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .steps__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .steps__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .steps__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .steps__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .steps__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .steps__wrapper { padding-right: 20px } } .steps__title { color: #4d3651 } @media (min-width: 1920px) { .steps__title { margin-bottom: 85px } } @media (min-width: 560px) and (max-width: 1919px) { .steps__title { margin-bottom: calc(40px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .steps__title { margin-bottom: 40px } } @media (max-width: 560px) { .steps__title { text-align: center } } .steps__list { margin: 0 -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 768px) { .steps__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .steps__item { width: 25%; padding: 0 16px } @media (min-width: 1920px) { .steps__item { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .steps__item { margin-bottom: calc(38px + 22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .steps__item { margin-bottom: 38px } } @media (max-width: 1280px) { .steps__item { width: 50%; margin-bottom: 38px } } @media (max-width: 768px) { .steps__item { width: 100% } } .steps__count { border-radius: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #a05eb5; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .steps__count { width: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .steps__count { width: calc(64px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .steps__count { width: 64px } } @media (min-width: 1920px) { .steps__count { height: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .steps__count { height: calc(64px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .steps__count { height: 64px } } @media (min-width: 1920px) { .steps__count { margin-bottom: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .steps__count { margin-bottom: calc(20px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .steps__count { margin-bottom: 20px } } @media (min-width: 1920px) { .steps__count { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .steps__count { font-size: calc(2.25rem + 12 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .steps__count { font-size: 2.25rem } } @media (min-width: 1920px) { .steps__count { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .steps__count { line-height: calc(56px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .steps__count { line-height: 56px } } @media (max-width: 1280px) { .steps__count { margin-bottom: 20px } } @media (max-width: 768px) { .steps__count { margin-right: 25px; margin-bottom: 0 } } @media (max-width: 560px) { .steps__count { margin-bottom: 15px; margin-right: 0 } } .steps__text { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .steps__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .steps__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .steps__text { font-size: 1rem } } @media (min-width: 1920px) { .steps__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .steps__text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .steps__text { line-height: 26px } } @media (max-width: 560px) { .steps__text { text-align: center } } @media (max-width: 768px) { .steps__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width: 560px) { .steps__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (min-width: 1920px) { .vacancy-body { padding-top: 85px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-body { padding-top: calc(30px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-body { padding-top: 30px } } @media (min-width: 1920px) { .vacancy-body { padding-bottom: 220px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-body { padding-bottom: calc(30px + 190 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-body { padding-bottom: 30px } } .vacancy-body__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .vacancy-body__item:not(:last-of-type) { border-bottom: 1px solid #edebee } @media (min-width: 1920px) { .vacancy-body__item:not(:last-of-type) { padding-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-body__item:not(:last-of-type) { padding-bottom: calc(30px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-body__item:not(:last-of-type) { padding-bottom: 30px } } @media (min-width: 1920px) { .vacancy-body__item:not(:last-of-type) { margin-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-body__item:not(:last-of-type) { margin-bottom: calc(30px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-body__item:not(:last-of-type) { margin-bottom: 30px } } @media (max-width: 768px) { .vacancy-body__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .vacancy-body__icon { color: #a05eb5; border-radius: 50%; width: 60px; height: 60px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fcf8ff; -ms-flex-negative: 0; flex-shrink: 0 } .vacancy-body__icon-badge { width: 20px; height: 30px } .vacancy-body__icon-price { width: 27px; height: 39px } .vacancy-body__icon-cash { width: 28px; height: 25px } .vacancy-body__title { -ms-flex-negative: 0; flex-shrink: 0; color: #4d3651; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .vacancy-body__title { width: 240px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-body__title { width: calc(220px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-body__title { width: 220px } } @media (max-width: 768px) { .vacancy-body__title { width: 100% } } @media (max-width: 768px) and (min-width: 1920px) { .vacancy-body__title { margin-bottom: 40px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .vacancy-body__title { margin-bottom: calc(25px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .vacancy-body__title { margin-bottom: 25px } } .vacancy-body__title-text { letter-spacing: .02em; padding: 0 20px; font-weight: 700 } @media (min-width: 1920px) { .vacancy-body__title-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-body__title-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .vacancy-body__title-text { font-size: 1rem } } @media (min-width: 1920px) { .vacancy-body__title-text { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancy-body__title-text { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancy-body__title-text { line-height: 22px } } .card-vacancy { width: 100%; height: 100%; border-radius: 5px; overflow: hidden; display: block; background-color: rgba(130, 184, 239, .45); padding-top: 16px; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } @media (min-width: 1920px) { .card-vacancy { padding-bottom: 55px } } @media (min-width: 560px) and (max-width: 1919px) { .card-vacancy { padding-bottom: calc(30px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-vacancy { padding-bottom: 30px } } @media (min-width: 1920px) { .card-vacancy { padding-left: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-vacancy { padding-left: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-vacancy { padding-left: 20px } } @media (min-width: 1920px) { .card-vacancy { padding-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-vacancy { padding-right: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-vacancy { padding-right: 20px } } .card-vacancy:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .card-vacancy__category { display: inline-block; background-color: #e6f3fa; border-radius: 5px; color: #4d3651; padding: 0 5px } @media (min-width: 1920px) { .card-vacancy__category { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-vacancy__category { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-vacancy__category { font-size: .875rem } } @media (min-width: 1920px) { .card-vacancy__category { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .card-vacancy__category { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-vacancy__category { line-height: 22px } } @media (min-width: 1920px) { .card-vacancy__category { margin-bottom: 13px } } @media (min-width: 560px) and (max-width: 1919px) { .card-vacancy__category { margin-bottom: calc(8px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-vacancy__category { margin-bottom: 8px } } .card-vacancy__inner { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1024px) { .card-vacancy__inner { -ms-flex-wrap: wrap; flex-wrap: wrap } } .card-vacancy__block { color: #4d3651; letter-spacing: .02em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .card-vacancy__block { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-vacancy__block { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-vacancy__block { font-size: 1rem } } @media (min-width: 1920px) { .card-vacancy__block { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-vacancy__block { line-height: calc(24px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-vacancy__block { line-height: 24px } } .card-vacancy__block:not(:last-of-type) { padding-right: 20px } @media (max-width: 560px) { .card-vacancy__block:not(:last-of-type) { padding-right: 0 } } .card-vacancy__block_position { max-width: 450px } @media (max-width: 1024px) { .card-vacancy__block_position { width: 100%; max-width: none; margin-bottom: 15px } } .card-vacancy__block_education, .card-vacancy__block_experience, .card-vacancy__block_payment { max-width: 230px } @media (max-width: 560px) { .card-vacancy__block { width: 100%; max-width: none } } @media (max-width: 560px) and (min-width: 1920px) { .card-vacancy__block:not(:last-of-type) { margin-bottom: 20px } } @media (max-width: 560px) and (min-width: 560px) and (max-width: 1919px) { .card-vacancy__block:not(:last-of-type) { margin-bottom: calc(15px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 560px) and (max-width: 559px) { .card-vacancy__block:not(:last-of-type) { margin-bottom: 15px } } .card-vacancy__block-text { font-weight: 700 } @media (min-width: 1920px) { .card-vacancy__block-text { margin-bottom: 8px } } @media (min-width: 560px) and (max-width: 1919px) { .card-vacancy__block-text { margin-bottom: calc(2px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-vacancy__block-text { margin-bottom: 2px } } @media (min-width: 1920px) { .price-list { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list { padding-top: calc(60px + 68 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list { padding-top: 60px } } @media (min-width: 1920px) { .price-list:last-of-type { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list:last-of-type { padding-bottom: calc(60px + 68 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list:last-of-type { padding-bottom: 60px } } .price-list__description { letter-spacing: .02em } @media (min-width: 1920px) { .price-list__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price-list__description { font-size: 1rem } } @media (min-width: 1920px) { .price-list__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__description { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__description { line-height: 24px } } @media (min-width: 1920px) { .price-list__description { margin-bottom: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__description { margin-bottom: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__description { margin-bottom: 30px } } @media (min-width: 1920px) { .price-list__accordion:not(:first-of-type) { margin-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__accordion:not(:first-of-type) { margin-top: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__accordion:not(:first-of-type) { margin-top: 24px } } .price-list__header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #e6f3fa; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; -webkit-transition: background-color .15s ease-out; -o-transition: background-color ease-out .15s; transition: background-color .15s ease-out } @media (min-width: 1920px) { .price-list__header { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__header { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__header { padding-left: 15px } } @media (min-width: 1920px) { .price-list__header { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__header { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__header { padding-right: 15px } } @media (min-width: 1920px) { .price-list__header { padding-top: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__header { padding-top: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__header { padding-top: 15px } } @media (min-width: 1920px) { .price-list__header { padding-bottom: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__header { padding-bottom: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__header { padding-bottom: 15px } } @media (min-width: 1920px) { .price-list__header { min-height: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__header { min-height: calc(90px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__header { min-height: 90px } } .price-list__header:hover { background-color: #8bb8e8 } .price-list__header:hover .price-list__count-value { color: #4d3651 !important } .price-list__header-content { letter-spacing: .02em; color: #4d3651; padding-right: 20px; max-width: 688px; -webkit-transition: color .15s ease-out; -o-transition: color ease-out .15s; transition: color .15s ease-out } .price-list__header:hover .price-list__header-content { color: #fff } .price-list__header-text { font-weight: 700; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .price-list__header-text { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__header-text { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price-list__header-text { font-size: 1.125rem } } @media (min-width: 1920px) { .price-list__header-text { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__header-text { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__header-text { line-height: 28px } } @media (max-width: 560px) { .price-list__header-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .price-list__header-description { text-align: left } @media (min-width: 1920px) { .price-list__header-description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__header-description { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price-list__header-description { font-size: .875rem } } @media (min-width: 1920px) { .price-list__header-description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__header-description { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__header-description { line-height: 22px } } @media (min-width: 1920px) { .price-list__header-description { margin-top: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__header-description { margin-top: calc(8px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__header-description { margin-top: 8px } } .price-list__header-arrow { border-radius: 50%; width: 40px; height: 40px; overflow: hidden; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #a6a6a6; -ms-flex-negative: 0; flex-shrink: 0; background-color: #e6f3fa; -webkit-transition: background-color .15s ease-out; -o-transition: background-color ease-out .15s; transition: background-color .15s ease-out } .price-list__header:hover .price-list__header-arrow { background-color: #fff } .price-list__icon-arrow { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); width: 8px; height: 15px; -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; -o-transition: transform ease-in .2s; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in } .accordion_show .price-list__icon-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .price-list__body { background-color: #eef4fc } .price-list__service-inner { padding: 0 } .price-list__service-accordion.accordion_show { background-color: #fff } .price-list__service-header { letter-spacing: .02em; color: #4d3651; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden } @media (min-width: 1920px) { .price-list__service-header { padding-top: 21px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__service-header { padding-top: calc(16px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__service-header { padding-top: 16px } } @media (min-width: 1920px) { .price-list__service-header { padding-bottom: 21px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__service-header { padding-bottom: calc(16px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__service-header { padding-bottom: 16px } } @media (max-width: 560px) { .price-list__service-header { -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 } } .price-list__service-header.price-list__service-header_children { border-top: 1px solid #edebee; -webkit-transition: border-color .15s ease-out; -o-transition: border-color ease-out .15s; transition: border-color .15s ease-out } .price-list__service-header.price-list__service-header_children.accordion__button_show { border-color: rgba(0, 0, 0, 0) } @media (max-width: 560px) { .price-list__service-header.price-list__service-header_children { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .price-list__service-header-content { text-align: left; -ms-flex-negative: 1; flex-shrink: 1 } @media (min-width: 1920px) { .price-list__service-header-content { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__service-header-content { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price-list__service-header-content { font-size: .875rem } } @media (min-width: 1920px) { .price-list__service-header-content { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__service-header-content { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__service-header-content { line-height: 22px } } @media (max-width: 560px) { .price-list__service-header-content { width: 100% } } .price-list__service-header-arrow { width: 12px; margin-left: 12px; top: 8px; position: relative } .price-list__service-price + .price-list__service-header-arrow { top: 0 } @media (max-width: 560px) { .price-list__service-header-arrow { margin-left: auto; top: 0 } } .app_mode_color_bw .price-list__service-header-arrow, .app_mode_color_invert .price-list__service-header-arrow, .app_mode_color_sepia .price-list__service-header-arrow { width: 24px } .price-list__service-header-text { font-weight: 700; color: #4d3651 } .price-list__service-header-text.price-list__service-header-text_button { -webkit-transition: color .15s ease-out; -o-transition: color ease-out .15s; transition: color .15s ease-out } .price-list__service-header:hover .price-list__service-header-text.price-list__service-header-text_button { color: #4d3651 } @media (min-width: 1920px) { .price-list__service-header-description { margin-top: 10px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__service-header-description { margin-top: calc(5px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__service-header-description { margin-top: 5px } } .price-list__service-price { color: #a05eb5; letter-spacing: .02em; text-align: right; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .price-list__service-price { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__service-price { font-size: calc(1.375rem + 10 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price-list__service-price { font-size: 1.375rem } } @media (min-width: 1920px) { .price-list__service-price { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__service-price { line-height: calc(28px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__service-price { line-height: 28px } } .price-list__service-price-old { color: #e782a9; letter-spacing: .02em; text-decoration: line-through } @media (min-width: 1920px) { .price-list__service-price-old { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__service-price-old { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price-list__service-price-old { font-size: 1rem } } @media (min-width: 1920px) { .price-list__service-price-old { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__service-price-old { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__service-price-old { line-height: 24px } } @media (min-width: 1920px) { .price-list__service-price-old { margin-right: 27px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__service-price-old { margin-right: calc(18px + 9 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__service-price-old { margin-right: 18px } } .price-list__service-info { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 15px; -ms-flex-negative: 0; flex-shrink: 0; max-width: 20% } @media (max-width: 1024px) { .price-list__service-info { max-width: 30% } } @media (max-width: 560px) { .price-list__service-info { margin-top: 15px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 0; max-width: none; width: 100% } } .price-list__service-header-preview { width: 100%; margin-top: 6px; text-align: right; font-size: 1rem; line-height: 24px; font-family: PT Sans, Arial, sans-serif; max-width: 230px } @media (max-width: 560px) { .price-list__service-header-preview { text-align: left; max-width: none } } .price-list__count { border-radius: 26px; background-image: -o-linear-gradient(17.02deg, #8bb8e8 -3.92%, #e782a9 99.38%); background-image: linear-gradient(72.98deg, #8bb8e8 -3.92%, #e782a9 99.38%); height: 32px; color: #fff; font-size: 1rem; line-height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; font-weight: 400; margin-left: 15px; padding: 0 5px 0 10px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 560px) { .price-list__count { margin-left: 0; margin-top: 10px } } .app_mode_color_bw .price-list__count, .app_mode_color_invert .price-list__count, .app_mode_color_sepia .price-list__count { border: 1px solid; overflow: hidden; height: auto; padding: 2px 10px } .price-list__count-text { color: #fff !important; font-size: 1rem } .price-list__count-value { margin-left: 2px; border-radius: 50%; background-color: #fff; color: #4d3651; font-size: .875rem; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0 } .price-list__action { border-radius: 5px; background-image: -o-linear-gradient(317.02deg, #8bb8e8 -3.92%, #e782a9 99.38%); background-image: linear-gradient(132.98deg, #8bb8e8 -3.92%, #e782a9 99.38%); padding: 20px; max-width: 688px } @media (min-width: 1920px) { .price-list__action { margin-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__action { margin-top: calc(16px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__action { margin-top: 16px } } .app_mode_color_bw .price-list__action, .app_mode_color_invert .price-list__action, .app_mode_color_sepia .price-list__action { -webkit-filter: invert(1); filter: invert(1); max-width: 900px } .price-list__action-title { background-color: #fff; height: 32px; border-radius: 26px; padding: 0 10px; color: #4d3651; font-size: 1rem; line-height: 32px; margin-bottom: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .app_mode_color_bw .price-list__action-title, .app_mode_color_invert .price-list__action-title, .app_mode_color_sepia .price-list__action-title { padding: 2px 15px; font-size: 1.125rem; font-weight: 700; height: auto; border: 1px solid } .price-list__action-description { color: #fff; letter-spacing: .02em } @media (min-width: 1920px) { .price-list__action-description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__action-description { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price-list__action-description { font-size: .875rem } } @media (min-width: 1920px) { .price-list__action-description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .price-list__action-description { line-height: calc(20px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-list__action-description { line-height: 20px } } .price-list__service-header:hover .price-list__service-header-description.typography { color: #4d3651 } @media (min-width: 1920px) { .action-item { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .action-item { padding-top: calc(30px + 98 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .action-item { padding-top: 30px } } @media (min-width: 1920px) { .action-item { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .action-item { padding-bottom: calc(60px + 68 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .action-item { padding-bottom: 60px } } .trust { position: relative; overflow: hidden } @media (min-width: 1920px) { .trust { padding-top: 108px } } @media (min-width: 560px) and (max-width: 1919px) { .trust { padding-top: calc(60px + 48 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .trust { padding-top: 60px } } @media (min-width: 1920px) { .trust { padding-bottom: 108px } } @media (min-width: 560px) and (max-width: 1919px) { .trust { padding-bottom: calc(60px + 48 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .trust { padding-bottom: 60px } } .trust__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .trust__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .trust__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .trust__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .trust__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .trust__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .trust__wrapper { padding-right: 20px } } .trust__title { letter-spacing: .02em } @media (min-width: 1920px) { .trust__title { margin-bottom: 85px } } @media (min-width: 560px) and (max-width: 1919px) { .trust__title { margin-bottom: calc(40px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .trust__title { margin-bottom: 40px } } @media (min-width: 1920px) { .trust__title { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .trust__title { font-size: calc(1.75rem + 20 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .trust__title { font-size: 1.75rem } } @media (min-width: 1920px) { .trust__title { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .trust__title { line-height: calc(38px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .trust__title { line-height: 38px } } .trust__value-text { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; background: -o-linear-gradient(225deg, #98c1e6 20%, #db8db4 80%); background: linear-gradient(225deg, #98c1e6 20%, #db8db4 80%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0) } @media (min-width: 1920px) { .trust__value-text { font-size: 21.875rem } } @media (min-width: 560px) and (max-width: 1919px) { .trust__value-text { font-size: calc(3.75rem + 290 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .trust__value-text { font-size: 3.75rem } } @media (min-width: 1920px) { .trust__value-text { line-height: 350px } } @media (min-width: 560px) and (max-width: 1919px) { .trust__value-text { line-height: calc(60px + 290 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .trust__value-text { line-height: 60px } } .trust__image { max-width: 100%; height: auto } .trust__description { letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #4d3651 } @media (min-width: 1920px) { .trust__description { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .trust__description { font-size: calc(1.25rem + 12 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .trust__description { font-size: 1.25rem } } @media (min-width: 1920px) { .trust__description { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .trust__description { line-height: calc(30px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .trust__description { line-height: 30px } } @media (min-width: 1920px) { .trust__description { margin-top: 65px } } @media (min-width: 560px) and (max-width: 1919px) { .trust__description { margin-top: calc(10px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .trust__description { margin-top: 10px } } .trust__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .trust__text { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .trust__text { margin-top: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .trust__text { margin-top: 15px } } @media (max-width: 560px) { .trust__text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .trust__text-value { letter-spacing: .02em; color: #4d3651; max-width: 660px; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .trust__text-value { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .trust__text-value { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .trust__text-value { font-size: 1rem } } @media (min-width: 1920px) { .trust__text-value { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .trust__text-value { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .trust__text-value { line-height: 26px } } .trust__text-children { background-color: #f4c7d8; border-radius: 50%; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 28px } @media (max-width: 560px) { .trust__text-children { margin-right: 0; margin-bottom: 10px } } .trust__icon { width: 43px; height: 38px; color: #a05eb5 } @media (min-width: 1920px) { .vacancies { padding-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancies { padding-top: calc(30px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancies { padding-top: 30px } } @media (min-width: 1920px) { .vacancies:not(.vacancies_noresult) { padding-bottom: 230px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancies:not(.vacancies_noresult) { padding-bottom: calc(90px + 140 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancies:not(.vacancies_noresult) { padding-bottom: 90px } } @media (min-width: 1920px) { .vacancies__item:not(:last-child) { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancies__item:not(:last-child) { margin-bottom: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancies__item:not(:last-child) { margin-bottom: 20px } } .vacancies__icon-manempty { width: 264px; height: 278px; color: #a05eb5; position: relative; z-index: 1; bottom: -11px } @media (min-width: 1920px) { .vacancies__icon-manempty { margin-top: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .vacancies__icon-manempty { margin-top: calc(10px + 32 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .vacancies__icon-manempty { margin-top: 10px } } @media (min-width: 1920px) { .events { padding-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .events { padding-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .events { padding-bottom: 15px } } @media (min-width: 1920px) { .events_upcoming { padding-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .events_upcoming { padding-top: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .events_upcoming { padding-top: 30px } } @media (min-width: 1920px) { .events_past { padding-top: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .events_past { padding-top: calc(15px + 35 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .events_past { padding-top: 15px } } .events__all { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #8bb8e8; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .events__all { margin-top: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .events__all { margin-top: calc(15px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .events__all { margin-top: 15px } } @media (min-width: 1920px) { .events__all { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .events__all { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .events__all { font-size: 1rem } } @media (min-width: 1920px) { .events__all { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .events__all { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .events__all { line-height: 22px } } .events__icon-arrow { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 4px; position: relative; top: 1px } .events__item { -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .events__item:hover .card-event { -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in; -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } @media (min-width: 1920px) { .events__item:not(:last-child) { margin-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .events__item:not(:last-child) { margin-bottom: calc(25px + 23 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .events__item:not(:last-child) { margin-bottom: 25px } } .events_type_small .events__item { width: 33.3%; padding-right: 16px; padding-left: 16px; margin-bottom: 32px } @media (max-width: 1280px) { .events_type_small .events__item { width: 50% } } @media (max-width: 560px) { .events_type_small .events__item { width: 100% } } .events_type_small .events__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; margin-bottom: 125px } @media (max-width: 1280px) { .events_type_small .events__list { margin-bottom: 85px } } @media (max-width: 768px) { .events_type_small .events__list { margin-bottom: 40px } } .events__notification { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .events__notification { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .events__notification { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .events__notification { font-size: 1rem } } @media (min-width: 1920px) { .events__notification { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .events__notification { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .events__notification { line-height: 22px } } .card-event { width: 100%; height: 100%; border-radius: 5px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .15s ease-in !important; -o-transition: all ease-in .15s !important; transition: all .15s ease-in !important; background-color: #eef4fc } .card-event:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .card-event.card-event_type_small { background-color: #fff; -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 } .card-event__pretitle { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .card-event__pretitle { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__pretitle { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-event__pretitle { font-size: .9375rem } } @media (min-width: 1920px) { .card-event__pretitle { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__pretitle { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__pretitle { line-height: 22px } } .card-event__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .card-event__body { padding: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__body { padding: calc(20px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__body { padding: 20px } } .card-event_type_small .card-event__body { border: 1px solid #edebee; border-top: none; border-radius: 0 0 5px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .card-event__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } @media (min-width: 1920px) { .card-event__inner { margin-bottom: 27px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__inner { margin-bottom: calc(20px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__inner { margin-bottom: 20px } } .card-event__inner:after { content: ""; position: absolute; height: 1px; border-bottom: 1px dashed #a05eb5; bottom: 6px; left: 0; width: 100%; z-index: 1 } @media (max-width: 1024px) { .card-event__inner:after { content: none } } .card-event_type_small .card-event__inner:after { content: none } @media (max-width: 1024px) { .card-event__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px } } .card-event__title { position: relative; z-index: 2; letter-spacing: .02em; font-weight: 700; color: #4d3651 } @media (min-width: 1920px) { .card-event__title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__title { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-event__title { font-size: 1.125rem } } @media (min-width: 1920px) { .card-event__title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__title { line-height: calc(26px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__title { line-height: 26px } } @media (max-width: 1024px) { .card-event__title { padding-right: 0; margin-right: 0 } } .card-event__title-text { display: unset; background-color: #eef4fc; padding-right: 5px; -webkit-transition: background-color .15s ease-in; -o-transition: background-color ease-in .15s; transition: background-color .15s ease-in } .card-event_type_small .card-event__title-text { background-color: rgba(0, 0, 0, 0); padding-right: 0; outline: none } .card-event__date { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; z-index: 2; padding-left: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (max-width: 1024px) { .card-event__date { padding-left: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .card-event_type_small .card-event__date { display: none } @media (max-width: 1024px) and (min-width: 1920px) { .card-event__date { margin-top: 32px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .card-event__date { margin-top: calc(24px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .card-event__date { margin-top: 24px } } .card-event__date-value { letter-spacing: .02em; color: #a05eb5; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; text-align: right; position: relative; z-index: 2; background-color: #eef4fc; padding-left: 5px; -webkit-transition: background-color .15s ease-in; -o-transition: background-color ease-in .15s; transition: background-color .15s ease-in } @media (min-width: 1920px) { .card-event__date-value { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__date-value { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-event__date-value { font-size: 1.5rem } } @media (min-width: 1920px) { .card-event__date-value { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__date-value { line-height: calc(26px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__date-value { line-height: 26px } } @media (max-width: 1024px) { .card-event__date-value { padding-left: 0 } } .card-event__date-time { position: absolute; letter-spacing: .02em; color: #4d3651; font-weight: 700; right: 0; bottom: -30px } @media (min-width: 1920px) { .card-event__date-time { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__date-time { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-event__date-time { font-size: 1rem } } @media (min-width: 1920px) { .card-event__date-time { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__date-time { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__date-time { line-height: 22px } } @media (max-width: 1024px) { .card-event__date-time { position: relative; bottom: auto; margin-left: 20px } } .card-event_type_small .card-event__date-time { display: none } .card-event__description { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .card-event__description { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__description { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-event__description { font-size: .875rem } } @media (min-width: 1920px) { .card-event__description { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__description { line-height: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__description { line-height: 20px } } .card-event_type_small .card-event__description { margin-top: auto } .card-event__header { padding-right: 0 !important } @media (min-width: 1920px) { .card-event__header { padding: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__header { padding: calc(20px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__header { padding: 20px } } @media (max-width: 560px) { .card-event__header { display: none } } .card-event_type_small .card-event__header { padding: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1920px) { .card-event_type_small .card-event__header { height: 288px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event_type_small .card-event__header { height: calc(190px + 98 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event_type_small .card-event__header { height: 190px } } @media (max-width: 768px) { .card-event_type_small .card-event__header { height: auto } } .app_mode_color_bw .card-event_type_small .card-event__header, .app_mode_color_invert .card-event_type_small .card-event__header, .app_mode_color_sepia .card-event_type_small .card-event__header { display: none } @media (max-width: 768px) and (min-width: 1920px) { .card-event_type_small .card-event__header { min-height: 288px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .card-event_type_small .card-event__header { min-height: calc(190px + 98 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .card-event_type_small .card-event__header { min-height: 190px } } .card-event__image { -o-object-fit: cover; object-fit: cover; display: block; width: 100%; height: 100% } .card-event__icon { border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 1920px) { .card-event__icon { width: 160px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__icon { width: calc(120px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__icon { width: 120px } } @media (min-width: 1920px) { .card-event__icon { height: 160px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__icon { height: calc(120px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__icon { height: 120px } } .card-event_type_small .card-event__icon { background-color: #fff } .card-event__icon-image { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .card-event_type_small .card-event__icon-image { color: #a05eb5 } .card-event__icon-image svg { max-width: 100%; max-height: 100%; width: auto; height: auto } .card-event__picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 50%; background-color: #e6f3fa } @media (min-width: 1920px) { .card-event__picture { width: 123px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__picture { width: calc(92px + 31 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__picture { width: 92px } } @media (min-width: 1920px) { .card-event__picture { height: 123px } } @media (min-width: 560px) and (max-width: 1919px) { .card-event__picture { height: calc(92px + 31 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-event__picture { height: 92px } } .card-event_type_small .card-event__picture { border-radius: 0; width: 100%; height: 100% } @supports (-ms-ime-align:auto) { .card-event .card-event__inner:after { display: none } } .card-action { width: 100%; height: 100%; border-radius: 5px; overflow: hidden } .card-action__header { display: -webkit-box; display: -ms-flexbox; display: flex; background-image: -o-linear-gradient(279.58deg, #e782a9 -.85%, #8bb8e8 100.61%); background-image: linear-gradient(170.42deg, #e782a9 -.85%, #8bb8e8 100.61%); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 1920px) { .card-action__header { padding-left: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__header { padding-left: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__header { padding-left: 20px } } @media (min-width: 1920px) { .card-action__header { padding-right: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__header { padding-right: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__header { padding-right: 20px } } @media (min-width: 1920px) { .card-action__header { padding-top: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__header { padding-top: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__header { padding-top: 20px } } @media (min-width: 1920px) { .card-action__header { padding-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__header { padding-bottom: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__header { padding-bottom: 20px } } @media (max-width: 560px) { .card-action__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } } .action-item__card .card-action__header { display: none } .card-action__title { color: #fff; font-weight: 700; letter-spacing: .02em; padding-right: 30px; -webkit-transition: color .15s ease-out; -o-transition: color ease-out .15s; transition: color .15s ease-out } @media (min-width: 1920px) { .card-action__title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__title { font-size: calc(.9375rem + 9 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-action__title { font-size: .9375rem } } @media (min-width: 1920px) { .card-action__title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__title { line-height: calc(20px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__title { line-height: 20px } } .card-action__title:hover { color: #f6f5f6 } @media (max-width: 560px) { .card-action__title { width: 100%; margin-right: 0 } } .card-action__icon-arrow { width: 6px; height: 12px; color: #fff; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 7px } .card-action__date { -ms-flex-negative: 0; flex-shrink: 0; background-color: #fff; border-radius: 26px; height: 32px; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .card-action__date { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__date { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-action__date { font-size: .875rem } } @media (min-width: 1920px) { .card-action__date { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__date { line-height: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__date { line-height: 20px } } @media (max-width: 560px) { .card-action__date { margin-top: 15px } } .card-action__body { background-color: #eef4fc; color: #4d3651 } @media (min-width: 1920px) { .card-action__body { padding-left: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__body { padding-left: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__body { padding-left: 20px } } @media (min-width: 1920px) { .card-action__body { padding-right: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__body { padding-right: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__body { padding-right: 20px } } @media (min-width: 1920px) { .card-action__body { padding-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__body { padding-top: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__body { padding-top: 24px } } @media (min-width: 1920px) { .card-action__body { padding-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__body { padding-bottom: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__body { padding-bottom: 24px } } .card-action__content { max-width: 688px } .card-action__footer { position: relative; background-color: #eef4fc; padding-top: 20px; padding-bottom: 20px } @media (min-width: 1920px) { .card-action__footer { padding-left: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__footer { padding-left: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__footer { padding-left: 20px } } @media (min-width: 1920px) { .card-action__footer { padding-right: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__footer { padding-right: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__footer { padding-right: 20px } } .card-action__footer-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .card-action__footer-item:not(:last-child) { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__footer-item:not(:last-child) { margin-bottom: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__footer-item:not(:last-child) { margin-bottom: 20px } } @media (max-width: 768px) { .card-action__footer-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .card-action__sign { margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 768px) { .card-action__sign { margin-left: 0; margin-top: 15px } } @media (max-width: 560px) { .card-action__sign { width: 100% } } .card-action__sign-button { min-width: 180px } @media (max-width: 560px) { .card-action__sign-button { width: 100% } } .card-action__doctors { letter-spacing: .02em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .card-action__doctors { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__doctors { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-action__doctors { font-size: .875rem } } @media (min-width: 1920px) { .card-action__doctors { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__doctors { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__doctors { line-height: 22px } } @media (max-width: 560px) { .card-action__doctors { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .card-action__doctors-list { 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 } .card-action__doctors-item:not(:last-child) { margin-right: 4px } .card-action__doctors-item:not(:last-child):after { content: ","; display: inline-block; position: relative; color: #8bb8e8 } @media (min-width: 1920px) { .card-action__doctors-item:not(:last-child):after { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__doctors-item:not(:last-child):after { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-action__doctors-item:not(:last-child):after { font-size: .875rem } } .card-action__doctors-text { color: #4d3651; margin-right: 10px } .card-action__doctors-link { color: #0f579a } .card-action__service { width: 100% } .card-action__service-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .card-action__service-item:not(:last-child) { margin-bottom: 15px } @media (max-width: 560px) { .card-action__service-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .card-action__service-name { padding-right: 30px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 560px) { .card-action__service-name { width: 100%; padding-right: 0 } } .card-action__service-name-value { letter-spacing: .02em; color: #4d3651; font-weight: 700; -webkit-transition: color .2s ease-out; -o-transition: color ease-out .2s; transition: color .2s ease-out } @media (min-width: 1920px) { .card-action__service-name-value { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-name-value { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-action__service-name-value { font-size: 1rem } } @media (min-width: 1920px) { .card-action__service-name-value { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-name-value { line-height: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__service-name-value { line-height: 20px } } a.card-action__service-name-value:hover { color: #8bb8e8 } .card-action__service-name-preview { letter-spacing: .02em; color: #4d3651; margin-top: 12px } @media (min-width: 1920px) { .card-action__service-name-preview { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-name-preview { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-action__service-name-preview { font-size: 1rem } } @media (min-width: 1920px) { .card-action__service-name-preview { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-name-preview { line-height: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__service-name-preview { line-height: 20px } } .card-action__service-price { -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 560px) { .card-action__service-price { width: 100%; margin-top: 10px } } .card-action__service-price-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; letter-spacing: .02em } .card-action__service-price-value-old { color: #e782a9; text-decoration: line-through } @media (min-width: 1920px) { .card-action__service-price-value-old { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-price-value-old { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-action__service-price-value-old { font-size: 1rem } } @media (min-width: 1920px) { .card-action__service-price-value-old { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-price-value-old { line-height: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__service-price-value-old { line-height: 20px } } @media (min-width: 1920px) { .card-action__service-price-value-old { margin-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-price-value-old { margin-right: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__service-price-value-old { margin-right: 15px } } .card-action__service-price-value-new { color: #a05eb5 } @media (min-width: 1920px) { .card-action__service-price-value-new { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-price-value-new { font-size: calc(1.375rem + 10 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-action__service-price-value-new { font-size: 1.375rem } } @media (min-width: 1920px) { .card-action__service-price-value-new { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-price-value-new { line-height: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__service-price-value-new { line-height: 20px } } .card-action__service-price-text { margin-top: 12px; text-align: right; color: #4d3651 } @media (min-width: 1920px) { .card-action__service-price-text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-price-text { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-action__service-price-text { font-size: .875rem } } @media (min-width: 1920px) { .card-action__service-price-text { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .card-action__service-price-text { line-height: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-action__service-price-text { line-height: 20px } } @media (max-width: 560px) { .card-action__service-price-text { text-align: left } } .card-action__service-price-item:not(:last-of-type) { margin-bottom: 35px } .actions { position: relative } @media (min-width: 1920px) { .actions { padding-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .actions { padding-top: calc(40px + 80 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .actions { padding-top: 40px } } @media (min-width: 1920px) { .actions { padding-bottom: 140px } } @media (min-width: 560px) and (max-width: 1919px) { .actions { padding-bottom: calc(40px + 100 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .actions { padding-bottom: 40px } } @media (min-width: 1920px) { .actions__item:not(:last-child) { margin-bottom: 117px } } @media (min-width: 560px) and (max-width: 1919px) { .actions__item:not(:last-child) { margin-bottom: calc(30px + 87 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .actions__item:not(:last-child) { margin-bottom: 30px } } @media (min-width: 1920px) { .price-payment { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .price-payment { padding-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-payment { padding-top: 30px } } @media (min-width: 1920px) { .price-payment { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .price-payment { padding-bottom: calc(60px + 68 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-payment { padding-bottom: 60px } } .price-payment__text { max-width: 688px } .app_mode_color_bw .price-payment__text, .app_mode_color_invert .price-payment__text, .app_mode_color_sepia .price-payment__text { max-width: none } .price-payment__link { color: #8bb8e8; display: inline-block } @media (min-width: 1920px) { .price-payment__link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .price-payment__link { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price-payment__link { font-size: 1rem } } @media (min-width: 1920px) { .price-payment__link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .price-payment__link { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-payment__link { line-height: 24px } } @media (min-width: 1920px) { .price-payment__link { margin-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .price-payment__link { margin-top: calc(16px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-payment__link { margin-top: 16px } } .price-payment__icon-arrow { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); position: relative; top: 1px; margin-left: 7px } .card-stock { overflow: hidden; border-radius: 5px; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in; display: -webkit-box; display: -ms-flexbox; display: flex; background-image: -o-linear-gradient(197.64deg, #80c5e8 -49.29%, #e782a9 110.43%); background-image: linear-gradient(252.36deg, #80c5e8 -49.29%, #e782a9 110.43%) } @media (min-width: 1920px) { .card-stock { padding-top: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .card-stock { padding-top: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-stock { padding-top: 20px } } @media (min-width: 1920px) { .card-stock { padding-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .card-stock { padding-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-stock { padding-bottom: 20px } } @media (min-width: 1920px) { .card-stock { padding-right: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .card-stock { padding-right: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-stock { padding-right: 20px } } @media (min-width: 1920px) { .card-stock { padding-left: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .card-stock { padding-left: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-stock { padding-left: 20px } } @media (max-width: 1024px) { .card-stock { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .card-stock.card-stock_bg_1 { background-image: -o-linear-gradient(197.64deg, #80c5e8 -49.29%, #926eab 110.43%); background-image: linear-gradient(252.36deg, #80c5e8 -49.29%, #926eab 110.43%) } .card-stock.card-stock_bg_2 { background-image: -o-linear-gradient(197.64deg, #926eab -49.29%, #e782a9 110.43%); background-image: linear-gradient(252.36deg, #926eab -49.29%, #e782a9 110.43%) } .card-stock.card-stock_bg_3 { background-image: -o-linear-gradient(197.64deg, #53c9f4 -49.29%, #3389b4 110.43%); background-image: linear-gradient(252.36deg, #53c9f4 -49.29%, #3389b4 110.43%) } .card-stock.card-stock_bg_4 { background-image: -o-linear-gradient(197.64deg, #80c5e8 -49.29%, #e782a9 110.43%); background-image: linear-gradient(252.36deg, #80c5e8 -49.29%, #e782a9 110.43%) } .card-stock:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .app_mode_color_bw .card-stock, .app_mode_color_invert .card-stock, .app_mode_color_sepia .card-stock { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; padding-right: 0 } .card-stock__title { width: 44%; padding-right: 30px; -ms-flex-negative: 0; flex-shrink: 0; color: #fff; letter-spacing: .02em; font-weight: 700 } @media (min-width: 1920px) { .card-stock__title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-stock__title { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-stock__title { font-size: 1.125rem } } @media (min-width: 1920px) { .card-stock__title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-stock__title { line-height: calc(26px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-stock__title { line-height: 26px } } @media (max-width: 1024px) { .card-stock__title { width: 100%; padding-right: 0 } } .app_mode_color_bw .card-stock__title, .app_mode_color_invert .card-stock__title, .app_mode_color_sepia .card-stock__title { width: 100%; margin-bottom: 40px } @media (max-width: 1024px) and (min-width: 1920px) { .card-stock__title { margin-bottom: 32px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .card-stock__title { margin-bottom: calc(16px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .card-stock__title { margin-bottom: 16px } } .card-stock__text { width: 56%; -ms-flex-negative: 0; flex-shrink: 0; color: #fff; letter-spacing: .02em } @media (min-width: 1920px) { .card-stock__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-stock__text { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-stock__text { font-size: .875rem } } @media (min-width: 1920px) { .card-stock__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-stock__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-stock__text { line-height: 22px } } @media (max-width: 1024px) { .card-stock__text { width: 100% } } .app_mode_color_bw .card-stock__text, .app_mode_color_invert .card-stock__text, .app_mode_color_sepia .card-stock__text { width: 100% } @media (min-width: 1920px) { .stocks { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .stocks { padding-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .stocks { padding-top: 30px } } @media (min-width: 1920px) { .stocks { padding-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .stocks { padding-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .stocks { padding-bottom: 30px } } .stocks__wrapper { position: relative } @media (min-width: 1920px) { .stocks__item:not(:last-child) { margin-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .stocks__item:not(:last-child) { margin-bottom: calc(20px + 28 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .stocks__item:not(:last-child) { margin-bottom: 20px } } .stocks__link { color: #8bb8e8; line-height: 22px; letter-spacing: .02em; display: inline-block } @media (min-width: 1920px) { .stocks__link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .stocks__link { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .stocks__link { font-size: 1rem } } @media (min-width: 1920px) { .stocks__link { margin-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .stocks__link { margin-top: calc(16px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .stocks__link { margin-top: 16px } } .stocks__icon-arrow { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); position: relative; top: 1px; margin-left: 7px } .card-service { overflow: hidden; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px } .card-service, .card-service__header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .card-service__header { background-color: #cbdff5; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .card-service__header { padding-top: 62px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__header { padding-top: calc(30px + 32 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__header { padding-top: 30px } } @media (min-width: 1920px) { .card-service__header { padding-bottom: 62px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__header { padding-bottom: calc(30px + 32 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__header { padding-bottom: 30px } } @media (min-width: 1920px) { .card-service__header { padding-right: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__header { padding-right: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__header { padding-right: 20px } } @media (min-width: 1920px) { .card-service__header { padding-left: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__header { padding-left: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__header { padding-left: 20px } } @media (max-width: 560px) { .card-service__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .card-service__picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border-radius: 50%; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .card-service__picture { margin-right: 47px } } @media (min-width: 1024px) and (max-width: 1919px) { .card-service__picture { margin-right: calc(25px + 22 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .card-service__picture { margin-right: 25px } } @media (min-width: 1920px) { .card-service__picture { width: 114px } } @media (min-width: 1024px) and (max-width: 1919px) { .card-service__picture { width: calc(75px + 39 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .card-service__picture { width: 75px } } @media (min-width: 1920px) { .card-service__picture { height: 114px } } @media (min-width: 1024px) and (max-width: 1919px) { .card-service__picture { height: calc(75px + 39 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .card-service__picture { height: 75px } } @media (max-width: 560px) { .card-service__picture { margin-right: 0; margin-bottom: 15px } } .app_mode_color_bw .card-service__picture, .app_mode_color_invert .card-service__picture, .app_mode_color_sepia .card-service__picture { display: none } .card-service__image { max-width: 90%; max-height: 90% } .card-service__title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .card-service__title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__title { font-size: calc(1.125rem + 14 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-service__title { font-size: 1.125rem } } @media (min-width: 1920px) { .card-service__title { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__title { line-height: calc(26px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__title { line-height: 26px } } .card-service__body { background-color: #eef4fc; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 1920px) { .card-service__body { padding-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__body { padding-top: calc(16px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__body { padding-top: 16px } } @media (min-width: 1920px) { .card-service__body { padding-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__body { padding-bottom: calc(16px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__body { padding-bottom: 16px } } @media (min-width: 1920px) { .card-service__body { padding-right: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__body { padding-right: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__body { padding-right: 20px } } @media (min-width: 1920px) { .card-service__body { padding-left: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__body { padding-left: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__body { padding-left: 20px } } .card-service__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 1920px) { .card-service__item:not(:last-child) { margin-bottom: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__item:not(:last-child) { margin-bottom: calc(10px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__item:not(:last-child) { margin-bottom: 10px } } .card-service__item:after { content: ""; position: absolute; z-index: 1; border-bottom: 1px dashed #a6a6a6; height: 1px; width: 100%; left: 0 } @media (min-width: 1920px) { .card-service__item:after { bottom: 7px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__item:after { bottom: calc(6px + 1 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__item:after { bottom: 6px } } @media (max-width: 560px) { .card-service__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .card-service__name { color: #4d3651; letter-spacing: .02em; padding-right: 30px } @media (min-width: 1920px) { .card-service__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__name { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-service__name { font-size: .875rem } } @media (min-width: 1920px) { .card-service__name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__name { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__name { line-height: 22px } } @media (max-width: 560px) { .card-service__name { padding-right: 0 } } .card-service__value { -ms-flex-negative: 0; flex-shrink: 0; color: #4d3651; letter-spacing: .02em; font-weight: 700; outline: .3125rem solid #eef4fc; background-color: #eef4fc; padding-left: 5px; position: relative; z-index: 2 } @media (min-width: 1920px) { .card-service__value { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__value { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-service__value { font-size: .875rem } } @media (min-width: 1920px) { .card-service__value { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__value { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__value { line-height: 22px } } .card-service__name-text { background-color: #eef4fc; position: relative; z-index: 2; display: unset; outline: .3125rem solid #eef4fc } .app_mode_color_bw .card-service__name-text, .app_mode_color_invert .card-service__name-text, .app_mode_color_sepia .card-service__name-text { outline: none } .card-service__link { color: #8bb8e8; letter-spacing: .02em; -ms-flex-item-align: end; align-self: flex-end } @media (min-width: 1920px) { .card-service__link { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__link { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-service__link { font-size: .875rem } } @media (min-width: 1920px) { .card-service__link { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__link { line-height: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__link { line-height: 20px } } @media (min-width: 1920px) { .card-service__link { margin-top: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .card-service__link { margin-top: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-service__link { margin-top: 18px } } .card-service__icon-arrow { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); position: relative; top: 1px; margin-left: 7px } @media (min-width: 1920px) { .price-services { padding-top: 122px } } @media (min-width: 560px) and (max-width: 1919px) { .price-services { padding-top: calc(60px + 62 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-services { padding-top: 60px } } @media (min-width: 1920px) { .price-services { padding-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .price-services { padding-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-services { padding-bottom: 30px } } .price-services__wrapper { max-width: 1554px; position: relative; margin: 0 auto; overflow-y: visible } @media (min-width: 1024px) { .price-services__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .price-services__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .price-services__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .price-services__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .price-services__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .price-services__wrapper { padding-right: 20px } } .price-services__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; margin-right: -16px } .price-services__item { padding-left: 16px; padding-right: 16px; width: 50% } @media (max-width: 1024px) { .price-services__item { width: 100% } } @media (max-width: 1024px) { .price-services__item:not(:last-child) { margin-bottom: 32px } } .app_mode_color_bw .price-services__item, .app_mode_color_invert .price-services__item, .app_mode_color_sepia .price-services__item { width: 100% } @media (min-width: 1920px) { .price-services__more { margin-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .price-services__more { margin-top: calc(30px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price-services__more { margin-top: 30px } } .price-services__more-link { min-width: 210px } @media (max-width: 560px) { .price-services__more-link { width: 100% } } .news { overflow: hidden; background-color: #e6f3fa } @media (min-width: 1920px) { .news { padding-top: 97px } } @media (min-width: 560px) and (max-width: 1919px) { .news { padding-top: calc(50px + 47 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news { padding-top: 50px } } @media (min-width: 1920px) { .news { padding-bottom: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .news { padding-bottom: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news { padding-bottom: 60px } } .news__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .news__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .news__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .news__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .news__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .news__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .news__wrapper { padding-right: 20px } } .news__inner { position: relative } .news__container-outer { overflow: hidden; position: relative; margin-top: -45px; margin-bottom: -80px } @media (max-width: 560px) and (min-width: 560px) { .news__container-outer { margin-right: -41px } } @media (max-width: 560px) and (min-width: 320px) and (max-width: 559px) { .news__container-outer { margin-right: calc(-20px + -21 * (100vw - 320px) / 240) } } @media (max-width: 560px) and (max-width: 319px) { .news__container-outer { margin-right: -20px } } @media (min-width: 1920px) { .news__title { margin-bottom: 85px } } @media (min-width: 560px) and (max-width: 1919px) { .news__title { margin-bottom: calc(40px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news__title { margin-bottom: 40px } } .news__container { padding-top: 45px; padding-bottom: 80px; margin-right: -360px } @media (max-width: 560px) { .news__container { margin-right: -180px; margin-left: -180px } } ul.news__list { height: 188px } .app_mode_color_bw ul.news__list, .app_mode_color_invert ul.news__list, .app_mode_color_sepia ul.news__list { height: auto } .news__item { height: 188px; overflow: hidden; border-radius: 5px } .news__nav { position: absolute; top: 50%; margin-top: -34px; z-index: 2 } @media (max-width: 560px) { .news__nav { display: none } } .news__nav.news__nav_prev { left: -20px } .news__nav.news__nav_next { right: -20px } .news__all-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #8bb8e8; letter-spacing: .02em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2 } @media (min-width: 1920px) { .news__all-link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .news__all-link { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .news__all-link { font-size: 1rem } } @media (min-width: 1920px) { .news__all-link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .news__all-link { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news__all-link { line-height: 24px } } @media (min-width: 1920px) { .news__all-link { margin-top: 52px } } @media (min-width: 560px) and (max-width: 1919px) { .news__all-link { margin-top: calc(20px + 32 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news__all-link { margin-top: 20px } } .news__icon-arrow { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 3px; margin-top: 1px } .social { position: relative } @media (min-width: 1920px) { .social { padding-top: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .social { padding-top: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .social { padding-top: 30px } } @media (min-width: 1920px) { .social { padding-bottom: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .social { padding-bottom: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .social { padding-bottom: 30px } } .app_mode_color_bw .social__btn, .app_mode_color_invert .social__btn, .app_mode_color_sepia .social__btn { border: .125rem solid } .quote { position: relative } @media (min-width: 1920px) { .quote { margin-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .quote { margin-top: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .quote { margin-top: 40px } } @media (min-width: 1920px) { .quote { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .quote { margin-bottom: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .quote { margin-bottom: 40px } } .quote__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .quote__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .quote__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .quote__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .quote__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .quote__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .quote__wrapper { padding-right: 20px } } .quote__item { letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #a05eb5; border-left: 2px solid #a05eb5; max-width: 930px } @media (min-width: 1920px) { .quote__item { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .quote__item { font-size: calc(1.0625rem + 15 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .quote__item { font-size: 1.0625rem } } @media (min-width: 1920px) { .quote__item { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .quote__item { line-height: calc(26px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .quote__item { line-height: 26px } } @media (min-width: 1920px) { .quote__item { padding-left: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .quote__item { padding-left: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .quote__item { padding-left: 20px } } .quote__author { letter-spacing: .02em; color: #4d3651; max-width: 720px } @media (min-width: 1920px) { .quote__author { margin-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .quote__author { margin-top: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .quote__author { margin-top: 20px } } @media (min-width: 1920px) { .quote__author { padding-left: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .quote__author { padding-left: calc(22px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .quote__author { padding-left: 22px } } @media (min-width: 1920px) { .quote__author { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .quote__author { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .quote__author { font-size: 1rem } } @media (min-width: 1920px) { .quote__author { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .quote__author { line-height: calc(24px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .quote__author { line-height: 24px } } @media (max-width: 560px) { .quote__author { padding-left: 0 } } .quote__author-name { font-weight: 700 } @media (min-width: 1920px) { .quote__author-position { margin-top: 6px } } @media (min-width: 560px) and (max-width: 1919px) { .quote__author-position { margin-top: calc(4px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .quote__author-position { margin-top: 4px } } @media (min-width: 1920px) { .constructor-video { margin-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-video { margin-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-video { margin-top: 30px } } @media (min-width: 1920px) { .constructor-video { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-video { margin-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-video { margin-bottom: 30px } } .constructor-video__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .constructor-video__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .constructor-video__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .constructor-video__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .constructor-video__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .constructor-video__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .constructor-video__wrapper { padding-right: 20px } } .constructor-video__description { color: #a6a6a6; letter-spacing: .02em } @media (min-width: 1920px) { .constructor-video__description { margin-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-video__description { margin-top: calc(16px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-video__description { margin-top: 16px } } @media (min-width: 1920px) { .constructor-video__description { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-video__description { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .constructor-video__description { font-size: .875rem } } @media (min-width: 1920px) { .constructor-video__description { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-video__description { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-video__description { line-height: 22px } } .constructor-text-in-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; height: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width: 768px) { .constructor-text-in-columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .constructor-text-in-columns__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .constructor-text-in-columns__column { margin-right: 32px; width: 45% } @media (min-width: 1920px) { .constructor-text-in-columns__column { margin-bottom: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-text-in-columns__column { margin-bottom: calc(10px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-text-in-columns__column { margin-bottom: 10px } } @media screen and (max-width: 768px) { .constructor-text-in-columns__column { width: 100% } } .constructor-text-in-columns__column:last-child { margin-right: 0 } .constructor-text-in-columns__column_title { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; margin-bottom: 12px } @media (min-width: 1920px) { .constructor-text-in-columns__column_title { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-text-in-columns__column_title { font-size: calc(2.25rem + 12 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .constructor-text-in-columns__column_title { font-size: 2.25rem } } @media (min-width: 1920px) { .constructor-text-in-columns__column_title { line-height: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-text-in-columns__column_title { line-height: calc(36px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-text-in-columns__column_title { line-height: 36px } } .constructor-text-in-columns__column_text { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; font-weight: 400; letter-spacing: .02em } @media (min-width: 1920px) { .constructor-text-in-columns__column_text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-text-in-columns__column_text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .constructor-text-in-columns__column_text { font-size: 1rem } } @media (min-width: 1920px) { .constructor-text-in-columns__column_text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-text-in-columns__column_text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-text-in-columns__column_text { line-height: 24px } } .constructor-text-in-columns__column_stretch { width: 100%; margin-right: 0 } .constructor-map-legend__element_circle { margin-right: 12px; content: ""; position: relative; display: block; border-radius: 50%; width: 24px; height: 24px } @media screen and (max-width: 768px) { .constructor-map-legend__element_circle { width: 17px; height: 17px } } @media screen and (max-width: 450px) { .constructor-map-legend__element_circle { width: 14px; height: 14px; margin-top: 10px !important } } .constructor-map-legend__element_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 16px; margin-right: 20px } .constructor-base__wrapper.map-legend { margin-top: -30px } @media screen and (max-width: 768px) { .constructor-base__wrapper.map-legend { margin-top: -20px } } @media (min-width: 1920px) { .constructor-photo { margin-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-photo { margin-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-photo { margin-top: 30px } } @media (min-width: 1920px) { .constructor-photo { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-photo { margin-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-photo { margin-bottom: 30px } } .constructor-photo__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .constructor-photo__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .constructor-photo__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .constructor-photo__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .constructor-photo__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .constructor-photo__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .constructor-photo__wrapper { padding-right: 20px } } .constructor-photo__description { color: #a6a6a6; letter-spacing: .02em } @media (min-width: 1920px) { .constructor-photo__description { margin-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-photo__description { margin-top: calc(16px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-photo__description { margin-top: 16px } } @media (min-width: 1920px) { .constructor-photo__description { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-photo__description { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .constructor-photo__description { font-size: .875rem } } @media (min-width: 1920px) { .constructor-photo__description { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-photo__description { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-photo__description { line-height: 22px } } .news-title { background-image: -o-linear-gradient(206.55deg, #e6f3fa 7.17%, #f4c7d8 99.46%); background-image: linear-gradient(243.45deg, #e6f3fa 7.17%, #f4c7d8 99.46%); min-height: 312px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .news-title { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .news-title { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news-title { padding-top: 50px } } @media (min-width: 1920px) { .news-title { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .news-title { padding-bottom: calc(50px + 78 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news-title { padding-bottom: 50px } } @media (max-width: 768px) { .news-title { min-height: auto } } .news-title_notifications { background-color: #e8b6d1 } .news-title_news { background-image: -o-linear-gradient(212.17deg, #c7e1ef 7.17%, #e8c3d9 99.46%); background-image: linear-gradient(237.83deg, #c7e1ef 7.17%, #e8c3d9 99.46%) } .news-title__wrapper { width: 100%; max-width: 1568px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 1024px) { .news-title__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .news-title__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .news-title__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .news-title__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .news-title__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .news-title__wrapper { padding-right: 20px } } .news-title__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 1080px } @media (min-width: 1920px) { .news-title__data { padding-right: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .news-title__data { padding-right: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news-title__data { padding-right: 30px } } .news-title__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px } @media (min-width: 1920px) { .news-title__title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .news-title__title { font-size: calc(1.25rem + 12 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .news-title__title { font-size: 1.25rem } } @media (min-width: 1920px) { .news-title__title { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .news-title__title { line-height: calc(28px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news-title__title { line-height: 28px } } @media (min-width: 1920px) { .news-title__title:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .news-title__title:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news-title__title:not(:last-of-type) { margin-bottom: 18px } } .news-title__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 560px) { .news-title__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .news-title__icon { overflow: hidden; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff } @media (min-width: 1920px) { .news-title__icon { width: 114px } } @media (min-width: 560px) and (max-width: 1919px) { .news-title__icon { width: calc(70px + 44 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news-title__icon { width: 70px } } @media (min-width: 1920px) { .news-title__icon { height: 114px } } @media (min-width: 560px) and (max-width: 1919px) { .news-title__icon { height: calc(70px + 44 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news-title__icon { height: 70px } } @media (min-width: 1920px) { .news-title__icon { margin-right: 43px } } @media (min-width: 560px) and (max-width: 1919px) { .news-title__icon { margin-right: calc(20px + 23 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news-title__icon { margin-right: 20px } } @media (max-width: 560px) { .news-title__icon { margin-right: 0; margin-bottom: 10px } } @media (min-width: 1920px) { .news-title__image { max-width: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .news-title__image { max-width: calc(45px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news-title__image { max-width: 45px } } @media (min-width: 1920px) { .news-title__image { max-height: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .news-title__image { max-height: calc(45px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .news-title__image { max-height: 45px } } .nurse__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .nurse__wrapper { padding-left: 73px } } @media (min-width: 320px) and (max-width: 1023px) { .nurse__wrapper { padding-left: calc(20px + 53 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .nurse__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .nurse__wrapper { padding-right: 73px } } @media (min-width: 320px) and (max-width: 1023px) { .nurse__wrapper { padding-right: calc(20px + 53 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .nurse__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .nurse-block { margin-top: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block { margin-top: calc(10px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block { margin-top: 10px } } @media (min-width: 1920px) { .nurse-block { margin-bottom: 188px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block { margin-bottom: calc(90px + 98 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block { margin-bottom: 90px } } .nurse-block__title { letter-spacing: .02em; font-weight: 700 } @media (min-width: 1920px) { .nurse-block__title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__title { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .nurse-block__title { font-size: 1.25rem } } @media (min-width: 1920px) { .nurse-block__title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__title { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__title { line-height: 28px } } @media (min-width: 1920px) { .nurse-block__title { margin-bottom: 49px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__title { margin-bottom: calc(32px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__title { margin-bottom: 32px } } .nurse-block__container { display: -webkit-box; display: -ms-flexbox; display: flex; color: #4d3651; border-bottom: 1px solid #edebee; border-top: 1px solid #edebee } @media (min-width: 1920px) { .nurse-block__container { padding-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__container { padding-top: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__container { padding-top: 24px } } @media (min-width: 1920px) { .nurse-block__container { padding-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__container { padding-bottom: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__container { padding-bottom: 24px } } @media (max-width: 560px) { .nurse-block__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .nurse-block__photo { background-image: -o-linear-gradient(6.36deg, #e6f3fa 7.17%, #fce7f1 99.46%); background-image: linear-gradient(83.64deg, #e6f3fa 7.17%, #fce7f1 99.46%); width: 217px; overflow: hidden; -o-object-fit: cover; object-fit: cover; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .nurse-block__photo { margin-right: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__photo { margin-right: calc(25px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__photo { margin-right: 25px } } @media (max-width: 560px) { .nurse-block__photo { margin-right: auto; margin-left: auto; margin-bottom: 15px } } .nurse-block__personal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .nurse-block__image { margin-top: auto } @media (max-width: 1024px) and (min-width: 1024px) { .nurse-block__image { max-height: 340px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .nurse-block__image { max-height: calc(270px + 70 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .nurse-block__image { max-height: 270px } } .nurse-block__name { color: #4d3651; letter-spacing: .02em; font-weight: 700; border-bottom: 1px solid #cbdff5 } @media (min-width: 1920px) { .nurse-block__name { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__name { font-size: calc(.9375rem + 9 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .nurse-block__name { font-size: .9375rem } } @media (min-width: 1920px) { .nurse-block__name { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__name { line-height: calc(22px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__name { line-height: 22px } } @media (min-width: 1920px) { .nurse-block__name { padding-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__name { padding-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__name { padding-bottom: 15px } } @media (max-width: 560px) { .nurse-block__name { text-align: center } } .nurse-block__information { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width: 1920px) { .nurse-block__information { padding-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__information { padding-top: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__information { padding-top: 15px } } @media (min-width: 1920px) { .nurse-block__information { padding-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__information { padding-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__information { padding-bottom: 15px } } .nurse-block__work { letter-spacing: .02em; color: #4d3651; margin-right: auto } @media (min-width: 1920px) { .nurse-block__work { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__work { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .nurse-block__work { font-size: .9375rem } } @media (min-width: 1920px) { .nurse-block__work { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__work { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__work { line-height: 22px } } @media (max-width: 1024px) { .nurse-block__work { width: 100%; margin-bottom: 15px } } .nurse-block__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1920px) { .nurse-block__info { margin-left: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__info { margin-left: calc(20px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__info { margin-left: 20px } } .nurse-block__info-title { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .nurse-block__info-title { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__info-title { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .nurse-block__info-title { font-size: .9375rem } } @media (min-width: 1920px) { .nurse-block__info-title { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__info-title { line-height: calc(22px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__info-title { line-height: 22px } } @media (min-width: 1920px) { .nurse-block__info-title { margin-bottom: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__info-title { margin-bottom: calc(7px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__info-title { margin-bottom: 7px } } .nurse-block__info-description { letter-spacing: .02em; color: #a05eb5 } @media (min-width: 1920px) { .nurse-block__info-description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__info-description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .nurse-block__info-description { font-size: 1rem } } @media (min-width: 1920px) { .nurse-block__info-description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .nurse-block__info-description { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .nurse-block__info-description { line-height: 24px } } @media (max-width: 1024px) { .nurse-block__experience { margin-left: 0 } } @media (max-width: 768px) { .nurse-block__experience { width: 100%; margin-bottom: 15px } } .nurse-block__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto } .nurse-block__link:hover .nurse-block__icon-arrow, .nurse-block__link:hover .nurse-block__link-text { -webkit-transition: color .15s ease-in; -o-transition: color .15s ease-in; transition: color .15s ease-in; color: #3389b4 } .nurse-block__icon-arrow { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: #0f579a; margin-left: 4px; position: relative; top: 1px } @media (max-width: 768px) { .nurse-block__degree { width: 100%; margin-left: 0 } } @media (max-width: 560px) { .nurse-block__degree { margin-bottom: 10px } } .modal-response__header { width: 100%; padding-right: 20px; padding-left: 20px } .modal-response__inner_error .modal-response__header { background-color: #e782a9; background-image: none; color: #fff } .modal-response__title { text-align: center; width: 100% } .modal-response__inner_error .modal-response__title { color: #fff } .modal-response__body { text-align: center; color: #4d3651; font-weight: 700 } @media (min-width: 1920px) { .modal-response__body { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .modal-response__body { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .modal-response__body { font-size: 1rem } } @media (min-width: 1920px) { .modal-response__body { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-response__body { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-response__body { line-height: 26px } } .modal-response__text { text-align: center; color: #4d3651; font-weight: 400; margin-top: 15px } @media (min-width: 1920px) { .modal-response__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .modal-response__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .modal-response__text { font-size: 1rem } } @media (min-width: 1920px) { .modal-response__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-response__text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-response__text { line-height: 26px } } .modal-response__close { margin-top: 40px; min-width: 180px; position: relative; margin-left: auto; margin-right: auto; display: block } .modal-response__close_hide { display: none } .modal-response__link-wrapper { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .modal-response__link-wrapper_hide { display: none } .modal-response__link { min-width: 180px; position: relative; margin-left: auto; margin-right: auto } .card-news, .modal-response__link { display: -webkit-box; display: -ms-flexbox; display: flex } .card-news { overflow: hidden; width: 100%; height: 100% } .card-news__more-icon { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 3px; margin-top: 1px } .card-news__photo { -ms-flex-negative: 0; flex-shrink: 0; width: 148px; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(130, 184, 239, .45) } .card-news__photo:after { content: ""; width: 80px; height: 80px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1 } .card-news_important .card-news__photo { background-color: #e782a9; border-right: 1px solid #fff } .card-news_corona .card-news__photo { background-color: #a05eb5 } @media (max-width: 560px) { .card-news__photo { display: none } } .app_mode_color_bw .card-news__photo, .app_mode_color_invert .card-news__photo, .app_mode_color_sepia .card-news__photo { display: none } .card-news__image { z-index: 2 } .card-news__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: #fff; 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 } @media (min-width: 1920px) { .card-news__data { padding-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news__data { padding-top: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news__data { padding-top: 20px } } @media (min-width: 1920px) { .card-news__data { padding-bottom: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news__data { padding-bottom: calc(7px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news__data { padding-bottom: 7px } } @media (min-width: 1920px) { .card-news__data { padding-left: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news__data { padding-left: calc(17px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news__data { padding-left: 17px } } @media (min-width: 1920px) { .card-news__data { padding-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news__data { padding-right: calc(17px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news__data { padding-right: 17px } } .card-news_important .card-news__data { background-color: #fff } .card-news__title { letter-spacing: .02em; font-weight: 700; color: #4d3651; margin-bottom: 15px } @media (min-width: 1920px) { .card-news__title { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-news__title { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-news__title { font-size: 1rem } } @media (min-width: 1920px) { .card-news__title { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news__title { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news__title { line-height: 26px } } .card-news_important .card-news__title { color: #4d3651 } .card-news__more { letter-spacing: .02em; color: #0f579a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .card-news__more { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-news__more { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-news__more { font-size: .9375rem } } @media (min-width: 1920px) { .card-news__more { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-news__more { line-height: calc(25px + 1 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-news__more { line-height: 25px } } .card-news_important .card-news__more { color: #4d3651 } .world-spec { overflow: hidden } @media (min-width: 1920px) { .world-spec { padding-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec { padding-top: calc(90px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .world-spec { padding-top: 90px } } @media (min-width: 1920px) { .world-spec { padding-bottom: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec { padding-bottom: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .world-spec { padding-bottom: 60px } } .world-spec__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .world-spec__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .world-spec__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .world-spec__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .world-spec__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .world-spec__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .world-spec__wrapper { padding-right: 20px } } .world-spec__title { max-width: 930px } @media (min-width: 1920px) { .world-spec__title { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec__title { margin-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .world-spec__title { margin-bottom: 30px } } .app_mode_color_bw .world-spec__title, .app_mode_color_invert .world-spec__title, .app_mode_color_sepia .world-spec__title { max-width: none } .world-spec__body { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1024px) { .world-spec__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (min-width: 1920px) { .world-spec__data { padding-right: 80px } } @media (min-width: 1024px) and (max-width: 1919px) { .world-spec__data { padding-right: calc(30px + 50 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .world-spec__data { padding-right: 30px } } @media (max-width: 1024px) { .world-spec__data { padding-right: 0 } } .world-spec__doctor { -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .world-spec__doctor { width: 440px } } @media (min-width: 1024px) and (max-width: 1919px) { .world-spec__doctor { width: calc(340px + 100 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .world-spec__doctor { width: 340px } } @media (max-width: 1024px) { .world-spec__doctor { width: 100% } } @media (max-width: 1024px) and (min-width: 1024px) { .world-spec__doctor { padding-top: 50px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .world-spec__doctor { padding-top: calc(30px + 20 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .world-spec__doctor { padding-top: 30px } } .world-spec__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-right: -20px } @media (min-width: 1920px) { .world-spec__list { margin-bottom: -56px } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec__list { margin-bottom: calc(-40px + -16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .world-spec__list { margin-bottom: -40px } } .world-spec__item { width: 33.3%; padding-left: 20px; padding-right: 20px } @media (min-width: 1920px) { .world-spec__item { margin-bottom: 56px } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec__item { margin-bottom: calc(40px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .world-spec__item { margin-bottom: 40px } } @media (max-width: 560px) { .world-spec__item { width: 50% } } .world-spec__value { color: #4d3651; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; margin-bottom: 10px } @media (min-width: 1920px) { .world-spec__value { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec__value { font-size: calc(3rem + 0 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .world-spec__value { font-size: 3rem } } @media (min-width: 1920px) { .world-spec__value { line-height: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec__value { line-height: calc(48px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .world-spec__value { line-height: 48px } } .world-spec__description { color: #4d3651; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .world-spec__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec__description { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .world-spec__description { font-size: .9375rem } } @media (min-width: 1920px) { .world-spec__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec__description { line-height: calc(25px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .world-spec__description { line-height: 25px } } @media (min-width: 1920px) { .world-spec__text { margin-top: 63px } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec__text { margin-top: calc(45px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .world-spec__text { margin-top: 45px } } .world-spec__doctor-block { border-radius: 4px; border: 1px solid #a05eb5; padding: 40px 32px 44px } @media (max-width: 1024px) { .world-spec__doctor-block { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width: 560px) { .world-spec__doctor-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px } } .world-spec__doctor-avatar { overflow: hidden; position: relative; border-radius: 50%; margin-left: auto; margin-right: auto; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .world-spec__doctor-avatar { width: 180px } } @media (min-width: 1024px) and (max-width: 1919px) { .world-spec__doctor-avatar { width: calc(140px + 40 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .world-spec__doctor-avatar { width: 140px } } @media (min-width: 1920px) { .world-spec__doctor-avatar { height: 180px } } @media (min-width: 1024px) and (max-width: 1919px) { .world-spec__doctor-avatar { height: calc(140px + 40 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .world-spec__doctor-avatar { height: 140px } } @media (min-width: 1920px) { .world-spec__doctor-avatar { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .world-spec__doctor-avatar { margin-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .world-spec__doctor-avatar { margin-bottom: 30px } } @media (max-width: 1024px) { .world-spec__doctor-avatar { margin-right: 30px; margin-bottom: 0 } } @media (max-width: 560px) { .world-spec__doctor-avatar { margin-bottom: 30px; margin-right: auto } } .app_mode_color_bw .world-spec__doctor-avatar, .app_mode_color_invert .world-spec__doctor-avatar, .app_mode_color_sepia .world-spec__doctor-avatar { display: none } .world-spec__image { display: block } .world-spec__doctor-text { color: #4d3651 } .service-header { background-color: #eef4fc; min-height: 312px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .service-header { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header { padding-top: 50px } } @media (min-width: 1920px) { .service-header { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header { padding-bottom: calc(50px + 78 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header { padding-bottom: 50px } } @media (max-width: 768px) { .service-header { min-height: auto } } .service-header__title { color: #59335f } @media (min-width: 1920px) { .service-header__title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__title { font-size: calc(1.75rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .service-header__title { font-size: 1.75rem } } @media (min-width: 1920px) { .service-header__title { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__title { line-height: calc(38px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__title { line-height: 38px } } .service-header__wrapper { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .service-header__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .service-header__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .service-header__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .service-header__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .service-header__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .service-header__wrapper { padding-right: 20px } } .service-header__titleslider { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 928px; margin-top: 15px } @media (min-width: 1920px) { .service-header__titleslider { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__titleslider { font-size: calc(1.75rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .service-header__titleslider { font-size: 1.75rem } } @media (min-width: 1920px) { .service-header__titleslider { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__titleslider { line-height: calc(38px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__titleslider { line-height: 38px } } @media (min-width: 1920px) { .service-header__titleslider:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__titleslider:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__titleslider:not(:last-of-type) { margin-bottom: 18px } } @media (min-width: 1920px) { .app_mode_size_m .service-header__titleslider { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .app_mode_size_m .service-header__titleslider { font-size: calc(1.875rem + 18 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .app_mode_size_m .service-header__titleslider { font-size: 1.875rem } } @media (min-width: 1920px) { .app_mode_size_l .service-header__titleslider { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .app_mode_size_l .service-header__titleslider { font-size: calc(1.875rem + 18 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .app_mode_size_l .service-header__titleslider { font-size: 1.875rem } } .service-header__text { color: #59335f; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 688px; margin-top: 24px } @media (min-width: 1920px) { .service-header__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .service-header__text { font-size: 1rem } } @media (min-width: 1920px) { .service-header__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__text { line-height: 26px } } .service-header__inner { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1024px) { .service-header__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .service-header__sign-button { margin-top: 24px; padding-left: 20px; padding-right: 20px } .service-header__left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative } @media (min-width: 1920px) { .service-header__left { padding-right: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__left { padding-right: calc(30px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__left { padding-right: 30px } } @media (max-width: 1024px) { .service-header__left { padding-right: 0 } } @media (max-width: 1024px) and (min-width: 1024px) { .service-header__left { margin-bottom: 50px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .service-header__left { margin-bottom: calc(25px + 25 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .service-header__left { margin-bottom: 25px } } .service-header__right { width: 330px; -ms-flex-negative: 0; flex-shrink: 0; position: relative } @media (min-width: 1920px) { .service-header__right { padding-left: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__right { padding-left: calc(30px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__right { padding-left: 30px } } @media (min-width: 1920px) { .service-header__right { padding-top: 18px } } @media (min-width: 1024px) and (max-width: 1919px) { .service-header__right { padding-top: calc(11px + 7 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .service-header__right { padding-top: 11px } } @media (max-width: 1024px) { .service-header__right { padding-left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media (max-width: 1024px) and (min-width: 1024px) { .service-header__right { padding-top: 50px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .service-header__right { padding-top: calc(25px + 25 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .service-header__right { padding-top: 25px } } @media (max-width: 1024px) and (max-width: 560px) { .service-header__right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (min-width: 1920px) { .service-header__price:not(:last-of-type) { margin-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__price:not(:last-of-type) { margin-bottom: calc(25px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__price:not(:last-of-type) { margin-bottom: 25px } } @media (max-width: 1024px) { .service-header__price { margin-bottom: 0; width: 50% } } @media (max-width: 560px) { .service-header__price { width: 100% } } .service-header__price-text { color: #4d3651 } @media (min-width: 1920px) { .service-header__price-text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__price-text { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .service-header__price-text { font-size: .875rem } } @media (min-width: 1920px) { .service-header__price-text { line-height: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__price-text { line-height: calc(16px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__price-text { line-height: 16px } } @media (min-width: 1920px) { .service-header__price-text { margin-bottom: 15px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__price-text { margin-bottom: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__price-text { margin-bottom: 10px } } .service-header__price-value-old { color: #e782a9; text-decoration: line-through } @media (min-width: 1920px) { .service-header__price-value-old { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__price-value-old { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .service-header__price-value-old { font-size: 1rem } } @media (min-width: 1920px) { .service-header__price-value-old { line-height: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__price-value-old { line-height: calc(18px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__price-value-old { line-height: 18px } } @media (min-width: 1920px) { .service-header__price-value-old { margin-bottom: 10px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__price-value-old { margin-bottom: calc(5px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__price-value-old { margin-bottom: 5px } } .service-header__price-value { color: #59335f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } @media (min-width: 1920px) { .service-header__price-value { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__price-value { font-size: calc(1.625rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .service-header__price-value { font-size: 1.625rem } } @media (min-width: 1920px) { .service-header__price-value { line-height: 36px } } @media (min-width: 560px) and (max-width: 1919px) { .service-header__price-value { line-height: calc(30px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-header__price-value { line-height: 30px } } .service-header__tooltip { position: absolute; width: 246px; left: 50%; margin-left: -123px; top: 0; opacity: 0; padding-top: 20px; pointer-events: none; z-index: 5; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .service-header__tooltip.service-header__tooltip_active { opacity: 1; top: 15px; pointer-events: auto } .service-header__tooltip-body { border-radius: 5px; padding: 15px 20px; text-align: left; color: #4d3651; letter-spacing: .02em; font-size: .875rem; line-height: 20px; background-color: #fff; width: 100%; position: relative; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .12); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .12) } .service-header__tooltip-body a { color: #8bb8e8 } .service-header__polygon { width: 17px; height: 10px; color: #fff; left: 50%; margin-left: -8px; top: -9px; position: absolute } @media (max-width: 1024px) { .service-header__polygon { display: none } } .service-header__tooltip-btn { border-radius: 50%; color: #fff; background-color: #53c9f4; width: 20px; height: 20px; cursor: pointer; line-height: 20px; text-align: center; font-size: .875rem; margin-left: 10px; position: relative; letter-spacing: .02em } @media (max-width: 1024px) { .service-header__tooltip-btn { position: static } } .service-faq { width: 100%; margin-top: 0 } .service-faq__description { letter-spacing: .02em } @media (min-width: 1920px) { .service-faq__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .service-faq__description { font-size: 1rem } } @media (min-width: 1920px) { .service-faq__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__description { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-faq__description { line-height: 24px } } @media (min-width: 1920px) { .service-faq__description { margin-bottom: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__description { margin-bottom: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-faq__description { margin-bottom: 30px } } @media (min-width: 1920px) { .service-faq__accordion:not(:first-of-type) { margin-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__accordion:not(:first-of-type) { margin-top: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-faq__accordion:not(:first-of-type) { margin-top: 24px } } .service-faq__header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #e6f3fa; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; -webkit-transition: background-color .15s ease-out; -o-transition: background-color ease-out .15s; transition: background-color .15s ease-out } @media (min-width: 1920px) { .service-faq__header { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__header { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-faq__header { padding-left: 15px } } @media (min-width: 1920px) { .service-faq__header { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__header { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-faq__header { padding-right: 15px } } @media (min-width: 1920px) { .service-faq__header { padding-top: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__header { padding-top: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-faq__header { padding-top: 15px } } @media (min-width: 1920px) { .service-faq__header { padding-bottom: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__header { padding-bottom: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-faq__header { padding-bottom: 15px } } @media (min-width: 1920px) { .service-faq__header { min-height: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__header { min-height: calc(55px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-faq__header { min-height: 55px } } .service-faq__header:hover { background-color: #8bb8e8 } .service-faq__header:hover .price-list__count-value { color: #4d3651 !important } .service-faq__header-content { letter-spacing: .02em; color: #4d3651; padding-right: 20px; max-width: 100%; -webkit-transition: color .15s ease-out; -o-transition: color ease-out .15s; transition: color .15s ease-out } .price-list__header:hover .service-faq__header-content { color: #fff } .service-faq__header-text { font-weight: 700; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .service-faq__header-text { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__header-text { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .service-faq__header-text { font-size: 1.125rem } } @media (min-width: 1920px) { .service-faq__header-text { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__header-text { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-faq__header-text { line-height: 28px } } @media (max-width: 560px) { .service-faq__header-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .service-faq__header-arrow { border-radius: 50%; width: 40px; height: 40px; overflow: hidden; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #a6a6a6; -ms-flex-negative: 0; flex-shrink: 0; background-color: #e6f3fa; -webkit-transition: background-color .15s ease-out; -o-transition: background-color ease-out .15s; transition: background-color .15s ease-out } .service-faq__header:hover .service-faq__header-arrow { background-color: #fff } .service-faq__icon-arrow { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); width: 8px; height: 15px; -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; -o-transition: transform ease-in .2s; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in } .accordion_show .service-faq__icon-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .service-faq__body { background-color: #eef4fc } .service-faq__inner { line-height: 28px; font-size: 1.125rem } @media (min-width: 1920px) { .service-faq__inner { padding-top: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .service-faq__inner { padding-top: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .service-faq__inner { padding-top: 20px } } .service-faq__title:empty { display: none } .legal { position: relative; overflow: hidden } @media (min-width: 1920px) { .legal { padding-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .legal { padding-top: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .legal { padding-top: 40px } } @media (min-width: 1920px) { .legal { padding-bottom: 190px } } @media (min-width: 560px) and (max-width: 1919px) { .legal { padding-bottom: calc(80px + 110 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .legal { padding-bottom: 80px } } .legal__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .legal__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .legal__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .legal__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .legal__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .legal__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .legal__wrapper { padding-right: 20px } } .legal__header-slider { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; z-index: 2 } @media (min-width: 1920px) { .legal__header-slider { height: 96px } } @media (min-width: 560px) and (max-width: 1919px) { .legal__header-slider { height: calc(90px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .legal__header-slider { height: 90px } } .legal__modal-close { margin-left: auto } .legal__slider { padding-left: 60px; padding-right: 60px; position: relative } @media (max-width: 768px) { .legal__slider { padding-left: 0; padding-right: 0 } } @media (max-width: 768px) and (min-width: 1024px) { .legal__slider { margin-left: -300px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 1023px) { .legal__slider { margin-left: calc(-200px + -100 * (100vw - 320px) / 704) } } @media (max-width: 768px) and (max-width: 319px) { .legal__slider { margin-left: -200px } } @media (max-width: 768px) and (min-width: 1024px) { .legal__slider { margin-right: -300px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 1023px) { .legal__slider { margin-right: calc(-200px + -100 * (100vw - 320px) / 704) } } @media (max-width: 768px) and (max-width: 319px) { .legal__slider { margin-right: -200px } } .legal__container { height: 290px } @media (max-width: 768px) { .legal__container { padding-top: 10px; padding-bottom: 10px } } .legal__item { padding: 8px; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in; text-align: center } @media (max-width: 768px) { .legal__item { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } } @media (max-width: 768px) { .legal__item_active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .legal__inner { display: inline-block; position: relative; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in; max-height: 100%; padding: 15px; overflow: hidden; -webkit-box-shadow: .625rem .625rem 1.25rem rgba(0, 0, 0, .03); box-shadow: .625rem .625rem 1.25rem rgba(0, 0, 0, .03) } @media (max-width: 768px) { .legal__inner { -webkit-box-shadow: none; box-shadow: none } } .legal__item_active .legal__inner { -webkit-box-shadow: 0 0 .625rem -1px rgba(0, 0, 0, .2); box-shadow: 0 0 .625rem -1px rgba(0, 0, 0, .2); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .legal__inner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -o-linear-gradient(287.02deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); background-image: linear-gradient(162.98deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); opacity: 0; z-index: 1; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in; mix-blend-mode: multiply } @media (max-width: 768px) { .legal__inner:before { background-image: -o-linear-gradient(287.02deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); background-image: linear-gradient(162.98deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); opacity: .2 } .legal__item_active .legal__inner:before { opacity: 0 } } @media (max-width: 768px) { .legal__inner { pointer-events: none } } .app_mode_color_bw .legal__inner, .app_mode_color_invert .legal__inner, .app_mode_color_sepia .legal__inner { -webkit-box-shadow: none; box-shadow: none } .legal__inner:hover:before { opacity: 1 } @media (max-width: 768px) { .legal__item_active .legal__inner:hover:before { opacity: 0 } } .legal__photo-icon { border-radius: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; -webkit-transform: translate(-30px, -30px); -ms-transform: translate(-30px, -30px); transform: translate(-30px, -30px); z-index: 5; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); opacity: 0; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .legal__inner:hover .legal__photo-icon { opacity: .8 } @media (max-width: 768px) { .legal__photo-icon { display: none } } .legal .legal__nav_prev { left: 0 } .legal .legal__nav_next { right: 0 } .legal__image { -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in; max-height: 246px } @media (max-width: 768px) { .legal__image { opacity: 0; max-height: 225px } .legal__item_active .legal__image { opacity: 1 } } .app_mode_color_bw .legal__image, .app_mode_color_invert .legal__image, .app_mode_color_sepia .legal__image { display: block !important } .legal__description { color: #a05eb5; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 920px } @media (min-width: 1920px) { .legal__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .legal__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .legal__description { font-size: 1rem } } @media (min-width: 1920px) { .legal__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .legal__description { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .legal__description { line-height: 26px } } @media (min-width: 1920px) { .legal__description { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .legal__description { margin-bottom: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .legal__description { margin-bottom: 40px } } .legal__more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (min-width: 1920px) { .legal__more { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .legal__more { margin-top: calc(25px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .legal__more { margin-top: 25px } } @media (max-width: 560px) { .legal__more { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .legal__more-button { min-width: 180px } .legal__header-text { color: #fff; font-weight: 700; font-size: 1.125rem; line-height: 26px; padding: 35px 48px } .result { overflow: hidden; background-color: #fcf8ff } @media (min-width: 1920px) { .result { padding-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .result { padding-top: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result { padding-top: 60px } } @media (min-width: 1920px) { .result { padding-bottom: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .result { padding-bottom: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result { padding-bottom: 60px } } .result__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .result__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .result__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .result__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .result__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .result__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .result__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .result__title { margin-bottom: 55px } } @media (min-width: 560px) and (max-width: 1919px) { .result__title { margin-bottom: calc(30px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__title { margin-bottom: 30px } } .result__description { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651; max-width: 688px } @media (min-width: 1920px) { .result__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .result__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .result__description { font-size: 1rem } } @media (min-width: 1920px) { .result__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .result__description { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__description { line-height: 26px } } .app_mode_color_bw .result__description, .app_mode_color_invert .result__description, .app_mode_color_sepia .result__description { max-width: 100% } .result__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px } @media (min-width: 1920px) { .result__list { padding-top: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .result__list { padding-top: calc(35px + 35 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__list { padding-top: 35px } } @media (min-width: 1920px) { .result__list { margin-bottom: -120px } } @media (min-width: 560px) and (max-width: 1919px) { .result__list { margin-bottom: calc(-60px + -60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__list { margin-bottom: -60px } } .result__item { width: 25%; padding: 0 15px } @media (min-width: 1920px) { .result__item { margin-bottom: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .result__item { margin-bottom: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__item { margin-bottom: 60px } } @media (max-width: 1280px) { .result__item { width: 50% } } @media (max-width: 768px) { .result__item { width: 100% } } .app_mode_color_bw .result__item, .app_mode_color_invert .result__item, .app_mode_color_sepia .result__item { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex } .result__name { letter-spacing: .02em; color: #4d3651; font-weight: 700; height: 68px; padding-bottom: 5px } @media (min-width: 1920px) { .result__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .result__name { font-size: calc(1.0625rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .result__name { font-size: 1.0625rem } } @media (min-width: 1920px) { .result__name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .result__name { line-height: calc(27px + 1 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__name { line-height: 27px } } @media (max-width: 1280px) { .result__name { text-align: center } } @media (max-width: 768px) { .result__name { height: auto; padding-bottom: 20px } } .result__botton { border-top: 1px solid #f6f5f6; position: relative } @media (min-width: 1920px) { .result__botton { padding-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .result__botton { padding-top: calc(20px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__botton { padding-top: 20px } } .result__diagram { max-width: 320px; width: 100%; position: relative } @media (max-width: 1280px) { .result__diagram { margin-left: auto; margin-right: auto } } .result__diagram-addition { stroke: #f4f0f6; stroke-dasharray: 1 2000 } .result__diagram-addition, .result__diagram-old { width: 320px; height: 320px; -webkit-transition-property: stroke-dasharray; -o-transition-property: stroke-dasharray; transition-property: stroke-dasharray; -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94); transition-timing-function: cubic-bezier(.25, .46, .45, .94); -webkit-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s } .result__diagram-old { stroke: #a05eb5; stroke-dasharray: 1 2000 } .result__diagram-line { width: 295px; height: 295px; stroke: #f4f0f6; z-index: 2 } .result__diagram-line-new { stroke: #a05eb5; z-index: 1 } .result__picture { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2 } @media (min-width: 1920px) { .result__picture { height: 52px } } @media (min-width: 1280px) and (max-width: 1919px) { .result__picture { height: calc(46px + 6 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .result__picture { height: 46px } } @media (min-width: 1920px) { .result__picture { top: 100px } } @media (min-width: 1280px) and (max-width: 1919px) { .result__picture { top: calc(87px + 13 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .result__picture { top: 87px } } @media (max-width: 1280px) and (min-width: 1280px) { .result__picture { top: 100px } } @media (max-width: 1280px) and (min-width: 320px) and (max-width: 1279px) { .result__picture { top: calc(90px + 10 * (100vw - 320px) / 960) } } @media (max-width: 1280px) and (max-width: 319px) { .result__picture { top: 90px } } .result__percent { line-height: 50px; letter-spacing: .02em; color: #a05eb5; position: absolute; width: 100px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 50%; margin-left: -50px; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .result__percent { font-size: 3rem } } @media (min-width: 1280px) and (max-width: 1919px) { .result__percent { font-size: calc(2.125rem + 14 * (100vw - 80rem) / 640) } } @media (max-width: 1279px) { .result__percent { font-size: 2.125rem } } @media (min-width: 1920px) { .result__percent { line-height: 50px } } @media (min-width: 1280px) and (max-width: 1919px) { .result__percent { line-height: calc(36px + 14 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .result__percent { line-height: 36px } } @media (min-width: 1920px) { .result__percent { top: 165px } } @media (min-width: 1280px) and (max-width: 1919px) { .result__percent { top: calc(145px + 20 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .result__percent { top: 145px } } @media (max-width: 1280px) and (min-width: 1280px) { .result__percent { font-size: 3.375rem } } @media (max-width: 1280px) and (min-width: 320px) and (max-width: 1279px) { .result__percent { font-size: calc(2.125rem + 20 * (100vw - 20rem) / 960) } } @media (max-width: 1280px) and (max-width: 319px) { .result__percent { font-size: 2.125rem } } @media (max-width: 1280px) and (min-width: 1280px) { .result__percent { line-height: 56px } } @media (max-width: 1280px) and (min-width: 320px) and (max-width: 1279px) { .result__percent { line-height: calc(36px + 20 * (100vw - 320px) / 960) } } @media (max-width: 1280px) and (max-width: 319px) { .result__percent { line-height: 36px } } @media (max-width: 1280px) and (min-width: 1280px) { .result__percent { top: 160px } } @media (max-width: 1280px) and (min-width: 320px) and (max-width: 1279px) { .result__percent { top: calc(145px + 15 * (100vw - 320px) / 960) } } @media (max-width: 1280px) and (max-width: 319px) { .result__percent { top: 145px } } .result__image { max-height: 100%; width: auto } .result__legend { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .result__legend { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .result__legend { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .result__legend { font-size: 1rem } } @media (min-width: 1920px) { .result__legend { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .result__legend { line-height: calc(20px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__legend { line-height: 20px } } @media (min-width: 1920px) { .result__legend { margin-top: 75px } } @media (min-width: 560px) and (max-width: 1919px) { .result__legend { margin-top: calc(50px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__legend { margin-top: 50px } } @media (max-width: 1024px) { .result__legend { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .app_mode_color_bw .result__legend, .app_mode_color_invert .result__legend, .app_mode_color_sepia .result__legend { display: none } .result__element { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .result__element:before { content: ""; position: relative; display: block; border-radius: 50%; width: 24px; min-width: 24px; height: 24px; margin-right: 10px } @media (min-width: 1920px) { .result__legend-common { margin-right: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .result__legend-common { margin-right: calc(50px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__legend-common { margin-right: 50px } } .result__legend-common:before { background-color: #a05eb5 } @media (max-width: 1024px) and (min-width: 1920px) { .result__legend-common { margin-bottom: 25px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .result__legend-common { margin-bottom: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .result__legend-common { margin-bottom: 20px } } @media (min-width: 1920px) { .result__legend-group-1 { margin-right: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .result__legend-group-1 { margin-right: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__legend-group-1 { margin-right: 18px } } .result__legend-group-1:before { background-color: #8bb8e8 } @media (max-width: 1024px) and (min-width: 1920px) { .result__legend-group-1 { margin-bottom: 15px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .result__legend-group-1 { margin-bottom: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .result__legend-group-1 { margin-bottom: 10px } } .result__legend-group-2:before { background-color: #e782a9 } @media (min-width: 1920px) { .result__legend-group-text { margin-right: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .result__legend-group-text { margin-right: calc(10px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result__legend-group-text { margin-right: 10px } } @media (max-width: 1024px) and (min-width: 1920px) { .result__legend-group-text { margin-bottom: 15px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .result__legend-group-text { margin-bottom: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .result__legend-group-text { margin-bottom: 10px } } .result-item { position: relative } .app_mode_color_bw .result-item, .app_mode_color_invert .result-item, .app_mode_color_sepia .result-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .result-item__name { letter-spacing: .02em; color: #4d3651; font-weight: 700; height: 68px; padding-bottom: 5px } @media (min-width: 1920px) { .result-item__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .result-item__name { font-size: calc(1.0625rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .result-item__name { font-size: 1.0625rem } } @media (min-width: 1920px) { .result-item__name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .result-item__name { line-height: calc(27px + 1 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result-item__name { line-height: 27px } } @media (max-width: 1280px) { .result-item__name { text-align: center } } @media (max-width: 768px) { .result-item__name { height: auto; padding-bottom: 20px } } .app_mode_color_bw .result-item__name, .app_mode_color_invert .result-item__name, .app_mode_color_sepia .result-item__name { height: auto } .result-item__botton { border-top: 1px solid #f6f5f6; position: relative } @media (min-width: 1920px) { .result-item__botton { padding-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .result-item__botton { padding-top: calc(20px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result-item__botton { padding-top: 20px } } .result-item__diagram { max-width: 320px; width: 100%; position: relative } @media (max-width: 1280px) { .result-item__diagram { margin-left: auto; margin-right: auto } } .landing-place .result-item__diagram { margin-left: auto; margin-right: auto } @media (min-width: 768px) { .landing-place .result-item__diagram .result-item__picture { top: 112px } .landing-place .result-item__diagram .result-item__percent { top: 168px } } .app_mode_color_bw .result-item__diagram, .app_mode_color_invert .result-item__diagram, .app_mode_color_sepia .result-item__diagram { display: none } .result-item__diagram-addition { width: 320px; height: 320px; stroke: #e782a9; stroke-dasharray: 1 2000; -webkit-transition-property: stroke-dasharray; -o-transition-property: stroke-dasharray; transition-property: stroke-dasharray; -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94); transition-timing-function: cubic-bezier(.25, .46, .45, .94); -webkit-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s } .result-item__diagram-addition_2 { stroke: #8bb8e8 } .result-item__diagram-old { width: 320px; height: 320px; stroke: #a05eb5; stroke-dasharray: 1 2000; -webkit-transition-property: stroke-dasharray; -o-transition-property: stroke-dasharray; transition-property: stroke-dasharray; -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94); transition-timing-function: cubic-bezier(.25, .46, .45, .94); -webkit-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s } .result-item__diagram-line { width: 295px; height: 295px; stroke: #f4f0f6; z-index: 2 } .result-item__diagram-line-new { stroke: #a05eb5; z-index: 1 } .result-item__picture { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2 } @media (min-width: 1920px) { .result-item__picture { height: 52px } } @media (min-width: 1280px) and (max-width: 1919px) { .result-item__picture { height: calc(46px + 6 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .result-item__picture { height: 46px } } @media (min-width: 1920px) { .result-item__picture { top: 100px } } @media (min-width: 1280px) and (max-width: 1919px) { .result-item__picture { top: calc(87px + 13 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .result-item__picture { top: 87px } } @media (max-width: 768px) { .result-item__picture { display: none } } @media (max-width: 1280px) and (min-width: 1280px) { .result-item__picture { top: 100px } } @media (max-width: 1280px) and (min-width: 320px) and (max-width: 1279px) { .result-item__picture { top: calc(90px + 10 * (100vw - 320px) / 960) } } @media (max-width: 1280px) and (max-width: 319px) { .result-item__picture { top: 90px } } .result-item__percent { line-height: 50px; letter-spacing: .02em; color: #a05eb5; position: absolute; width: 100px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 50%; margin-left: -50px; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .result-item__percent { font-size: 3rem } } @media (min-width: 1280px) and (max-width: 1919px) { .result-item__percent { font-size: calc(2.125rem + 14 * (100vw - 80rem) / 640) } } @media (max-width: 1279px) { .result-item__percent { font-size: 2.125rem } } @media (min-width: 1920px) { .result-item__percent { line-height: 50px } } @media (min-width: 1280px) and (max-width: 1919px) { .result-item__percent { line-height: calc(36px + 14 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .result-item__percent { line-height: 36px } } @media (min-width: 1920px) { .result-item__percent { top: 165px } } @media (min-width: 1280px) and (max-width: 1919px) { .result-item__percent { top: calc(145px + 20 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .result-item__percent { top: 145px } } @media (max-width: 768px) { .result-item__percent { top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } @media (max-width: 1280px) and (min-width: 1280px) { .result-item__percent { font-size: 3.375rem } } @media (max-width: 1280px) and (min-width: 768px) and (max-width: 1279px) { .result-item__percent { font-size: calc(2.125rem + 20 * (100vw - 48rem) / 512) } } @media (max-width: 1280px) and (max-width: 767px) { .result-item__percent { font-size: 2.125rem } } @media (max-width: 1280px) and (min-width: 1280px) { .result-item__percent { line-height: 56px } } @media (max-width: 1280px) and (min-width: 768px) and (max-width: 1279px) { .result-item__percent { line-height: calc(36px + 20 * (100vw - 768px) / 512) } } @media (max-width: 1280px) and (max-width: 767px) { .result-item__percent { line-height: 36px } } @media (max-width: 1280px) and (min-width: 1280px) { .result-item__percent { top: 160px } } @media (max-width: 1280px) and (min-width: 768px) and (max-width: 1279px) { .result-item__percent { top: calc(145px + 15 * (100vw - 768px) / 512) } } @media (max-width: 1280px) and (max-width: 767px) { .result-item__percent { top: 145px } } @media (max-width: 768px) and (min-width: 768px) { .result-item__percent { font-size: 4.375rem } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .result-item__percent { font-size: calc(2.5rem + 30 * (100vw - 20rem) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .result-item__percent { font-size: 2.5rem } } @media (max-width: 768px) and (min-width: 768px) { .result-item__percent { line-height: 72px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .result-item__percent { line-height: calc(42px + 30 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .result-item__percent { line-height: 42px } } .result-item__image { max-height: 100%; width: auto } .result-item__percent-addition { color: #a05eb5; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 8px } @media (min-width: 1920px) { .result-item__percent-addition { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .result-item__percent-addition { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .result-item__percent-addition { font-size: 1.25rem } } @media (min-width: 1920px) { .result-item__percent-addition { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .result-item__percent-addition { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .result-item__percent-addition { line-height: 22px } } .price { min-height: 380px } .price.price_service { min-height: auto } @media (min-width: 1920px) { .price.price_service { margin-top: 96px } } @media (min-width: 560px) and (max-width: 1919px) { .price.price_service { margin-top: calc(36px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price.price_service { margin-top: 36px } } .price_service { background-color: #fff } @media (min-width: 1920px) { .price_service { margin-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .price_service { margin-top: calc(48px + 80 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price_service { margin-top: 48px } } @media (min-width: 1920px) { .price_service { margin-bottom: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .price_service { margin-bottom: calc(24px + 66 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price_service { margin-bottom: 24px } } .price__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .price__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .price__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .price__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .price__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .price__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .price__wrapper { padding-right: 20px } } .price__title { color: #4d3651 } @media (min-width: 1920px) { .price__title { margin-bottom: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .price__title { margin-bottom: calc(35px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__title { margin-bottom: 35px } } .price__header { width: 62%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-right: 1px solid #afa5b1 } @media (min-width: 1920px) { .price__header { padding-right: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .price__header { padding-right: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__header { padding-right: 20px } } @media (max-width: 560px) { .price__header { width: 100%; padding-right: 0; margin-bottom: 25px } } .price__footer { width: 38%; 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 } @media (min-width: 1920px) { .price__footer { padding-left: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .price__footer { padding-left: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__footer { padding-left: 20px } } @media (max-width: 560px) { .price__footer { width: 100%; padding-left: 0 } } .price__footer:after { content: ""; position: absolute; height: 100%; width: 1px; background-color: #f6f5f6; left: 0; top: 0 } @media (max-width: 560px) { .price__footer:after { display: none } } .price__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; margin-right: -16px } @media (max-width: 1024px) { .price__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .price__item { width: 50%; padding: 0 16px; margin-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1024px) { .price__item { width: 100% } } .price__inner { width: 100%; background-color: #eef4fc; border-radius: 5px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } @media (min-width: 1920px) { .price__inner { padding-left: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .price__inner { padding-left: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__inner { padding-left: 20px } } @media (min-width: 1920px) { .price__inner { padding-right: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .price__inner { padding-right: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__inner { padding-right: 20px } } @media (min-width: 1920px) { .price__inner { padding-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .price__inner { padding-top: calc(25px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__inner { padding-top: 25px } } @media (min-width: 1920px) { .price__inner { padding-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .price__inner { padding-bottom: calc(25px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__inner { padding-bottom: 25px } } .price__inner:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .price__inner:active { -webkit-box-shadow: none; box-shadow: none } @media (max-width: 560px) { .price__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .price__name { letter-spacing: .02em; font-weight: 700; color: #4d3651 } @media (min-width: 1920px) { .price__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .price__name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price__name { font-size: 1rem } } @media (min-width: 1920px) { .price__name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .price__name { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__name { line-height: 26px } } @media (min-width: 1920px) { .price__name { margin-bottom: 16px } } @media (min-width: 560px) and (max-width: 1919px) { .price__name { margin-bottom: calc(5px + 11 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__name { margin-bottom: 5px } } .price__description { margin-top: auto; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .price__description { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .price__description { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price__description { font-size: .875rem } } @media (min-width: 1920px) { .price__description { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .price__description { line-height: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__description { line-height: 20px } } .price__value { font-weight: 700; letter-spacing: .02em; color: #a05eb5; text-transform: uppercase } @media (min-width: 1920px) { .price__value { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .price__value { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price__value { font-size: 1rem } } @media (min-width: 1920px) { .price__value { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .price__value { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__value { line-height: 26px } } @media (min-width: 1920px) { .price__value { margin-bottom: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .price__value { margin-bottom: calc(5px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__value { margin-bottom: 5px } } .price__text { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .price__text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .price__text { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .price__text { font-size: .875rem } } @media (min-width: 1920px) { .price__text { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .price__text { line-height: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .price__text { line-height: 20px } } .infoblock3 { background-image: -webkit-gradient(linear, left top, right top, color-stop(-49.29%, #80c5e8), color-stop(110.43%, #e782a9)); background-image: -o-linear-gradient(left, #80c5e8 -49.29%, #e782a9 110.43%); background-image: linear-gradient(90deg, #80c5e8 -49.29%, #e782a9 110.43%); position: relative; overflow: hidden } @media (min-width: 1920px) { .infoblock3 { padding-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock3 { padding-top: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock3 { padding-top: 40px } } @media (min-width: 1920px) { .infoblock3 { padding-bottom: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock3 { padding-bottom: calc(40px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock3 { padding-bottom: 40px } } .infoblock3__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .infoblock3__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .infoblock3__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .infoblock3__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .infoblock3__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .infoblock3__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .infoblock3__wrapper { padding-right: 20px } } .infoblock3__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 768px) { .infoblock3__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .infoblock3__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .infoblock3__data { padding-right: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock3__data { padding-right: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock3__data { padding-right: 30px } } @media (max-width: 768px) { .infoblock3__data { padding-right: 0 } } .infoblock3__title { color: #fff; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; -ms-flex-negative: 0; flex-shrink: 0; max-width: 740px } @media (min-width: 1920px) { .infoblock3__title { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock3__title { font-size: calc(1.75rem + 20 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .infoblock3__title { font-size: 1.75rem } } @media (min-width: 1920px) { .infoblock3__title { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock3__title { line-height: calc(38px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock3__title { line-height: 38px } } @media (max-width: 768px) { .infoblock3__title { padding-right: 0 } } .app_mode_color_bw .infoblock3__title, .app_mode_color_invert .infoblock3__title, .app_mode_color_sepia .infoblock3__title { max-width: none } @media (max-width: 768px) and (min-width: 1920px) { .infoblock3__title { margin-bottom: 35px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .infoblock3__title { margin-bottom: calc(30px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .infoblock3__title { margin-bottom: 30px } } .infoblock3__text { color: #fff; letter-spacing: .02em; max-width: 688px; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .infoblock3__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock3__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .infoblock3__text { font-size: 1rem } } @media (min-width: 1920px) { .infoblock3__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock3__text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock3__text { line-height: 24px } } @media (min-width: 1920px) { .infoblock3__text { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock3__text { margin-top: calc(26px + 19 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock3__text { margin-top: 26px } } @media (max-width: 768px) { .infoblock3__text { margin-top: 0; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } .app_mode_color_bw .infoblock3__text, .app_mode_color_invert .infoblock3__text, .app_mode_color_sepia .infoblock3__text { max-width: none } .infoblock3__pic { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .infoblock3__pic { width: 440px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock3__pic { width: calc(380px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock3__pic { width: 380px } } @media (max-width: 768px) { .infoblock3__pic { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media (max-width: 768px) and (min-width: 1920px) { .infoblock3__pic { margin-bottom: 50px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .infoblock3__pic { margin-bottom: calc(25px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .infoblock3__pic { margin-bottom: 25px } } @media (max-width: 768px) and (min-width: 1920px) { .infoblock3__pic { height: 200px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .infoblock3__pic { height: calc(140px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .infoblock3__pic { height: 140px } } .infoblock3__image { display: block } @media (max-width: 768px) { .infoblock3__image { width: auto; max-height: 100% } } .instruction { overflow: hidden } @media (min-width: 1920px) { .instruction_eco { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .instruction_eco { padding-top: calc(60px + 68 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .instruction_eco { padding-top: 60px } } @media (min-width: 1920px) { .instruction_legal { padding-bottom: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .instruction_legal { padding-bottom: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .instruction_legal { padding-bottom: 60px } } @media (min-width: 1920px) { .instruction_legal_personaldata { margin-bottom: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .instruction_legal_personaldata { margin-bottom: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .instruction_legal_personaldata { margin-bottom: 60px } } .instruction__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .instruction__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .instruction__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .instruction__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .instruction__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .instruction__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .instruction__wrapper { padding-right: 20px } } .instruction__title { max-width: 688px } .app_mode_color_bw .instruction__title, .app_mode_color_invert .instruction__title, .app_mode_color_sepia .instruction__title { max-width: none } .instruction__list { max-width: 688px } .app_mode_color_bw .instruction__list, .app_mode_color_invert .instruction__list, .app_mode_color_sepia .instruction__list { max-width: none } @media (min-width: 1920px) { .instruction__item:not(:last-child) { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .instruction__item:not(:last-child) { margin-bottom: calc(24px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .instruction__item:not(:last-child) { margin-bottom: 24px } } .instruction__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #0f579a; letter-spacing: .02em; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in } @media (min-width: 1920px) { .instruction__link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .instruction__link { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .instruction__link { font-size: 1rem } } @media (min-width: 1920px) { .instruction__link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .instruction__link { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .instruction__link { line-height: 26px } } .instruction__link:hover { color: #3389b4 } .instruction__link:active { color: #0f579a } .instruction__icon-pdf { width: 21px; height: 28px; margin-right: 14px; color: #a05eb5; -ms-flex-negative: 0; flex-shrink: 0 } .instruction__description { max-width: 800px } @media (min-width: 1920px) { .instruction__description { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .instruction__description { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .instruction__description { font-size: .9375rem } } @media (min-width: 1920px) { .instruction__description { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .instruction__description { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .instruction__description { line-height: 22px } } .instruction__text { color: #4d3651; margin-bottom: 15px } @media (min-width: 1920px) { .instruction__text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .instruction__text { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .instruction__text { font-size: .9375rem } } @media (min-width: 1920px) { .instruction__text { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .instruction__text { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .instruction__text { line-height: 22px } } .app_mode_color_bw .instruction a, .app_mode_color_invert .instruction a, .app_mode_color_sepia .instruction a { text-decoration: underline } .app_mode_color_bw .instruction a:hover, .app_mode_color_invert .instruction a:hover, .app_mode_color_sepia .instruction a:hover { text-decoration: none } @media (min-width: 1920px) { .first { padding-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .first { padding-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first { padding-bottom: 15px } } .first_patient { background-color: #fff } @media (min-width: 1920px) { .first_patient { padding-top: 140px } } @media (min-width: 560px) and (max-width: 1919px) { .first_patient { padding-top: calc(60px + 80 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first_patient { padding-top: 60px } } @media (min-width: 1920px) { .first_eco-detail { padding-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .first_eco-detail { padding-top: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first_eco-detail { padding-top: 60px } } .first__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .first__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .first__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .first__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .first__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .first__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .first__wrapper { padding-right: 20px } } .first__title { color: #4d3651 } @media (min-width: 1920px) { .first__title { margin-bottom: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .first__title { margin-bottom: calc(26px + 42 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__title { margin-bottom: 26px } } .first__description { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 688px } @media (min-width: 1920px) { .first__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .first__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .first__description { font-size: 1rem } } @media (min-width: 1920px) { .first__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .first__description { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__description { line-height: 26px } } @media (min-width: 1920px) { .first__description { margin-bottom: 72px } } @media (min-width: 560px) and (max-width: 1919px) { .first__description { margin-bottom: calc(45px + 27 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__description { margin-bottom: 45px } } .app_mode_color_bw .first__description, .app_mode_color_invert .first__description, .app_mode_color_sepia .first__description { max-width: 100% } .first__item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .first__item:not(:last-child) { margin-bottom: 10px } @media (max-width: 560px) { .first__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .first__aside { width: 80px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 560px) { .first__aside { margin-bottom: 15px } } .first__item:not(:last-child) .first__aside:after { content: ""; position: relative; z-index: 1; height: 100%; width: 1px; background-color: #8bb8e8; top: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 10px } @media (max-width: 560px) { .first__item:not(:last-child) .first__aside:after { display: none } } @media (min-width: 1920px) { .first__content { padding-left: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .first__content { padding-left: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__content { padding-left: 30px } } @media (min-width: 1920px) { .first__item:not(:last-child) .first__content { padding-bottom: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .first__item:not(:last-child) .first__content { padding-bottom: calc(60px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__item:not(:last-child) .first__content { padding-bottom: 60px } } @media (max-width: 560px) { .first__content { padding-left: 0 } } .first__count { border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #a05eb5; letter-spacing: .02em; background-color: #fff; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; position: relative; z-index: 2; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .first__count { width: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .first__count { width: calc(70px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__count { width: 70px } } @media (min-width: 1920px) { .first__count { height: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .first__count { height: calc(70px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__count { height: 70px } } @media (min-width: 1920px) { .first__count { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .first__count { font-size: calc(2.375rem + 10 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .first__count { font-size: 2.375rem } } @media (min-width: 1920px) { .first__count { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .first__count { line-height: calc(58px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__count { line-height: 58px } } .first_constructor .first__count, .first_consultation-online .first__count, .first_eco-detail .first__count, .first_patient .first__count { background-color: #f6f6f6 } .first__text { color: #4d3651; letter-spacing: .02em; max-width: 685px } @media (min-width: 1920px) { .first__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .first__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .first__text { font-size: 1rem } } @media (min-width: 1920px) { .first__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .first__text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__text { line-height: 26px } } .first__file { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .first__file { margin-top: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .first__file { margin-top: calc(25px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__file { margin-top: 25px } } .first__file-name { letter-spacing: .02em } @media (min-width: 1920px) { .first__file-name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .first__file-name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .first__file-name { font-size: 1rem } } @media (min-width: 1920px) { .first__file-name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .first__file-name { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__file-name { line-height: 26px } } .first__icon-file { width: 21px; height: 27px; margin-right: 12px; color: #a05eb5 } .first__content-title { position: relative; padding-top: 10px; color: #4d3651; letter-spacing: .02em; font-weight: 700; max-width: 688px } @media (min-width: 1920px) { .first__content-title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .first__content-title { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .first__content-title { font-size: 1.125rem } } @media (min-width: 1920px) { .first__content-title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .first__content-title { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__content-title { line-height: 28px } } @media (min-width: 1920px) { .first__content-title { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .first__content-title { margin-bottom: calc(16px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .first__content-title { margin-bottom: 16px } } .first__content-title a { color: #8bb8e8 } .complex { overflow: hidden } @media (min-width: 1920px) { .complex { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .complex { padding-top: calc(60px + 68 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .complex { padding-top: 60px } } @media (min-width: 1920px) { .complex { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .complex { padding-bottom: calc(60px + 68 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .complex { padding-bottom: 60px } } .complex__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .complex__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .complex__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .complex__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .complex__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .complex__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .complex__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .complex__title { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .complex__title { margin-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .complex__title { margin-bottom: 30px } } .complex__text { max-width: 688px; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #4d3651 } @media (min-width: 1920px) { .complex__text { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .complex__text { margin-bottom: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .complex__text { margin-bottom: 40px } } .app_mode_color_bw .complex__text, .app_mode_color_invert .complex__text, .app_mode_color_sepia .complex__text { max-width: none } .complex__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin-left: -20px; margin-right: -20px; margin-bottom: -50px } .app_mode_color_bw .complex__list, .app_mode_color_invert .complex__list, .app_mode_color_sepia .complex__list { display: block; margin-bottom: 0 } .complex__item { width: 16.6%; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 20px; padding-right: 20px; margin-bottom: 50px } @media (max-width: 1024px) { .complex__item { width: 33.3% } } @media (max-width: 560px) { .complex__item { width: 50% } } .app_mode_color_bw .complex__item, .app_mode_color_invert .complex__item, .app_mode_color_sepia .complex__item { width: 100% } .complex__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .complex__top { height: 98px } @media (min-width: 1920px) { .complex__top { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .complex__top { margin-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .complex__top { margin-bottom: 15px } } @media (max-width: 560px) { .complex__top { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .app_mode_color_bw .complex__top, .app_mode_color_invert .complex__top, .app_mode_color_sepia .complex__top { display: none } .complex__image { display: block; max-height: 100%; width: auto } .complex__link:hover .complex__image { -webkit-animation-name: wow; animation-name: wow; -webkit-animation-duration: .4s; animation-duration: .4s } .complex__bottom { color: #0f579a; letter-spacing: .02em } @media (min-width: 1920px) { .complex__bottom { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .complex__bottom { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .complex__bottom { font-size: 1rem } } @media (min-width: 1920px) { .complex__bottom { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .complex__bottom { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .complex__bottom { line-height: 26px } } @media (max-width: 560px) { .complex__bottom { text-align: center } } .complex__more { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .complex__more { margin-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .complex__more { margin-top: calc(50px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .complex__more { margin-top: 50px } } @media (max-width: 560px) { .complex__more { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .complex__more-link { min-width: 180px } @-webkit-keyframes wow { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 30% { -webkit-transform: scale(.7); transform: scale(.7); opacity: .9 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes wow { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 30% { -webkit-transform: scale(.7); transform: scale(.7); opacity: .9 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .user__avatar { border-radius: 50%; overflow: hidden; width: 60px; height: 60px; margin-right: 12px; position: relative; -ms-flex-negative: 0; flex-shrink: 0 } .app_mode_color_bw .user__avatar, .app_mode_color_invert .user__avatar, .app_mode_color_sepia .user__avatar { display: none } .user__words { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 1.5rem; line-height: 34px; letter-spacing: .02em; font-weight: 700 } .user__name { letter-spacing: .02em; color: #4d3651 } .user__name-value { font-weight: 700 } @media (min-width: 1920px) { .user__name-value { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .user__name-value { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .user__name-value { font-size: .9375rem } } @media (min-width: 1920px) { .user__name-value { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .user__name-value { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .user__name-value { line-height: 22px } } @media (min-width: 1920px) { .user__name-position { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .user__name-position { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .user__name-position { font-size: .875rem } } @media (min-width: 1920px) { .user__name-position { line-height: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .user__name-position { line-height: calc(18px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .user__name-position { line-height: 18px } } .doctor-avatar, .doctor-avatar__avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .doctor-avatar__avatar { border-radius: 50%; overflow: hidden; width: 60px; height: 60px; margin-right: 12px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: -o-linear-gradient(206.55deg, #e6f3fa 7.17%, #f4c7d8 99.46%); background-image: linear-gradient(243.45deg, #e6f3fa 7.17%, #f4c7d8 99.46%) } .app_mode_color_bw .doctor-avatar__avatar, .app_mode_color_invert .doctor-avatar__avatar, .app_mode_color_sepia .doctor-avatar__avatar { display: none } .doctor-avatar__words { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 1.5rem; line-height: 34px; letter-spacing: .02em; font-weight: 700 } .doctor-avatar__name { color: #4d3651; letter-spacing: .02em } .doctor-avatar__name-value { font-weight: 700; -webkit-transition: color .15s ease-out; -o-transition: color ease-out .15s; transition: color .15s ease-out } @media (min-width: 1920px) { .doctor-avatar__name-value { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-avatar__name-value { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .doctor-avatar__name-value { font-size: .9375rem } } @media (min-width: 1920px) { .doctor-avatar__name-value { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-avatar__name-value { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-avatar__name-value { line-height: 22px } } a.doctor-avatar__name-value:hover { color: #8bb8e8 } .doctor-avatar__name-position { max-width: 688px; color: #4d3651 } @media (min-width: 1920px) { .doctor-avatar__name-position { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-avatar__name-position { font-size: calc(.8125rem + 5 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .doctor-avatar__name-position { font-size: .8125rem } } @media (min-width: 1920px) { .doctor-avatar__name-position { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .doctor-avatar__name-position { line-height: calc(23px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .doctor-avatar__name-position { line-height: 23px } } .card-consultation { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; overflow: hidden } .card-consultation__question { background-color: #fff; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 360px } @media (min-width: 1920px) { .card-consultation__question { padding-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__question { padding-top: calc(25px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__question { padding-top: 25px } } @media (min-width: 1920px) { .card-consultation__question { padding-bottom: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__question { padding-bottom: calc(30px + -2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__question { padding-bottom: 30px } } @media (min-width: 1920px) { .card-consultation__question { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__question { padding-left: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__question { padding-left: 20px } } @media (min-width: 1920px) { .card-consultation__question { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__question { padding-right: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__question { padding-right: 20px } } @media (max-width: 560px) { .card-consultation__question { min-height: auto } } .card-consultation__question:after { content: ""; background: url(/assets/question.png); width: 156px; height: 100%; max-height: 277px; position: absolute; z-index: 1; right: 26px; top: 37px } @media (max-width: 560px) { .card-consultation__question:after { display: none } } .card-consultation__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2 } @media (min-width: 1920px) { .card-consultation__header { margin-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__header { margin-bottom: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__header { margin-bottom: 30px } } .card-consultation__title { font-weight: 700; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .card-consultation__title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__title { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-consultation__title { font-size: 1.25rem } } @media (min-width: 1920px) { .card-consultation__title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__title { line-height: calc(30px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__title { line-height: 30px } } .card-consultation__link { font-family: PT Sans, Arial, sans-serif; letter-spacing: .02em; color: #0f579a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .card-consultation__link { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__link { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-consultation__link { font-size: .9375rem } } @media (min-width: 1920px) { .card-consultation__link { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__link { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__link { line-height: 22px } } .card-consultation__link svg { color: #0f579a } .card-consultation__link:hover { color: #3389b4 } .card-consultation__link:hover svg { color: #3389b4 } .card-consultation__link-icon { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 4px } .card-consultation__answer { background-color: #eef4fc; position: relative; z-index: 2; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .card-consultation__answer { padding-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__answer { padding-top: calc(25px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__answer { padding-top: 25px } } @media (min-width: 1920px) { .card-consultation__answer { padding-bottom: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__answer { padding-bottom: calc(30px + -2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__answer { padding-bottom: 30px } } @media (min-width: 1920px) { .card-consultation__answer { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__answer { padding-left: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__answer { padding-left: 20px } } @media (min-width: 1920px) { .card-consultation__answer { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__answer { padding-right: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__answer { padding-right: 20px } } @media (max-width: 1024px) { .card-consultation__answer { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } } .consultation__list .card-consultation__answer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .card-consultation__text { position: relative; overflow: hidden; -webkit-transition: height .15s ease-in; -o-transition: height ease-in .15s; transition: height .15s ease-in } .card-consultation_short .card-consultation__text { min-height: 105px } @media (max-width: 1024px) { .card-consultation_short .card-consultation__text { min-height: auto } } .app_mode_color_bw .card-consultation__text, .app_mode_color_invert .card-consultation__text, .app_mode_color_sepia .card-consultation__text { overflow: visible; height: auto !important } .card-consultation__text:after { content: ""; position: absolute; left: 0; bottom: 0; height: 70px; width: 100% } .card-consultation__question .card-consultation__text:after { background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(90%, hsla(0, 0%, 100%, .001))); background-image: -o-linear-gradient(bottom, #fff 0, hsla(0, 0%, 100%, .001) 90%); background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, .001) 90%) } .card-consultation__answer .card-consultation__text:after { background-image: -webkit-gradient(linear, left bottom, left top, from(#eef4fc), color-stop(90%, hsla(0, 0%, 100%, .001))); background-image: -o-linear-gradient(bottom, #eef4fc 0, hsla(0, 0%, 100%, .001) 90%); background-image: linear-gradient(0deg, #eef4fc, hsla(0, 0%, 100%, .001) 90%) } .card-consultation__text_short.card-consultation__text:after { display: none } .card-consultation_active .card-consultation__text:after { display: none } .app_mode_color_bw .card-consultation__text:after, .app_mode_color_invert .card-consultation__text:after, .app_mode_color_sepia .card-consultation__text:after { display: none } .card-consultation__text-inner { position: absolute } .app_mode_color_bw .card-consultation__text-inner, .app_mode_color_invert .card-consultation__text-inner, .app_mode_color_sepia .card-consultation__text-inner { position: relative } .card-consultation__date { letter-spacing: .02em; color: #afa5b1 } @media (min-width: 1920px) { .card-consultation__date { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__date { margin-top: calc(35px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__date { margin-top: 35px } } @media (min-width: 1920px) { .card-consultation__date { font-size: .875rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__date { font-size: calc(.8125rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-consultation__date { font-size: .8125rem } } @media (min-width: 1920px) { .card-consultation__date { line-height: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__date { line-height: calc(18px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__date { line-height: 18px } } .card-consultation__body { position: relative; z-index: 2 } .consultation__list .card-consultation__answer .card-consultation__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .card-consultation__button-show { position: relative; color: #0f579a; font-size: .875rem; line-height: 20px; letter-spacing: .02em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px } .card-consultation__button-show svg { color: #0f579a } .app_mode_color_bw .card-consultation__button-show, .app_mode_color_invert .card-consultation__button-show, .app_mode_color_sepia .card-consultation__button-show, .card-consultation__body_short .card-consultation__button-show, .card-consultation_short .card-consultation__button-show { display: none } .card-consultation__button-show:hover { color: #3389b4 } .card-consultation__button-show:hover svg { color: #3389b4 } .card-consultation__icon-show { width: 6px; height: 12px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 4px; margin-top: 3px; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } .card-consultation_active .card-consultation__icon-show { -webkit-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg) } .card-consultation__files { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width: 1920px) { .card-consultation__files { margin-top: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__files { margin-top: calc(15px + 19 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__files { margin-top: 15px } } .card-consultation__files-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .card-consultation__files-link:not(:last-of-type) { margin-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-consultation__files-link:not(:last-of-type) { margin-right: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-consultation__files-link:not(:last-of-type) { margin-right: 15px } } .card-consultation__files-icon { color: #a05eb5; width: 21px; height: 28px; margin-right: 10px } .card-consultation__files-text { font-size: .875rem; line-height: 20px; letter-spacing: .02em; color: #a05eb5 } .app_mode_color_bw .card-consultation__text-answer, .app_mode_color_invert .card-consultation__text-answer, .app_mode_color_sepia .card-consultation__text-answer { display: none } .app_mode_color_bw .reviews-filter_reviews .card-consultation__text-answer, .app_mode_color_invert .reviews-filter_reviews .card-consultation__text-answer, .app_mode_color_sepia .reviews-filter_reviews .card-consultation__text-answer { display: block; height: auto } .consultation { position: relative } @media (min-width: 1920px) { .consultation { padding-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .consultation { padding-top: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .consultation { padding-top: 40px } } @media (min-width: 1920px) { .consultation { padding-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .consultation { padding-bottom: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .consultation { padding-bottom: 40px } } @media (min-width: 1920px) { .consultation_patient { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .consultation_patient { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .consultation_patient { padding-top: 50px } } @media (min-width: 1920px) { .consultation_patient { padding-bottom: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .consultation_patient { padding-bottom: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .consultation_patient { padding-bottom: 50px } } .consultation__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .consultation__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .consultation__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .consultation__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .consultation__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .consultation__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .consultation__wrapper { padding-right: 20px } } .consultation__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 560px) { .consultation__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .consultation__ask-button { min-width: 180px } .consultation__all-link { font-family: PT Sans, Arial, sans-serif; letter-spacing: .02em; color: #8bb8e8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .consultation__all-link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .consultation__all-link { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .consultation__all-link { font-size: .9375rem } } @media (min-width: 1920px) { .consultation__all-link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .consultation__all-link { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .consultation__all-link { line-height: 22px } } @media (max-width: 560px) { .consultation__all-link { margin-bottom: 20px } } .consultation__all-icon { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 8px } .consultation__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; margin-right: -16px } @media (max-width: 1024px) { .consultation__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .consultation__item { width: 50%; padding-left: 16px; padding-right: 16px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1024px) { .consultation__item { width: 100% } .consultation__item:not(:last-child) { margin-bottom: 32px } } .consultation__card { -webkit-box-shadow: 0 0 3.125rem rgba(146, 110, 171, .2); box-shadow: 0 0 3.125rem rgba(146, 110, 171, .2) } .app_mode_color_bw .consultation__card, .app_mode_color_invert .consultation__card, .app_mode_color_sepia .consultation__card { -webkit-box-shadow: none; box-shadow: none } @media (min-width: 1920px) { .consultation__footer { margin-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .consultation__footer { margin-top: calc(32px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .consultation__footer { margin-top: 32px } } @media (min-width: 1920px) { .app__inner .specialists-list_service:nth-child(2) { margin-top: 115px } } @media (min-width: 560px) and (max-width: 1919px) { .app__inner .specialists-list_service:nth-child(2) { margin-top: calc(55px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__inner .specialists-list_service:nth-child(2) { margin-top: 55px } } @media (min-width: 1920px) { .app__inner .specialists-list_service:nth-child(4) { margin-top: 110px } } @media (min-width: 560px) and (max-width: 1919px) { .app__inner .specialists-list_service:nth-child(4) { margin-top: calc(55px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .app__inner .specialists-list_service:nth-child(4) { margin-top: 55px } } @media (min-width: 1920px) { .specialists-list_service { padding-bottom: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists-list_service { padding-bottom: calc(80px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists-list_service { padding-bottom: 80px } } .app_mode_color_bw .specialists-list_service, .app_mode_color_invert .specialists-list_service, .app_mode_color_sepia .specialists-list_service { display: none } .specialists-list__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .specialists-list__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .specialists-list__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .specialists-list__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .specialists-list__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .specialists-list__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .specialists-list__wrapper { padding-right: 20px } } .specialists-list__title { color: #4d3651 } @media (min-width: 1920px) { .specialists-list__title { margin-bottom: 85px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists-list__title { margin-bottom: calc(40px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists-list__title { margin-bottom: 40px } } .specialists-list__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px } @media (max-width: 768px) { .specialists-list__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .specialists-list__item { width: 25%; padding: 0 16px; margin-bottom: 32px } @media (min-width: 1920px) { .specialists-list__item { height: 656px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists-list__item { height: calc(600px + 56 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists-list__item { height: 600px } } @media (max-width: 1280px) { .specialists-list__item { width: 33.3% } } @media (max-width: 1024px) { .specialists-list__item { height: auto; width: 50% } } @media (max-width: 768px) { .specialists-list__item { width: 100% } } .category-title { background-color: #cbdff5; min-height: 312px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .category-title { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .category-title { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .category-title { padding-top: 50px } } @media (min-width: 1920px) { .category-title { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .category-title { padding-bottom: calc(50px + 78 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .category-title { padding-bottom: 50px } } @media (max-width: 768px) { .category-title { min-height: auto } } .category-title__wrapper { width: 100%; max-width: 1568px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .category-title__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .category-title__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .category-title__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .category-title__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .category-title__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .category-title__wrapper { padding-right: 20px } } .category-title__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 1028px; padding-top: 15px } @media (min-width: 1920px) { .category-title__title { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .category-title__title { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .category-title__title { font-size: 1.75rem } } @media (min-width: 1920px) { .category-title__title { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .category-title__title { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .category-title__title { line-height: 38px } } @media (min-width: 1920px) { .category-title__title:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .category-title__title:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .category-title__title:not(:last-of-type) { margin-bottom: 18px } } .category-title__photo { overflow: hidden; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .category-title__photo { margin-right: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .category-title__photo { margin-right: calc(25px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .category-title__photo { margin-right: 25px } } @media (min-width: 1920px) { .category-title__photo { max-width: 114px } } @media (min-width: 560px) and (max-width: 1919px) { .category-title__photo { max-width: calc(90px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .category-title__photo { max-width: 90px } } @media (min-width: 1920px) { .category-title__photo { max-height: 114px } } @media (min-width: 560px) and (max-width: 1919px) { .category-title__photo { max-height: calc(90px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .category-title__photo { max-height: 90px } } @media (max-width: 560px) { .category-title__photo { display: none } } .category-title__title-value { color: #4d3651; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .category-title__title-value { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .category-title__title-value { font-size: calc(1.5rem + 40 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .category-title__title-value { font-size: 1.5rem } } @media (min-width: 1920px) { .category-title__title-value { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .category-title__title-value { line-height: calc(70px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .category-title__title-value { line-height: 70px } } .card-programs { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; overflow: hidden; background-color: #fcf8ff; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .2s ease-in !important; -o-transition: all ease-in .2s !important; transition: all .2s ease-in !important } .card-programs:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .card-programs:active { -webkit-box-shadow: none; box-shadow: none } .app_mode_color_bw .card-programs, .app_mode_color_invert .card-programs, .app_mode_color_sepia .card-programs { border: 1px solid } .card-programs__header { background-color: #cbdff5; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .card-programs__header { height: 235px } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__header { height: calc(210px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-programs__header { height: 210px } } @media (min-width: 1920px) { .card-programs__header { padding: 27px } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__header { padding: calc(15px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-programs__header { padding: 15px } } @media (max-width: 1024px) { .card-programs__header { height: auto; padding: 20px } } .app_mode_color_bw .card-programs__header, .app_mode_color_invert .card-programs__header, .app_mode_color_sepia .card-programs__header { height: auto } .card-programs__photo { overflow: hidden; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .card-programs__photo { width: 112px } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__photo { width: calc(50px + 62 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-programs__photo { width: 50px } } @media (min-width: 1920px) { .card-programs__photo { height: 112px } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__photo { height: calc(50px + 62 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-programs__photo { height: 50px } } @media (min-width: 1920px) { .card-programs__photo { margin-right: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__photo { margin-right: calc(15px + 33 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-programs__photo { margin-right: 15px } } .app_mode_color_bw .card-programs__photo, .app_mode_color_invert .card-programs__photo, .app_mode_color_sepia .card-programs__photo { display: none } .card-programs__title { letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #4d3651 } @media (min-width: 1920px) { .card-programs__title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__title { font-size: calc(1rem + 16 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-programs__title { font-size: 1rem } } @media (min-width: 1920px) { .card-programs__title { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__title { line-height: calc(26px + 16 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-programs__title { line-height: 26px } } .card-programs__footer { color: #4d3651; letter-spacing: .02em; background-color: #eef4fc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .card-programs__footer { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__footer { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-programs__footer { font-size: .875rem } } @media (min-width: 1920px) { .card-programs__footer { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__footer { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-programs__footer { line-height: 24px } } @media (min-width: 1920px) { .card-programs__footer { padding: 27px } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__footer { padding: calc(15px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-programs__footer { padding: 15px } } @media (min-width: 1920px) { .card-programs__footer { padding-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__footer { padding-top: calc(15px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-programs__footer { padding-top: 15px } } @media (min-width: 1920px) { .card-programs__footer { padding-bottom: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .card-programs__footer { padding-bottom: calc(15px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-programs__footer { padding-bottom: 15px } } .app_mode_color_bw .card-programs__footer, .app_mode_color_invert .card-programs__footer, .app_mode_color_sepia .card-programs__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .activity { overflow: hidden } @media (min-width: 1920px) { .activity_doctor { padding-top: 168px } } @media (min-width: 560px) and (max-width: 1919px) { .activity_doctor { padding-top: calc(60px + 108 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity_doctor { padding-top: 60px } } @media (min-width: 1920px) { .activity_doctor { padding-bottom: 168px } } @media (min-width: 560px) and (max-width: 1919px) { .activity_doctor { padding-bottom: calc(80px + 88 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity_doctor { padding-bottom: 80px } } .activity__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .activity__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .activity__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .activity__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .activity__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .activity__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .activity__wrapper { padding-right: 20px } } .activity__line-title { border-bottom: 1px solid #edebee; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .activity__line-title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .activity__line-title { font-size: calc(1.625rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .activity__line-title { font-size: 1.625rem } } @media (min-width: 1920px) { .activity__line-title { line-height: 36px } } @media (min-width: 560px) and (max-width: 1919px) { .activity__line-title { line-height: calc(30px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity__line-title { line-height: 30px } } @media (min-width: 1920px) { .activity__line-title { margin-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .activity__line-title { margin-top: calc(64px + 64 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity__line-title { margin-top: 64px } } @media (min-width: 1920px) { .activity__line-title { padding-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .activity__line-title { padding-bottom: calc(25px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity__line-title { padding-bottom: 25px } } @media (max-width: 768px) { .activity__line-title { display: none } } .activity__line { display: -webkit-box; display: -ms-flexbox; display: flex; color: #4d3651; border-bottom: 1px solid #edebee } @media (min-width: 1920px) { .activity__line { padding-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .activity__line { padding-top: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity__line { padding-top: 24px } } @media (min-width: 1920px) { .activity__line { padding-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .activity__line { padding-bottom: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity__line { padding-bottom: 24px } } @media (max-width: 768px) { .activity__line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .app_mode_color_bw .activity__line_photos, .app_mode_color_invert .activity__line_photos, .app_mode_color_sepia .activity__line_photos { display: none } .activity__date { letter-spacing: .02em; font-weight: 700; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 15px } @media (min-width: 1920px) { .activity__date { width: 240px } } @media (min-width: 560px) and (max-width: 1919px) { .activity__date { width: calc(200px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity__date { width: 200px } } @media (min-width: 1920px) { .activity__date { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .activity__date { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .activity__date { font-size: 1.25rem } } @media (min-width: 1920px) { .activity__date { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .activity__date { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity__date { line-height: 28px } } @media (max-width: 768px) { .activity__date { margin-bottom: 22px } } .app_mode_color_bw .activity__date, .app_mode_color_invert .activity__date, .app_mode_color_sepia .activity__date { width: 320px } .activity__text { letter-spacing: .02em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 800px } @media (min-width: 1920px) { .activity__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .activity__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .activity__text { font-size: .9375rem } } @media (min-width: 1920px) { .activity__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .activity__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity__text { line-height: 22px } } .activity__text_description, .app_mode_color_bw .activity__text, .app_mode_color_invert .activity__text, .app_mode_color_sepia .activity__text { max-width: none } .activity__content { border-top: 1px solid #edebee } @media (min-width: 1920px) { .activity__content { margin-top: 88px } } @media (min-width: 560px) and (max-width: 1919px) { .activity__content { margin-top: calc(26px + 62 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity__content { margin-top: 26px } } .activity__photos-button { position: relative; display: inline-block; max-width: 100% } .activity__photo-wrapper { position: relative; overflow: hidden; width: 428px; height: 264px; border-radius: 5px; -webkit-box-shadow: 1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29); box-shadow: 1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29); background-image: -o-linear-gradient(359.25deg, #e6f3fa 7.17%, #f4c7d8 99.46%); background-image: linear-gradient(90.75deg, #e6f3fa 7.17%, #f4c7d8 99.46%); max-width: 100% } @media (min-width: 1920px) { .activity__photo-wrapper { height: 264px } } @media (min-width: 560px) and (max-width: 1919px) { .activity__photo-wrapper { height: calc(179px + 85 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .activity__photo-wrapper { height: 179px } } .activity__photo-wrapper:first-of-type { z-index: 2 } .activity__photo-wrapper:nth-of-type(2) { -webkit-transform: translate(10px, 10px); -ms-transform: translate(10px, 10px); transform: translate(10px, 10px); position: absolute; z-index: 1; top: 0; left: 0 } @media (max-width: 768px) { .activity__photo-wrapper:nth-of-type(2) { -webkit-transform: translate(6px, 6px); -ms-transform: translate(6px, 6px); transform: translate(6px, 6px) } } .activity__photo-wrapper:nth-of-type(n+3) { display: none } .activity__photo-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: -o-linear-gradient(30.27deg, #e782a9 -.85%, #80c5e8 100.61%); background-image: linear-gradient(59.73deg, #e782a9 -.85%, #80c5e8 100.61%); opacity: .5; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .activity__photos-button:hover .activity__photo-wrapper:after { opacity: .3 } .activity__photo { max-width: none; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute } .activity__photo-icon { border-radius: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; -webkit-transform: translate(-30px, -30px); -ms-transform: translate(-30px, -30px); transform: translate(-30px, -30px); z-index: 5; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); opacity: 0; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .activity__photos-button:hover .activity__photo-icon { opacity: .8 } .activity__slider-photo { max-width: 438px } .activity_doctor .info__wrapper { padding-left: 0; padding-right: 0 } .activity_doctor .info_about-1 { border-bottom: 1px solid #edebee } @media (min-width: 1920px) { .experience { padding-top: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .experience { padding-top: calc(24px + 66 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .experience { padding-top: 24px } } @media (min-width: 1920px) { .experience { padding-bottom: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .experience { padding-bottom: calc(24px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .experience { padding-bottom: 24px } } .experience__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .experience__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .experience__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .experience__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .experience__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .experience__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .experience__wrapper { padding-right: 20px } } .experience__data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 1024px) { .experience__data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .experience__text { color: #4d3651; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 882px; margin-right: 30px } @media (min-width: 1920px) { .experience__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .experience__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .experience__text { font-size: .9375rem } } @media (min-width: 1920px) { .experience__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .experience__text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .experience__text { line-height: 24px } } @media (max-width: 1024px) { .experience__text { max-width: none } } .experience__link { width: 180px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 1024px) { .experience__link { height: 40px } } @media (max-width: 1024px) and (min-width: 1920px) { .experience__link { margin-top: 46px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .experience__link { margin-top: calc(32px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .experience__link { margin-top: 32px } } .swiper-container { position: relative; overflow: hidden; list-style: none; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0) } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform } .modal .swiper-slide { opacity: 0 } .swiper-invisible-blank-slide { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 75rem; perspective: 75rem } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 1.6875rem 2.75rem; background-position: 50%; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E"); left: 10px; right: auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E"); right: 10px; left: auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E") } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E") } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E") } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: opacity .3s; -o-transition: .3s opacity; transition: opacity .3s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: top .2s, -webkit-transform .2s; transition: top .2s, -webkit-transform .2s; -o-transition: .2s transform, .2s top; transition: transform .2s, top .2s; transition: transform .2s, top .2s, -webkit-transform .2s } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: left .2s, -webkit-transform .2s; transition: left .2s, -webkit-transform .2s; -o-transition: .2s transform, .2s left; transition: transform .2s, left .2s; transition: transform .2s, left .2s, -webkit-transform .2s } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: right .2s, -webkit-transform .2s; transition: right .2s, -webkit-transform .2s; -o-transition: .2s transform, .2s right; transition: transform .2s, right .2s; transition: transform .2s, right .2s, -webkit-transform .2s } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-progressbar.swiper-pagination-white { background: hsla(0, 0%, 100%, .25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -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; text-align: center } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12) infinite; animation: swiper-preloader-spin 1s steps(12) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E") } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(3.125rem); filter: blur(3.125rem); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 75rem } @-webkit-keyframes swiper-preloader-spin { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes swiper-preloader-spin { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @media (min-width: 1920px) { .slider-history { padding-bottom: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .slider-history { padding-bottom: calc(35px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider-history { padding-bottom: 35px } } .slider-history__wrapper { max-width: 1554px; position: relative; margin: 0 auto; padding-top: 60px } @media (min-width: 1024px) { .slider-history__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .slider-history__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .slider-history__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .slider-history__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .slider-history__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .slider-history__wrapper { padding-right: 20px } } @media (max-width: 1024px) { .slider-history__wrapper:after, .slider-history__wrapper:before { content: ""; position: absolute; width: 80px; top: 60px; background-color: #f6f5f6; height: 2px; z-index: 1 } .slider-history__wrapper:after { left: 0 } .slider-history__wrapper:before { right: 0 } } .slider-history__slider { width: 100% } .slider-history__nav { position: absolute; top: 0; width: 40px; height: 40px; background-image: none; z-index: 15 } .slider-history__nav_prev { left: 80px } .slider-history__nav_next { right: 80px } @media (max-width: 1024px) { .slider-history__nav { top: 79px; display: none } } .slider-history__top { position: absolute; left: 0; right: 0; top: 60px; padding-left: 80px; padding-right: 80px } @media (max-width: 1024px) { .slider-history__top { overflow-x: scroll } } .app_mode_color_bw .slider-history__top, .app_mode_color_invert .slider-history__top, .app_mode_color_sepia .slider-history__top { display: none } @media (max-width: 1024px) and (min-width: 1024px) { .slider-history__top { padding-left: 60px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .slider-history__top { padding-left: calc(60 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .slider-history__top { padding-left: 0 } } @media (max-width: 1024px) and (min-width: 1024px) { .slider-history__top { padding-right: 60px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .slider-history__top { padding-right: calc(60 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .slider-history__top { padding-right: 0 } } .slider-history__progress { z-index: 5; height: 70px; left: 0; top: 0 } .slider-history__progress, .slider-history__progress-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .slider-history__slider-wrapper { padding-top: 69px } @media (max-width: 1024px) and (min-width: 1024px) { .slider-history__slider-wrapper { padding-top: 60px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .slider-history__slider-wrapper { padding-top: calc(55px + 5 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .slider-history__slider-wrapper { padding-top: 55px } } .slider-history__progress-item { color: #4d3651; letter-spacing: .02em; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .slider-history__progress-item { font-size: 1.125rem } } @media (min-width: 1024px) and (max-width: 1919px) { .slider-history__progress-item { font-size: calc(1rem + 2 * (100vw - 64rem) / 896) } } @media (max-width: 1023px) { .slider-history__progress-item { font-size: 1rem } } @media (min-width: 1920px) { .slider-history__progress-item { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .slider-history__progress-item { line-height: calc(20px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider-history__progress-item { line-height: 20px } } .slider-history__progress-item.active { color: #0f579a } @media (max-width: 1024px) { .slider-history__progress-item { padding: 0 20px } } @media (max-width: 768px) { .slider-history__progress-item { font-size: 1.25rem } } .slider-history__progress-item:first-of-type { text-align: left } .slider-history__progress-item:last-of-type { text-align: right } .slider-history__scrollbar { background-color: #f6f5f6; height: 2px; position: absolute; top: 0; width: 100% } .slider-history__scrollbar-drag { background-color: #3389b4; height: 100%; position: absolute; z-index: 2 } .history-card { position: relative } @media (min-width: 1920px) { .history-card { padding-top: 77px } } @media (min-width: 560px) and (max-width: 1919px) { .history-card { padding-top: calc(65px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .history-card { padding-top: 65px } } @media (max-width: 1024px) { .history-card { padding-top: 40px } } .history-card__year { position: absolute; color: #4d3651; line-height: 83px; letter-spacing: .02em; top: 0; left: 0; z-index: 1; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .history-card__year { font-size: 4rem } } @media (min-width: 1024px) and (max-width: 1919px) { .history-card__year { font-size: calc(2.75rem + 20 * (100vw - 64rem) / 896) } } @media (max-width: 1023px) { .history-card__year { font-size: 2.75rem } } .app_mode_size_l .history-card__year { font-size: 3rem } @media (max-width: 1024px) { .history-card__year { display: none } } @media (max-width: 1024px) and (min-width: 1024px) { .history-card__year { font-size: 4rem } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .history-card__year { font-size: calc(2.75rem + 20 * (100vw - 20rem) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .history-card__year { font-size: 2.75rem } } .history-card__title { position: relative; z-index: 2; font-weight: 700; padding-bottom: 20px } @media (min-width: 1920px) { .history-card__title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .history-card__title { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .history-card__title { font-size: 1.25rem } } @media (min-width: 1920px) { .history-card__title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .history-card__title { line-height: calc(20px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .history-card__title { line-height: 20px } } .app_mode_size_l .history-card__title { font-size: 1.125rem } .history-card__image { height: 142px; width: 142px } @media (min-width: 1920px) { .history-card__pic { margin-top: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .history-card__pic { margin-top: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .history-card__pic { margin-top: 20px } } .history-card__text { margin-top: 32px; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .history-card__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .history-card__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .history-card__text { font-size: .9375rem } } @media (min-width: 1920px) { .history-card__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .history-card__text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .history-card__text { line-height: 24px } } .app_mode_size_l .history-card__text { font-size: .9375rem } .nav-element { display: block; width: 40px; height: 40px; border-radius: 50%; background: #fff; overflow: hidden; cursor: pointer; position: relative; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2) } .nav-element:hover svg { stroke: #afa5b1 } .nav-element:active svg { stroke: #4d3651 } .nav-element__icon { color: rgba(0, 0, 0, 0); top: 50%; left: 50%; width: 7px; height: 15px; margin-top: -7px; margin-left: -4px; position: absolute } .nav-element__icon_next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .nav-element__icon svg { -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in; stroke: #4d3651 } .infoblock { background-image: -o-linear-gradient(200deg, #e6f3fa -52.74%, #80c5e8 84.64%); background-image: linear-gradient(-110deg, #e6f3fa -52.74%, #80c5e8 84.64%); position: relative; overflow: hidden } @media (min-width: 1920px) { .infoblock_about { margin-top: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock_about { margin-top: calc(35px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock_about { margin-top: 35px } } @media (min-width: 1920px) { .infoblock_about { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock_about { margin-bottom: calc(40px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock_about { margin-bottom: 40px } } .infoblock__wrapper { max-width: 1554px; position: relative; margin: 0 auto; padding-top: 45px; padding-bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .infoblock__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .infoblock__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .infoblock__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .infoblock__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .infoblock__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .infoblock__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .infoblock__wrapper { min-height: 428px } } @media (min-width: 768px) and (max-width: 1919px) { .infoblock__wrapper { min-height: calc(380px + 48 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .infoblock__wrapper { min-height: 380px } } @media (max-width: 768px) { .infoblock__wrapper { min-height: auto } } @media (max-width: 560px) and (min-width: 1024px) { .infoblock__wrapper { padding-top: 205px } } @media (max-width: 560px) and (min-width: 320px) and (max-width: 1023px) { .infoblock__wrapper { padding-top: calc(185px + 20 * (100vw - 320px) / 704) } } @media (max-width: 560px) and (max-width: 319px) { .infoblock__wrapper { padding-top: 185px } } .infoblock__data { 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; max-width: 812px; position: relative; z-index: 2 } .infoblock__image { position: absolute; max-height: 94%; width: auto; right: 20px; top: 3%; z-index: 1 } @media (max-width: 768px) { .infoblock__image { right: -40px; max-height: 72%; top: 14%; opacity: .6 } } @media (max-width: 560px) { .infoblock__image { width: 100px; height: 100px; top: 0; right: auto; left: 0; opacity: 1 } } @media (max-width: 560px) and (min-width: 1024px) { .infoblock__image { left: 80px } } @media (max-width: 560px) and (min-width: 320px) and (max-width: 1023px) { .infoblock__image { left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 560px) and (max-width: 319px) { .infoblock__image { left: 20px } } @media (max-width: 560px) and (min-width: 1024px) { .infoblock__image { top: 70px } } @media (max-width: 560px) and (min-width: 320px) and (max-width: 1023px) { .infoblock__image { top: calc(50px + 20 * (100vw - 320px) / 704) } } @media (max-width: 560px) and (max-width: 319px) { .infoblock__image { top: 50px } } .infoblock__title { color: #fff; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .infoblock__title { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock__title { font-size: calc(1.75rem + 20 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .infoblock__title { font-size: 1.75rem } } @media (min-width: 1920px) { .infoblock__title { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock__title { line-height: calc(38px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock__title { line-height: 38px } } .infoblock__text { color: #fff; letter-spacing: .02em } @media (min-width: 1920px) { .infoblock__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .infoblock__text { font-size: .9375rem } } @media (min-width: 1920px) { .infoblock__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock__text { line-height: 22px } } @media (min-width: 1920px) { .infoblock__text { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock__text { margin-top: calc(26px + 19 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock__text { margin-top: 26px } } .infoblock2 { background-image: -webkit-gradient(linear, left top, right top, color-stop(-49.29%, #80c5e8), color-stop(110.43%, #e782a9)); background-image: -o-linear-gradient(left, #80c5e8 -49.29%, #e782a9 110.43%); background-image: linear-gradient(90deg, #80c5e8 -49.29%, #e782a9 110.43%); position: relative; overflow: hidden } @media (min-width: 1920px) { .infoblock2_about { margin-top: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2_about { margin-top: calc(35px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock2_about { margin-top: 35px } } @media (min-width: 1920px) { .infoblock2_about { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2_about { margin-bottom: calc(40px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock2_about { margin-bottom: 40px } } .infoblock2__wrapper { max-width: 1554px; position: relative; margin: 0 auto; padding-top: 45px; padding-bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .infoblock2__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .infoblock2__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .infoblock2__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .infoblock2__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .infoblock2__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .infoblock2__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .infoblock2__wrapper { min-height: 400px } } @media (min-width: 768px) and (max-width: 1919px) { .infoblock2__wrapper { min-height: calc(360px + 40 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .infoblock2__wrapper { min-height: 360px } } @media (max-width: 768px) { .infoblock2__wrapper { min-height: auto } } @media (max-width: 560px) { .infoblock2__wrapper { padding-top: 210px } } .infoblock2__image { position: absolute; height: 917px; width: 532px; right: 20px; opacity: .2; top: -250px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 768px) { .infoblock2__image { right: -90px } } @media (max-width: 560px) { .infoblock2__image { right: auto; top: 50px; height: 138px; opacity: .4; width: 80px } } .infoblock2__image img { min-width: 280px } @media (max-width: 768px) { .infoblock2__image img { min-width: auto } } @media (max-width: 560px) and (min-width: 1024px) { .infoblock2__image { left: 80px } } @media (max-width: 560px) and (min-width: 320px) and (max-width: 1023px) { .infoblock2__image { left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 560px) and (max-width: 319px) { .infoblock2__image { left: 20px } } .infoblock2__data { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center } @media (max-width: 768px) { .infoblock2__data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .infoblock2__title { color: #fff; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; width: 70%; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .infoblock2__title { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__title { font-size: calc(1.75rem + 20 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .infoblock2__title { font-size: 1.75rem } } @media (min-width: 1920px) { .infoblock2__title { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__title { line-height: calc(38px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock2__title { line-height: 38px } } @media (min-width: 1920px) { .infoblock2__title { padding-right: 150px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__title { padding-right: calc(60px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock2__title { padding-right: 60px } } @media (max-width: 768px) { .infoblock2__title { padding-right: 0; max-width: 290px } } @media (max-width: 768px) and (min-width: 1920px) { .infoblock2__title { margin-bottom: 35px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .infoblock2__title { margin-bottom: calc(30px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .infoblock2__title { margin-bottom: 30px } } .infoblock2__value { color: #fff; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; width: 30%; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .infoblock2__value { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__value { font-size: calc(3rem + 0 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .infoblock2__value { font-size: 3rem } } @media (min-width: 1920px) { .infoblock2__value { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__value { line-height: calc(68px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock2__value { line-height: 68px } } @media (max-width: 768px) { .infoblock2__value { width: 100% } } @media (max-width: 768px) and (min-width: 1920px) { .infoblock2__value { margin-bottom: 25px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .infoblock2__value { margin-bottom: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .infoblock2__value { margin-bottom: 20px } } .infoblock2__text { color: #fff; letter-spacing: .02em; width: 70%; -ms-flex-negative: 0; flex-shrink: 0; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .infoblock2__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .infoblock2__text { font-size: 1rem } } @media (min-width: 1920px) { .infoblock2__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock2__text { line-height: 24px } } @media (min-width: 1920px) { .infoblock2__text { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__text { margin-top: calc(26px + 19 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock2__text { margin-top: 26px } } @media (min-width: 1920px) { .infoblock2__text { padding-right: 150px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__text { padding-right: calc(60px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock2__text { padding-right: 60px } } @media (max-width: 768px) { .infoblock2__text { margin-top: 0; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } .infoblock2__text2 { color: #fff; letter-spacing: .02em; width: 30%; -ms-flex-negative: 0; flex-shrink: 0; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .infoblock2__text2 { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__text2 { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .infoblock2__text2 { font-size: 1rem } } @media (min-width: 1920px) { .infoblock2__text2 { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__text2 { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock2__text2 { line-height: 24px } } @media (min-width: 1920px) { .infoblock2__text2 { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .infoblock2__text2 { margin-top: calc(26px + 19 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .infoblock2__text2 { margin-top: 26px } } @media (max-width: 768px) { .infoblock2__text2 { margin-top: 0; width: 100% } } @media (max-width: 768px) and (min-width: 1920px) { .infoblock2__text2 { margin-bottom: 45px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .infoblock2__text2 { margin-bottom: calc(40px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .infoblock2__text2 { margin-bottom: 40px } } .individual { overflow: hidden } .individual_experts { margin-top: -33px } @media (max-width: 1024px) { .individual_experts { margin-top: 0 } } @media (min-width: 1920px) { .individual_about { margin-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_about { margin-top: calc(20px + 80 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_about { margin-top: 20px } } @media (min-width: 1920px) { .individual_doctors { margin-top: 190px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_doctors { margin-top: calc(80px + 110 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_doctors { margin-top: 80px } } @media (min-width: 1920px) { .individual_doctors { margin-bottom: 190px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_doctors { margin-bottom: calc(80px + 110 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_doctors { margin-bottom: 80px } } @media (min-width: 1920px) { .individual_patient { padding-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_patient { padding-top: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_patient { padding-top: 60px } } @media (min-width: 1920px) { .individual_patient { padding-bottom: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_patient { padding-bottom: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_patient { padding-bottom: 50px } } @media (min-width: 1920px) { .individual_eco { padding-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_eco { padding-top: calc(90px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_eco { padding-top: 90px } } @media (min-width: 1920px) { .individual_eco-detail { padding-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_eco-detail { padding-top: calc(90px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_eco-detail { padding-top: 90px } } @media (min-width: 1920px) { .individual_eco-detail { margin-bottom: 190px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_eco-detail { margin-bottom: calc(80px + 110 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_eco-detail { margin-bottom: 80px } } @media (min-width: 1920px) { .individual_constructor { margin-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_constructor { margin-top: calc(30px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_constructor { margin-top: 30px } } @media (min-width: 1920px) { .individual_constructor { margin-bottom: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_constructor { margin-bottom: calc(30px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_constructor { margin-bottom: 30px } } @media (min-width: 1920px) { .individual_home { padding-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_home { padding-top: calc(90px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_home { padding-top: 90px } } .individual__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .individual__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .individual__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .individual__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .individual__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .individual__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .individual__wrapper { padding-right: 20px } } .individual__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; overflow: hidden; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; background-color: var(--color); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 1920px) { .individual__inner { padding-left: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .individual__inner { padding-left: calc(20px + 100 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual__inner { padding-left: 20px } } @media (min-width: 1920px) { .individual__inner { padding-right: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .individual__inner { padding-right: calc(20px + 100 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual__inner { padding-right: 20px } } @media (min-width: 1920px) { .individual__inner { padding-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .individual__inner { padding-top: calc(45px + 75 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual__inner { padding-top: 45px } } @media (min-width: 1920px) { .individual__inner { padding-bottom: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .individual__inner { padding-bottom: calc(45px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual__inner { padding-bottom: 45px } } @media (min-width: 1920px) { .individual_experts .individual__inner { padding-top: 67px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_experts .individual__inner { padding-top: calc(48px + 19 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_experts .individual__inner { padding-top: 48px } } @media (min-width: 1920px) { .individual_experts .individual__inner { padding-bottom: 70px } } @media (min-width: 560px) and (max-width: 1919px) { .individual_experts .individual__inner { padding-bottom: calc(45px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_experts .individual__inner { padding-bottom: 45px } } @media (max-width: 1024px) { .individual__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .individual__shape { position: absolute; opacity: .45 } .app_mode_color_bw .individual__shape, .app_mode_color_invert .individual__shape, .app_mode_color_sepia .individual__shape { display: none } .individual__shape_rounds { width: 310px; height: 310px; border-radius: 50%; left: -130px; top: -150px; z-index: 1; color: var(--color); mix-blend-mode: multiply } @media (max-width: 768px) { .individual__shape_rounds { left: -30% } } .individual__shape_rounds:after { content: ""; border-radius: 50%; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--color); opacity: .2; mix-blend-mode: multiply } .individual__shape_dots { width: 210px; height: 210px; border-radius: 50%; left: 60px; bottom: -35px; z-index: 1; color: var(--color); mix-blend-mode: multiply } @media (max-width: 1024px) { .individual__shape_dots { display: none } } .individual__shape_dots:after { content: ""; border-radius: 50%; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--color); opacity: .2; mix-blend-mode: multiply } .individual__shape_wave { width: 120px; height: 120px; border-radius: 50%; left: 770px; top: 40px; z-index: 1; color: var(--color); mix-blend-mode: multiply } @media (max-width: 1280px) { .individual__shape_wave { display: none } } .individual__shape_wave:after { content: ""; border-radius: 50%; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--color); opacity: .2; mix-blend-mode: multiply } .individual__shape_flash { width: 460px; height: 460px; border-radius: 50%; right: -250px; top: 75px; z-index: 1; color: var(--color); mix-blend-mode: multiply } @media (max-width: 1280px) { .individual__shape_flash { display: none } } .individual__shape_flash:after { content: ""; border-radius: 50%; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--color); opacity: .2; mix-blend-mode: multiply } .individual__title { color: #fff; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; position: relative; z-index: 3 } @media (min-width: 1920px) { .individual__title { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .individual__title { font-size: calc(1.5rem + 24 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .individual__title { font-size: 1.5rem } } @media (min-width: 1920px) { .individual__title { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .individual__title { line-height: calc(27px + 41 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual__title { line-height: 27px } } .individual__text { color: #fff; letter-spacing: .02em; max-width: 806px } @media (min-width: 1920px) { .individual__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .individual__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .individual__text { font-size: .9375rem } } @media (min-width: 1920px) { .individual__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .individual__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual__text { line-height: 22px } } .individual__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 3 } @media (min-width: 1920px) { .individual__bottom { margin-top: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .individual__bottom { margin-top: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual__bottom { margin-top: 20px } } @media (min-width: 1920px) { .individual_experts .individual__bottom { margin-top: 0 } } @media (min-width: 560px) and (max-width: 1919px) { .individual_experts .individual__bottom { margin-top: calc(0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .individual_experts .individual__bottom { margin-top: 0 } } @media (max-width: 768px) { .individual__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .individual__button { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 15px; padding-right: 15px; margin-left: 100px; min-width: 180px; position: relative; z-index: 3 } @media (max-width: 768px) { .individual__button { margin-top: 40px; margin-left: 0; height: 40px } .individual_experts .individual__button { margin-top: 24px } } @media (max-width: 768px) and (max-width: 560px) { .individual_experts .individual__button { width: 100% } } .individual__icon-rounds { max-width: 240px; max-height: 240px; margin-top: -120px; margin-left: -120px } .individual__icon-dots, .individual__icon-rounds { top: 50%; left: 50%; position: absolute; opacity: .45; mix-blend-mode: multiply } .individual__icon-dots { max-width: 220px; max-height: 220px; margin-top: -135px; margin-left: -110px } .individual__icon-wave { max-width: 110px; max-height: 110px; margin-top: -85px; margin-left: -25px } .individual__icon-flash, .individual__icon-wave { top: 50%; left: 50%; position: absolute; opacity: .45; mix-blend-mode: multiply } .individual__icon-flash { max-width: 450px; max-height: 450px; margin-top: -225px; margin-left: -315px } .individual__image { position: absolute; z-index: 1; right: 30px; bottom: 0; max-width: 40%; height: auto; display: block } @media (max-width: 768px) { .individual__image { max-width: 75% } } .individual__right { -ms-flex-item-align: center; align-self: center } .specialists { overflow: hidden } @media (min-width: 1920px) { .specialists { padding-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists { padding-top: calc(90px + 90 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists { padding-top: 90px } } @media (min-width: 1920px) { .specialists_about { padding-top: 150px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists_about { padding-top: calc(78px + 72 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists_about { padding-top: 78px } } .specialists__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .specialists__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .specialists__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .specialists__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .specialists__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .specialists__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .specialists__wrapper { padding-right: 20px } } .specialists__slider-outer { max-width: 1436px; position: relative; margin: 0 auto; padding: 0 20px } @media (max-width: 1024px) { .specialists__slider-outer { max-width: none } } @media (max-width: 1024px) and (min-width: 768px) { .specialists__slider-outer { margin-left: -400px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 767px) { .specialists__slider-outer { margin-left: calc(-220px + -180 * (100vw - 320px) / 448) } } @media (max-width: 1024px) and (max-width: 319px) { .specialists__slider-outer { margin-left: -220px } } @media (max-width: 1024px) and (min-width: 768px) { .specialists__slider-outer { margin-right: -400px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 767px) { .specialists__slider-outer { margin-right: calc(-220px + -180 * (100vw - 320px) / 448) } } @media (max-width: 1024px) and (max-width: 319px) { .specialists__slider-outer { margin-right: -220px } } .specialists__slider { overflow: visible } .specialists__slider-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; width: auto } @media (max-width: 1024px) { .specialists__slider-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 } } .specialists__slider-item, .swiper-container-android .specialists__slider-item { padding: 0 15px; -webkit-transform: translateZ(0); transform: translateZ(0) } @media (max-width: 1024px) { .specialists__slider-item, .swiper-container-android .specialists__slider-item { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; -o-transition: transform ease-in .2s; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; padding: 0 } .specialists__slider-item_active, .swiper-container-android .specialists__slider-item_active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .specialists__pagination-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; padding: 0 20px; width: 100% } @media (max-width: 1024px) { .specialists__pagination-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } } .specialists__pagination { overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px !important } @media (max-width: 1024px) { .specialists__pagination { display: none } } .specialists__bullet { width: 8px; height: 8px; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); margin: 0 3px; border-radius: 50%; background-color: #fff; -ms-flex-negative: 0; flex-shrink: 0 } .specialists__bullet_active-main { width: 12px; height: 12px } .specialists__all { margin-bottom: 3px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .specialists__all { margin-top: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .specialists__all { margin-top: calc(30px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialists__all { margin-top: 30px } } @media (max-width: 1024px) { .specialists__all { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .specialists__all-link { padding-left: 20px; padding-right: 20px } .specialists__item:nth-of-type(n+8) { display: none } @media (max-width: 1024px) { .specialists__item:nth-of-type(n+8) { display: -webkit-box; display: -ms-flexbox; display: flex } } .specialist-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .specialist-card { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card { margin-bottom: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card { margin-bottom: 20px } } @media (min-width: 1920px) { .specialist-card_about { padding-left: 15px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card_about { padding-left: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card_about { padding-left: 10px } } @media (min-width: 1920px) { .specialist-card_about { padding-right: 15px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card_about { padding-right: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card_about { padding-right: 10px } } .specialist-card_about:first-of-type { width: 100%; height: 615px } .specialist-card_about:nth-of-type(2), .specialist-card_about:nth-of-type(3) { width: 50%; height: 332px } .specialist-card_about:nth-of-type(4), .specialist-card_about:nth-of-type(5), .specialist-card_about:nth-of-type(6), .specialist-card_about:nth-of-type(7) { width: 25%; height: 670px } .app_mode_color_bw .specialist-card_about:nth-of-type(4), .app_mode_color_bw .specialist-card_about:nth-of-type(5), .app_mode_color_bw .specialist-card_about:nth-of-type(6), .app_mode_color_bw .specialist-card_about:nth-of-type(7), .app_mode_color_invert .specialist-card_about:nth-of-type(4), .app_mode_color_invert .specialist-card_about:nth-of-type(5), .app_mode_color_invert .specialist-card_about:nth-of-type(6), .app_mode_color_invert .specialist-card_about:nth-of-type(7), .app_mode_color_sepia .specialist-card_about:nth-of-type(4), .app_mode_color_sepia .specialist-card_about:nth-of-type(5), .app_mode_color_sepia .specialist-card_about:nth-of-type(6), .app_mode_color_sepia .specialist-card_about:nth-of-type(7) { width: 33.3%; height: auto } .app_mode_color_bw .specialist-card_about:nth-of-type(7), .app_mode_color_invert .specialist-card_about:nth-of-type(7), .app_mode_color_sepia .specialist-card_about:nth-of-type(7) { display: none } @media (max-width: 1024px) { .specialist-card_about:nth-of-type(n) { width: auto; height: 280px } } @media (max-width: 560px) { .specialist-card_about:nth-of-type(n) { height: 200px } } .specialist-card__link { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; overflow: hidden; border-radius: 3px; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } .specialist-card:nth-of-type(4) .specialist-card__link, .specialist-card:nth-of-type(5) .specialist-card__link, .specialist-card:nth-of-type(6) .specialist-card__link, .specialist-card:nth-of-type(7) .specialist-card__link, .specialist-card_doctors .specialist-card__link, .specialist-card_service .specialist-card__link { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } @media (max-width: 1024px) { .specialist-card:nth-of-type(4) .specialist-card__link, .specialist-card:nth-of-type(5) .specialist-card__link, .specialist-card:nth-of-type(6) .specialist-card__link, .specialist-card:nth-of-type(7) .specialist-card__link, .specialist-card_doctors .specialist-card__link, .specialist-card_service .specialist-card__link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .specialist-card__link:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .app_mode_color_bw .specialist-card__link:hover, .app_mode_color_invert .specialist-card__link:hover, .app_mode_color_sepia .specialist-card__link:hover { -webkit-box-shadow: none; box-shadow: none } .app_mode_color_bw .specialist-card_doctors .specialist-card__link, .app_mode_color_invert .specialist-card_doctors .specialist-card__link, .app_mode_color_sepia .specialist-card_doctors .specialist-card__link { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .specialist-card_doctors, .specialist-card_service { height: 100%; margin-bottom: 0 } .specialist-card__photo { position: relative; overflow: hidden; z-index: 1; background-image: -o-linear-gradient(96.36deg, #e6f3fa 7.17%, #fce7f1 99.46%); background-image: linear-gradient(353.64deg, #e6f3fa 7.17%, #fce7f1 99.46%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 5px; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in } @media (min-width: 1920px) { .specialist-card__photo { padding-right: 20px } } @media (min-width: 1024px) and (max-width: 1919px) { .specialist-card__photo { padding-right: calc(15px + 5 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .specialist-card__photo { padding-right: 15px } } @media (min-width: 1920px) { .specialist-card__photo { padding-left: 20px } } @media (min-width: 1024px) and (max-width: 1919px) { .specialist-card__photo { padding-left: calc(15px + 5 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .specialist-card__photo { padding-left: 15px } } .specialist-card__photo img { -webkit-filter: drop-shadow(3.125rem 1.25rem 6.25rem rgba(146, 110, 171, .35)); filter: drop-shadow(3.125rem 1.25rem 6.25rem rgba(146, 110, 171, .35)) } .specialist-card__photo:after { content: ""; position: absolute; background-image: -o-linear-gradient(186.36deg, #e6f3fa 7.17%, #fce7f1 99.46%); background-image: linear-gradient(263.64deg, #e6f3fa 7.17%, #fce7f1 99.46%); width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in } .app_mode_color_bw .specialist-card__photo:after, .app_mode_color_invert .specialist-card__photo:after, .app_mode_color_sepia .specialist-card__photo:after { content: none } .specialist-card_about:first-of-type .specialist-card__photo, .specialist-card_about:nth-of-type(2) .specialist-card__photo, .specialist-card_about:nth-of-type(3) .specialist-card__photo, .specialist-card_l .specialist-card__photo, .specialist-card_m .specialist-card__photo { width: 50%; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 1024px) { .specialist-card_about:first-of-type .specialist-card__photo, .specialist-card_about:nth-of-type(2) .specialist-card__photo, .specialist-card_about:nth-of-type(3) .specialist-card__photo, .specialist-card_l .specialist-card__photo, .specialist-card_m .specialist-card__photo { width: 100% } } .specialist-card_about:nth-of-type(4) .specialist-card__photo, .specialist-card_about:nth-of-type(5) .specialist-card__photo, .specialist-card_about:nth-of-type(6) .specialist-card__photo, .specialist-card_about:nth-of-type(7) .specialist-card__photo { height: 50%; -ms-flex-negative: 0; flex-shrink: 0 } .app_mode_color_bw .specialist-card_about:nth-of-type(4) .specialist-card__photo, .app_mode_color_bw .specialist-card_about:nth-of-type(5) .specialist-card__photo, .app_mode_color_bw .specialist-card_about:nth-of-type(6) .specialist-card__photo, .app_mode_color_bw .specialist-card_about:nth-of-type(7) .specialist-card__photo, .app_mode_color_invert .specialist-card_about:nth-of-type(4) .specialist-card__photo, .app_mode_color_invert .specialist-card_about:nth-of-type(5) .specialist-card__photo, .app_mode_color_invert .specialist-card_about:nth-of-type(6) .specialist-card__photo, .app_mode_color_invert .specialist-card_about:nth-of-type(7) .specialist-card__photo, .app_mode_color_sepia .specialist-card_about:nth-of-type(4) .specialist-card__photo, .app_mode_color_sepia .specialist-card_about:nth-of-type(5) .specialist-card__photo, .app_mode_color_sepia .specialist-card_about:nth-of-type(6) .specialist-card__photo, .app_mode_color_sepia .specialist-card_about:nth-of-type(7) .specialist-card__photo { height: 300px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } @media (max-width: 1024px) and (min-width: 1024px) { .specialist-card_about:nth-of-type(4) .specialist-card__photo, .specialist-card_about:nth-of-type(5) .specialist-card__photo, .specialist-card_about:nth-of-type(6) .specialist-card__photo, .specialist-card_about:nth-of-type(7) .specialist-card__photo { height: 140px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .specialist-card_about:nth-of-type(4) .specialist-card__photo, .specialist-card_about:nth-of-type(5) .specialist-card__photo, .specialist-card_about:nth-of-type(6) .specialist-card__photo, .specialist-card_about:nth-of-type(7) .specialist-card__photo { height: calc(100px + 40 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .specialist-card_about:nth-of-type(4) .specialist-card__photo, .specialist-card_about:nth-of-type(5) .specialist-card__photo, .specialist-card_about:nth-of-type(6) .specialist-card__photo, .specialist-card_about:nth-of-type(7) .specialist-card__photo { height: 100px } } .specialist-card_about:nth-of-type(4) .specialist-card__photo, .specialist-card_about:nth-of-type(5) .specialist-card__photo, .specialist-card_about:nth-of-type(6) .specialist-card__photo, .specialist-card_about:nth-of-type(7) .specialist-card__photo { width: 100% } @media (max-width: 1280px) and (min-width: 1024px) { .specialist-card_about:nth-of-type(4) .specialist-card__photo, .specialist-card_about:nth-of-type(5) .specialist-card__photo, .specialist-card_about:nth-of-type(6) .specialist-card__photo, .specialist-card_about:nth-of-type(7) .specialist-card__photo { padding-right: 0; padding-left: 0 } } @media (max-width: 1024px) { .specialist-card__photo { position: absolute; top: 0; left: 0; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .specialist-card_doctors .specialist-card__photo, .specialist-card_service .specialist-card__photo { -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 1024px) { .specialist-card_doctors .specialist-card__photo, .specialist-card_service .specialist-card__photo { height: 150px } } @media (max-width: 768px) { .specialist-card_doctors .specialist-card__photo, .specialist-card_service .specialist-card__photo { height: 130px } } .app_mode_color_bw .specialist-card_doctors .specialist-card__photo, .app_mode_color_invert .specialist-card_doctors .specialist-card__photo, .app_mode_color_sepia .specialist-card_doctors .specialist-card__photo { height: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } @media (max-width: 1024px) and (min-width: 1024px) { .specialist-card__photo { height: 140px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .specialist-card__photo { height: calc(100px + 40 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .specialist-card__photo { height: 100px } } .specialist-card__image { position: relative; z-index: 2; -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); bottom: -15px; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; min-width: 30px; min-height: 30px } @media (max-width: 1280px) and (min-width: 1024px) { .filter_doctors .specialist-card__image { bottom: -55px } } .app_mode_color_bw .specialist-card__image, .app_mode_color_invert .specialist-card__image, .app_mode_color_sepia .specialist-card__image { display: block !important; -webkit-filter: grayscale(1); filter: grayscale(1) } .app_mode_color_bw .specialist-card_doctors .specialist-card__image, .app_mode_color_invert .specialist-card_doctors .specialist-card__image, .app_mode_color_sepia .specialist-card_doctors .specialist-card__image { max-width: 300px } .app_mode_color_bw .specialist-card_about:nth-child(4) .specialist-card__image, .app_mode_color_bw .specialist-card_about:nth-child(5) .specialist-card__image, .app_mode_color_bw .specialist-card_about:nth-child(6) .specialist-card__image, .app_mode_color_bw .specialist-card_about:nth-child(7) .specialist-card__image, .app_mode_color_invert .specialist-card_about:nth-child(4) .specialist-card__image, .app_mode_color_invert .specialist-card_about:nth-child(5) .specialist-card__image, .app_mode_color_invert .specialist-card_about:nth-child(6) .specialist-card__image, .app_mode_color_invert .specialist-card_about:nth-child(7) .specialist-card__image, .app_mode_color_sepia .specialist-card_about:nth-child(4) .specialist-card__image, .app_mode_color_sepia .specialist-card_about:nth-child(5) .specialist-card__image, .app_mode_color_sepia .specialist-card_about:nth-child(6) .specialist-card__image, .app_mode_color_sepia .specialist-card_about:nth-child(7) .specialist-card__image { max-height: 100%; width: auto; height: 100% } @media (max-width: 1280px) and (min-width: 1024px) { .specialist-card_about:nth-child(4) .specialist-card__image, .specialist-card_about:nth-child(5) .specialist-card__image, .specialist-card_about:nth-child(6) .specialist-card__image, .specialist-card_about:nth-child(7) .specialist-card__image { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .specialist-card_about:first-of-type .specialist-card__image { max-width: 530px } @media (max-width: 1024px) { .specialist-card__image { max-height: 90%; width: auto; left: 0; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; left: -20px; min-height: 40px; max-height: 120px } } .specialist-card__photo_empty .specialist-card__image { width: auto } @media (min-width: 1920px) { .specialist-card__photo_empty .specialist-card__image { max-height: 270px } } @media (min-width: 1024px) and (max-width: 1919px) { .specialist-card__photo_empty .specialist-card__image { max-height: calc(210px + 60 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .specialist-card__photo_empty .specialist-card__image { max-height: 210px } } @media (max-width: 1024px) { .specialist-card__photo_empty .specialist-card__image { max-height: 90% } } .specialist-card__data { position: relative; padding: 30px; z-index: 1; background-color: #eef4fc } .specialist-card_about:first-of-type .specialist-card__data, .specialist-card_about:nth-of-type(2) .specialist-card__data, .specialist-card_about:nth-of-type(3) .specialist-card__data { width: 50% } @media (max-width: 1024px) { .specialist-card_about:first-of-type .specialist-card__data, .specialist-card_about:nth-of-type(2) .specialist-card__data, .specialist-card_about:nth-of-type(3) .specialist-card__data { width: 100% } } .specialist-card_about:nth-of-type(4) .specialist-card__data, .specialist-card_about:nth-of-type(5) .specialist-card__data, .specialist-card_about:nth-of-type(6) .specialist-card__data, .specialist-card_about:nth-of-type(7) .specialist-card__data { height: 50% } @media (max-width: 1024px) { .specialist-card_about:nth-of-type(4) .specialist-card__data, .specialist-card_about:nth-of-type(5) .specialist-card__data, .specialist-card_about:nth-of-type(6) .specialist-card__data, .specialist-card_about:nth-of-type(7) .specialist-card__data { height: auto } } .app_mode_color_bw .specialist-card_about:nth-of-type(4) .specialist-card__data, .app_mode_color_bw .specialist-card_about:nth-of-type(5) .specialist-card__data, .app_mode_color_bw .specialist-card_about:nth-of-type(6) .specialist-card__data, .app_mode_color_bw .specialist-card_about:nth-of-type(7) .specialist-card__data, .app_mode_color_invert .specialist-card_about:nth-of-type(4) .specialist-card__data, .app_mode_color_invert .specialist-card_about:nth-of-type(5) .specialist-card__data, .app_mode_color_invert .specialist-card_about:nth-of-type(6) .specialist-card__data, .app_mode_color_invert .specialist-card_about:nth-of-type(7) .specialist-card__data, .app_mode_color_sepia .specialist-card_about:nth-of-type(4) .specialist-card__data, .app_mode_color_sepia .specialist-card_about:nth-of-type(5) .specialist-card__data, .app_mode_color_sepia .specialist-card_about:nth-of-type(6) .specialist-card__data, .app_mode_color_sepia .specialist-card_about:nth-of-type(7) .specialist-card__data { height: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 1024px) { .specialist-card__data { width: 100%; z-index: 5; background-color: rgba(0, 0, 0, 0); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .specialist-card_doctors .specialist-card__data, .specialist-card_service .specialist-card__data { height: 50%; -ms-flex-negative: 0; flex-shrink: 0 } .specialist-card__data:after { content: ""; position: absolute; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #eef4fc), color-stop(90%, hsla(0, 0%, 100%, .001))); background-image: -o-linear-gradient(bottom, #eef4fc 10%, hsla(0, 0%, 100%, .001) 90%); background-image: linear-gradient(0deg, #eef4fc 10%, hsla(0, 0%, 100%, .001) 90%); height: 100px; z-index: 2; width: 100%; pointer-events: none } .app_mode_color_bw .specialist-card__data:after, .app_mode_color_invert .specialist-card__data:after, .app_mode_color_sepia .specialist-card__data:after { content: none } .app_mode_color_bw .specialist-card_doctors .specialist-card__data, .app_mode_color_invert .specialist-card_doctors .specialist-card__data, .app_mode_color_sepia .specialist-card_doctors .specialist-card__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .specialist-card__name { letter-spacing: .02em; color: #4d3651; font-weight: 700; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .specialist-card__name { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__name { font-size: calc(.9375rem + 9 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .specialist-card__name { font-size: .9375rem } } @media (min-width: 1920px) { .specialist-card__name { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__name { line-height: calc(22px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card__name { line-height: 22px } } @media (min-width: 1920px) { .specialist-card__name { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__name { margin-bottom: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card__name { margin-bottom: 15px } } @media (max-width: 1024px) { .specialist-card__name { padding-bottom: 25px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .app_mode_color_bw .specialist-card_about:nth-of-type(4) .specialist-card__name, .app_mode_color_bw .specialist-card_about:nth-of-type(5) .specialist-card__name, .app_mode_color_bw .specialist-card_about:nth-of-type(6) .specialist-card__name, .app_mode_color_bw .specialist-card_about:nth-of-type(7) .specialist-card__name, .app_mode_color_invert .specialist-card_about:nth-of-type(4) .specialist-card__name, .app_mode_color_invert .specialist-card_about:nth-of-type(5) .specialist-card__name, .app_mode_color_invert .specialist-card_about:nth-of-type(6) .specialist-card__name, .app_mode_color_invert .specialist-card_about:nth-of-type(7) .specialist-card__name, .app_mode_color_sepia .specialist-card_about:nth-of-type(4) .specialist-card__name, .app_mode_color_sepia .specialist-card_about:nth-of-type(5) .specialist-card__name, .app_mode_color_sepia .specialist-card_about:nth-of-type(6) .specialist-card__name, .app_mode_color_sepia .specialist-card_about:nth-of-type(7) .specialist-card__name { text-align: center } @media (max-width: 1024px) and (min-width: 1920px) { .specialist-card__name { padding-left: 130px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .specialist-card__name { padding-left: calc(50px + 80 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .specialist-card__name { padding-left: 50px } } @media (max-width: 1024px) and (min-width: 1024px) { .specialist-card__name { height: 110px } } @media (max-width: 1024px) and (min-width: 320px) and (max-width: 1023px) { .specialist-card__name { height: calc(70px + 40 * (100vw - 320px) / 704) } } @media (max-width: 1024px) and (max-width: 319px) { .specialist-card__name { height: 70px } } .specialist-card__text { letter-spacing: .02em; color: #4d3651; min-height: 90px } @media (min-width: 1920px) { .specialist-card__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .specialist-card__text { font-size: .9375rem } } @media (min-width: 1920px) { .specialist-card__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card__text { line-height: 22px } } @media (max-width: 1024px) { .specialist-card__text { margin-left: -30px; margin-right: -30px; background-color: #fcf8ff; padding: 26px 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } } .app_mode_color_bw .specialists_home .specialist-card__text, .app_mode_color_invert .specialists_home .specialist-card__text, .app_mode_color_sepia .specialists_home .specialist-card__text { display: none } .specialist-card__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media (min-width: 1920px) { .specialist-card__list { margin-top: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__list { margin-top: calc(10px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card__list { margin-top: 10px } } @media (max-width: 1024px) { .specialist-card__list { display: none } } .specialist-card_doctors .specialist-card__list { display: none } .specialist-card__list-item { width: 33.3%; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1920px) { .specialist-card__list-item { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__list-item { margin-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card__list-item { margin-bottom: 15px } } @media (min-width: 1920px) { .specialist-card__list-item:not(:last-of-type) { padding-right: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__list-item:not(:last-of-type) { padding-right: calc(15px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card__list-item:not(:last-of-type) { padding-right: 15px } } .specialist-card__list-item:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .specialist-card__list-pic { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-item-align: start; align-self: flex-start; overflow: hidden; height: 61px } @media (min-width: 1920px) { .specialist-card__list-pic { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__list-pic { margin-bottom: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card__list-pic { margin-bottom: 15px } } .specialist-card__list-image { display: block } .specialist-card__list-text { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .specialist-card__list-text { font-size: .875rem } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__list-text { font-size: calc(.75rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .specialist-card__list-text { font-size: .75rem } } @media (min-width: 1920px) { .specialist-card__list-text { line-height: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .specialist-card__list-text { line-height: calc(18px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .specialist-card__list-text { line-height: 18px } } .specialist-card__icon { display: none } @media (max-width: 1024px) { .specialist-card__icon { display: block; width: 14px; height: 32px; color: rgba(0, 0, 0, 0); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 10px } } @media (max-width: 768px) { .specialist-card__icon { right: -20px; position: relative } } .specialist-card__icon svg { stroke: #4e4e4e } .placement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1920px) { .placement_about { margin-top: 125px } } @media (min-width: 560px) and (max-width: 1919px) { .placement_about { margin-top: calc(80px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .placement_about { margin-top: 80px } } @media (min-width: 1920px) { .placement_about { margin-bottom: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .placement_about { margin-bottom: calc(110px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .placement_about { margin-bottom: 110px } } @media (min-width: 1920px) { .placement_eco-detail { margin-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .placement_eco-detail { margin-top: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .placement_eco-detail { margin-top: 60px } } @media (min-width: 1920px) { .placement_home { margin-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .placement_home { margin-top: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .placement_home { margin-top: 60px } } .placement__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1024px) { .placement__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .placement__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .placement__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .placement__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .placement__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .placement__wrapper { padding-right: 20px } } @media (max-width: 768px) { .placement__wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } .placement__title-wrapper { width: 100%; max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .placement__title-wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .placement__title-wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .placement__title-wrapper { padding-left: 20px } } @media (min-width: 1024px) { .placement__title-wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .placement__title-wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .placement__title-wrapper { padding-right: 20px } } @media (min-width: 1920px) { .placement__title { margin-bottom: 49px } } @media (min-width: 560px) and (max-width: 1919px) { .placement__title { margin-bottom: calc(59px + -10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .placement__title { margin-bottom: 59px } } .placement__body { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1024px) { .placement__body { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } @media (max-width: 768px) { .placement__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .placement__data { width: 67% } @media (min-width: 1920px) { .placement__data { padding-right: 140px } } @media (min-width: 768px) and (max-width: 1919px) { .placement__data { padding-right: calc(80px + 60 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .placement__data { padding-right: 80px } } @media (max-width: 768px) { .placement__data { width: 100%; padding-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .placement__list { width: 33% } @media (max-width: 768px) { .placement__list { width: 100% } } @media (max-width: 768px) and (min-width: 1920px) { .placement__list { margin-bottom: 40px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .placement__list { margin-bottom: calc(30px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .placement__list { margin-bottom: 30px } } .placement__list-item { letter-spacing: .02em; color: #a05eb5; position: relative; padding-left: 27px; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .placement__list-item { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .placement__list-item { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .placement__list-item { font-size: 1rem } } @media (min-width: 1920px) { .placement__list-item { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .placement__list-item { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .placement__list-item { line-height: 24px } } @media (min-width: 1920px) { .placement__list-item { margin-bottom: 13px } } @media (min-width: 560px) and (max-width: 1919px) { .placement__list-item { margin-bottom: calc(9px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .placement__list-item { margin-bottom: 9px } } .placement__list-item:after { content: ""; position: absolute; border-radius: 50%; width: 12px; height: 12px; background-image: -o-radial-gradient(53.44% 40.55%, .725625rem, #80c5e8 0, #e782a9 100%); background-image: radial-gradient(.725625rem at 53.44% 40.55%, #80c5e8 0, #e782a9 100%); left: 0; top: 8px } .placement__text { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .placement__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .placement__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .placement__text { font-size: .9375rem } } @media (min-width: 1920px) { .placement__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .placement__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .placement__text { line-height: 22px } } @media (min-width: 1920px) { .placement__link { margin-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .placement__link { margin-top: calc(50px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .placement__link { margin-top: 50px } } @media (max-width: 768px) { .placement__link { max-width: 380px; width: 100%; -ms-flex-item-align: center; align-self: center } } .slider { position: relative } .slider, .slider_about { overflow: hidden } @media (min-width: 1920px) { .slider_about { margin-top: 130px } } @media (min-width: 768px) and (max-width: 1919px) { .slider_about { margin-top: calc(59px + 71 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .slider_about { margin-top: 59px } } @media (max-width: 768px) { .slider_about { padding: 0 35px 40px; margin-top: 0 } } @media (max-width: 768px) and (min-width: 768px) { .slider_about { margin-bottom: 60px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .slider_about { margin-bottom: calc(50px + 10 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .slider_about { margin-bottom: 50px } } .slider_eco-detail { overflow: hidden } @media (min-width: 1920px) { .slider_eco-detail { margin-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .slider_eco-detail { margin-top: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider_eco-detail { margin-top: 60px } } @media (max-width: 768px) { .slider_eco-detail { padding: 0 35px 40px } } .slider_schedule { overflow: hidden } @media (min-width: 1920px) { .slider_schedule { margin-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .slider_schedule { margin-top: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider_schedule { margin-top: 60px } } @media (min-width: 1920px) { .slider_schedule { margin-bottom: 10px } } @media (min-width: 560px) and (max-width: 1919px) { .slider_schedule { margin-bottom: calc(10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider_schedule { margin-bottom: 0 } } @media (max-width: 768px) { .slider_schedule { padding: 0 35px 40px } } .slider_landing { overflow: hidden } @media (min-width: 1920px) { .slider_home { margin-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .slider_home { margin-top: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider_home { margin-top: 60px } } @media (min-width: 1920px) { .slider_landing { margin-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .slider_landing { margin-top: calc(30px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider_landing { margin-top: 30px } } @media (min-width: 1920px) { .slider_landing { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .slider_landing { margin-bottom: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider_landing { margin-bottom: 20px } } .app_mode_color_bw .slider, .app_mode_color_invert .slider, .app_mode_color_sepia .slider { display: none !important } @media (min-width: 1920px) { .slider__container { margin-left: -780px } } @media (min-width: 768px) and (max-width: 1919px) { .slider__container { margin-left: calc(-100px + -680 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .slider__container { margin-left: -100px } } @media (min-width: 1920px) { .slider__container { margin-right: -780px } } @media (min-width: 768px) and (max-width: 1919px) { .slider__container { margin-right: calc(-100px + -680 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .slider__container { margin-right: -100px } } @media (max-width: 768px) { .slider__container { margin-left: 0 } } @media (max-width: 768px) and (min-width: 768px) { .slider__container { margin-right: -580px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 767px) { .slider__container { margin-right: calc(-260px + -320 * (100vw - 320px) / 448) } } @media (max-width: 768px) and (max-width: 319px) { .slider__container { margin-right: -260px } } .slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .slider__item { height: 608px } } @media (min-width: 560px) and (max-width: 1919px) { .slider__item { height: calc(180px + 428 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider__item { height: 180px } } .slider__inner { position: relative; overflow: hidden; width: 100%; height: 80%; opacity: .8; -webkit-transition: all .2s ease-in; -o-transition: all ease-in .2s; transition: all .2s ease-in } .slider__inner:after { content: ""; position: absolute; right: 0; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#e782a9), to(#8bb8e8)); background-image: -o-linear-gradient(#e782a9, #8bb8e8); background-image: linear-gradient(#e782a9, #8bb8e8); -webkit-transition: opacity .3s ease-in; -o-transition: opacity ease-in .3s; transition: opacity .3s ease-in; mix-blend-mode: color } .slider__item_active .slider__inner { opacity: 1; height: 100% } .slider__item_active .slider__inner:after { opacity: 0; -webkit-transition: opacity .3s ease-in; -o-transition: opacity ease-in .3s; transition: opacity .3s ease-in } .slider__image { position: relative; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .slider__nav { position: absolute; top: 50%; margin-top: -20px; z-index: 5 } @media (min-width: 1920px) { .slider__nav_prev { left: 135px } } @media (min-width: 560px) and (max-width: 1919px) { .slider__nav_prev { left: calc(30px + 105 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider__nav_prev { left: 30px } } @media (min-width: 1920px) { .slider__nav_next { right: 135px } } @media (min-width: 560px) and (max-width: 1919px) { .slider__nav_next { right: calc(30px + 105 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider__nav_next { right: 30px } } @media (max-width: 768px) { .slider__nav { display: none } } .slider__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 32px; left: 0; right: 0; z-index: 5; width: 100% !important } @media (max-width: 768px) { .slider__pagination { bottom: -35px } } @media (min-width: 1920px) { .constructor-base { margin-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-base { margin-top: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-base { margin-top: 30px } } @media (min-width: 1920px) { .constructor-base { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-base { margin-bottom: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-base { margin-bottom: 30px } } .constructor-base__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .constructor-base__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .constructor-base__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .constructor-base__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .constructor-base__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .constructor-base__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .constructor-base__wrapper { padding-right: 20px } } .constructor-base__inner { max-width: 688px } .app_mode_color_bw .constructor-base__inner, .app_mode_color_invert .constructor-base__inner, .app_mode_color_sepia .constructor-base__inner { max-width: none } .diploma { position: relative; overflow: hidden } @media (min-width: 1920px) { .diploma { padding-bottom: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .diploma { padding-bottom: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .diploma { padding-bottom: 60px } } @media (min-width: 1920px) { .diploma { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .diploma { padding-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .diploma { padding-top: 30px } } .diploma__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .diploma__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .diploma__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .diploma__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .diploma__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .diploma__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .diploma__wrapper { padding-right: 20px } } .diploma__header-slider { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; z-index: 2 } @media (min-width: 1920px) { .diploma__header-slider { height: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .diploma__header-slider { height: calc(90px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .diploma__header-slider { height: 90px } } .diploma__popup-slider { display: -webkit-box; display: -ms-flexbox; display: flex } .diploma__modal-close { margin-left: auto } .diploma__slider { padding-left: 60px; padding-right: 60px; position: relative } @media (max-width: 768px) { .diploma__slider { padding-left: 0; padding-right: 0 } } @media (max-width: 768px) and (min-width: 1024px) { .diploma__slider { margin-left: -300px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 1023px) { .diploma__slider { margin-left: calc(-200px + -100 * (100vw - 320px) / 704) } } @media (max-width: 768px) and (max-width: 319px) { .diploma__slider { margin-left: -200px } } @media (max-width: 768px) and (min-width: 1024px) { .diploma__slider { margin-right: -300px } } @media (max-width: 768px) and (min-width: 320px) and (max-width: 1023px) { .diploma__slider { margin-right: calc(-200px + -100 * (100vw - 320px) / 704) } } @media (max-width: 768px) and (max-width: 319px) { .diploma__slider { margin-right: -200px } } @media (max-width: 768px) { .diploma__container { padding-top: 10px; padding-bottom: 10px } } .diploma__item { padding: 8px; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in; text-align: center } @media (max-width: 768px) { .diploma__item { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } } @media (max-width: 768px) { .diploma__item_active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .diploma__container_noslider .diploma__item { width: 25% } .diploma__inner { display: inline-block; position: relative; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in; max-height: 100%; padding: 15px; overflow: hidden; -webkit-box-shadow: 0 0 .625rem -1px rgba(0, 0, 0, .2); box-shadow: 0 0 .625rem -1px rgba(0, 0, 0, .2) } @media (max-width: 768px) { .diploma__inner { -webkit-box-shadow: none; box-shadow: none } } .diploma__item_active .diploma__inner { -webkit-box-shadow: 0 0 .625rem -1px rgba(0, 0, 0, .2); box-shadow: 0 0 .625rem -1px rgba(0, 0, 0, .2); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .diploma__inner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -o-linear-gradient(44.4deg, #80c5e8 -3.92%, #e782a9 99.38%); background-image: linear-gradient(45.6deg, #80c5e8 -3.92%, #e782a9 99.38%); opacity: 0; z-index: 1; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } @media (max-width: 768px) { .diploma__inner:before { background-image: -o-linear-gradient(30.27deg, #e782a9 -.85%, #80c5e8 100.61%); background-image: linear-gradient(59.73deg, #e782a9 -.85%, #80c5e8 100.61%); opacity: .2 } .diploma__item_active .diploma__inner:before { opacity: 0 } } .diploma__inner:hover:before { opacity: .5 } @media (max-width: 768px) { .diploma__item_active .diploma__inner:hover:before { opacity: 0 } } .diploma__photo-icon { border-radius: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; -webkit-transform: translate(-30px, -30px); -ms-transform: translate(-30px, -30px); transform: translate(-30px, -30px); z-index: 5; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); opacity: 0; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .diploma__inner:hover .diploma__photo-icon { opacity: .8 } @media (max-width: 768px) { .diploma__photo-icon { display: none } } .diploma__nav_prev { left: 0 } .diploma__nav_next { right: 0 } .diploma__nav_hide { display: none } .diploma__image { -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in; max-height: 246px } @media (max-width: 768px) { .diploma__image { opacity: 0; max-height: 225px } .diploma__item_active .diploma__image { opacity: 1 } } .diploma__description { color: #a05eb5; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 920px } @media (min-width: 1920px) { .diploma__description { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .diploma__description { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .diploma__description { font-size: 1rem } } @media (min-width: 1920px) { .diploma__description { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .diploma__description { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .diploma__description { line-height: 26px } } @media (min-width: 1920px) { .diploma__description { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .diploma__description { margin-bottom: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .diploma__description { margin-bottom: 40px } } .form-subscribe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .form-subscribe__submit { margin-left: -5px } .app_mode_color_bw .form-subscribe__submit, .app_mode_color_invert .form-subscribe__submit, .app_mode_color_sepia .form-subscribe__submit { margin-left: 0 } .form-subscribe__item { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 0 } .form-subscribe__item_error .form-subscribe__input { border-color: #e782a9 #8bb8e8 #e782a9 #e782a9 } .form-subscribe__tip { position: absolute; text-align: left; max-width: 100%; top: -22px; height: 20px; overflow: hidden; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .form-subscribe__item_error .form-subscribe__tip { opacity: 1 } .ask-button { border-radius: 5px; border: 1px solid #a05eb5; height: 40px; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0 } .ask-button__icon { color: #fff; width: 20px; height: 20px; margin-right: 10px } .app_mode_color_bw .ask-button__icon, .app_mode_color_invert .ask-button__icon, .app_mode_color_sepia .ask-button__icon { display: none !important } .ask-button__text { letter-spacing: .02em; color: #a05eb5 } @media (min-width: 1920px) { .ask-button__text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .ask-button__text { font-size: calc(1rem + 0 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .ask-button__text { font-size: 1rem } } @media (min-width: 1920px) { .ask-button__text { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .ask-button__text { line-height: calc(24px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .ask-button__text { line-height: 24px } } @media (max-width: 1280px) { .ask-button__text_pc { display: none } } .ask-button__text_mob { display: none } @media (max-width: 1280px) { .ask-button__text_mob { display: inline } } .modal-hider { position: absolute; left: -99999em; top: 0; z-index: -1 } .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; overflow-y: scroll } .app:not(.app_modal) .modal { pointer-events: none; opacity: 0 } .modal__bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 25; background-color: rgba(77, 54, 81, .8); -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .app:not(.app_modal) .modal__bg { opacity: 0 } .modal__outer { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; width: 100%; max-width: 960px; margin-left: auto; margin-right: auto } @media (max-width: 768px) { .modal { -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0 } } .app_modal-slider .modal { height: 100%; pointer-events: none; max-width: none; padding: 0 } .modal__inner { display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; width: 100% } .app_modal-slider .modal__inner { height: 100% } .modal__inner .user__name-value { color: #fff } .modal__close { position: absolute; z-index: 50; background: $ color__red_600; height: 100%; top: 0; right: 0; width: 104px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .app:not(.app_modal) .modal__close { opacity: 0 } .modal__icon-close { width: 24px; height: 24px } .modal__window { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 50; position: relative; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; text-align: left; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; overflow: hidden } @media (max-width: 768px) { .modal__window { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100%; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-radius: 0 } } .app_modal-slider .modal__window { height: 100% } .app_modal-slider .modal__window, .modal__content { display: -webkit-box; display: -ms-flexbox; display: flex } .modal__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .app_modal-slider .modal__content { height: 100% } @media (max-width: 768px) { .modal__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .app_modal-slider .modal__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 1024px) { .app_modal-slider .modal__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } } @media (max-width: 768px) { .modal-form_authorization { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .modal-form_product { -ms-flex-item-align: start; align-self: flex-start; padding-bottom: 20px } .modal-form__title { text-align: center } @media (min-width: 1920px) { .modal-form__title { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-form__title { margin-bottom: calc(15px + 9 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-form__title { margin-bottom: 15px } } .modal-form__text { font-weight: 500; text-align: center } @media (min-width: 1920px) { .modal-form__text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .modal-form__text { font-size: calc(.75rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .modal-form__text { font-size: .75rem } } @media (min-width: 1920px) { .modal-form__text { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-form__text { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-form__text { line-height: 22px } } .modal-form__text p { margin: 0 0 15px } .modal-form__text p:last-of-type { margin-bottom: 0 } .modal-form__accept { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 1920px) { .modal-form__accept { margin-top: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-form__accept { margin-top: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-form__accept { margin-top: 20px } } @media (max-width: 768px) { .modal-form__accept_authorization { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 30px } } @media (min-width: 1920px) { .modal-form__sharing { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .modal-form__sharing { margin-top: calc(25px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .modal-form__sharing { margin-top: 25px } } .modal-form__sharing-list { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .modal-form__sharing-list_recipe { max-width: 480px } .modal-form__sharing-item_1 { width: 33.3% } @media (max-width: 1280px) { .modal-form__sharing-item_1 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .modal-form__sharing-item_2 { width: 50% } @media (max-width: 768px) { .modal-form__sharing-item_2 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 768px) { .modal-form__accept-checkbox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .nav { position: relative } .nav:before { content: ""; width: 100px; height: 60px; position: absolute; left: -100px; top: 0 } .app_mode_color_bw .nav:before, .app_mode_color_invert .nav:before, .app_mode_color_sepia .nav:before { content: none } .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 1280px) { .nav__list { margin: 0 -5px } } .nav__item { letter-spacing: .02em; color: #4d3651; position: relative } @media (min-width: 1920px) { .nav__item { font-size: 1.125rem } } @media (min-width: 1280px) and (max-width: 1919px) { .nav__item { font-size: calc(.875rem + 4 * (100vw - 80rem) / 640) } } @media (max-width: 1279px) { .nav__item { font-size: .875rem } } @media (min-width: 1920px) { .nav__item { line-height: 22px } } @media (min-width: 1280px) and (max-width: 1919px) { .nav__item { line-height: calc(18px + 4 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .nav__item { line-height: 18px } } @media (max-width: 1280px) { .nav__item { padding: 0 5px } } .nav__item:first-child { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .app_mode_size_m .nav__item { font-size: .8125rem } .app_mode_size_l .nav__item { font-size: .75rem } .app_mode_color_bw .nav__item_special_hide, .app_mode_color_invert .nav__item_special_hide, .app_mode_color_sepia .nav__item_special_hide { display: none } .nav__link { color: #4d3651; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 5px; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .nav__item_current .nav__link { color: #0f579a } .app__body_en .nav__link { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .nav__link-arrow { width: 20px; height: 12px; position: absolute; bottom: 0; left: 50%; pointer-events: none; margin-left: -10px; color: #f7f4f9; opacity: 0; -webkit-transition: opacity .15s ease-out; -o-transition: opacity ease-out .15s; transition: opacity .15s ease-out } .app__body_en .nav__link-arrow { left: 20px; margin-left: 0 } .nav__link_opened .nav__link-arrow { opacity: 1 } .app_mode_color_bw .nav__link-arrow, .app_mode_color_invert .nav__link-arrow, .app_mode_color_sepia .nav__link-arrow { display: none } .nav__link-icon { color: #fff; width: 5px; height: 8px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 7px; pointer-events: none; display: none } .nav__link_enable .nav__link-icon { display: block } .nav__link-icon svg { stroke: #4d3651 } .nav__item_current .nav__link-icon svg { stroke: #0f579a } .nav__nesting { position: absolute; border-top: 1px solid #f6f5f6; pointer-events: none; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); opacity: 0; display: none } .nav__item:hover .nav__nesting { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: auto } .nav__nesting-item:not(:last-child) { border-bottom: 1px solid #f6f5f6 } .nav__nesting-link { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; padding: 5px 15px; height: 36px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: none; width: 200px; -webkit-transition: background-color .15s ease-in; -o-transition: background-color ease-in .15s; transition: background-color .15s ease-in } .nav__nesting-link:hover { background-color: #f6f5f6 } .info-slider { min-height: 380px; overflow: hidden } @media (min-width: 1920px) { .info-slider { padding-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider { padding-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info-slider { padding-top: 30px } } @media (min-width: 1920px) { .info-slider { padding-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider { padding-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info-slider { padding-bottom: 30px } } .info-slider__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .info-slider__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .info-slider__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .info-slider__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .info-slider__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .info-slider__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .info-slider__wrapper { padding-right: 20px } } @media (max-width: 1024px) { .info-slider__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .info-slider__slider-block { position: relative; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .info-slider__slider-block { width: 590px } } @media (min-width: 1024px) and (max-width: 1919px) { .info-slider__slider-block { width: calc(490px + 100 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .info-slider__slider-block { width: 490px } } @media (min-width: 1920px) { .info-slider__slider-block { padding-right: 150px } } @media (min-width: 1024px) and (max-width: 1919px) { .info-slider__slider-block { padding-right: calc(30px + 120 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .info-slider__slider-block { padding-right: 30px } } .info-slider__inner_left .info-slider__slider-block { padding-right: 0 } @media (min-width: 1920px) { .info-slider__inner_left .info-slider__slider-block { padding-left: 150px } } @media (min-width: 1024px) and (max-width: 1919px) { .info-slider__inner_left .info-slider__slider-block { padding-left: calc(30px + 120 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .info-slider__inner_left .info-slider__slider-block { padding-left: 30px } } @media (max-width: 1024px) { .info-slider__slider-block { width: 100%; padding-right: 0; padding-left: 0 } } .info-slider__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .info-slider__inner_left { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media (max-width: 1024px) { .info-slider__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .info-slider__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (max-width: 1024px) and (min-width: 1920px) { .info-slider__data { margin-top: 45px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .info-slider__data { margin-top: calc(30px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .info-slider__data { margin-top: 30px } } .info-slider__title { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #4d3651 } .info-slider__facts { overflow: hidden } .info-slider__facts-inner { margin: 0 -16px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 768px) { .info-slider__facts-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .info-slider__facts-item { width: 50%; max-width: 280px; padding: 0 16px; -ms-flex-negative: 1; flex-shrink: 1 } @media (max-width: 768px) { .info-slider__facts-item { width: 100% } .info-slider__facts-item:not(:last-of-type) { margin-bottom: 30px } } @media (min-width: 1920px) { .info-slider__facts-icon { width: 96px } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider__facts-icon { width: calc(60px + 36 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info-slider__facts-icon { width: 60px } } @media (min-width: 1920px) { .info-slider__facts-icon { height: 96px } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider__facts-icon { height: calc(60px + 36 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info-slider__facts-icon { height: 60px } } .info-slider__facts-text { color: #a05eb5; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .info-slider__facts-text { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider__facts-text { margin-top: calc(24px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info-slider__facts-text { margin-top: 24px } } @media (min-width: 1920px) { .info-slider__facts-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider__facts-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .info-slider__facts-text { font-size: 1rem } } @media (min-width: 1920px) { .info-slider__facts-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider__facts-text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info-slider__facts-text { line-height: 24px } } .info-slider__facts-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (min-width: 1920px) { .info-slider__facts-top { height: 100px } } @media (min-width: 1024px) and (max-width: 1919px) { .info-slider__facts-top { height: calc(70px + 30 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .info-slider__facts-top { height: 70px } } @media (max-width: 768px) { .info-slider__facts-top { height: auto } } .info-slider__facts-headline { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #a05eb5; font-size: 3rem; line-height: 26px; letter-spacing: .02em } .info-slider__text { letter-spacing: .02em; color: #040404 } @media (min-width: 1920px) { .info-slider__text { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider__text { margin-top: calc(30px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info-slider__text { margin-top: 30px } } @media (min-width: 1920px) { .info-slider__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .info-slider__text { font-size: .9375rem } } @media (min-width: 1920px) { .info-slider__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider__text { line-height: calc(24px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info-slider__text { line-height: 24px } } @media (max-width: 768px) { .info-slider__text { margin-top: 48px } } .info-slider__text p { margin: 0 } @media (min-width: 1920px) { .info-slider__text p:not(:last-of-type) { margin-bottom: 15px } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider__text p:not(:last-of-type) { margin-bottom: calc(12px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info-slider__text p:not(:last-of-type) { margin-bottom: 12px } } .info-slider__more-link { min-width: 180px } @media (max-width: 1024px) { .info-slider__more-link { margin-top: 20px } } .info-slider__link { min-width: 180px } @media (min-width: 1920px) { .info-slider__link { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .info-slider__link { margin-top: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .info-slider__link { margin-top: 15px } } .constructor-title { background-image: -o-linear-gradient(186.36deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); background-image: linear-gradient(263.64deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); position: relative; min-height: 312px } @media (min-width: 1920px) { .constructor-title { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title { padding-top: 50px } } @media (min-width: 1920px) { .constructor-title { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title { padding-bottom: calc(50px + 78 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title { padding-bottom: 50px } } @media (min-width: 1920px) { .constructor-title { margin-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title { margin-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title { margin-top: 30px } } @media (min-width: 1920px) { .constructor-title { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title { margin-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title { margin-bottom: 30px } } @media (max-width: 768px) { .constructor-title { min-height: auto } } .constructor-title_image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -o-linear-gradient(44.4deg, #80c5e8 -3.92%, #e782a9 99.38%); background-image: linear-gradient(45.6deg, #80c5e8 -3.92%, #e782a9 99.38%); opacity: .5; z-index: 2 } .constructor-title_image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #4d3651; opacity: .4; z-index: 2 } .constructor-title__image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .constructor-title__wrapper { width: 100%; max-width: 1554px; position: relative; margin: 0 auto; z-index: 4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 1024px) { .constructor-title__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .constructor-title__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .constructor-title__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .constructor-title__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .constructor-title__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .constructor-title__wrapper { padding-right: 20px } } .page-title_actions-item .constructor-title__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 768px) { .page-title_actions-item .constructor-title__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .page-title_event .constructor-title__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 768px) { .page-title_event .constructor-title__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .constructor-title__title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 1028px } @media (min-width: 1920px) { .constructor-title__title { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__title { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .constructor-title__title { font-size: 1.75rem } } @media (min-width: 1920px) { .constructor-title__title { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__title { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title__title { line-height: 38px } } @media (min-width: 1920px) { .constructor-title__title:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__title:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title__title:not(:last-of-type) { margin-bottom: 18px } } .constructor-title_image .constructor-title__title { color: #fff } .constructor-title__text { letter-spacing: .02em; color: #4d3651; max-width: 688px } @media (min-width: 1920px) { .constructor-title__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .constructor-title__text { font-size: .9375rem } } @media (min-width: 1920px) { .constructor-title__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title__text { line-height: 22px } } @media (min-width: 1920px) { .constructor-title__text:not(:last-of-type) { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__text:not(:last-of-type) { margin-bottom: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title__text:not(:last-of-type) { margin-bottom: 22px } } .constructor-title_image .constructor-title__text { color: #fff } .constructor-title__link { cursor: pointer; margin-right: auto } @media (max-width: 768px) { .constructor-title__link { margin-left: auto } } @media (min-width: 1920px) { .constructor-title__list { margin-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__list { margin-top: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title__list { margin-top: 20px } } @media (min-width: 1920px) { .constructor-title__link-block { margin-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__link-block { margin-top: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title__link-block { margin-top: 20px } } .constructor-title__icon-file { width: 21px; height: 28px; margin-right: 7px; color: #8bb8e8; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .constructor-title__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 180px } .constructor-title__link-text { color: #8bb8e8; letter-spacing: .02em; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } @media (min-width: 1920px) { .constructor-title__link-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__link-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .constructor-title__link-text { font-size: .9375rem } } @media (min-width: 1920px) { .constructor-title__link-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__link-text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title__link-text { line-height: 22px } } .constructor-title__icon-link { width: 32px; height: 36px; margin-right: 15px; color: #a05eb5 } .constructor-title__icon-arrow { width: 6px; height: 12px; color: #8bb8e8; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 7px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .constructor-title__contact-info { margin-top: 15px; color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .constructor-title__contact-info { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__contact-info { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .constructor-title__contact-info { font-size: 1rem } } @media (min-width: 1920px) { .constructor-title__contact-info { line-height: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__contact-info { line-height: calc(16px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title__contact-info { line-height: 16px } } .constructor-title__contact-name { font-weight: 700 } .constructor-title__contact-job { margin-top: 10px } .constructor-title__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .constructor-title__contacts { margin-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__contacts { margin-top: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title__contacts { margin-top: 20px } } @media (max-width: 560px) { .constructor-title__contacts { display: block } } .constructor-title__contact-link { margin-right: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 180px } .constructor-title__contact-link-text { letter-spacing: .02em } @media (min-width: 1920px) { .constructor-title__contact-link-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__contact-link-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .constructor-title__contact-link-text { font-size: .9375rem } } @media (min-width: 1920px) { .constructor-title__contact-link-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor-title__contact-link-text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor-title__contact-link-text { line-height: 22px } } .schedule-title { background-image: -o-linear-gradient(186.36deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); background-image: linear-gradient(263.64deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); min-height: 312px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .schedule-title { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title { padding-top: 50px } } @media (min-width: 1920px) { .schedule-title { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title { padding-bottom: calc(50px + 78 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title { padding-bottom: 50px } } @media (max-width: 768px) { .schedule-title { min-height: auto } } .schedule-title__wrapper { width: 100%; max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .schedule-title__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .schedule-title__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .schedule-title__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .schedule-title__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .schedule-title__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .schedule-title__wrapper { padding-right: 20px } } .schedule-title__breadcrumbs { position: relative; margin-bottom: 10px } @media (min-width: 1920px) { .schedule-title__breadcrumbs { margin-top: -48px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__breadcrumbs { margin-top: calc(-20px + -28 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title__breadcrumbs { margin-top: -20px } } .schedule-title__title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 1028px } @media (min-width: 1920px) { .schedule-title__title { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__title { font-size: calc(1.5rem + 24 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-title__title { font-size: 1.5rem } } @media (min-width: 1920px) { .schedule-title__title { line-height: 58px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__title { line-height: calc(34px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title__title { line-height: 34px } } @media (min-width: 1920px) { .schedule-title__title:not(:last-of-type) { margin-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__title:not(:last-of-type) { margin-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title__title:not(:last-of-type) { margin-bottom: 20px } } .app_mode_color_bw .schedule-title__title, .app_mode_color_invert .schedule-title__title, .app_mode_color_sepia .schedule-title__title { max-width: none } .schedule-title__table { max-width: 720px } .app_mode_color_bw .schedule-title__table, .app_mode_color_invert .schedule-title__table, .app_mode_color_sepia .schedule-title__table { max-width: none } .schedule-title__row { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .schedule-title__row:after { content: ""; position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 15px; margin-right: 10px; border-bottom: 1px dashed #a05eb5; top: -9px } @media (max-width: 560px) { .schedule-title__row:after { display: none } } @media (min-width: 1920px) { .schedule-title__row:not(:last-of-type) { margin-bottom: 12px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__row:not(:last-of-type) { margin-bottom: calc(8px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title__row:not(:last-of-type) { margin-bottom: 8px } } @media (max-width: 560px) { .schedule-title__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .schedule-title__col { position: relative; z-index: 2 } .schedule-title__col-name { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .schedule-title__col-name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__col-name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-title__col-name { font-size: 1rem } } @media (min-width: 1920px) { .schedule-title__col-name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__col-name { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title__col-name { line-height: 26px } } .schedule-title__col-value { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .schedule-title__col-value { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__col-value { font-size: calc(1.25rem + 12 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-title__col-value { font-size: 1.25rem } } @media (min-width: 1920px) { .schedule-title__col-value { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__col-value { line-height: calc(30px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title__col-value { line-height: 30px } } .schedule-title__text { letter-spacing: .02em; color: #4d3651; max-width: 688px } @media (min-width: 1920px) { .schedule-title__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-title__text { font-size: .9375rem } } @media (min-width: 1920px) { .schedule-title__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title__text { line-height: 22px } } @media (min-width: 1920px) { .schedule-title__text:not(:last-of-type) { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__text:not(:last-of-type) { margin-bottom: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title__text:not(:last-of-type) { margin-bottom: 22px } } .schedule-title__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .schedule-title__link { margin-top: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__link { margin-top: calc(25px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title__link { margin-top: 25px } } .schedule-title__link-text { letter-spacing: .02em } @media (min-width: 1920px) { .schedule-title__link-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__link-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-title__link-text { font-size: .9375rem } } @media (min-width: 1920px) { .schedule-title__link-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-title__link-text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-title__link-text { line-height: 22px } } .schedule-title__icon-link { width: 24px; height: 29px; margin-right: 5px; color: #a05eb5 } .schedule-title__icon-arrow { width: 6px; height: 12px; color: #8bb8e8; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 7px } @media (min-width: 1920px) { .schedule-filter { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter { padding-top: calc(37px + 91 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter { padding-top: 37px } } .schedule-filter__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .schedule-filter__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .schedule-filter__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .schedule-filter__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .schedule-filter__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .schedule-filter__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .schedule-filter__wrapper { padding-right: 20px } } @media (max-width: 1024px) { .schedule-filter__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .schedule-filter__sidebar { width: 300px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 1024px) { .schedule-filter__sidebar { width: 100% } } .app_mode_color_bw .schedule-filter__sidebar, .app_mode_color_invert .schedule-filter__sidebar, .app_mode_color_sepia .schedule-filter__sidebar { display: none } @media (max-width: 1024px) { .schedule-filter__sidebar-top { display: none } } .schedule-filter__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .schedule-filter__data { padding-right: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__data { padding-right: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__data { padding-right: 30px } } @media (max-width: 1024px) { .schedule-filter__data { padding-right: 0 } } .app_mode_color_bw .schedule-filter__data, .app_mode_color_invert .schedule-filter__data, .app_mode_color_sepia .schedule-filter__data { padding-right: 0 } @media (min-width: 1920px) { .schedule-filter__title { margin-bottom: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__title { margin-bottom: calc(13px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__title { margin-bottom: 13px } } @media (min-width: 1920px) { .schedule-filter__specialization { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__specialization { margin-top: calc(22px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__specialization { margin-top: 22px } } @media (max-width: 1024px) { .schedule-filter__specialization { display: none } } .schedule-filter__specialization-item { margin-bottom: 4px } .schedule-filter__specialization-button { padding: 0 7px; border-radius: 5px; background-color: #fff; height: 32px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0f579a; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .schedule-filter__specialization-button:hover { color: #3389b4 } .schedule-filter__specialization-button_active { background-color: #cbdff5 } .schedule-filter__specialization-button_active:hover { background-color: #3389b4; color: #fff } .schedule-filter__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px } .schedule-filter__item { margin-bottom: 32px; opacity: 0; padding: 0 16px; width: 33.3% } @media (min-width: 1920px) { .schedule-filter__item { height: 600px } } @media (min-width: 1024px) and (max-width: 1919px) { .schedule-filter__item { height: calc(500px + 100 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .schedule-filter__item { height: 500px } } .schedule-filter__item_visible { opacity: 1; -webkit-transition: opacity .2s ease-in; -o-transition: opacity ease-in .2s; transition: opacity .2s ease-in } .schedule-filter__item_hidden { display: none } @media (max-width: 1280px) { .schedule-filter__item { width: 50%; height: auto } } @media (max-width: 768px) { .schedule-filter__item { width: 100% } } .schedule-filter__mob { display: none } @media (max-width: 1024px) { .schedule-filter__mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px } } .schedule-filter__button-search { overflow: hidden; height: 40px; width: 40px; border-radius: 5px; border: 1px solid #8bb8e8; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .schedule-filter__button-search-icon { width: 21px; height: 21px; color: #8bb8e8 } .schedule-filter__block { background-color: #eef4fc; overflow: hidden; border-radius: 5px } @media (min-width: 1920px) { .schedule-filter__block { padding-right: 45px } } @media (min-width: 1280px) and (max-width: 1919px) { .schedule-filter__block { padding-right: calc(20px + 25 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .schedule-filter__block { padding-right: 20px } } @media (min-width: 1920px) { .schedule-filter__block { padding-left: 45px } } @media (min-width: 1280px) and (max-width: 1919px) { .schedule-filter__block { padding-left: calc(20px + 25 * (100vw - 1280px) / 640) } } @media (max-width: 1279px) { .schedule-filter__block { padding-left: 20px } } @media (min-width: 1920px) { .schedule-filter__block { padding-top: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__block { padding-top: calc(20px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__block { padding-top: 20px } } @media (min-width: 1920px) { .schedule-filter__block { padding-bottom: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__block { padding-bottom: calc(20px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__block { padding-bottom: 20px } } @media (max-width: 1280px) { .schedule-filter__block { background-color: #fff } } .schedule-filter__block-title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; padding-left: 8px } @media (min-width: 1920px) { .schedule-filter__block-title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__block-title { font-size: calc(1.375rem + 10 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-filter__block-title { font-size: 1.375rem } } @media (min-width: 1920px) { .schedule-filter__block-title { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__block-title { line-height: calc(32px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__block-title { line-height: 32px } } @media (min-width: 1920px) { .schedule-filter__block-title { margin-bottom: 36px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__block-title { margin-bottom: calc(18px + 18 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__block-title { margin-bottom: 18px } } @media (max-width: 1280px) { .schedule-filter__block-title { padding-left: 0; margin-left: -20px; margin-right: -20px } } .schedule-filter__table { width: 100% } @media (max-width: 1280px) { .schedule-filter__table { display: block } } .schedule-filter__table-head { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1280px) { .schedule-filter__table-head { display: none } } .schedule-filter__th { font-weight: 700; letter-spacing: .02em; color: #4d3651; text-align: left } @media (min-width: 1920px) { .schedule-filter__th { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__th { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-filter__th { font-size: 1rem } } @media (min-width: 1920px) { .schedule-filter__th { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__th { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__th { line-height: 26px } } @media (min-width: 1920px) { .schedule-filter__th { padding-bottom: 11px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__th { padding-bottom: calc(8px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__th { padding-bottom: 8px } } .schedule-filter__th:first-of-type { padding-left: 8px; width: 34% } .schedule-filter__th:nth-of-type(2) { width: 43% } .schedule-filter__th:last-of-type { width: 23% } @media (max-width: 1280px) { .schedule-filter__table-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -20px; margin-right: -20px } } .schedule-filter__tr { position: relative; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 1280px) { .schedule-filter__tr:not(:first-of-type) { border-bottom: 20px solid #fff } } .schedule-filter__tr:not(:first-of-type):hover { border-color: #f6f6f6 } @media (max-width: 1280px) { .schedule-filter__tr:not(:first-of-type):hover { border-color: #fff } } .schedule-filter__tr:not(:first-of-type):hover + .schedule-filter__tr:not(:first-of-type) { border-color: #f6f6f6 } @media (max-width: 1280px) { .schedule-filter__tr:not(:first-of-type):hover + .schedule-filter__tr:not(:first-of-type) { border-color: #fff } } @media (max-width: 1280px) { .schedule-filter__tr { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 15px; background-color: #f6f6f6 } } .schedule-filter__tr_visible { opacity: 1; -webkit-transition: opacity .2s ease-in; -o-transition: opacity ease-in .2s; transition: opacity .2s ease-in } .schedule-filter__tr_hidden { display: none } .schedule-filter__td { background-color: #eef4fc; -webkit-transition: background-color .15s ease-in; -o-transition: background-color ease-in .15s; transition: background-color .15s ease-in; cursor: pointer } @media (min-width: 1920px) { .schedule-filter__td { padding-top: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td { padding-top: calc(5px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__td { padding-top: 5px } } @media (min-width: 1920px) { .schedule-filter__td { padding-bottom: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td { padding-bottom: calc(5px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__td { padding-bottom: 5px } } .schedule-filter__td:first-of-type { padding-left: 8px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 34% } @media (max-width: 1280px) { .schedule-filter__td:first-of-type { padding-left: 0; width: 100% } } .schedule-filter__td:last-of-type { border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding-right: 8px; width: 66%; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 1280px) { .schedule-filter__td:last-of-type { padding-right: 0; width: 100% } } .schedule-filter__tr:hover .schedule-filter__td { background-color: #fff } @media (max-width: 1280px) { .schedule-filter__tr:hover .schedule-filter__td { background-color: #f6f6f6 } } @media (max-width: 1280px) { .schedule-filter__td { padding-top: 5px; padding-bottom: 5px } } .schedule-filter__td-name { color: #0f579a; font-weight: 700; letter-spacing: .02em; display: inline-block } @media (min-width: 1920px) { .schedule-filter__td-name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-name { font-size: 1rem } } @media (min-width: 1920px) { .schedule-filter__td-name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-name { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-name { line-height: 26px } } @media (min-width: 1920px) { .schedule-filter__td-name { margin-bottom: 6px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-name { margin-bottom: calc(4px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-name { margin-bottom: 4px } } .schedule-filter__td-position { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .schedule-filter__td-position { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-position { font-size: calc(.75rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-position { font-size: .75rem } } @media (min-width: 1920px) { .schedule-filter__td-position { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-position { line-height: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-position { line-height: 20px } } .schedule-filter__td:not(:last-of-type) .schedule-filter__td-position { padding-right: 30px } @media (max-width: 1280px) { .schedule-filter__td:not(:last-of-type) .schedule-filter__td-position { padding-right: 0 } } .schedule-filter__tr_onleave .schedule-filter__td-position_last { color: #a05eb5 } .schedule-filter__td-position p { margin-top: 0; margin-bottom: 10px } .schedule-filter__td-days { color: #4d3651; font-weight: 700; letter-spacing: .02em; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .schedule-filter__td-days { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-days { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-days { font-size: 1rem } } @media (min-width: 1920px) { .schedule-filter__td-days { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-days { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-days { line-height: 26px } } @media (min-width: 1920px) { .schedule-filter__td-days { margin-bottom: 6px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-days { margin-bottom: calc(4px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-days { margin-bottom: 4px } } .schedule-filter__td-days.schedule-filter__td-days_time:after { content: ""; position: relative; border-bottom: 1px dashed #a05eb5; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; top: -10px; margin-left: 10px; margin-right: 10px } .schedule-filter__tr_onleave .schedule-filter__td-days { color: #a6a6a6 } .schedule-filter__td-value { color: #4d3651; font-weight: 700; letter-spacing: .02em } @media (min-width: 1920px) { .schedule-filter__td-value { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-value { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-value { font-size: 1rem } } @media (min-width: 1920px) { .schedule-filter__td-value { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-value { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-value { line-height: 26px } } @media (min-width: 1920px) { .schedule-filter__td-value { margin-bottom: 6px } } @media (min-width: 560px) and (max-width: 1919px) { .schedule-filter__td-value { margin-bottom: calc(4px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .schedule-filter__td-value { margin-bottom: 4px } } .schedule-filter__tr_onleave .schedule-filter__td-value { color: #a6a6a6 } .schedule-filter__td-lvl2:first-of-type { width: 55% } @media (max-width: 1280px) { .schedule-filter__td-lvl2:first-of-type { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } } .schedule-filter__td-lvl2:nth-of-type(2) { width: 45% } @media (max-width: 1280px) { .schedule-filter__td-lvl2:nth-of-type(2) { width: auto; -ms-flex-negative: 1; flex-shrink: 1 } } .schedule-filter__td-lvl2:nth-of-type(3) { width: 100% } .schedule-filter__tr_onleave .schedule-filter__td-lvl2 { color: #a6a6a6 } .schedule-filter__line { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .schedule-filter__line.schedule-filter__line_vacation { font-size: 1rem; font-weight: 400; line-height: 24px; color: #4d3651 } .schedule-filter__line.schedule-filter__line_vacation:not(:last-of-type) { margin-bottom: 8px } .schedule-filter__line_vacation_active .schedule-filter__line_vacation-data, .schedule-filter__line_vacation_active .schedule-filter__td-vacation-right { color: #a05eb5 } .lang { position: relative } .lang__menu { position: absolute; top: 100%; z-index: 3; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 .25rem .9375rem rgba(0, 0, 0, .2); box-shadow: 0 .25rem .9375rem rgba(0, 0, 0, .2); overflow: hidden; pointer-events: none; opacity: 0; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .lang_active .lang__menu { opacity: 1; pointer-events: auto } .lang__icon { width: 18px; height: 18px; margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; pointer-events: none } .lang__icon, .lang__item-button .lang__icon { color: #a05eb5 } .lang__icon-arrow { width: 9px; height: 8px; color: #4d3651; margin-left: 4px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -ms-flex-negative: 0; flex-shrink: 0; pointer-events: none } .lang__icon-arrow svg { stroke: #4d3651 } .lang__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4d3651; width: 80px; padding: 0 15px; height: 50px } .lang__button:hover { color: #3389b4 } .lang__button:hover .lang__icon-arrow svg { stroke: #3389b4 } .lang__button:active { color: #0f579a } .lang__button:active .lang__icon-arrow svg { stroke: #0f579a } .lang_active .lang__button { color: #0f579a } .lang_active .lang__icon-arrow svg { stroke: #0f579a } .lang__text { display: block; font-size: .875rem; text-transform: uppercase; line-height: 20px; letter-spacing: .02em; pointer-events: none } .lang__item:not(:last-child) { border-bottom: 1px solid #f6f5f6 } .lang__item-button { display: -webkit-box; display: -ms-flexbox; display: flex; width: 80px; padding: 0 15px; height: 52px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color .15s ease-in; -o-transition: background-color ease-in .15s; transition: background-color .15s ease-in } .lang__item-button:hover { background-color: #f6f5f6 } .test { overflow: hidden } .test--reminders { padding: 80px 0 120px } .test__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .test__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .test__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .test__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .test__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .test__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .test__wrapper { padding-right: 20px } } .test__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .test__row:not(:last-of-type) { border-bottom: 1px solid #edebee } @media (max-width: 768px) { .test__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (max-width: 560px) { .test__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (max-width: 560px) and (min-width: 560px) { .test__row:not(first-of-type) { padding-top: 30px } } @media (max-width: 560px) and (min-width: 320px) and (max-width: 559px) { .test__row:not(first-of-type) { padding-top: calc(20px + 10 * (100vw - 320px) / 240) } } @media (max-width: 560px) and (max-width: 319px) { .test__row:not(first-of-type) { padding-top: 20px } } @media (max-width: 560px) and (min-width: 560px) { .test__row:not(last-of-type) { padding-bottom: 30px } } @media (max-width: 560px) and (min-width: 320px) and (max-width: 559px) { .test__row:not(last-of-type) { padding-bottom: calc(20px + 10 * (100vw - 320px) / 240) } } @media (max-width: 560px) and (max-width: 319px) { .test__row:not(last-of-type) { padding-bottom: 20px } } @media (max-width: 768px) { .test__row-header { display: none } } .test__col { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width: 1920px) { .test__col { padding-top: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .test__col { padding-top: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__col { padding-top: 20px } } @media (min-width: 1920px) { .test__col { padding-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .test__col { padding-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__col { padding-bottom: 20px } } @media (max-width: 560px) { .test__col { width: 100% } } .test__col-name { display: block } @media (min-width: 1920px) { .test__col-name { padding-right: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .test__col-name { padding-right: calc(15px + 35 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__col-name { padding-right: 15px } } @media (max-width: 768px) { .test__col-name { width: 100%; padding-right: 0 } } @media (max-width: 560px) { .test__col-name { padding-bottom: 5px } } @media (max-width: 768px) and (min-width: 1920px) { .test__col-name { padding-bottom: 10px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .test__col-name { padding-bottom: calc(5px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .test__col-name { padding-bottom: 5px } } @media (max-width: 768px) { .test__col.test__col-value { width: 100%; padding-right: 0 } } @media (max-width: 560px) { .test__col.test__col-value { padding-top: 10px } } @media (max-width: 768px) and (min-width: 1920px) { .test__col.test__col-value { padding-top: 10px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .test__col.test__col-value { padding-top: calc(5px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .test__col.test__col-value { padding-top: 5px } } .test__col-data-item { width: 50% } .test__col-title { font-weight: 700; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .test__col-title { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .test__col-title { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .test__col-title { font-size: 1rem } } @media (min-width: 1920px) { .test__col-title { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .test__col-title { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__col-title { line-height: 26px } } .test__schedule { display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: .02em; color: #4d3651; width: 100% } @media (min-width: 1920px) { .test__schedule { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .test__schedule { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .test__schedule { font-size: 1rem } } @media (min-width: 1920px) { .test__schedule { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .test__schedule { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__schedule { line-height: 26px } } .test__schedule-days { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .test__schedule-days:after { content: ""; position: relative; border-bottom: 1px dashed #a6a6a6; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; top: -8px; margin-left: 10px; margin-right: 10px } .test__schedule-time { width: 50% } .test__accent { font-weight: 700 } @media (min-width: 1920px) { .test__title { margin-bottom: 65px } } @media (min-width: 560px) and (max-width: 1919px) { .test__title { margin-bottom: calc(10px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__title { margin-bottom: 10px } } .test__typography { color: #4d3651; letter-spacing: .02em; max-width: 265px } @media (min-width: 1920px) { .test__typography { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .test__typography { font-size: .875rem } } @media (min-width: 1920px) { .test__typography { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography { line-height: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography { line-height: 20px } } .test__typography h2 { letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .test__typography h2 { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h2 { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .test__typography h2 { font-size: 1.5rem } } @media (min-width: 1920px) { .test__typography h2 { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h2 { line-height: calc(27px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography h2 { line-height: 27px } } @media (min-width: 1920px) { .test__typography h2 { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h2 { margin-top: calc(24px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography h2 { margin-top: 24px } } @media (min-width: 1920px) { .test__typography h2 { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h2 { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography h2 { margin-bottom: 18px } } .test__typography h3 { letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; font-weight: 700 } @media (min-width: 1920px) { .test__typography h3 { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h3 { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .test__typography h3 { font-size: 1.25rem } } @media (min-width: 1920px) { .test__typography h3 { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h3 { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography h3 { line-height: 28px } } @media (min-width: 1920px) { .test__typography h3 { margin-top: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h3 { margin-top: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography h3 { margin-top: 20px } } @media (min-width: 1920px) { .test__typography h3 { margin-bottom: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h3 { margin-bottom: calc(16px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography h3 { margin-bottom: 16px } } .test__typography h4 { letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; font-weight: 700 } @media (min-width: 1920px) { .test__typography h4 { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h4 { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .test__typography h4 { font-size: .9375rem } } @media (min-width: 1920px) { .test__typography h4 { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h4 { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography h4 { line-height: 22px } } @media (min-width: 1920px) { .test__typography h4 { margin-top: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h4 { margin-top: calc(15px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography h4 { margin-top: 15px } } @media (min-width: 1920px) { .test__typography h4 { margin-bottom: 16px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography h4 { margin-bottom: calc(15px + 1 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography h4 { margin-bottom: 15px } } .test__typography p { letter-spacing: .02em; margin: 0 } @media (min-width: 1920px) { .test__typography p { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography p { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .test__typography p { font-size: .875rem } } @media (min-width: 1920px) { .test__typography p { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography p { line-height: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography p { line-height: 20px } } @media (min-width: 1920px) { .test__typography p:not(:last-of-type) { margin-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography p:not(:last-of-type) { margin-bottom: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography p:not(:last-of-type) { margin-bottom: 20px } } .test__typography li { letter-spacing: .02em; margin: 0; position: relative } @media (min-width: 1920px) { .test__typography li { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography li { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .test__typography li { font-size: .875rem } } @media (min-width: 1920px) { .test__typography li { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography li { line-height: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography li { line-height: 20px } } @media (min-width: 1920px) { .test__typography li:not(:last-child) { margin-bottom: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography li:not(:last-child) { margin-bottom: calc(15px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography li:not(:last-child) { margin-bottom: 15px } } @media (min-width: 1920px) { .test__typography ol:not(:first-child) { margin-top: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography ol:not(:first-child) { margin-top: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography ol:not(:first-child) { margin-top: 20px } } @media (min-width: 1920px) { .test__typography ol:not(:last-of-type) { margin-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography ol:not(:last-of-type) { margin-bottom: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography ol:not(:last-of-type) { margin-bottom: 20px } } .test__typography ol li { list-style: decimal } @media (min-width: 1920px) { .test__typography ul:not(:first-child) { margin-top: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography ul:not(:first-child) { margin-top: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography ul:not(:first-child) { margin-top: 20px } } @media (min-width: 1920px) { .test__typography ul:not(:last-of-type) { margin-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography ul:not(:last-of-type) { margin-bottom: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography ul:not(:last-of-type) { margin-bottom: 20px } } .test__typography ul li { list-style: none; padding-left: 22px } .test__typography ul li:after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-image: -o-radial-gradient(53.44% 40.55%, 1.403125rem, rgba(128, 197, 232, .6) 0, rgba(218, 134, 179, .6) 100%); background-image: radial-gradient(1.403125rem at 53.44% 40.55%, rgba(128, 197, 232, .6) 0, rgba(218, 134, 179, .6) 100%); left: 0 } @media (min-width: 1920px) { .test__typography ul li:after { top: 11px } } @media (min-width: 560px) and (max-width: 1919px) { .test__typography ul li:after { top: calc(7px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__typography ul li:after { top: 7px } } @media (min-width: 1920px) { .test__indent { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .test__indent { margin-top: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__indent { margin-top: 20px } } .test__col-text-title { font-weight: 700; color: #4d3651; margin-bottom: 25px } @media (min-width: 1920px) { .test__col-text-title { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .test__col-text-title { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .test__col-text-title { font-size: .9375rem } } @media (min-width: 1920px) { .test__col-text-title { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .test__col-text-title { line-height: calc(20px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .test__col-text-title { line-height: 20px } } .test__col-line { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; color: #4d3651; margin-bottom: 25px } .test__col-time-text { width: 50%; font-weight: 700; position: relative } .test__col-time-text:after { content: ""; position: absolute; right: 10px; left: 0; height: 0; top: 15px; border-bottom: 1px dashed #a05eb5 } .test__col-time-text-block { position: relative; z-index: 3; background-color: #fff; padding-right: 10px; display: inline-block } .test__col-time-value { width: 50%; font-weight: 700 } .test__col-description { width: 100% } .administration { overflow: hidden } @media (min-width: 1920px) { .administration { padding-top: 140px } } @media (min-width: 560px) and (max-width: 1919px) { .administration { padding-top: calc(60px + 80 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .administration { padding-top: 60px } } .administration__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .administration__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .administration__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .administration__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .administration__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .administration__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .administration__wrapper { padding-right: 20px } } .administration__table { width: 100% } @media (max-width: 1024px) { .administration__table { display: block } } @media (max-width: 1024px) { .administration__table-head { display: none } } @media (max-width: 1024px) { .administration__table-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; margin-top: -20px } } @media (max-width: 560px) { .administration__table-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .administration__table-row { border-bottom: 1px solid #edebee; width: 100%; position: relative } @media (max-width: 1024px) { .administration__table-row { display: block; width: 50%; padding: 20px; border-bottom: 0 } } @media (max-width: 560px) { .administration__table-row { width: 100% } } .administration__table-col { width: 33.3% } @media (min-width: 1920px) { .administration__table-col { padding-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .administration__table-col { padding-top: calc(25px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .administration__table-col { padding-top: 25px } } @media (min-width: 1920px) { .administration__table-col { padding-bottom: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .administration__table-col { padding-bottom: calc(25px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .administration__table-col { padding-bottom: 25px } } .administration__table-col_head { font-weight: 700; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .administration__table-col_head { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .administration__table-col_head { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .administration__table-col_head { font-size: 1rem } } @media (min-width: 1920px) { .administration__table-col_head { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .administration__table-col_head { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .administration__table-col_head { line-height: 26px } } @media (min-width: 1920px) { .administration__table-col_head { padding-top: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .administration__table-col_head { padding-top: calc(12px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .administration__table-col_head { padding-top: 12px } } @media (min-width: 1920px) { .administration__table-col_head { padding-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .administration__table-col_head { padding-bottom: calc(12px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .administration__table-col_head { padding-bottom: 12px } } .administration__table-col:not(:last-of-type) { padding-right: 15px } @media (max-width: 1024px) { .administration__table-col:not(:last-of-type) { padding-right: 0 } } @media (max-width: 1024px) { .administration__table-col { width: 100%; display: block; padding-top: 0 } .administration__table-col:last-of-type { padding-bottom: 0 } } @media (max-width: 1024px) and (min-width: 1920px) { .administration__table-col { padding-bottom: 20px } } @media (max-width: 1024px) and (min-width: 560px) and (max-width: 1919px) { .administration__table-col { padding-bottom: calc(15px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 1024px) and (max-width: 559px) { .administration__table-col { padding-bottom: 15px } } .administration__position { font-weight: 700; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .administration__position { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .administration__position { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .administration__position { font-size: 1rem } } @media (min-width: 1920px) { .administration__position { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .administration__position { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .administration__position { line-height: 26px } } .administration__name { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .administration__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .administration__name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .administration__name { font-size: 1rem } } @media (min-width: 1920px) { .administration__name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .administration__name { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .administration__name { line-height: 26px } } .administration__phone { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .administration__phone { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .administration__phone { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .administration__phone { font-size: 1rem } } @media (min-width: 1920px) { .administration__phone { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .administration__phone { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .administration__phone { line-height: 26px } } .administration__email { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .administration__email { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .administration__email { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .administration__email { font-size: 1rem } } @media (min-width: 1920px) { .administration__email { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .administration__email { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .administration__email { line-height: 26px } } .app_mode_color_bw .administration a, .app_mode_color_invert .administration a, .app_mode_color_sepia .administration a { text-decoration: underline } .map { position: relative; width: 100%; height: 100% } .map__local-icon { width: 56px; height: 73px } .menu { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 5px; padding-bottom: 5px; background-color: #eef4fc; z-index: 0; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .menu.menu_show { pointer-events: auto; opacity: 1; top: 100%; z-index: 9 } .app_mode_color_bw .menu, .app_mode_color_invert .menu, .app_mode_color_sepia .menu { border-bottom: 2px solid; border-top: 1px solid; padding-bottom: 0 } @media (max-width: 768px) { .menu { display: none } } .menu__wrapper { width: 100%; max-width: 1448px; position: relative; margin: 0 auto; padding: 0 20px; overflow: hidden } .menu__screen, .menu__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .menu__screen { position: absolute; top: 0; left: 20px; right: 20px; background-color: #eef4fc; z-index: 1 } .menu__screen_active { position: relative; z-index: 3; left: 0; width: 100% } .menu__nav { -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .menu__nav { width: 345px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__nav { width: calc(320px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__nav { width: 320px } } .menu__item.menu__item_parent { display: none } .app_touch .menu__item.menu__item_parent { display: block } .menu__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f6f5f6; position: relative; border-radius: 5px } @media (min-width: 1920px) { .menu__link { padding-top: 8px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__link { padding-top: calc(6px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__link { padding-top: 6px } } @media (min-width: 1920px) { .menu__link { padding-bottom: 8px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__link { padding-bottom: calc(6px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__link { padding-bottom: 6px } } @media (min-width: 1920px) { .menu__link { padding-left: 10px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__link { padding-left: calc(8px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__link { padding-left: 8px } } @media (min-width: 1920px) { .menu__link { padding-right: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__link { padding-right: calc(10px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__link { padding-right: 10px } } @media (min-width: 1920px) { .menu__link { height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__link { height: calc(62px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__link { height: 62px } } .menu__item:last-child .menu__link { border-color: #f6f6f6 } .menu__link:after { content: ""; position: absolute; z-index: 1; background-color: #cbdff5; left: 0; top: 0; width: 0; height: 100%; -webkit-transition: width .2s ease-in; -o-transition: width ease-in .2s; transition: width .2s ease-in } .menu__link.menu__link_active:after { width: 100% } .app_mode_color_bw .menu__link, .app_mode_color_invert .menu__link, .app_mode_color_sepia .menu__link { height: auto; min-height: 60px } .menu__link-block { background-color: #fff; border-radius: 50%; overflow: hidden; color: #a05eb5; position: relative; width: 48px; height: 48px; -ms-flex-negative: 0; flex-shrink: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 1920px) { .menu__link-block { margin-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__link-block { margin-right: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__link-block { margin-right: 20px } } .app_mode_color_bw .menu__link-block, .app_mode_color_invert .menu__link-block, .app_mode_color_sepia .menu__link-block { display: none } .menu__icon-arrow { width: 5px; height: 8px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: #4d3651 !important; margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; z-index: 2; position: relative; display: none } .menu__link_enable .menu__icon-arrow { display: block } .menu__link-text { font-weight: 700; letter-spacing: .02em; color: #4d3651; margin-right: 20px; z-index: 2; position: relative } @media (min-width: 1920px) { .menu__link-text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .menu__link-text { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .menu__link-text { font-size: .875rem } } @media (min-width: 1920px) { .menu__link-text { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__link-text { line-height: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__link-text { line-height: 20px } } .menu__link-text.menu__link-text_parent { color: #8bb8e8 } .app_mode_size_m .menu__link-text { font-size: .875rem } .app_mode_size_l .menu__link-text { font-size: .75rem } .menu__link-pic { width: 40px; height: 40px } .menu__icon-pic { width: 32px; height: 32px } .menu__icon-1 { width: 17px; height: 33px } .menu__icon-2 { width: 30px; height: 32px } .menu__icon-3 { width: 33px; height: 28px } .menu__icon-4 { width: 20px; height: 32px } .menu__icon-11 { width: 32px; height: 30px } .menu__icon-5 { width: 24px; height: 32px } .menu__icon-6 { width: 29px; height: 32px } .menu__icon-7 { width: 32px; height: 19px } .menu__icon-8 { width: 34px; height: 34px } .menu__icon-9 { width: 34px; height: 33px } .menu__icon-10 { width: 20px; height: 30px } .menu__screen-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; padding-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex } .menu__screen-wrapper.menu__screen-wrapper_non-aside { padding-left: 0 } .menu__screen-inner { position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .menu__screen-inner_active { z-index: 1 } .menu__screen-inner.menu__screen-inner_non-aside, .menu__screen-inner_active { position: relative; opacity: 1 } .menu__sub { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-bottom: -1px } .menu__sub-item { padding-left: 15px; padding-right: 15px; width: 33.3% } @media (max-width: 1024px) { .menu__sub-item { width: 50% } } .menu__screen-inner_non-aside .menu__sub-item { width: 25% } @media (max-width: 1024px) { .menu__screen-inner_non-aside .menu__sub-item { width: 33.3% } } .app_mode_color_bw .menu__sub-item, .app_mode_color_invert .menu__sub-item, .app_mode_color_sepia .menu__sub-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .app_mode_color_bw .menu__sub-item_special, .app_mode_color_invert .menu__sub-item_special, .app_mode_color_sepia .menu__sub-item_special { display: none } .menu__sub-link { display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: .02em; color: #4d3651; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #edebee; overflow: hidden; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0); -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } @media (min-width: 1920px) { .menu__sub-link { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-link { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .menu__sub-link { font-size: .875rem } } @media (min-width: 1920px) { .menu__sub-link { line-height: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-link { line-height: calc(18px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__sub-link { line-height: 18px } } @media (min-width: 1920px) { .menu__sub-link { padding-top: 8px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-link { padding-top: calc(6px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__sub-link { padding-top: 6px } } @media (min-width: 1920px) { .menu__sub-link { padding-bottom: 8px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-link { padding-bottom: calc(6px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__sub-link { padding-bottom: 6px } } @media (min-width: 1920px) { .menu__sub-link { height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-link { height: calc(62px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__sub-link { height: 62px } } .menu__sub-link:hover { background-color: #cbdff5; border-color: #cbdff5 } .app_mode_size_m .menu__sub-link { font-size: .8125rem; height: auto; padding-top: 14px; padding-bottom: 14px } .app_mode_size_l .menu__sub-link { font-size: .75rem; height: auto; padding-top: 12px; padding-bottom: 12px } .menu__info { border-radius: 5px; background-image: -o-linear-gradient(206.55deg, #e6f3fa 7.17%, #f4c7d8 99.46%); background-image: linear-gradient(243.45deg, #e6f3fa 7.17%, #f4c7d8 99.46%); padding-top: 25px; padding-left: 50px; padding-right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: auto; max-height: 296px; visibility: hidden; display: none !important } .menu__info_show { visibility: visible } .menu__info-photo { -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-left: auto } @media (min-width: 1920px) { .menu__info-photo { width: 298px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__info-photo { width: calc(260px + 38 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__info-photo { width: 260px } } .menu__info-image { max-height: 280px } .menu__info-data { max-width: 370px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (min-width: 1920px) { .menu__info-data { padding-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__info-data { padding-bottom: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__info-data { padding-bottom: 20px } } .menu__info-title { letter-spacing: .02em; color: #4d3651; font-weight: 700 } @media (min-width: 1920px) { .menu__info-title { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .menu__info-title { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .menu__info-title { font-size: 1.125rem } } @media (min-width: 1920px) { .menu__info-title { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__info-title { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__info-title { line-height: 28px } } @media (min-width: 1920px) { .menu__info-title { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__info-title { margin-bottom: calc(22px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__info-title { margin-bottom: 22px } } .menu__info-text { letter-spacing: .02em; color: #a05eb5; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .menu__info-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .menu__info-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .menu__info-text { font-size: .9375rem } } @media (min-width: 1920px) { .menu__info-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__info-text { line-height: calc(25px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__info-text { line-height: 25px } } @media (min-width: 1920px) { .menu__info-text { margin-bottom: 15px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__info-text { margin-bottom: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__info-text { margin-bottom: 10px } } .menu__info-link { margin-top: auto; min-width: 236px } .menu__simplebar-content { background-color: #f6f5f6 } .menu__simplebar-scroll-content { background-color: #8bb8e8 } .menu__simplebar-scrollbar { background-color: #a05eb5 } .menu__simplebar-track { background-color: #f4c7d8 } .menu__sub-title { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .menu__sub-title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-title { font-size: calc(1.375rem + 10 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .menu__sub-title { font-size: 1.375rem } } @media (min-width: 1920px) { .menu__sub-title { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-title { line-height: calc(28px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__sub-title { line-height: 28px } } @media (min-width: 1920px) { .menu__sub-title { margin-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-title { margin-bottom: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__sub-title { margin-bottom: 15px } } .menu__sub-list { max-width: 604px } .menu__sub-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #4d3651; letter-spacing: .02em; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } @media (min-width: 1920px) { .menu__sub-list-item { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-list-item { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .menu__sub-list-item { font-size: 1rem } } @media (min-width: 1920px) { .menu__sub-list-item { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-list-item { line-height: calc(24px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__sub-list-item { line-height: 24px } } .menu__sub-list-item:after { content: ""; width: 100%; position: absolute; left: 0; bottom: 6px; height: 1px; border-bottom: 1px dashed #a05eb5; z-index: 1 } @media (min-width: 1920px) { .menu__sub-list-item:not(:last-child) { margin-bottom: 21px } } @media (min-width: 560px) and (max-width: 1919px) { .menu__sub-list-item:not(:last-child) { margin-bottom: calc(16px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .menu__sub-list-item:not(:last-child) { margin-bottom: 16px } } .menu__sub-text { padding-right: 10px } .menu__sub-text, .menu__sub-value { background-color: #f7f4f9; position: relative; z-index: 2 } .menu__sub-value { font-weight: 700; padding-left: 10px } .answers { position: relative } @media (min-width: 1920px) { .answers { padding-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .answers { padding-top: calc(40px + 80 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .answers { padding-top: 40px } } @media (min-width: 1920px) { .answers { padding-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .answers { padding-bottom: calc(10px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .answers { padding-bottom: 10px } } .answers__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .answers__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .answers__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .answers__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .answers__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .answers__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .answers__wrapper { padding-right: 20px } } .answers__title { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .answers__title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .answers__title { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .answers__title { font-size: 1.5rem } } @media (min-width: 1920px) { .answers__title { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .answers__title { line-height: calc(34px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .answers__title { line-height: 34px } } @media (min-width: 1920px) { .answers__title { margin-bottom: 75px } } @media (min-width: 560px) and (max-width: 1919px) { .answers__title { margin-bottom: calc(30px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .answers__title { margin-bottom: 30px } } .answers__list { max-width: 1048px } @media (min-width: 1920px) { .answers__item:not(:last-child) { margin-bottom: 65px } } @media (min-width: 560px) and (max-width: 1919px) { .answers__item:not(:last-child) { margin-bottom: calc(30px + 35 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .answers__item:not(:last-child) { margin-bottom: 30px } } .answers__card { -webkit-box-shadow: 0 0 3.125rem rgba(146, 110, 171, .2); box-shadow: 0 0 3.125rem rgba(146, 110, 171, .2) } .question { min-height: 380px; overflow: hidden } .question__top { position: relative } @media (min-width: 1920px) { .question__top { padding-top: 52px } } @media (min-width: 560px) and (max-width: 1919px) { .question__top { padding-top: calc(25px + 27 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__top { padding-top: 25px } } @media (min-width: 1920px) { .question__top { padding-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .question__top { padding-bottom: calc(25px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__top { padding-bottom: 25px } } .question__wrapper { max-width: 1554px; position: relative; margin: 0 auto; overflow: hidden } @media (min-width: 1024px) { .question__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .question__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .question__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .question__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .question__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .question__wrapper { padding-right: 20px } } .question__breadcrumbs { position: relative; z-index: 2 } @media (min-width: 1920px) { .question__breadcrumbs { margin-bottom: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .question__breadcrumbs { margin-bottom: calc(16px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__breadcrumbs { margin-bottom: 16px } } .question__title { color: #4d3651; position: relative; z-index: 2 } @media (min-width: 1920px) { .question__title { margin-bottom: 55px } } @media (min-width: 560px) and (max-width: 1919px) { .question__title { margin-bottom: calc(35px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__title { margin-bottom: 35px } } .question__icon { color: #fcf8ff; position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 90%; right: 30px } @media (min-width: 1920px) { .question__icon { width: 237px } } @media (min-width: 560px) and (max-width: 1919px) { .question__icon { width: calc(237px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__icon { width: 237px } } @media (min-width: 1920px) { .question__icon { max-height: 423px } } @media (min-width: 560px) and (max-width: 1919px) { .question__icon { max-height: calc(423px + 0 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__icon { max-height: 423px } } @media (max-width: 1024px) { .question__icon { display: none } } .question__top-item { position: relative; z-index: 2; max-width: 945px } .question__text { max-width: 688px } @media (min-width: 1920px) { .question__text { margin-top: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .question__text { margin-top: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__text { margin-top: 20px } } .question__date { color: #a6a6a6; font-size: .875rem; line-height: 15px } @media (min-width: 1920px) { .question__date { margin-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .question__date { margin-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__date { margin-top: 30px } } .question__bottom { background-color: rgba(130, 184, 239, .45) } @media (min-width: 1920px) { .question__bottom { padding-top: 52px } } @media (min-width: 560px) and (max-width: 1919px) { .question__bottom { padding-top: calc(25px + 27 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__bottom { padding-top: 25px } } @media (min-width: 1920px) { .question__bottom { padding-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .question__bottom { padding-bottom: calc(25px + 55 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__bottom { padding-bottom: 25px } } @media (min-width: 1920px) { .question__bottom-title { margin-bottom: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .question__bottom-title { margin-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .question__bottom-title { margin-bottom: 30px } } .question__bottom-item { position: relative; z-index: 2; max-width: 945px } .doctors-list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px } .doctors-list__item { margin-bottom: 32px; opacity: 0; padding: 0 16px; width: 33.3% } @media (min-width: 1920px) { .doctors-list__item { height: 600px } } @media (min-width: 1024px) and (max-width: 1919px) { .doctors-list__item { height: calc(500px + 100 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .doctors-list__item { height: 500px } } @media (max-width: 1280px) { .doctors-list__item { width: 50%; height: auto } } @media (max-width: 768px) { .doctors-list__item { width: 100% } } .app_mode_color_bw .doctors-list__item, .app_mode_color_invert .doctors-list__item, .app_mode_color_sepia .doctors-list__item { width: 50%; height: auto } @media (max-width: 768px) { .app_mode_color_bw .doctors-list__item, .app_mode_color_invert .doctors-list__item, .app_mode_color_sepia .doctors-list__item { width: 100% } } .consultation-list { position: relative } @media (min-width: 1920px) { .consultation-list { padding-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .consultation-list { padding-bottom: calc(40px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .consultation-list { padding-bottom: 40px } } .consultation-list__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .consultation-list__item:not(:last-child) { margin-bottom: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .consultation-list__item:not(:last-child) { margin-bottom: calc(30px + 38 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .consultation-list__item:not(:last-child) { margin-bottom: 30px } } @media (max-width: 1024px) { .consultation-list__item { width: 100% } } @media (min-width: 1920px) { .filter_doctors { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .filter_doctors { padding-top: calc(37px + 91 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter_doctors { padding-top: 37px } } @media (min-width: 1920px) { .filter_doctors { padding-bottom: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .filter_doctors { padding-bottom: calc(8px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter_doctors { padding-bottom: 8px } } @media (min-width: 1920px) { .filter_consultation { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .filter_consultation { padding-top: calc(37px + 91 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter_consultation { padding-top: 37px } } @media (min-width: 1920px) { .filter_consultation { padding-bottom: 155px } } @media (min-width: 560px) and (max-width: 1919px) { .filter_consultation { padding-bottom: calc(68px + 87 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter_consultation { padding-bottom: 68px } } .filter__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .filter__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .filter__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .filter__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .filter__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .filter__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .filter__wrapper { padding-right: 20px } } @media (max-width: 1024px) { .filter__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .filter__sidebar { width: 300px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 1024px) { .filter__sidebar { width: 100% } } @media (max-width: 1024px) { .filter__sidebar-top { display: none } } .filter__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .filter__data { padding-right: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .filter__data { padding-right: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter__data { padding-right: 30px } } @media (max-width: 1024px) { .filter__data { padding-right: 0 } } .filter__title { font-size: 1.125rem; color: #4d3651 } @media (min-width: 1920px) { .filter__title { margin-bottom: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .filter__title { margin-bottom: calc(13px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter__title { margin-bottom: 13px } } .filter__description { color: #afa5b1 } .filter .form__choices-list { border-color: #80c5e8 } .filter .form__choices-list.form__choices-list_doctors, .filter .form__choices-list.selected { border-color: #f6f5f6 } @media (min-width: 1920px) { .filter__specialization { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .filter__specialization { margin-top: calc(22px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter__specialization { margin-top: 22px } } @media (max-width: 1024px) { .filter__specialization { display: none } } .filter__specialization-item { margin-bottom: 4px } .filter__category-button { padding: 0 7px; border-radius: 5px; background-color: #fff; height: 32px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0f579a; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .filter__category-button:hover { color: #53c9f4 } .filter__category-button_active { background-color: #cbdff5 } .filter__category-button_active:hover { background-color: #3389b4; color: #fff } .app_mode_color_bw .filter__category-button_active, .app_mode_color_invert .filter__category-button_active, .app_mode_color_sepia .filter__category-button_active { border: 1px solid } .app_mode_color_bw .filter__category-button, .app_mode_color_invert .filter__category-button, .app_mode_color_sepia .filter__category-button { height: auto; text-align: left } .filter__item { opacity: 0 } .filter__item_visible { opacity: 1; -webkit-transition: opacity .2s ease-in; -o-transition: opacity ease-in .2s; transition: opacity .2s ease-in } .filter__item_hidden, .filter__mob { display: none } @media (max-width: 1024px) { .filter__mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px } } .filter__button-search { overflow: hidden; height: 40px; width: 40px; border-radius: 5px; border: 1px solid #8bb8e8; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .filter__button-search-icon { width: 21px; height: 21px; color: #8bb8e8 } @media (min-width: 1920px) { .way { padding-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .way { padding-top: calc(60px + 120 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way { padding-top: 60px } } .way__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .way__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .way__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .way__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .way__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .way__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .way__wrapper { padding-right: 20px } } .way__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 1920px) { .way__block:not(:last-of-type) { margin-bottom: 170px } } @media (min-width: 560px) and (max-width: 1919px) { .way__block:not(:last-of-type) { margin-bottom: calc(40px + 130 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__block:not(:last-of-type) { margin-bottom: 40px } } .way__block_revers { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media (max-width: 1280px) { .way__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .way__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 780px } .app_mode_color_bw .way__data, .app_mode_color_invert .way__data, .app_mode_color_sepia .way__data { max-width: none } .way__photos { -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .way__photos { padding-left: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .way__photos { padding-left: calc(25px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__photos { padding-left: 25px } } @media (min-width: 1920px) { .way__photos { width: 480px } } @media (min-width: 560px) and (max-width: 1919px) { .way__photos { width: calc(455px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__photos { width: 455px } } .way__block_revers .way__photos { padding-left: 0 } @media (min-width: 1920px) { .way__block_revers .way__photos { padding-right: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .way__block_revers .way__photos { padding-right: calc(25px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__block_revers .way__photos { padding-right: 25px } } @media (max-width: 1280px) { .way__photos { padding-left: 0; margin-top: 30px; width: 100% } } .app_mode_color_bw .way__photos, .app_mode_color_invert .way__photos, .app_mode_color_sepia .way__photos { display: none } .way__title { color: #4d3651 } @media (min-width: 1920px) { .way__title { margin-bottom: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .way__title { margin-bottom: calc(25px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__title { margin-bottom: 25px } } .way__subtitle { letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #4d3651 } @media (min-width: 1920px) { .way__subtitle { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .way__subtitle { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .way__subtitle { font-size: 1.5rem } } @media (min-width: 1920px) { .way__subtitle { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .way__subtitle { line-height: calc(34px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__subtitle { line-height: 34px } } @media (min-width: 1920px) { .way__subtitle { margin-bottom: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .way__subtitle { margin-bottom: calc(12px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__subtitle { margin-bottom: 12px } } .way__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width: 1920px) { .way__list { margin-top: 55px } } @media (min-width: 560px) and (max-width: 1919px) { .way__list { margin-top: calc(30px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__list { margin-top: 30px } } .way__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width: 1920px) { .way__item { margin-bottom: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .way__item { margin-bottom: calc(17px + 3 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__item { margin-bottom: 17px } } @media (min-width: 1920px) { .way__item:not(:last-child) { margin-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .way__item:not(:last-child) { margin-right: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__item:not(:last-child) { margin-right: 20px } } .way__label { border-radius: 50%; overflow: hidden; color: #fff; font-size: 1.125rem; line-height: 18px; font-weight: 700; letter-spacing: .02em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; width: 32px; height: 32px; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0 } .way__label_violet { background-color: #a05eb5 } .way__label_blue { background-color: #53c9f4 } .way__label_red { background-color: #dc3932 } .way__name { font-weight: 700; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .way__name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .way__name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .way__name { font-size: 1rem } } @media (min-width: 1920px) { .way__name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .way__name { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__name { line-height: 26px } } .way__numbers { margin-left: 10px; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .way__numbers { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .way__numbers { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .way__numbers { font-size: 1rem } } @media (min-width: 1920px) { .way__numbers { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .way__numbers { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__numbers { line-height: 26px } } @media (max-width: 560px) { .way__numbers { width: 100%; margin-left: 0 } } .way__photos-button { position: relative; display: inline-block; max-width: 100% } .way__photo-wrapper { position: relative; overflow: hidden; width: 428px; height: 264px; border-radius: 5px; -webkit-box-shadow: 1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29); box-shadow: 1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29); background-image: -o-linear-gradient(359.25deg, #e6f3fa 7.17%, #f4c7d8 99.46%); background-image: linear-gradient(90.75deg, #e6f3fa 7.17%, #f4c7d8 99.46%); max-width: 100% } @media (min-width: 1920px) { .way__photo-wrapper { height: 264px } } @media (min-width: 560px) and (max-width: 1919px) { .way__photo-wrapper { height: calc(179px + 85 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .way__photo-wrapper { height: 179px } } .way__photo-wrapper:first-of-type { z-index: 2 } .way__photo-wrapper:nth-of-type(2) { -webkit-transform: translate(10px, 10px); -ms-transform: translate(10px, 10px); transform: translate(10px, 10px); position: absolute; z-index: 1; top: 0; left: 0 } @media (max-width: 768px) { .way__photo-wrapper:nth-of-type(2) { -webkit-transform: translate(6px, 6px); -ms-transform: translate(6px, 6px); transform: translate(6px, 6px) } } .way__photo-wrapper:nth-of-type(n+3) { display: none } .way__photo-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: -o-linear-gradient(30.27deg, #e782a9 -.85%, #80c5e8 100.61%); background-image: linear-gradient(59.73deg, #e782a9 -.85%, #80c5e8 100.61%); opacity: .5; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .way__photos-button:hover .way__photo-wrapper:after { opacity: .3 } .way__photo { max-width: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; position: absolute } .way__icon-gallery { width: 24px } .way__photo-icon { border-radius: 50%; background: #fff url(/local/templates/main/css/../images/zoom.svg) no-repeat 50%; background-size: 24px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; -webkit-transform: translate(-30px, -30px); -ms-transform: translate(-30px, -30px); transform: translate(-30px, -30px); z-index: 5; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); opacity: 0; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in } .way__photos-button:hover .way__photo-icon { opacity: .8 } .way__description blockquote { position: relative; padding-top: 85px; margin-top: 30px } .way__description blockquote:after { content: ""; background-image: url(/assets/way-accent.png); width: 60px; height: 60px; position: absolute; top: 0; left: 0 } .way__description blockquote:not(:first-of-type) { margin-top: 30px } .app_mode_color_bw .search__input-wrapper, .app_mode_color_invert .search__input-wrapper, .app_mode_color_sepia .search__input-wrapper, .search { display: -webkit-box; display: -ms-flexbox; display: flex } .search__input { border-radius: 5px 0 0 5px } .search__submit { color: #fff; overflow: hidden; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #53c9f4; border-radius: 0 5px 5px 0; border-left: 0; -ms-flex-negative: 0; flex-shrink: 0 } .search__icon { color: #53c9f4; width: 20px; height: 20px } @media (min-width: 1920px) { .reviews-filter_reviews { padding-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .reviews-filter_reviews { padding-top: calc(37px + 93 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .reviews-filter_reviews { padding-top: 37px } } @media (min-width: 1920px) { .reviews-filter_reviews { padding-bottom: 155px } } @media (min-width: 560px) and (max-width: 1919px) { .reviews-filter_reviews { padding-bottom: calc(68px + 87 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .reviews-filter_reviews { padding-bottom: 68px } } .reviews-filter__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .reviews-filter__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .reviews-filter__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .reviews-filter__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .reviews-filter__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .reviews-filter__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .reviews-filter__wrapper { padding-right: 20px } } @media (max-width: 1024px) { .reviews-filter__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .reviews-filter__sidebar { width: 300px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 1024px) { .reviews-filter__sidebar { width: 100% } } @media (max-width: 1024px) { .reviews-filter__sidebar-top { display: none } } .reviews-filter__data { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .reviews-filter__data { padding-right: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .reviews-filter__data { padding-right: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .reviews-filter__data { padding-right: 30px } } @media (max-width: 1024px) { .reviews-filter__data { padding-right: 0 } } @media (min-width: 1920px) { .reviews-filter__title { margin-bottom: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .reviews-filter__title { margin-bottom: calc(13px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .reviews-filter__title { margin-bottom: 13px } } @media (min-width: 1920px) { .reviews-filter__specialization { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .reviews-filter__specialization { margin-top: calc(22px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .reviews-filter__specialization { margin-top: 22px } } @media (max-width: 1024px) { .reviews-filter__specialization { display: none } } .reviews-filter__specialization-item { margin-bottom: 4px } .reviews-filter__specialization-button { padding: 0 7px; border-radius: 5px; background-color: #fff; height: 32px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0f579a; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in } .reviews-filter__specialization-button:hover { color: #3389b4 } .reviews-filter__specialization-button_active { background-color: #cbdff5 } .reviews-filter__specialization-button_active:hover { color: #fff; background-color: #3389b4 } .app_mode_color_bw .reviews-filter__specialization-button_active, .app_mode_color_invert .reviews-filter__specialization-button_active, .app_mode_color_sepia .reviews-filter__specialization-button_active { border: 1px solid } .app_mode_color_bw .reviews-filter__specialization-button, .app_mode_color_invert .reviews-filter__specialization-button, .app_mode_color_sepia .reviews-filter__specialization-button { height: auto } .reviews-filter__item { margin-bottom: 32px; opacity: 0 } .reviews-filter__item_visible { opacity: 1; -webkit-transition: opacity .2s ease-in; -o-transition: opacity ease-in .2s; transition: opacity .2s ease-in } .reviews-filter__item_hidden { display: none } .app_mode_color_bw .reviews-filter__item, .app_mode_color_invert .reviews-filter__item, .app_mode_color_sepia .reviews-filter__item { border: 1px solid } .reviews-filter__mob { display: none } @media (max-width: 1024px) { .reviews-filter__mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px } } .reviews-filter__button-search { overflow: hidden; height: 40px; width: 40px; border-radius: 5px; border: 1px solid #8bb8e8; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .reviews-filter__button-search-icon { width: 21px; height: 21px; color: rgba(0, 0, 0, 0) } .reviews-filter__get-review { min-width: 200px } @media (min-width: 1920px) { .reviews-filter__get-review { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .reviews-filter__get-review { margin-top: calc(22px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .reviews-filter__get-review { margin-top: 22px } } @media (min-width: 1920px) { .reviews-filter__get-review { margin-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .reviews-filter__get-review { margin-bottom: calc(22px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .reviews-filter__get-review { margin-bottom: 22px } } .reviews-filter__loader { position: relative; width: 100%; height: 200px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .reviews-filter__loader.reviews-filter__loader_active { display: -webkit-box; display: -ms-flexbox; display: flex } .app_mode_color_bw .reviews-filter__loader, .app_mode_color_invert .reviews-filter__loader, .app_mode_color_sepia .reviews-filter__loader { display: none } .reviews-filter__preloader-video { max-height: 100% } .choices__item[data-value=""] .choices__button { display: none } .form-feedback__textarea { height: 224px; padding-bottom: 35px } .form-feedback__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 1024px) { .form-feedback__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .form-feedback__submit { margin-left: 20px } @media (max-width: 1024px) { .form-feedback__submit { margin-left: 0; margin-top: 20px } } @media (min-width: 1920px) { .form-feedback__text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .form-feedback__text { font-size: calc(.75rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .form-feedback__text { font-size: .75rem } } @media (min-width: 1920px) { .form-feedback__text { line-height: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .form-feedback__text { line-height: calc(16px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .form-feedback__text { line-height: 16px } } .page-title { background-image: -o-linear-gradient(186.36deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); background-image: linear-gradient(263.64deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); mix-blend-mode: multiply; min-height: 312px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .page-title { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title { padding-top: 50px } } @media (min-width: 1920px) { .page-title { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title { padding-bottom: calc(50px + 78 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title { padding-bottom: 50px } } @media (max-width: 768px) { .page-title { min-height: auto } } .page-title__wrapper { width: 100%; max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .page-title__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .page-title__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .page-title__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .page-title__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .page-title__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .page-title__wrapper { padding-right: 20px } } .page-title_actions-item .page-title__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 768px) { .page-title_actions-item .page-title__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .page-title_event .page-title__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 768px) { .page-title_event .page-title__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .page-title__inner { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .page-title_actions-item .page-title__inner { padding-right: 50px } @media (max-width: 768px) { .page-title_actions-item .page-title__inner { padding-right: 0 } } .page-title__title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 1028px } @media (min-width: 1920px) { .page-title__title { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__title { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-title__title { font-size: 1.75rem } } @media (min-width: 1920px) { .page-title__title { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__title { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__title { line-height: 38px } } @media (min-width: 1920px) { .page-title__title:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__title:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__title:not(:last-of-type) { margin-bottom: 18px } } .page-title_actions-item .page-title__title { color: #fff } .app_mode_color_bw .page-title__title, .app_mode_color_invert .page-title__title, .app_mode_color_sepia .page-title__title { max-width: 100% } .page-title__title-value { letter-spacing: .02em; color: #4d3651; max-width: 1028px } @media (min-width: 1920px) { .page-title__title-value { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__title-value { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-title__title-value { font-size: 1.75rem } } @media (min-width: 1920px) { .page-title__title-value { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__title-value { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__title-value { line-height: 38px } } .page-title__text { letter-spacing: .02em; color: #4d3651; max-width: 688px } @media (min-width: 1920px) { .page-title__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-title__text { font-size: .9375rem } } @media (min-width: 1920px) { .page-title__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__text { line-height: 22px } } @media (min-width: 1920px) { .page-title__text:not(:last-of-type) { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__text:not(:last-of-type) { margin-bottom: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__text:not(:last-of-type) { margin-bottom: 22px } } .app_mode_color_bw .page-title__text, .app_mode_color_invert .page-title__text, .app_mode_color_sepia .page-title__text { max-width: 100% } .page-title__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 688px } @media (min-width: 1920px) { .page-title__bottom { margin-top: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__bottom { margin-top: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__bottom { margin-top: 20px } } @media (max-width: 560px) { .page-title__bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .page-title_for-spec .page-title__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 560px) { .page-title_for-spec .page-title__list { display: block } } .page-title__price { -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.625rem; line-height: 28px; color: #a05eb5 } @media (max-width: 560px) { .page-title__price { margin-bottom: 30px } } .page-title_for-spec .page-title__item { margin-bottom: 20px } @media (max-width: 560px) { .page-title_for-spec .page-title__item:last-child { margin-bottom: 0 } } .page-title__item:not(:last-child) { margin-bottom: 20px } .page-title_for-spec .page-title__item:not(:last-child) { margin-right: 30px } @media (max-width: 560px) { .page-title_for-spec .page-title__item:not(:last-child) { margin-right: 0 } } .page-title__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 180px } .page-title__link-text { letter-spacing: .02em } @media (min-width: 1920px) { .page-title__link-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__link-text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-title__link-text { font-size: .9375rem } } @media (min-width: 1920px) { .page-title__link-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__link-text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__link-text { line-height: 22px } } .page-title__link-text a { text-decoration: underline } .page-title__icon-link { width: 32px; height: 36px; margin-right: 15px; color: #a05eb5 } .page-title__icon-arrow { width: 6px; height: 12px; color: #0f579a; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 7px } .page-title__icon-price { width: 26px; height: 37px; color: #a05eb5; margin-right: 15px; margin-left: 7px } .page-title__icon-drug { width: 32px; height: 36px; color: #a05eb5; margin-right: 15px } .page-title__date { -ms-flex-negative: 0; flex-shrink: 0; background-color: #fff; border-radius: 26px; height: 32px; padding: 0 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .page-title__date { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__date { font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-title__date { font-size: .875rem } } @media (min-width: 1920px) { .page-title__date { line-height: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__date { line-height: calc(20px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__date { line-height: 20px } } @media (min-width: 1920px) { .page-title__date { margin-top: 84px } } @media (min-width: 768px) and (max-width: 1919px) { .page-title__date { margin-top: calc(55px + 29 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .page-title__date { margin-top: 55px } } @media (max-width: 768px) { .page-title__date { margin-top: 10px } } .page-title__curator { color: #4d3651; letter-spacing: .02em } @media (min-width: 1920px) { .page-title__curator { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__curator { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-title__curator { font-size: 1rem } } @media (min-width: 1920px) { .page-title__curator { line-height: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__curator { line-height: calc(16px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__curator { line-height: 16px } } @media (min-width: 1920px) { .page-title__curator:not(:last-of-type) { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__curator:not(:last-of-type) { margin-bottom: calc(18px + 14 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__curator:not(:last-of-type) { margin-bottom: 18px } } .page-title__curator-name { font-weight: 700 } .page-title__curator-position { margin-top: 10px } .page-title__icon-phone { width: 21px; height: 32px; fill: none; margin-right: 10px; color: #a05eb5 } .page-title__icon-email { width: 35px; height: 23px; fill: none; color: #a05eb5; margin-right: 10px } .page-title__icon-attention { height: 30px; fill: none; -ms-flex-negative: 0; flex-shrink: 0; width: 26px; color: #a05eb5; margin-right: 15px; margin-left: 7px } .page-title__event-info { text-align: right; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: start; align-self: flex-start; margin-left: auto } @media (min-width: 1920px) { .page-title__event-info { margin-top: 82px } } @media (min-width: 768px) and (max-width: 1919px) { .page-title__event-info { margin-top: calc(56px + 26 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .page-title__event-info { margin-top: 56px } } @media (max-width: 768px) { .page-title__event-info { margin-left: 0; margin-top: 25px; text-align: left } } .page-title__event-date { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #a05eb5; letter-spacing: .02em } @media (min-width: 1920px) { .page-title__event-date { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__event-date { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-title__event-date { font-size: 1.5rem } } @media (min-width: 1920px) { .page-title__event-date { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__event-date { line-height: calc(30px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__event-date { line-height: 30px } } .page-title__event-time { color: #4d3651; letter-spacing: .02em; font-weight: 700 } @media (min-width: 1920px) { .page-title__event-time { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__event-time { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-title__event-time { font-size: 1.125rem } } @media (min-width: 1920px) { .page-title__event-time { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .page-title__event-time { line-height: calc(26px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-title__event-time { line-height: 26px } } @media (max-width: 768px) { .sign-button__text_pc { display: none } } .sign-button__text_mob { display: none } @media (max-width: 768px) { .sign-button__text_mob { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } } .burger { -ms-flex-negative: 0; flex-shrink: 0; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 64px; height: 64px; margin-right: -20px } @media (max-width: 768px) { .burger { display: -webkit-box; display: -ms-flexbox; display: flex } } .burger__wrapper { width: 22px; height: 17px; 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 } .burger__line { height: 1px; background: #a05eb5; width: 22px; -webkit-transition: all .2s ease; -o-transition: all ease .2s; transition: all .2s ease; position: relative } .burger__line_1 { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .app__burger .burger__line_1 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: -3px; top: 1px } .burger__line_2 { left: 0; opacity: 1 } .app__burger .burger__line_2 { left: 20px; opacity: 0 } .burger__line_3 { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .app__burger .burger__line_3 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: -3px; top: 1px } .app_ie .header { position: relative } .landing-header { position: -webkit-sticky; position: sticky; z-index: 900; background-color: #fff; top: 0; -webkit-transition: all .15s ease-in .15s; -o-transition: all .15s ease-in .15s; transition: all .15s ease-in .15s } .landing-header_sticky { top: -64px } .landing-header:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 3 } .landing-header__top { -webkit-box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .2); position: relative; z-index: 11 } .landing-header__wrapper { max-width: 1448px; position: relative; margin: 0 auto; padding: 0 20px; z-index: 10 } .landing-header__body, .landing-header__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .landing-header__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1 } @media (max-width: 1280px) { .landing-header__body { padding-left: 0; position: relative } } .landing-header__logo { overflow: hidden; display: block; -ms-flex-negative: 0; flex-shrink: 0; position: relative; width: 175px; z-index: 2 } @media (max-width: 1280px) { .landing-header__logo { width: 115px } } @media (max-width: 768px) { .landing-header__logo { width: 89px; height: 100% } } .landing-header__logo-hidden { font-size: 1.125rem; line-height: 28px; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; color: #4d3651; letter-spacing: .02em; text-transform: uppercase; opacity: 0; bottom: -4px; position: relative; -webkit-transition: all .2s ease-in .1s; -o-transition: all .2s ease-in .1s; transition: all .2s ease-in .1s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .landing-header_sticky .landing-header__logo-hidden { opacity: 1; -webkit-transition: all .3s ease-in .5s; -o-transition: all .3s ease-in .5s; transition: all .3s ease-in .5s } @media (max-width: 1280px) { .landing-header__logo-hidden { bottom: 20px } .header_sticky .landing-header__logo-hidden { opacity: 0 } } .landing-header__logo-hidden-image { margin-right: 4px; width: 89px; height: 36px } .landing-header__picture { top: 20px; position: relative; display: block; -webkit-transition: top .2s ease-in .3s; -o-transition: top .2s ease-in .3s; transition: top .2s ease-in .3s } @media (max-width: 1280px) { .landing-header__picture { top: 15px } } .landing-header_sticky .landing-header__picture { top: -100px; -webkit-transition: top .15s ease-in .25s; -o-transition: top .15s ease-in .25s; transition: top .15s ease-in .25s } .landing-header__nav { overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width: 1920px) { .landing-header__nav { padding-left: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-header__nav { padding-left: calc(15px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-header__nav { padding-left: 15px } } @media (min-width: 1920px) { .landing-header__nav { padding-right: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-header__nav { padding-right: calc(15px + 45 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-header__nav { padding-right: 15px } } @media (max-width: 1024px) { .landing-header__nav { display: none } } .landing-header__nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -10px } .landing-header__nav-item { padding: 0 10px } .landing-header__nav-link { color: #4d3651; -webkit-transition: color .15s ease-out; -o-transition: color ease-out .15s; transition: color .15s ease-out } @media (min-width: 1920px) { .landing-header__nav-link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-header__nav-link { font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-header__nav-link { font-size: .875rem } } @media (min-width: 1920px) { .landing-header__nav-link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-header__nav-link { line-height: calc(20px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-header__nav-link { line-height: 20px } } .landing-header__nav-link:hover { color: #8bb8e8 } .landing-header__button-bid { -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .landing-header__button-bid { min-width: 240px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-header__button-bid { min-width: calc(130px + 110 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-header__button-bid { min-width: 130px } } @media (max-width: 1024px) { .landing-header__button-bid { margin-left: auto } } @media (max-width: 1024px) { .landing-header__burger { display: -webkit-box; display: -ms-flexbox; display: flex } } .landing-header__nav-mob { position: absolute; left: 0; background-color: #fff; z-index: 1; width: 100%; opacity: 0; pointer-events: none; -webkit-transition: all .25s ease-out; -o-transition: all ease-out .25s; transition: all .25s ease-out } .app__burger .landing-header__nav-mob { pointer-events: auto; opacity: 1 } .landing-header__nav-mob-list { width: 100% } .landing-header__nav-mob-link { padding: 10px 0; display: block; color: #4d3651 } @media (min-width: 1920px) { .landing-header__nav-mob-link { font-size: 1.25rem } } @media (min-width: 560px) and (max-width: 1919px) { .landing-header__nav-mob-link { font-size: calc(1.125rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .landing-header__nav-mob-link { font-size: 1.125rem } } @media (min-width: 1920px) { .landing-header__nav-mob-link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .landing-header__nav-mob-link { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .landing-header__nav-mob-link { line-height: 26px } } .feedback { position: relative; overflow: hidden; background-color: #eef4fc } @media (min-width: 1920px) { .feedback { padding-top: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .feedback { padding-top: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feedback { padding-top: 30px } } @media (min-width: 1920px) { .feedback { padding-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .feedback { padding-bottom: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feedback { padding-bottom: 30px } } .feedback_doctors { background-color: #e6f3fa } @media (min-width: 1920px) { .feedback_doctors { margin-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .feedback_doctors { margin-top: calc(40px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feedback_doctors { margin-top: 40px } } .feedback_doctor { background-color: #f4c7d8 } .feedback_services { background-color: #e6f3fa } @media (min-width: 1920px) { .feedback_services { margin-bottom: 165px } } @media (min-width: 560px) and (max-width: 1919px) { .feedback_services { margin-bottom: calc(80px + 85 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feedback_services { margin-bottom: 80px } } .feedback_question { background-color: #e6f3fa } @media (min-width: 1920px) { .feedback_question { margin-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .feedback_question { margin-top: calc(80px + 100 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feedback_question { margin-top: 80px } } .feedback_home { background-color: #e6f3fa } @media (min-width: 1920px) { .feedback_home { margin-top: 180px } } @media (min-width: 560px) and (max-width: 1919px) { .feedback_home { margin-top: calc(80px + 100 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feedback_home { margin-top: 80px } } .feedback__wrapper { max-width: 1554px; position: relative; margin: 0 auto; z-index: 3 } @media (min-width: 1024px) { .feedback__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .feedback__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .feedback__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .feedback__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .feedback__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .feedback__wrapper { padding-right: 20px } } .feedback__icon-drop { position: absolute; z-index: 2; width: 527px; height: 556px; top: -25.03%; left: -6.77%; color: #8bb8e8; opacity: .15 } .app_mode_color_bw .feedback__icon-drop, .app_mode_color_invert .feedback__icon-drop, .app_mode_color_sepia .feedback__icon-drop { display: none !important } .feedback__icon-lines { position: absolute; z-index: 1; width: 808px; height: 840px; bottom: -15.95%; right: -7.81%; color: #8bb8e8; opacity: .15 } .app_mode_color_bw .feedback__icon-lines, .app_mode_color_invert .feedback__icon-lines, .app_mode_color_sepia .feedback__icon-lines { display: none !important } .feedback__title { font-weight: 400 } @media (min-width: 1920px) { .feedback__title { margin-bottom: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .feedback__title { margin-bottom: calc(38px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feedback__title { margin-bottom: 38px } } @media (min-width: 1920px) { .feedback__title { font-size: 3rem } } @media (min-width: 560px) and (max-width: 1919px) { .feedback__title { font-size: calc(1.75rem + 20 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .feedback__title { font-size: 1.75rem } } @media (min-width: 1920px) { .feedback__title { line-height: 68px } } @media (min-width: 560px) and (max-width: 1919px) { .feedback__title { line-height: calc(38px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feedback__title { line-height: 38px } } .feedback__all-link { font-family: PT Sans, Arial, sans-serif; letter-spacing: .02em; color: #0f579a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .feedback__all-link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .feedback__all-link { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .feedback__all-link { font-size: .9375rem } } @media (min-width: 1920px) { .feedback__all-link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .feedback__all-link { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feedback__all-link { line-height: 22px } } @media (max-width: 768px) { .feedback__all-link { margin-bottom: 29px } } .feedback__all-link:hover { color: #3389b4 } .feedback__all-link:hover .feedback__all-icon { color: #3389b4 } .feedback__all-link:active { color: #0f579a } .feedback__all-link:active .feedback__all-icon { color: #0f579a } .feedback__all-icon { width: 6px; height: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 8px; color: #0f579a } .feedback__get-button { padding: 0 25px; margin-left: auto } @media (max-width: 560px) { .feedback__get-button { width: 100% } } .feedback__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .feedback__footer { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .feedback__footer { margin-top: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feedback__footer { margin-top: 20px } } @media (max-width: 768px) { .feedback__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media (min-width: 1920px) { .analysis_eco-detail { padding-top: 114px } } @media (min-width: 560px) and (max-width: 1919px) { .analysis_eco-detail { padding-top: calc(50px + 64 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .analysis_eco-detail { padding-top: 50px } } @media (min-width: 1920px) { .analysis_eco-detail { padding-bottom: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .analysis_eco-detail { padding-bottom: calc(24px + 66 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .analysis_eco-detail { padding-bottom: 24px } } .analysis__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .analysis__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .analysis__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .analysis__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .analysis__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .analysis__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .analysis__wrapper { padding-right: 20px } } .analysis__list { display: block } .analysis__item { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .analysis__item { padding-top: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .analysis__item { padding-top: calc(25px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .analysis__item { padding-top: 25px } } .analysis__item:not(:last-child) { border-bottom: 1px solid #edebee } @media (min-width: 1920px) { .analysis__item:not(:last-child) { padding-bottom: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .analysis__item:not(:last-child) { padding-bottom: calc(25px + 25 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .analysis__item:not(:last-child) { padding-bottom: 25px } } @media (min-width: 1920px) { .contacts { padding-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts { padding-top: calc(20px + 110 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts { padding-top: 20px } } .contacts__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .contacts__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .contacts__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .contacts__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .contacts__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .contacts__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .contacts__wrapper { padding-right: 20px } } @media (max-width: 1280px) { .contacts__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .app_mode_color_bw .contacts__wrapper, .app_mode_color_invert .contacts__wrapper, .app_mode_color_sepia .contacts__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .contacts__map-block { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; padding-top: 30px } @media (min-width: 1920px) { .contacts__map-block { padding-right: 150px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__map-block { padding-right: calc(50px + 100 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__map-block { padding-right: 50px } } @media (max-width: 1280px) { .contacts__map-block { padding-right: 0; padding-top: 0 } } .app_mode_color_bw .contacts__map-block, .app_mode_color_invert .contacts__map-block, .app_mode_color_sepia .contacts__map-block { padding-right: 0 } @media (max-width: 1280px) and (min-width: 1920px) { .contacts__map-block { margin-bottom: 60px } } @media (max-width: 1280px) and (min-width: 560px) and (max-width: 1919px) { .contacts__map-block { margin-bottom: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 1280px) and (max-width: 559px) { .contacts__map-block { margin-bottom: 30px } } .contacts__map { -webkit-box-shadow: 1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29); box-shadow: 1.25rem 1.25rem 3.125rem rgba(146, 110, 171, .29); border-radius: 5px; overflow: hidden } @media (min-width: 1920px) { .contacts__map { height: 530px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__map { height: calc(430px + 100 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__map { height: 430px } } .app_mode_color_bw .contacts__map, .app_mode_color_invert .contacts__map, .app_mode_color_sepia .contacts__map { -webkit-box-shadow: none; box-shadow: none } .contacts__data { max-width: 560px; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 30px } @media (max-width: 1280px) { .contacts__data { max-width: none; padding-top: 0 } } .app_mode_color_bw .contacts__data, .app_mode_color_invert .contacts__data, .app_mode_color_sepia .contacts__data { max-width: none } .contacts__title { color: #4d3651 } @media (min-width: 1920px) { .contacts__title { margin-bottom: 35px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__title { margin-bottom: calc(20px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__title { margin-bottom: 20px } } .contacts__address { color: #4d3651; max-width: 340px } @media (min-width: 1920px) { .contacts__address { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__address { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .contacts__address { font-size: 1rem } } @media (min-width: 1920px) { .contacts__address { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__address { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__address { line-height: 26px } } .app_mode_color_bw .contacts__address, .app_mode_color_invert .contacts__address, .app_mode_color_sepia .contacts__address { max-width: none } .contacts__sub-title { color: #4d3651; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .contacts__sub-title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__sub-title { font-size: calc(1.5rem + 8 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .contacts__sub-title { font-size: 1.5rem } } @media (min-width: 1920px) { .contacts__sub-title { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__sub-title { line-height: calc(34px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__sub-title { line-height: 34px } } @media (min-width: 1920px) { .contacts__sub-title { margin-top: 60px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__sub-title { margin-top: calc(30px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__sub-title { margin-top: 30px } } @media (min-width: 1920px) { .contacts__sub-title { margin-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__sub-title { margin-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__sub-title { margin-bottom: 20px } } .contacts__block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 560px) { .contacts__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .contacts__icon-phone { width: 21px; height: 32px; color: #fff; margin-right: 16px } .contacts__icon-email { width: 35px; height: 23px; color: #a05eb5; margin-right: 16px } .contacts__block-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; letter-spacing: .02em } @media (min-width: 1920px) { .contacts__block-link { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__block-link { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .contacts__block-link { font-size: 1rem } } @media (min-width: 1920px) { .contacts__block-link { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__block-link { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__block-link { line-height: 26px } } @media (max-width: 560px) and (min-width: 1920px) { .contacts__block-link:not(:last-of-type) { margin-bottom: 30px } } @media (max-width: 560px) and (min-width: 560px) and (max-width: 1919px) { .contacts__block-link:not(:last-of-type) { margin-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 560px) and (max-width: 559px) { .contacts__block-link:not(:last-of-type) { margin-bottom: 15px } } .contacts__block-phone { color: #4d3651 } @media (min-width: 1920px) { .contacts__block-phone { margin-right: 65px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__block-phone { margin-right: calc(35px + 30 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__block-phone { margin-right: 35px } } .contacts__block-email { color: #0f579a } .contacts__schedule { width: 100% } @media (max-width: 1280px) { .contacts__schedule { max-width: 600px } } .contacts__schedule-row { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } @media (min-width: 1920px) { .contacts__schedule-row:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__schedule-row:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__schedule-row:not(:last-of-type) { margin-bottom: 18px } } .contacts__schedule-row:after { content: ""; position: absolute; width: 100%; left: 0; bottom: 8px; height: 0; border-bottom: 1px dashed #a05eb5; z-index: 1 } @media (max-width: 560px) { .contacts__schedule-row:after { display: none } } @media (max-width: 560px) { .contacts__schedule-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .contacts__schedule-name { letter-spacing: .02em; color: #4d3651; max-width: 230px; position: relative; background-color: #fff; padding-right: 10px; padding-left: 10px; z-index: 2 } @media (min-width: 1920px) { .contacts__schedule-name { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__schedule-name { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .contacts__schedule-name { font-size: 1rem } } @media (min-width: 1920px) { .contacts__schedule-name { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__schedule-name { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__schedule-name { line-height: 26px } } @media (max-width: 560px) { .contacts__schedule-name { padding: 0 } } .app_mode_color_bw .contacts__schedule-name, .app_mode_color_invert .contacts__schedule-name, .app_mode_color_sepia .contacts__schedule-name { max-width: 45% } .contacts__schedule-value { letter-spacing: .02em; max-width: 210px; position: relative; color: #a05eb5; font-weight: 700; padding-left: 10px; z-index: 2; margin-left: auto; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media (min-width: 1920px) { .contacts__schedule-value { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__schedule-value { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .contacts__schedule-value { font-size: 1rem } } @media (min-width: 1920px) { .contacts__schedule-value { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__schedule-value { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__schedule-value { line-height: 26px } } @media (max-width: 560px) { .contacts__schedule-value { padding: 0; margin-left: 0 } } .app_mode_color_bw .contacts__schedule-value, .app_mode_color_invert .contacts__schedule-value, .app_mode_color_sepia .contacts__schedule-value { max-width: 45% } @media (min-width: 1920px) { .contacts__links { margin-top: 55px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__links { margin-top: calc(35px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__links { margin-top: 35px } } .contacts__links-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .contacts__links-item:not(:last-of-type) { margin-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__links-item:not(:last-of-type) { margin-bottom: calc(18px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__links-item:not(:last-of-type) { margin-bottom: 18px } } .contacts__links-item:hover .contacts__icon-arrow, .contacts__links-item:hover .contacts__links-item-text { color: #3389b4 } .contacts__links-item-text { letter-spacing: .02em; color: #0f579a } @media (min-width: 1920px) { .contacts__links-item-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__links-item-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .contacts__links-item-text { font-size: 1rem } } @media (min-width: 1920px) { .contacts__links-item-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .contacts__links-item-text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .contacts__links-item-text { line-height: 26px } } .contacts__icon { margin-right: 10px; width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .contacts__icon-test { color: #a05eb5; width: 24px; height: 29px } .contacts__icon-arrow { margin-left: 4px; width: 7px; height: 10px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: #0f579a } .contacts__icon-calendar { width: 36px; height: 29px; color: #a05eb5 } .card-analysis { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 140px; position: relative } @media (max-width: 768px) { .card-analysis { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .card-analysis_busy { margin-bottom: 40px } .card-analysis__header { width: 240px; padding-top: 10px; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .card-analysis__header { padding-right: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .card-analysis__header { padding-right: calc(20px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-analysis__header { padding-right: 20px } } @media (max-width: 768px) { .card-analysis__header { padding-top: 0 } } @media (max-width: 768px) and (min-width: 1920px) { .card-analysis__header { margin-bottom: 15px } } @media (max-width: 768px) and (min-width: 560px) and (max-width: 1919px) { .card-analysis__header { margin-bottom: calc(10px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 768px) and (max-width: 559px) { .card-analysis__header { margin-bottom: 10px } } .card-analysis__header-inner, .card-analysis__header-round { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .card-analysis__header-round { border-radius: 50%; background-color: #f6f5f6; width: 60px; height: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; color: #a05eb5; margin-right: 18px } .app_mode_color_bw .card-analysis__header-round, .app_mode_color_invert .card-analysis__header-round, .app_mode_color_sepia .card-analysis__header-round { display: none } .card-analysis__header-round.both { background-color: #d4b7de } .card-analysis__header-round.man { background-color: #cbdff5 } .card-analysis__header-round.woman { background-color: #f4c7d8 } .card-analysis__icon-gender { width: 43px; height: 38px } .card-analysis__header-title { color: #4d3651; font-weight: 700; letter-spacing: .02em } @media (min-width: 1920px) { .card-analysis__header-title { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-analysis__header-title { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-analysis__header-title { font-size: 1rem } } @media (min-width: 1920px) { .card-analysis__header-title { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .card-analysis__header-title { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-analysis__header-title { line-height: 26px } } .card-analysis__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; max-width: 790px; height: 100px; -webkit-transition: height .2s ease-in; -o-transition: height ease-in .2s; transition: height .2s ease-in } .app_mode_color_bw .card-analysis__body, .app_mode_color_invert .card-analysis__body, .app_mode_color_sepia .card-analysis__body { height: auto; max-width: none } .card-analysis__inner { position: relative; height: 100%; overflow: hidden } .card-analysis_busy .card-analysis__inner:after { content: ""; position: absolute; width: 100%; height: 70px; left: 0; bottom: 0; opacity: 1; -webkit-transition: opacity .15s ease-in; -o-transition: opacity ease-in .15s; transition: opacity .15s ease-in; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(90%, hsla(0, 0%, 100%, .001))); background-image: -o-linear-gradient(bottom, #fff 0, hsla(0, 0%, 100%, .001) 90%); background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, .001) 90%) } .card-analysis_show.card-analysis_busy .card-analysis__inner:after { opacity: 0 } .app_mode_color_bw .card-analysis_busy .card-analysis__inner:after, .app_mode_color_invert .card-analysis_busy .card-analysis__inner:after, .app_mode_color_sepia .card-analysis_busy .card-analysis__inner:after { content: none } .app_mode_color_bw .card-analysis__inner, .app_mode_color_invert .card-analysis__inner, .app_mode_color_sepia .card-analysis__inner { overflow: visible } .card-analysis__text { position: absolute } .app_mode_color_bw .card-analysis__text, .app_mode_color_invert .card-analysis__text, .app_mode_color_sepia .card-analysis__text { position: relative } .card-analysis__button { display: none; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: -40px; left: 0; color: #0f579a; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in } .card-analysis__button svg { color: #0f579a } .card-analysis__button:hover { color: #3389b4 } .card-analysis__button:hover svg { color: #3389b4 } .card-analysis__button:active { color: #0f579a } .card-analysis__button:active svg { color: #3389b4 } .card-analysis_busy .card-analysis__button { display: -webkit-box; display: -ms-flexbox; display: flex } .card-analysis_show .card-analysis__button { color: #0f579a } @media (max-width: 768px) { .card-analysis__button { left: auto; right: 0 } } .app_mode_color_bw .card-analysis__button, .app_mode_color_invert .card-analysis__button, .app_mode_color_sepia .card-analysis__button { display: none } .card-analysis__icon-button { width: 6px; height: 12px; margin-left: 4px; margin-top: 1px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; -o-transition: transform ease-in .2s; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in } .card-analysis_show .card-analysis__icon-button { -webkit-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg) } .card-analysis__button-text { font-size: .875rem; line-height: 14px; letter-spacing: .02em } .slider-feedback { position: relative } @media (max-width: 1024px) { .slider-feedback { padding-bottom: 40px } } @media (max-width: 1024px) { .slider-feedback__container { margin-left: -16px; margin-right: -16px } } .slider-feedback__wrapper { position: relative; margin: 0 -16px; width: auto } @media (max-width: 1024px) { .slider-feedback__wrapper { margin: 0 } } .slider-feedback__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 33.3%; padding: 0 16px } @media (min-width: 1920px) { .slider-feedback__item { height: 428px } } @media (min-width: 560px) and (max-width: 1919px) { .slider-feedback__item { height: calc(400px + 28 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider-feedback__item { height: 400px } } @media (max-width: 1024px) { .slider-feedback__item { padding: 0; width: auto } } .slider-feedback__inner { position: relative; overflow: hidden; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 0 } @media (max-width: 1024px) { .slider-feedback__inner { -webkit-transform: scaleY(.9); -ms-transform: scaleY(.9); transform: scaleY(.9); -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; -o-transition: transform ease-in .2s; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in } .slider-feedback__item_active .slider-feedback__inner { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1) } } @media (max-width: 1024px) { .slider-feedback__inner:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -o-linear-gradient(44.4deg, #80c5e8 -3.92%, #e782a9 99.38%); background-image: linear-gradient(45.6deg, #80c5e8 -3.92%, #e782a9 99.38%); opacity: .2; -webkit-transition: opacity .2s ease-in; -o-transition: opacity ease-in .2s; transition: opacity .2s ease-in } .slider-feedback__item_active .slider-feedback__inner:after { opacity: 0 } } .slider-feedback__pagination { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; right: 0; z-index: 5 } @media (max-width: 1024px) { .slider-feedback__pagination { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } } .slider-feedback__pagination .bullets__item { height: 5px; width: 5px; margin-right: 5px; background-color: #dcdcdc } .slider-feedback__pagination .bullets__item:last-of-type { margin-right: 0 } .slider-feedback__pagination .bullets__item_active-main { background-color: #0f579a } .props { overflow: hidden } @media (min-width: 1920px) { .props_contacts { padding-top: 130px } } @media (min-width: 560px) and (max-width: 1919px) { .props_contacts { padding-top: calc(60px + 70 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props_contacts { padding-top: 60px } } @media (min-width: 1024px) { .props_landing { margin-left: -80px } } @media (min-width: 320px) and (max-width: 1023px) { .props_landing { margin-left: calc(-20px + -60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .props_landing { margin-left: -20px } } @media (min-width: 1024px) { .props_landing { margin-right: -80px } } @media (min-width: 320px) and (max-width: 1023px) { .props_landing { margin-right: calc(-20px + -60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .props_landing { margin-right: -20px } } .props__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .props__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .props__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .props__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .props__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .props__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .props__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .props__item { margin-bottom: 52px } } @media (min-width: 560px) and (max-width: 1919px) { .props__item { margin-bottom: calc(25px + 27 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props__item { margin-bottom: 25px } } .app__wrapper_standart + .props_contacts, .individual_constructor + .props_contacts { padding-top: 0 } .video-gallery { overflow: hidden } @media (min-width: 1920px) { .video-gallery { padding-top: 118px } } @media (min-width: 560px) and (max-width: 1919px) { .video-gallery { padding-top: calc(60px + 58 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .video-gallery { padding-top: 60px } } @media (min-width: 1920px) { .video-gallery { padding-bottom: 118px } } @media (min-width: 560px) and (max-width: 1919px) { .video-gallery { padding-bottom: calc(60px + 58 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .video-gallery { padding-bottom: 60px } } .video-gallery__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -16px; margin-right: -16px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px } .video-gallery__item { width: 25%; padding-left: 16px; padding-right: 16px; margin-bottom: 32px } @media (max-width: 1280px) { .video-gallery__item { width: 33.3% } } @media (max-width: 1024px) { .video-gallery__item { width: 50% } } @media (max-width: 560px) { .video-gallery__item { width: 100% } } .video-gallery__link { display: block; height: 100% } .video-gallery__popap-video { width: 100%; height: 100% } .constructor { width: 100% } .constructor > div:last-of-type { margin-bottom: 0 } @media (min-width: 1920px) { .constructor.constructor_margin-bottom { margin-bottom: 186px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor.constructor_margin-bottom { margin-bottom: calc(60px + 126 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor.constructor_margin-bottom { margin-bottom: 60px } } @media (min-width: 1920px) { .constructor.constructor_margin-top:not(:first-of-type) { margin-top: 120px } } @media (min-width: 560px) and (max-width: 1919px) { .constructor.constructor_margin-top:not(:first-of-type) { margin-top: calc(60px + 60 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .constructor.constructor_margin-top:not(:first-of-type) { margin-top: 60px } } .constructor__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .constructor__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .constructor__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .constructor__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .constructor__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .constructor__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .constructor__wrapper { padding-right: 20px } } .props-item { overflow: hidden } .props-item__header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #e6f3fa; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden } @media (min-width: 1920px) { .props-item__header { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__header { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__header { padding-left: 15px } } @media (min-width: 1920px) { .props-item__header { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__header { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__header { padding-right: 15px } } @media (min-width: 1920px) { .props-item__header { padding-top: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__header { padding-top: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__header { padding-top: 15px } } @media (min-width: 1920px) { .props-item__header { padding-bottom: 22px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__header { padding-bottom: calc(15px + 7 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__header { padding-bottom: 15px } } @media (min-width: 1920px) { .props-item__header { min-height: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__header { min-height: calc(90px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__header { min-height: 90px } } .props-item__header-text { letter-spacing: .02em; color: #4d3651; font-weight: 700; text-align: left } @media (min-width: 1920px) { .props-item__header-text { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__header-text { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .props-item__header-text { font-size: 1.125rem } } @media (min-width: 1920px) { .props-item__header-text { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__header-text { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__header-text { line-height: 28px } } .props-item__header-arrow { border-radius: 50%; width: 40px; height: 40px; overflow: hidden; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #a6a6a6; -ms-flex-negative: 0; flex-shrink: 0; background-color: #e6f3fa } .props-item__icon-arrow { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); width: 8px; height: 15px; -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; -o-transition: transform ease-in .2s; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in } .accordion_show .props-item__icon-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .props-item__body { background-color: #eef4fc; overflow: hidden; position: relative; height: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: height .2s ease-in; -o-transition: height ease-in .2s; transition: height .2s ease-in } @media (min-width: 1920px) { .props-item__body { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__body { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__body { padding-left: 15px } } @media (min-width: 1920px) { .props-item__body { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__body { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__body { padding-right: 15px } } .props-item__inner { position: absolute; width: 100%; left: 0; top: 0 } @media (min-width: 1920px) { .props-item__inner { padding-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__inner { padding-bottom: calc(20px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__inner { padding-bottom: 20px } } @media (min-width: 1920px) { .props-item__inner { padding-left: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__inner { padding-left: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__inner { padding-left: 15px } } @media (min-width: 1920px) { .props-item__inner { padding-right: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__inner { padding-right: calc(15px + 17 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__inner { padding-right: 15px } } .props-item__save { border-bottom: 1px solid #edebee } @media (min-width: 1920px) { .props-item__save { padding-top: 50px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__save { padding-top: calc(35px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__save { padding-top: 35px } } @media (min-width: 1920px) { .props-item__save { padding-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__save { padding-bottom: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__save { padding-bottom: 20px } } @media (min-width: 1920px) { .props-item__content { padding-top: 44px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__content { padding-top: calc(22px + 22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__content { padding-top: 22px } } @media (min-width: 1920px) { .props-item__content { padding-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__content { padding-bottom: calc(20px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__content { padding-bottom: 20px } } @media (min-width: 1920px) { .props-item__list { margin-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__list { margin-top: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__list { margin-top: 15px } } @media (min-width: 1920px) { .props-item__item:not(:last-child) { margin-bottom: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__item:not(:last-child) { margin-bottom: calc(15px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__item:not(:last-child) { margin-bottom: 15px } } .props-item__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .props-item__link-text { margin-top: 1px; color: #0f579a; letter-spacing: .02em } @media (min-width: 1920px) { .props-item__link-text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__link-text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .props-item__link-text { font-size: 1rem } } @media (min-width: 1920px) { .props-item__link-text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .props-item__link-text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .props-item__link-text { line-height: 26px } } .props-item__icon-pdf { width: 21px; height: 28px; margin-right: 14px; color: #a05eb5; -ms-flex-negative: 0; flex-shrink: 0 } .app_mode_color_bw .props-item a, .app_mode_color_invert .props-item a, .app_mode_color_sepia .props-item a { text-decoration: underline } .app_mode_color_bw .props-item a:hover, .app_mode_color_invert .props-item a:hover, .app_mode_color_sepia .props-item a:hover { text-decoration: none } @media (min-width: 1920px) { .timeline { padding-bottom: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .timeline { padding-bottom: calc(15px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .timeline { padding-bottom: 15px } } .timeline-scale { top: calc(100% - 50px); left: 0; height: 50px; background: #fff; width: 100%; z-index: 5; position: -webkit-sticky; position: sticky; -webkit-box-shadow: 0 -.125rem .3125rem rgba(0, 0, 0, .1); box-shadow: 0 -.125rem .3125rem rgba(0, 0, 0, .1); overflow: hidden; opacity: 1; -webkit-transition: opacity .15s ease-out; -o-transition: opacity ease-out .15s; transition: opacity .15s ease-out } .timeline-scale_hide { opacity: 0 } @media (max-width: 1024px) { .timeline-scale { display: none } } .app_mode_color_bw .timeline-scale, .app_mode_color_invert .timeline-scale, .app_mode_color_sepia .timeline-scale { display: none } .timeline-scale__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .timeline-scale__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .timeline-scale__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .timeline-scale__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .timeline-scale__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .timeline-scale__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .timeline-scale__wrapper { padding-right: 20px } } .timeline-scale__item { letter-spacing: .02em; cursor: pointer; -webkit-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .timeline-scale__item { font-size: 1.125rem } } @media (min-width: 1024px) and (max-width: 1919px) { .timeline-scale__item { font-size: calc(.75rem + 6 * (100vw - 64rem) / 896) } } @media (max-width: 1023px) { .timeline-scale__item { font-size: .75rem } } .timeline-scale__item:after { content: ""; height: 2px; background-color: #3389b4; top: 0; left: 0; position: absolute; width: 100%; -webkit-transform: translateX(110%) scaleX(0); -ms-transform: translateX(110%) scaleX(0); transform: translateX(110%) scaleX(0); -webkit-transition: opacity .3s ease, -webkit-transform 0s ease .3s; transition: opacity .3s ease, -webkit-transform 0s ease .3s; -o-transition: opacity .3s ease, transform 0s ease .3s; transition: opacity .3s ease, transform 0s ease .3s; transition: opacity .3s ease, transform 0s ease .3s, -webkit-transform 0s ease .3s; opacity: 0 } .timeline-scale__item:before { content: ""; height: 2px; background-color: #3389b4; top: 0; left: 0; position: absolute; width: 100%; -webkit-transform: translateX(-110%) scaleX(0); -ms-transform: translateX(-110%) scaleX(0); transform: translateX(-110%) scaleX(0); -webkit-transition: opacity .3s ease, -webkit-transform 0s ease .3s; transition: opacity .3s ease, -webkit-transform 0s ease .3s; -o-transition: opacity .3s ease, transform 0s ease .3s; transition: opacity .3s ease, transform 0s ease .3s; transition: opacity .3s ease, transform 0s ease .3s, -webkit-transform 0s ease .3s; opacity: 0 } .timeline-scale__item.active { color: #3389b4; text-shadow: 0 0 1px #3389b4 } .timeline-scale__item.active:after { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; -webkit-transition: opacity .1s ease, -webkit-transform .35s ease-in; transition: opacity .1s ease, -webkit-transform .35s ease-in; -o-transition: transform .35s ease-in, opacity .1s ease; transition: transform .35s ease-in, opacity .1s ease; transition: transform .35s ease-in, opacity .1s ease, -webkit-transform .35s ease-in } .timeline-scale__item.active:before { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; -webkit-transition: opacity .1s ease, -webkit-transform .35s ease-in; transition: opacity .1s ease, -webkit-transform .35s ease-in; -o-transition: transform .35s ease-in, opacity .1s ease; transition: transform .35s ease-in, opacity .1s ease; transition: transform .35s ease-in, opacity .1s ease, -webkit-transform .35s ease-in } .timeline-scale__item:hover { color: #3389b4 } .timeline__wrapper { max-width: 800px; margin: 0 auto; padding: 60px 20px } .timeline__item, .timeline__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .timeline__item { position: relative; padding-bottom: 50px } @media screen and (max-width: 450px) { .timeline__item { display: block } .timeline__item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, .15); padding-bottom: 30px; margin-bottom: 30px } } .timeline__item-anchor { position: absolute; top: -85px; left: 0 } .timeline__item:not(:last-child):after { content: ""; position: absolute; height: 100%; width: 1px; background-color: #8bb8e8; top: 0; left: 70px; margin-top: 10px } @media screen and (max-width: 768px) { .timeline__item:not(:last-child):after { left: 50px } } @media screen and (max-width: 450px) { .timeline__item:not(:last-child):after { display: none } } .timeline__item-left { -ms-flex-negative: 0; flex-shrink: 0; position: relative } .timeline__item-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; padding: 30px 0 0 50px } @media screen and (max-width: 768px) { .timeline__item-right { padding: 20px 0 0 30px } } @media screen and (max-width: 450px) { .timeline__item-right { padding: 30px 0 0 } } .timeline__item-heading { color: #4d3651; font-weight: 500; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1024px) { .timeline__item-heading { font-size: 4rem } } @media (min-width: 320px) and (max-width: 1023px) { .timeline__item-heading { font-size: calc(2.25rem + 28 * (100vw - 20rem) / 704) } } @media (max-width: 319px) { .timeline__item-heading { font-size: 2.25rem } } @media (min-width: 1024px) { .timeline__item-heading { padding-bottom: 50px } } @media (min-width: 320px) and (max-width: 1023px) { .timeline__item-heading { padding-bottom: calc(20px + 30 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .timeline__item-heading { padding-bottom: 20px } } .timeline__item-circle { height: 142px; width: 142px; border-radius: 50%; position: relative; z-index: 1 } @media screen and (max-width: 768px) { .timeline__item-circle { height: 100px; width: 100px } } .timeline__item-circle:after { content: ""; position: absolute; top: -25px; bottom: -15px; width: 10px; left: 50%; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media screen and (max-width: 450px) { .timeline__item-circle:after { display: none } } .timeline__item-image { height: 100%; width: 100%; overflow: hidden; border-radius: 50%; position: relative; background-color: #eef4fc; z-index: 1 } .timeline__item-image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover } .history-page__text { padding-top: 80px; max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .history-page__text { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .history-page__text { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .history-page__text { padding-left: 20px } } @media (min-width: 1024px) { .history-page__text { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .history-page__text { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .history-page__text { padding-right: 20px } } .history-page__text-wrapper { max-width: 700px } .app_mode_color_bw .history-page__text-wrapper, .app_mode_color_invert .history-page__text-wrapper, .app_mode_color_sepia .history-page__text-wrapper { margin: 0 auto } .history-page__text2 { padding-top: 80px; padding-bottom: 120px; max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .history-page__text2 { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .history-page__text2 { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .history-page__text2 { padding-left: 20px } } @media (min-width: 1024px) { .history-page__text2 { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .history-page__text2 { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .history-page__text2 { padding-right: 20px } } .card-video { overflow: hidden; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: -webkit-box-shadow .15s ease-out; transition: -webkit-box-shadow .15s ease-out; -o-transition: box-shadow ease-out .15s; transition: box-shadow .15s ease-out; transition: box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out } .card-video:hover { -webkit-box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1); box-shadow: 0 .625rem 1.875rem rgba(77, 54, 81, .1) } .card-video__photo { overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; position: relative } @media (min-width: 1920px) { .card-video__photo { height: 210px } } @media (min-width: 560px) and (max-width: 1919px) { .card-video__photo { height: calc(190px + 20 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-video__photo { height: 190px } } .card-video__photo:after { content: ""; position: absolute; width: 100%; height: 100%; background-image: -o-linear-gradient(17.02deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); background-image: linear-gradient(72.98deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); top: 0; left: 0; z-index: 2; opacity: 0; mix-blend-mode: multiply; -webkit-transition: all .15s ease-out; -o-transition: all ease-out .15s; transition: all .15s ease-out } .card-video:hover .card-video__photo:after { opacity: .8 } .card-video__picture { display: block; height: 100% } .card-video__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .card-video__body { border: 1px solid #edebee; border-top: 0; letter-spacing: .02em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } @media (min-width: 1920px) { .card-video__body { padding-top: 30px } } @media (min-width: 560px) and (max-width: 1919px) { .card-video__body { padding-top: calc(22px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-video__body { padding-top: 22px } } @media (min-width: 1920px) { .card-video__body { padding-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-video__body { padding-bottom: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-video__body { padding-bottom: 15px } } @media (min-width: 1920px) { .card-video__body { padding-left: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-video__body { padding-left: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-video__body { padding-left: 20px } } @media (min-width: 1920px) { .card-video__body { padding-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .card-video__body { padding-right: calc(20px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-video__body { padding-right: 20px } } .card-video__title { font-weight: 700; color: #4d3651 } @media (min-width: 1920px) { .card-video__title { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-video__title { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-video__title { font-size: 1rem } } @media (min-width: 1920px) { .card-video__title { line-height: 18px } } @media (min-width: 560px) and (max-width: 1919px) { .card-video__title { line-height: calc(16px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-video__title { line-height: 16px } } .card-video__date { color: #a6a6a6 } @media (min-width: 1920px) { .card-video__date { margin-top: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .card-video__date { margin-top: calc(15px + 5 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-video__date { margin-top: 15px } } @media (min-width: 1920px) { .card-video__date { font-size: .875rem } } @media (min-width: 560px) and (max-width: 1919px) { .card-video__date { font-size: calc(.8125rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .card-video__date { font-size: .8125rem } } @media (min-width: 1920px) { .card-video__date { line-height: 20px } } @media (min-width: 560px) and (max-width: 1919px) { .card-video__date { line-height: calc(18px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .card-video__date { line-height: 18px } } .card-video__icon-wrapper { border-radius: 50%; background-color: #fff; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; margin-top: -30px; left: 50%; margin-left: -30px; z-index: 3; opacity: .8; -webkit-transition: all 0 ease-out .05s; -o-transition: all 0 ease-out .05s; transition: all 0 ease-out .05s; -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2); top: 50% } .card-video__icon { width: 27px; height: 30px; fill: #fff; position: relative; left: 2px } .feature-section { position: relative; overflow: hidden } .feature-section__wrapper { max-width: 1554px; position: relative; margin: 0 auto; padding-top: 45px; padding-bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .feature-section__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .feature-section__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .feature-section__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .feature-section__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .feature-section__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .feature-section__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .feature-section__wrapper { min-height: 428px } } @media (min-width: 768px) and (max-width: 1919px) { .feature-section__wrapper { min-height: calc(380px + 48 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .feature-section__wrapper { min-height: 380px } } @media (max-width: 768px) { .feature-section__wrapper { min-height: auto } } @media (max-width: 560px) and (min-width: 1024px) { .feature-section__wrapper { padding-top: 205px } } @media (max-width: 560px) and (min-width: 320px) and (max-width: 1023px) { .feature-section__wrapper { padding-top: calc(185px + 20 * (100vw - 320px) / 704) } } @media (max-width: 560px) and (max-width: 319px) { .feature-section__wrapper { padding-top: 185px } } .feature-section__text { color: #fff; letter-spacing: .02em } @media (min-width: 1920px) { .feature-section__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .feature-section__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .feature-section__text { font-size: .9375rem } } @media (min-width: 1920px) { .feature-section__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .feature-section__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feature-section__text { line-height: 22px } } @media (min-width: 1920px) { .feature-section__text { margin-top: 45px } } @media (min-width: 560px) and (max-width: 1919px) { .feature-section__text { margin-top: calc(26px + 19 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .feature-section__text { margin-top: 26px } } .feature-section__content { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 600px } .app_mode_color_bw .feature-section__content, .app_mode_color_invert .feature-section__content, .app_mode_color_sepia .feature-section__content { max-width: none } .feature-section__image { height: 100%; width: 100%; position: relative; -o-object-fit: cover; object-fit: cover } .feature-section__image-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100% } .feature-section__image-wrapper:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: -o-linear-gradient(340deg, #80c5e8, #e782a9); background-image: linear-gradient(110deg, #80c5e8, #e782a9); opacity: .4 } .page-head { background: -o-linear-gradient(186.36deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); background: linear-gradient(263.64deg, rgba(139, 184, 232, .5) 7.17%, rgba(231, 130, 169, .5) 99.46%); min-height: 312px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1920px) { .page-head { padding-top: 100px } } @media (min-width: 560px) and (max-width: 1919px) { .page-head { padding-top: calc(50px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-head { padding-top: 50px } } @media (min-width: 1920px) { .page-head { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .page-head { padding-bottom: calc(50px + 78 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-head { padding-bottom: 50px } } @media (max-width: 768px) { .page-head { min-height: auto } } .page-head__wrapper { width: 100%; max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .page-head__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .page-head__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .page-head__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .page-head__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .page-head__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .page-head__wrapper { padding-right: 20px } } .page-head--blue { background: rgba(136, 195, 225, .5) } .page-head__content { display: block } .page-head__icon { height: 12px; width: 7px; margin-right: 5px } .page-head__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 40px; -webkit-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease } .page-head__title { letter-spacing: .02em; color: #4d3651; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; max-width: 1028px } @media (min-width: 1920px) { .page-head__title { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-head__title { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-head__title { font-size: 1.75rem } } @media (min-width: 1920px) { .page-head__title { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .page-head__title { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-head__title { line-height: 38px } } @media (min-width: 1920px) { .page-head__title:not(:last-of-type) { margin-bottom: 24px } } @media (min-width: 560px) and (max-width: 1919px) { .page-head__title:not(:last-of-type) { margin-bottom: calc(18px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-head__title:not(:last-of-type) { margin-bottom: 18px } } .app_mode_color_bw .page-head__title, .app_mode_color_invert .page-head__title, .app_mode_color_sepia .page-head__title { max-width: none } .page-head__title-value { letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .page-head__title-value { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-head__title-value { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-head__title-value { font-size: 1.75rem } } @media (min-width: 1920px) { .page-head__title-value { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .page-head__title-value { line-height: calc(38px + 46 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-head__title-value { line-height: 38px } } @media (min-width: 1920px) { .page-head__author:not(:last-of-type) { margin-bottom: 32px } } @media (min-width: 560px) and (max-width: 1919px) { .page-head__author:not(:last-of-type) { margin-bottom: calc(22px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-head__author:not(:last-of-type) { margin-bottom: 22px } } .section-head__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1920px) { .section-head__wrapper { padding-bottom: 50px } } @media (min-width: 320px) and (max-width: 1919px) { .section-head__wrapper { padding-bottom: calc(25px + 25 * (100vw - 320px) / 1600) } } @media (max-width: 319px) { .section-head__wrapper { padding-bottom: 25px } } @media (max-width: 768px) { .section-head__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .section-head__title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0 } .section-head__link { -ms-flex-negative: 0; flex-shrink: 0; padding-left: 15px; font-size: 1rem; letter-spacing: .02em; color: #3389b4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .section-head__link:hover { color: #67cff5 } @media (max-width: 768px) { .section-head__link { padding-left: 0; margin-top: 15px } } .section-head__arrow { height: 10px; width: 8px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin: 3px 0 0 5px } .faq-list__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .faq-list__item, .faq-list__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .faq-list__item { padding: 10px; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .faq-list__item-wrapper { width: 33.333333% } @media screen and (max-width: 960px) { .faq-list__item-wrapper { width: 50% } } @media screen and (max-width: 650px) { .faq-list__item-wrapper { width: 100% } } .app_mode_color_bw .faq-list__item-wrapper, .app_mode_color_invert .faq-list__item-wrapper, .app_mode_color_sepia .faq-list__item-wrapper { width: 50% } .app_mode_color_bw .faq-list__item-wrapper:nth-of-type(5), .app_mode_color_bw .faq-list__item-wrapper:nth-of-type(6) { display: none } .faq-list__head { background: #cbdff5; border-radius: 5px 5px 0 0; padding: 30px 25px; cursor: pointer; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.5rem; line-height: 34px; color: #0f579a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .faq-list__head:hover { background: #3389b4; color: #fff } .faq-list__head:hover .faq-list__icon { color: #fff } .app_mode_color_bw .faq-list__head, .app_mode_color_invert .faq-list__head, .app_mode_color_sepia .faq-list__head { border: .125rem solid; border-radius: 5px } .faq-list__icon { color: #0f579a; width: 8px; height: 8px; margin-left: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .faq-list__heading { color: inherit; font-weight: 700; display: inline-block; letter-spacing: .02em } @media (min-width: 1920px) { .faq-list__heading { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .faq-list__heading { font-size: calc(1.125rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .faq-list__heading { font-size: 1.125rem } } @media (min-width: 1920px) { .faq-list__heading { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .faq-list__heading { line-height: calc(22px + 12 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .faq-list__heading { line-height: 22px } } .faq-list__content { background-color: #eef4fc; padding: 30px 20px; border-radius: 0 0 5px 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .faq-list__question { letter-spacing: .02em; color: #0f579a; display: block } @media (min-width: 1920px) { .faq-list__question { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .faq-list__question { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .faq-list__question { font-size: 1rem } } @media (min-width: 1920px) { .faq-list__question { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .faq-list__question { line-height: calc(22px + 4 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .faq-list__question { line-height: 22px } } .faq-list__question:hover { color: #67cff5 } @media (min-width: 1920px) { .faq-list__question:not(:last-child) { margin-bottom: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .faq-list__question:not(:last-child) { margin-bottom: calc(17px + 8 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .faq-list__question:not(:last-child) { margin-bottom: 17px } } .terms-list__wrapper { padding: 0 } .terms-list__title { margin-bottom: 50px } @media (min-width: 1920px) { .terms-list__title { font-size: 3rem } } @media (min-width: 320px) and (max-width: 1919px) { .terms-list__title { font-size: calc(2rem + 16 * (100vw - 20rem) / 1600) } } @media (max-width: 319px) { .terms-list__title { font-size: 2rem } } .terms-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 35px 15px; -webkit-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; border-top: 1px solid #edebee } .app_mode_color_bw .terms-list__item, .app_mode_color_invert .terms-list__item, .app_mode_color_sepia .terms-list__item { padding-left: 0 } @media screen and (max-width: 768px) { .terms-list__item { display: block; padding: 20px 0 } } .terms-list__item--link:hover { background: #eef4fc; border-color: rgba(0, 0, 0, 0) } .terms-list__item--link:hover + .terms-list__item { border-color: rgba(0, 0, 0, 0) } .terms-list__item-left { -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .terms-list__item-left { width: 300px } } @media (min-width: 1024px) and (max-width: 1919px) { .terms-list__item-left { width: calc(200px + 100 * (100vw - 1024px) / 896) } } @media (max-width: 1023px) { .terms-list__item-left { width: 200px } } @media screen and (max-width: 768px) { .terms-list__item-left { width: auto } } .terms-list__item-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 25px } @media screen and (max-width: 768px) { .terms-list__item-right { padding: 0 } } .terms-list__item-title { font-weight: 700; line-height: 34px; letter-spacing: .02em; -webkit-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; color: #4d3651 } @media (min-width: 1920px) { .terms-list__item-title { font-size: 1.5rem } } @media (min-width: 320px) and (max-width: 1919px) { .terms-list__item-title { font-size: calc(1rem + 8 * (100vw - 20rem) / 1600) } } @media (max-width: 319px) { .terms-list__item-title { font-size: 1rem } } .app_mode_size_l .terms-list__item-title { font-size: 1.0625rem } .terms-list__item-title_link { color: #8bb8e8; -webkit-transition: color .15s ease-out; -o-transition: color ease-out .15s; transition: color .15s ease-out } .terms-list__item-title_link:hover { color: #53c9f4 } .app_mode_color_bw .terms-list__item-left, .app_mode_color_invert .terms-list__item-left, .app_mode_color_sepia .terms-list__item-left { overflow: hidden; width: 380px } .side-pagination { display: block } .side-pagination__item { color: #0f579a; display: block; padding: 10px; width: 100% } .app_mode_color_bw .side-pagination__item, .app_mode_color_invert .side-pagination__item, .app_mode_color_sepia .side-pagination__item { text-decoration: underline } .side-pagination__item--active { background: #cbdff5; border-radius: 5px } .side-pagination__item:hover { color: #3389b4 } .question-item { position: relative; background: #fff; -webkit-box-shadow: 0 0 3.125rem rgba(146, 110, 171, .2); box-shadow: 0 0 3.125rem rgba(146, 110, 171, .2); border-radius: 5px; padding: 50px 30px } .app_mode_color_bw .question-item, .app_mode_color_invert .question-item, .app_mode_color_sepia .question-item { -webkit-box-shadow: none; box-shadow: none; border: 1px solid } .question-item__wrapper { position: relative } .question-item__head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px } @media (max-width: 560px) { .question-item__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .question-item__title { font-weight: 700; font-size: 1.125rem; letter-spacing: .02em; color: #4d3651; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .app_mode_color_bw .question-item__title, .app_mode_color_invert .question-item__title, .app_mode_color_sepia .question-item__title { padding-right: 15px } .question-item__toggle { font-size: 1rem; letter-spacing: .02em; color: #3389b4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } @media (max-width: 560px) { .question-item__toggle { margin-top: 20px } } .question-item__icon { height: 14px; width: 7px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 5px } .question-item__icon-question { color: #eef4fc; position: absolute; right: 30px; top: 30px; height: 150px; width: 200px; max-height: 250px } .app_mode_color_bw .question-item__icon-question, .app_mode_color_invert .question-item__icon-question, .app_mode_color_sepia .question-item__icon-question { display: none } .question-item__content { display: block; overflow: hidden; position: relative } .question-item--truncated .question-item__content { max-height: 200px } .question-item--truncated .question-item__content:after { content: ""; position: absolute; height: 50%; width: 100%; left: 0; bottom: 0; background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(hsla(0, 0%, 100%, 0))); background: -o-linear-gradient(bottom, #fff, hsla(0, 0%, 100%, 0)); background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0)) } .app_mode_color_bw .question-item--truncated .question-item__content:after, .app_mode_color_invert .question-item--truncated .question-item__content:after, .app_mode_color_sepia .question-item--truncated .question-item__content:after { content: none } .preloader { position: relative; width: 100%; height: 100% } .app.app_mode_color_sepia .preloader { background: none !important } .preloader__wrapper { position: absolute; width: 100%; height: 100%; max-width: 200px; max-height: 200px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .app.app_mode_color_sepia .preloader__wrapper { background: none !important } .preloader__inner { position: absolute; width: 100%; height: 100%; left: 50%; top: 50% } .app.app_mode_color_invert .preloader__inner, .app.app_mode_color_sepia .preloader__inner { background: none !important } .preloader__line { border-radius: 4px; background: #8bb8e8; position: absolute; -webkit-transform-origin: 50% -50%; -ms-transform-origin: 50% -50%; transform-origin: 50% -50% } .app.app_mode_color_sepia .preloader__line { background: #000 !important; color: #000 !important } .preloader__line_big { height: 15%; width: 3%; left: -4px; top: 10%; -webkit-animation: animation-big 2s linear infinite; animation: animation-big 2s linear infinite } .preloader__line_big:first-child { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg) } .preloader__line_big:nth-child(2) { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg) } .preloader__line_big:nth-child(3) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .preloader__line_big:nth-child(4) { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg) } .preloader__line_big:nth-child(5) { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg) } .preloader__line_big:nth-child(6) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .preloader__line_big:nth-child(7) { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg) } .preloader__line_big:nth-child(8) { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg) } .preloader__line_big:nth-child(9) { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .preloader__line_big:nth-child(10) { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg) } .preloader__line_big:nth-child(11) { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg) } .preloader__line_big:nth-child(12) { -webkit-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) } .preloader__line_small { height: 10%; width: 1%; left: -2px; top: 7%; -webkit-animation: animation-small 2s linear infinite; animation: animation-small 2s linear infinite; opacity: 0 } .app.app_mode_color_sepia .preloader__line_small { background: #000 !important } .preloader__line_small:first-child { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg) } .preloader__line_small:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .preloader__line_small:nth-child(3) { -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg) } .preloader__line_small:nth-child(4) { -webkit-transform: rotate(105deg); -ms-transform: rotate(105deg); transform: rotate(105deg) } .preloader__line_small:nth-child(5) { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } .preloader__line_small:nth-child(6) { -webkit-transform: rotate(165deg); -ms-transform: rotate(165deg); transform: rotate(165deg) } .preloader__line_small:nth-child(7) { -webkit-transform: rotate(195deg); -ms-transform: rotate(195deg); transform: rotate(195deg) } .preloader__line_small:nth-child(8) { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg) } .preloader__line_small:nth-child(9) { -webkit-transform: rotate(255deg); -ms-transform: rotate(255deg); transform: rotate(255deg) } .preloader__line_small:nth-child(10) { -webkit-transform: rotate(285deg); -ms-transform: rotate(285deg); transform: rotate(285deg) } .preloader__line_small:nth-child(11) { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg) } .preloader__line_small:nth-child(12) { -webkit-transform: rotate(345deg); -ms-transform: rotate(345deg); transform: rotate(345deg) } @-webkit-keyframes animation-big { 28% { background-color: #e782a9 } 50% { height: 24%; top: 24%; -webkit-transform-origin: 50% -100%; transform-origin: 50% -100% } 55% { background: #926eab } } @keyframes animation-big { 28% { background-color: #e782a9 } 50% { height: 24%; top: 24%; -webkit-transform-origin: 50% -100%; transform-origin: 50% -100% } 55% { background: #926eab } } @-webkit-keyframes animation-small { 28% { background-color: #e782a9; opacity: .8 } 50% { opacity: 1; height: 26%; top: 26%; -webkit-transform-origin: 50% -100%; transform-origin: 50% -100% } 55% { opacity: .8; background: #926eab } } @keyframes animation-small { 28% { background-color: #e782a9; opacity: .8 } 50% { opacity: 1; height: 26%; top: 26%; -webkit-transform-origin: 50% -100%; transform-origin: 50% -100% } 55% { opacity: .8; background: #926eab } } .slider-info { position: relative; overflow: hidden } .app_mode_color_bw .slider-info, .app_mode_color_invert .slider-info, .app_mode_color_sepia .slider-info { display: none !important } .slider-info--about { padding-top: 90px; margin-bottom: 60px } .slider-info__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; height: auto } @media (min-width: 1920px) { .slider-info__item { min-height: 510px } } @media (min-width: 560px) and (max-width: 1919px) { .slider-info__item { min-height: calc(180px + 330 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .slider-info__item { min-height: 180px } } @media (max-width: 768px) { .slider-info__item { padding: 50px 0 } } .slider-info__inner { width: 100%; max-width: 1360px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 105px; padding-right: 53px } @media (max-width: 768px) { .slider-info__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media screen and (max-width: 768px) and (min-width: 1024px) { .slider-info__inner { padding-left: 80px } } @media screen and (max-width: 768px) and (min-width: 320px) and (max-width: 1023px) { .slider-info__inner { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media screen and (max-width: 768px) and (max-width: 319px) { .slider-info__inner { padding-left: 20px } } @media screen and (max-width: 768px) and (min-width: 1024px) { .slider-info__inner { padding-right: 80px } } @media screen and (max-width: 768px) and (min-width: 320px) and (max-width: 1023px) { .slider-info__inner { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media screen and (max-width: 768px) and (max-width: 319px) { .slider-info__inner { padding-right: 20px } } .slider-info__content { max-width: 690px; color: #4d3651 } .slider-info__title { font-size: 3rem; line-height: 68px; letter-spacing: .02em; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); color: #4d3651 } @media (max-width: 1280px) { .slider-info__title { font-size: 2.375rem; line-height: 48px } } @media (max-width: 1024px) { .slider-info__title { font-size: 1.875rem; line-height: 40px } } @media (max-width: 560px) { .slider-info__title { font-size: 1.5rem; line-height: 34px } } .slider-info__item_active .slider-info__title, .slider__item_active .slider-info__title { -webkit-transition: all .4s ease-out .5s; -o-transition: all .4s ease-out .5s; transition: all .4s ease-out .5s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .slider-info__text { font-size: 1.125rem; line-height: 28px; letter-spacing: .02em; margin-top: 24px; opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); color: #4d3651 } @media (max-width: 1024px) { .slider-info__text { font-size: 1rem; line-height: 26px } } @media (max-width: 560px) { .slider-info__text { font-size: .875rem; line-height: 19px } } .slider-info__item_active .slider-info__text, .slider__item_active .slider-info__text { -webkit-transition: all .4s ease-out .8s; -o-transition: all .4s ease-out .8s; transition: all .4s ease-out .8s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .slider-info__picture { display: block; opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } .slider-info__item_active .slider-info__picture, .slider__item_active .slider-info__picture { -webkit-transition: all .4s ease-out 1.1s; -o-transition: all .4s ease-out 1.1s; transition: all .4s ease-out 1.1s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .slider-info__link { color: #3389b4 !important; margin-top: 24px } .slider-info__link:after { position: absolute; margin-left: 10px; content: url(/images/right-arrow.png) } .slider-info__link_container { position: relative; width: 100%; margin-top: 24px } .slider-info__pic { max-width: 425px; max-height: 450px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (max-width: 1280px) { .slider-info__pic { width: 340px } } @media (max-width: 1024px) { .slider-info__pic { width: 250px; margin-left: 30px } } @media (max-width: 768px) { .slider-info__pic { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 0; margin-bottom: 40px } } .slider-info__image { position: relative; display: block; max-height: 100%; max-width: 100%; height: auto } .slider-info__navigation { position: absolute; width: 100%; height: 40px; top: 50%; margin-top: 20px } .slider-info__nav { position: absolute; top: 0; z-index: 5; color: #0f579a; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in } .slider-info__nav:hover { color: #3389b4 } .slider-info__nav:active { color: #0f579a } @media (min-width: 1920px) { .slider-info__nav_prev { left: 60px } } @media (min-width: 320px) and (max-width: 1919px) { .slider-info__nav_prev { left: calc(60 * (100vw - 320px) / 1600) } } @media (max-width: 319px) { .slider-info__nav_prev { left: 0 } } @media (min-width: 1920px) { .slider-info__nav_next { right: 60px } } @media (min-width: 320px) and (max-width: 1919px) { .slider-info__nav_next { right: calc(60 * (100vw - 320px) / 1600) } } @media (max-width: 319px) { .slider-info__nav_next { right: 0 } } @media (max-width: 768px) { .slider-info__nav { display: none } } .slider-info__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 32px; left: 0; right: 0; z-index: 5; width: 100% !important } @media (max-width: 1024px) { .slider-info__pagination { bottom: 10px } } .slider-info .bullets_small .bullets__item:not(.bullets__item_active) { background-color: #fff } @media (min-width: 1024px) { .specialists_home + .slider-info { padding-top: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .specialists_home + .slider-info { padding-top: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .specialists_home + .slider-info { padding-top: 20px } } .card-worker { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 560px) { .card-worker { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .card-worker__profile { width: 240px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 560px) { .card-worker__profile { margin-bottom: 20px } } .card-worker__photo { overflow: hidden; position: relative } .card-worker__image { max-width: 100%; height: auto; border-radius: 50%; display: block } .card-worker__position { margin-top: 8px; font-size: 1.125rem; line-height: 28px; color: #4d3651 } .card-worker__header { margin-bottom: 30px } @media (max-width: 560px) { .card-worker__header { margin-bottom: 20px } } .card-worker__name { font-size: 1.625rem; font-weight: 700; line-break: 2.25rem; color: #4d3651 } .card-worker__line { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; display: table-row } @media (max-width: 560px) { .card-worker__line { margin-top: 10px } } .card-worker__line-text { -ms-flex-negative: 0; flex-shrink: 0; color: #4d3651; font-size: 1.125rem; line-height: 28px; padding-right: 30px; display: table-cell } @media (max-width: 560px) { .card-worker__line-text { padding-right: 10px } } .card-worker__line-value { -ms-flex-negative: 0; flex-shrink: 0; color: #8bb8e8; font-size: 1.125rem; line-height: 28px; display: table-cell } .card-worker__table { display: table } .attention { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 1554px; position: relative; margin: 0 auto 120px } @media (min-width: 1024px) { .attention { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .attention { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .attention { padding-left: 20px } } @media (min-width: 1024px) { .attention { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .attention { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .attention { padding-right: 20px } } .attention__icon-block { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background-color: #f4c7d8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 24px; -ms-flex-negative: 0; flex-shrink: 0 } @media (max-width: 560px) { .attention__icon-block { display: none } } .app_mode_color_bw .attention__icon-block, .app_mode_color_invert .attention__icon-block, .app_mode_color_sepia .attention__icon-block { display: none } .attention__icon { width: 8px; height: 40px; color: #a05eb5 } .attention__text { font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651; max-width: 720px } @media (min-width: 1920px) { .attention__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .attention__text { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .attention__text { font-size: 1rem } } @media (min-width: 1920px) { .attention__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .attention__text { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .attention__text { line-height: 26px } } .app_mode_color_bw .attention__text, .app_mode_color_invert .attention__text, .app_mode_color_sepia .attention__text { max-width: none } .filter-events { position: relative; width: 100% } @media (min-width: 1920px) { .filter-events { margin-top: 148px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events { margin-top: calc(60px + 88 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events { margin-top: 60px } } @media (min-width: 1920px) { .filter-events { margin-bottom: 230px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events { margin-bottom: calc(100px + 130 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events { margin-bottom: 100px } } .filter-events__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .filter-events__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .filter-events__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .filter-events__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .filter-events__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .filter-events__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .filter-events__wrapper { padding-right: 20px } } @media (min-width: 1920px) { .filter-events__filter { margin-bottom: 80px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events__filter { margin-bottom: calc(30px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events__filter { margin-bottom: 30px } } .filter-events__loader { position: relative; width: 100%; height: 200px; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .filter-events__loader.filter-events__loader_active { display: -webkit-box; display: -ms-flexbox; display: flex } .filter-events__loader__preloader-video { max-height: 100% } .app.app_mode_color_bw .filter-events__loader, .app.app_mode_color_invert .filter-events__loader, .app.app_mode_color_sepia .filter-events__loader { display: none } .filter-events__icon-manempty { width: 264px; height: 278px; color: #a05eb5; position: relative; z-index: 1; bottom: -11px } @media (min-width: 1920px) { .filter-events__icon-manempty { margin-top: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events__icon-manempty { margin-top: calc(10px + 32 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events__icon-manempty { margin-top: 10px } } .filter-events-data__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; margin-bottom: -32px } .filter-events-data__item { width: 100%; padding-right: 16px; padding-left: 16px; margin-bottom: 32px } .filter-events-form__header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; border: 1px solid #a05eb5; height: 56px; background-color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: background-color .3s ease-out, border-color .3s ease-out, border-radius .3s ease-out; -o-transition: background-color ease-out .3s, border-color ease-out .3s, border-radius ease-out .3s; transition: background-color .3s ease-out, border-color .3s ease-out, border-radius .3s ease-out } .filter-events-form_open .filter-events-form__header { background-color: #e6f3fa; border-color: #e6f3fa; border-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px } .filter-events-form_chosen .filter-events-form__header { background-color: #53c9f4; border-color: #53c9f4 } .filter-events-form_open.filter-events-form_chosen .filter-events-form__header { background-color: #e6f3fa; border-color: #e6f3fa } .filter-events-form__button-toggle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #a05eb5; padding: 0 15px } .filter-events-form_chosen .filter-events-form__button-toggle { color: #fff } .filter-events-form_open.filter-events-form_chosen .filter-events-form__button-toggle { color: #a05eb5 } .filter-events-form__button-right { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px } .filter-events-form__icon-filter { width: 16px; height: 13px; margin-right: 14px; position: relative; top: -3px } .filter-events-form__button-reset { margin-right: 20px; letter-spacing: .02em; color: #8bb8e8; border-radius: 5px; padding: 2px 8px; background-color: #fff; opacity: 0; position: relative; pointer-events: none; -webkit-transition: all .2s ease-out; -o-transition: all ease-out .2s; transition: all .2s ease-out } @media (min-width: 1920px) { .filter-events-form__button-reset { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__button-reset { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-events-form__button-reset { font-size: 1rem } } @media (min-width: 1920px) { .filter-events-form__button-reset { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__button-reset { line-height: calc(26px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events-form__button-reset { line-height: 26px } } .filter-events-form_chosen .filter-events-form__button-reset { pointer-events: auto; opacity: 1 } .filter-events-form__icon-arrow { width: 12px; height: 16px; fill: none; color: #4d3651; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; -o-transition: transform ease-out .2s; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out } .filter-events-form_open .filter-events-form__icon-arrow { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .filter-events-form__button-text-value { line-height: 18px; letter-spacing: .02em } @media (min-width: 1920px) { .filter-events-form__button-text-value { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__button-text-value { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-events-form__button-text-value { font-size: .9375rem } } .filter-events-form__result-text { color: #fff; letter-spacing: .02em; line-height: 18px; position: relative; opacity: 0; -webkit-transition: opacity .2s ease-out; -o-transition: opacity ease-out .2s; transition: opacity .2s ease-out } @media (min-width: 1920px) { .filter-events-form__result-text { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__result-text { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-events-form__result-text { font-size: .9375rem } } .filter-events-form__result-text:before { content: ":"; position: relative; display: inline-block; color: #fff; letter-spacing: .02em; line-height: 18px; margin-right: 5px } @media (min-width: 1920px) { .filter-events-form__result-text:before { font-size: 1rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__result-text:before { font-size: calc(.9375rem + 1 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-events-form__result-text:before { font-size: .9375rem } } .filter-events-form_chosen .filter-events-form__result-text { opacity: 1 } .filter-events-form_open.filter-events-form_chosen .filter-events-form__result-text { opacity: 0 } @media (max-width: 768px) { .filter-events-form__result-text { display: none } } .filter-events-form__body { background-color: rgba(130, 184, 239, .45); overflow: hidden; height: 0; position: relative; -webkit-transition: height .2s ease-out; -o-transition: height ease-out .2s; transition: height .2s ease-out } .filter-events-form:not(.filter-events-form_open) .filter-events-form__body { height: 0 !important } .filter-events-form__inner { position: absolute; width: 100%; background-color: #eef4fc } @media (max-width: 768px) { .filter-events-form__inner { border-top: 1px solid rgba(130, 184, 239, .45) } } .filter-events-form__param { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; color: #4d3651; font-weight: 700; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width: 1920px) { .filter-events-form__param { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__param { font-size: calc(1rem + 2 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-events-form__param { font-size: 1rem } } @media (min-width: 1920px) { .filter-events-form__param { line-height: 26px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__param { line-height: calc(24px + 2 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events-form__param { line-height: 24px } } @media (min-width: 1920px) { .filter-events-form__param { margin-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__param { margin-right: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events-form__param { margin-right: 15px } } @media (max-width: 768px) { .filter-events-form__param { display: none } } .filter-events-form__line { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2 } @media (min-width: 1920px) { .filter-events-form__line { margin-right: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__line { margin-right: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events-form__line { margin-right: 15px } } @media (min-width: 1920px) { .filter-events-form__line { margin-left: 25px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__line { margin-left: calc(15px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events-form__line { margin-left: 15px } } @media (min-width: 1920px) { .filter-events-form__line { height: 90px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__line { height: calc(80px + 10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events-form__line { height: 80px } } .filter-events-form__line:not(:last-of-type) { border-bottom: 1px solid #edebee } .filter-events-form__line.filter-events-form__line_month { overflow: hidden; z-index: 1; -webkit-transition: margin-top .15s ease-out; -o-transition: margin-top ease-out .15s; transition: margin-top .15s ease-out } @media (min-width: 1920px) { .filter-events-form__line.filter-events-form__line_month { margin-top: -90px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__line.filter-events-form__line_month { margin-top: calc(-80px + -10 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events-form__line.filter-events-form__line_month { margin-top: -80px } } .filter-events-form__line_visible.filter-events-form__line.filter-events-form__line_month { margin-top: 0 } @media (max-width: 768px) { .filter-events-form__line.filter-events-form__line_month { display: none } } @media (max-width: 768px) { .filter-events-form__line { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; height: auto } } @media (max-width: 768px) { .filter-events-form__line.filter-events-form__line_result { display: none } } .filter-events-form__radiobtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; background-color: rgba(0, 0, 0, 0) } @media (min-width: 1920px) { .filter-events-form__radiobtn:not(:last-of-type) { margin-right: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__radiobtn:not(:last-of-type) { margin-right: calc(18px + 22 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events-form__radiobtn:not(:last-of-type) { margin-right: 18px } } @media (max-width: 768px) { .filter-events-form__radiobtn:not(:last-of-type) { margin-right: 0 } } @media (max-width: 768px) { .filter-events-form__radiobtn { width: 50% } } .filter-events-form__radiobtn .radiobtn__label { background-color: rgba(0, 0, 0, 0); color: #3389b4; font-size: 1.125rem; line-height: 28px } .filter-events-form__summ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .02em; color: #a05eb5; font-family: Idealist Sans, Verdana, Helvetica, sans-serif } @media (min-width: 1920px) { .filter-events-form__summ { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__summ { font-size: calc(1.625rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .filter-events-form__summ { font-size: 1.625rem } } @media (min-width: 1920px) { .filter-events-form__summ { padding-bottom: 12px } } @media (min-width: 768px) and (max-width: 1919px) { .filter-events-form__summ { padding-bottom: calc(8px + 4 * (100vw - 768px) / 1152) } } @media (max-width: 767px) { .filter-events-form__summ { padding-bottom: 8px } } @media (min-width: 1920px) { .filter-events-form__summ { line-height: 42px } } @media (min-width: 560px) and (max-width: 1919px) { .filter-events-form__summ { line-height: calc(36px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .filter-events-form__summ { line-height: 36px } } .page-description__wrapper { max-width: 1554px; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 1024px) { .page-description__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .page-description__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .page-description__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .page-description__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .page-description__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .page-description__wrapper { padding-right: 20px } } @media (min-width: 1024px) { .page-description__wrapper { padding-top: 20px } } @media (min-width: 320px) and (max-width: 1023px) { .page-description__wrapper { padding-top: calc(10px + 10 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .page-description__wrapper { padding-top: 10px } } @media (min-width: 1024px) { .page-description__wrapper { padding-bottom: 20px } } @media (min-width: 320px) and (max-width: 1023px) { .page-description__wrapper { padding-bottom: calc(10px + 10 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .page-description__wrapper { padding-bottom: 10px } } .page-description__wrapper .page-description_text { font-family: PT Sans, Arial, sans-serif; letter-spacing: .02em; color: #4d3651; max-width: 688px } @media (min-width: 1920px) { .page-description__wrapper .page-description_text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .page-description__wrapper .page-description_text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .page-description__wrapper .page-description_text { font-size: .9375rem } } @media (min-width: 1920px) { .page-description__wrapper .page-description_text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .page-description__wrapper .page-description_text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .page-description__wrapper .page-description_text { line-height: 22px } } @media (max-width: 1024px) { .page-description__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .education { overflow: hidden } @media (min-width: 1920px) { .education_doctor { padding-top: 168px } } @media (min-width: 560px) and (max-width: 1919px) { .education_doctor { padding-top: calc(60px + 108 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education_doctor { padding-top: 60px } } @media (min-width: 1920px) { .education_doctor { padding-bottom: 168px } } @media (min-width: 560px) and (max-width: 1919px) { .education_doctor { padding-bottom: calc(80px + 88 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education_doctor { padding-bottom: 80px } } .education__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .education__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .education__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .education__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .education__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .education__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .education__wrapper { padding-right: 20px } } .education__line-title { border-bottom: 1px solid #edebee; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .education__line-title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .education__line-title { font-size: calc(1.625rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .education__line-title { font-size: 1.625rem } } @media (min-width: 1920px) { .education__line-title { line-height: 36px } } @media (min-width: 560px) and (max-width: 1919px) { .education__line-title { line-height: calc(30px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education__line-title { line-height: 30px } } @media (min-width: 1920px) { .education__line-title { margin-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .education__line-title { margin-top: calc(64px + 64 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education__line-title { margin-top: 64px } } @media (min-width: 1920px) { .education__line-title { padding-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .education__line-title { padding-bottom: calc(25px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education__line-title { padding-bottom: 25px } } @media (max-width: 768px) { .education__line-title { display: none } } .education__line { display: -webkit-box; display: -ms-flexbox; display: flex; color: #4d3651; border-bottom: 1px solid #edebee } @media (min-width: 1920px) { .education__line { padding-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .education__line { padding-top: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education__line { padding-top: 24px } } @media (min-width: 1920px) { .education__line { padding-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .education__line { padding-bottom: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education__line { padding-bottom: 24px } } @media (max-width: 768px) { .education__line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .education__date { letter-spacing: .02em; font-weight: 700; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 15px } @media (min-width: 1920px) { .education__date { width: 240px } } @media (min-width: 560px) and (max-width: 1919px) { .education__date { width: calc(200px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education__date { width: 200px } } @media (min-width: 1920px) { .education__date { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .education__date { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .education__date { font-size: 1.25rem } } @media (min-width: 1920px) { .education__date { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .education__date { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education__date { line-height: 28px } } @media (max-width: 768px) { .education__date { margin-bottom: 22px } } .app_mode_color_bw .education__date, .app_mode_color_invert .education__date, .app_mode_color_sepia .education__date { width: 320px } .education__text { letter-spacing: .02em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 800px } @media (min-width: 1920px) { .education__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .education__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .education__text { font-size: .9375rem } } @media (min-width: 1920px) { .education__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .education__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education__text { line-height: 22px } } .app_mode_color_bw .education__text, .app_mode_color_invert .education__text, .app_mode_color_sepia .education__text, .education__text_description { max-width: none } .education__content { border-top: 1px solid #edebee } @media (min-width: 1920px) { .education__content { margin-top: 88px } } @media (min-width: 560px) and (max-width: 1919px) { .education__content { margin-top: calc(26px + 62 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .education__content { margin-top: 26px } } .content-holder { max-width: 1554px; min-height: inherit; position: relative; margin: 0 auto } @media (min-width: 1024px) { .content-holder { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .content-holder { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .content-holder { padding-left: 20px } } @media (min-width: 1024px) { .content-holder { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .content-holder { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .content-holder { padding-right: 20px } } @media (min-width: 1920px) { .encyclopedia-page__questions { padding-top: 60px } } @media (min-width: 320px) and (max-width: 1919px) { .encyclopedia-page__questions { padding-top: calc(40px + 20 * (100vw - 320px) / 1600) } } @media (max-width: 319px) { .encyclopedia-page__questions { padding-top: 40px } } @media (min-width: 1920px) { .encyclopedia-page__questions { padding-bottom: 60px } } @media (min-width: 320px) and (max-width: 1919px) { .encyclopedia-page__questions { padding-bottom: calc(40px + 20 * (100vw - 320px) / 1600) } } @media (max-width: 319px) { .encyclopedia-page__questions { padding-bottom: 40px } } @media (min-width: 1920px) { .encyclopedia-page__terms { padding-bottom: 60px } } @media (min-width: 320px) and (max-width: 1919px) { .encyclopedia-page__terms { padding-bottom: calc(40px + 20 * (100vw - 320px) / 1600) } } @media (max-width: 319px) { .encyclopedia-page__terms { padding-bottom: 40px } } @media (min-width: 1920px) { .encyclopedia-page__articles { padding-bottom: 190px } } @media (min-width: 320px) and (max-width: 1919px) { .encyclopedia-page__articles { padding-bottom: calc(60px + 130 * (100vw - 320px) / 1600) } } @media (max-width: 319px) { .encyclopedia-page__articles { padding-bottom: 60px } } .encyclopedia-page__articles-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .encyclopedia-page__articles-item { width: 50%; padding: 10px } @media screen and (max-width: 768px) { .encyclopedia-page__articles-item { width: 100% } } .terms-dictionary-page__wrapper { padding: 60px 0 } .terms-dictionary-page__section { display: block } .terms-dictionary-page__section:not(:last-child) { padding-bottom: 60px } .terms-dictionary-page__section-title { letter-spacing: .02em; margin-bottom: 40px } @media (min-width: 1920px) { .terms-dictionary-page__section-title { font-size: 3rem } } @media (min-width: 320px) and (max-width: 1919px) { .terms-dictionary-page__section-title { font-size: calc(2rem + 16 * (100vw - 20rem) / 1600) } } @media (max-width: 319px) { .terms-dictionary-page__section-title { font-size: 2rem } } .terms-dictionary-page__content { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 600px) { .terms-dictionary-page__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .terms-dictionary-page__content-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 30px } @media screen and (max-width: 600px) { .terms-dictionary-page__content-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 0 } } .terms-dictionary-page__content-right { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media screen and (max-width: 600px) { .terms-dictionary-page__content-right { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; position: static; padding-bottom: 30px } } .terms-dictionary-page__content-right:after { content: ""; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0% } .terms-dictionary-page__pagination { display: block; position: -webkit-sticky; position: sticky; top: 80px; max-width: 200px } @media (min-width: 1920px) { .faq-page__wrapper { padding-top: 60px } } @media (min-width: 320px) and (max-width: 1919px) { .faq-page__wrapper { padding-top: calc(40px + 20 * (100vw - 320px) / 1600) } } @media (max-width: 319px) { .faq-page__wrapper { padding-top: 40px } } @media (min-width: 1920px) { .faq-page__wrapper { padding-bottom: 60px } } @media (min-width: 320px) and (max-width: 1919px) { .faq-page__wrapper { padding-bottom: calc(40px + 20 * (100vw - 320px) / 1600) } } @media (max-width: 319px) { .faq-page__wrapper { padding-bottom: 40px } } .faq-category-page { display: block } .faq-category-page__wrapper { padding: 50px 0 } .faq-category-page__content { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 768px) { .faq-category-page__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .faq-category-page__left-section { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } @media screen and (max-width: 768px) { .faq-category-page__left-section { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .faq-category-page__right-section { -ms-flex-negative: 0; flex-shrink: 0; padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media screen and (max-width: 768px) { .faq-category-page__right-section { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding: 0 0 30px } } .faq-category-page__right-section:after { content: ""; -webkit-box-flex: 1; -ms-flex: 1 0 0rem; flex: 1 0 0 } .faq-category-page__categories { position: -webkit-sticky; position: sticky; top: 70px } .faq-category-page__item { margin-bottom: 30px } .faq-detail-page { display: block } @media (min-width: 1920px) { .faq-detail-page { margin-bottom: 106px } } @media (min-width: 560px) and (max-width: 1919px) { .faq-detail-page { margin-bottom: calc(30px + 76 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .faq-detail-page { margin-bottom: 30px } } .faq-detail-page__wrapper { padding: 50px 0 } .faq-detail-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; min-height: 60vh } .faq-detail-page__text { max-width: 650px; position: relative } .faq-detail-page__icon-question { color: #fcf8ff; position: absolute; right: 30px; top: 0; height: 270px; width: 200px } .app_mode_color_bw .faq-detail-page__icon-question, .app_mode_color_invert .faq-detail-page__icon-question, .app_mode_color_sepia .faq-detail-page__icon-question { display: none } .articles-page__wrapper { padding: 50px 0 } .articles-page__content { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 1024px) { .articles-page__content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .app_mode_color_bw .articles-page__content, .app_mode_color_invert .articles-page__content, .app_mode_color_sepia .articles-page__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .articles-page__left-section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .app_mode_color_bw .articles-page__left-section, .app_mode_color_invert .articles-page__left-section, .app_mode_color_sepia .articles-page__left-section { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .articles-page__right-section { -ms-flex-negative: 0; flex-shrink: 0; padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .articles-page__right-section:after { content: ""; -webkit-box-flex: 1; -ms-flex: 1 0 0rem; flex: 1 0 0 } @media (max-width: 1024px) { .articles-page__right-section { padding-left: 0 } } .app_mode_color_bw .articles-page__right-section, .app_mode_color_invert .articles-page__right-section, .app_mode_color_sepia .articles-page__right-section { padding-left: 0 } .articles-page__categories { position: -webkit-sticky; position: sticky; top: 70px } .articles-page__item { padding: 10px; width: 50% } @media (max-width: 1280px) { .articles-page__item { width: 100% } } @media (max-width: 1024px) { .articles-page__item { width: 50% } } @media (max-width: 768px) { .articles-page__item { width: 100% } } .article-detail-page__wrapper { padding: 50px 0 } .qualification { overflow: hidden } @media (min-width: 1920px) { .qualification { padding-top: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification { padding-top: calc(32px + 96 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification { padding-top: 32px } } @media (min-width: 1920px) { .qualification_doctor { padding-top: 168px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification_doctor { padding-top: calc(60px + 108 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification_doctor { padding-top: 60px } } @media (min-width: 1920px) { .qualification_doctor { padding-bottom: 168px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification_doctor { padding-bottom: calc(80px + 88 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification_doctor { padding-bottom: 80px } } .qualification__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .qualification__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .qualification__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .qualification__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .qualification__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .qualification__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .qualification__wrapper { padding-right: 20px } } .qualification__line-title { border-bottom: 1px solid #edebee; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651 } @media (min-width: 1920px) { .qualification__line-title { font-size: 2rem } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__line-title { font-size: calc(1.625rem + 6 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .qualification__line-title { font-size: 1.625rem } } @media (min-width: 1920px) { .qualification__line-title { line-height: 36px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__line-title { line-height: calc(30px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification__line-title { line-height: 30px } } @media (min-width: 1920px) { .qualification__line-title { margin-top: 88px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__line-title { margin-top: calc(26px + 62 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification__line-title { margin-top: 26px } } @media (min-width: 1920px) { .qualification__line-title { padding-bottom: 40px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__line-title { padding-bottom: calc(25px + 15 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification__line-title { padding-bottom: 25px } } @media (max-width: 768px) { .qualification__line-title { display: none } } .qualification__line { display: -webkit-box; display: -ms-flexbox; display: flex; color: #4d3651; border-bottom: 1px solid #edebee } @media (min-width: 1920px) { .qualification__line { padding-top: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__line { padding-top: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification__line { padding-top: 24px } } @media (min-width: 1920px) { .qualification__line { padding-bottom: 48px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__line { padding-bottom: calc(24px + 24 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification__line { padding-bottom: 24px } } @media (max-width: 768px) { .qualification__line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (min-width: 1920px) { .qualification__line-empty { padding-bottom: 128px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__line-empty { padding-bottom: calc(32px + 96 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification__line-empty { padding-bottom: 32px } } .qualification__date { letter-spacing: .02em; font-weight: 700; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 15px } @media (min-width: 1920px) { .qualification__date { width: 240px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__date { width: calc(200px + 40 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification__date { width: 200px } } @media (min-width: 1920px) { .qualification__date { font-size: 1.5rem } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__date { font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .qualification__date { font-size: 1.25rem } } @media (min-width: 1920px) { .qualification__date { line-height: 34px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__date { line-height: calc(28px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification__date { line-height: 28px } } @media (max-width: 768px) { .qualification__date { margin-bottom: 22px } } .app_mode_color_bw .qualification__date, .app_mode_color_invert .qualification__date, .app_mode_color_sepia .qualification__date { width: 320px } .qualification__text { letter-spacing: .02em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 800px } @media (min-width: 1920px) { .qualification__text { font-size: 1.125rem } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__text { font-size: calc(.9375rem + 3 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .qualification__text { font-size: .9375rem } } @media (min-width: 1920px) { .qualification__text { line-height: 28px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__text { line-height: calc(22px + 6 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification__text { line-height: 22px } } .app_mode_color_bw .qualification__text, .app_mode_color_invert .qualification__text, .app_mode_color_sepia .qualification__text, .qualification__text_description { max-width: none } @media (min-width: 1920px) { .qualification__content { margin-top: 88px } } @media (min-width: 560px) and (max-width: 1919px) { .qualification__content { margin-top: calc(26px + 62 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .qualification__content { margin-top: 26px } } .app { opacity: 1 } .constructor.constructor_margin-top { margin-top:calc(60px + 60*(100vw - 560px)/1360) } .social__links{ margin-top: 0px; } /* End */ /* Start:/local/templates/main/css/styles.css?176649409325773*/ /* Шрифты */ @font-face { font-family: 'PT Sans'; src: url('/local/templates/main/fonts/PTSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT Sans'; src: url('/local/templates/main/fonts/PTSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: "Idealist Sans"; src: url("/local/templates/main/fonts/Idealist.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* Reset */ * { margin: 0; padding: 0; box-sizing: border-box; } /* Цвета и общие значения */ :root { --color-primary: #0f579a; --color-primary-hover: #3389b4; --color-secondary: #a05eb5; --color-light-bg: #f9f9f9; --color-border: #ededed; --color-text: #4d3651; --color-btn-primary: #8bb8e8; --color-btn-secondary-bg: transparent; --color-btn-secondary-border: #a05eb5; --color-btn-secondary-text: #926eab; /* Дополнительные цвета из кода */ --color-shadow: rgba(0, 0, 0, 0.2); --color-bg-submenu: #eef4fc; --color-hover-submenu: #cee1fc; --color-bg-right-tab-item: #fff; --color-bg-simplebar-item-hover: #b3d4fc; --color-bg-footer-shadow: #00000014; --color-bg-socials-link: #3389b4; --color-bg-form-border: #80c5e8; --color-bg-form-border-hover: #53c9f4; --color-bg-mobile-menu-border: var(--color-btn-primary); } body { height: 100vh; display: flex; flex-direction: column; justify-content: space-between; font-family: 'PT Sans', sans-serif; } a { text-decoration: none; color: inherit; } /* Кнопки */ .primary-button { background-color: var(--color-btn-primary); color: #ffffff; border: none; cursor: pointer; font-size: 1rem; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 1px #3389b4; font-family: 'PT Sans', sans-serif; } .primary-button:hover { background-color: var(--color-primary); } .primary-button:active { background-color: var(--color-btn-primary); } .primary-button:disabled { background: #ededed; } .primary-button { background-color: var(--color-btn-primary); color: #ffffff; border: none; } .primary-button:hover { background-color: var(--color-primary); } .primary-button:active { background-color: var(--color-btn-primary); } .primary-button:disabled { background-color: #ededed; } .secondary-button { border: 1px solid var(--color-btn-secondary-border); background-color: var(--color-btn-secondary-bg); color: var(--color-btn-secondary-text); display: flex; align-items: center; gap: 5px; } .secondary-button img { width: 20px; height: 20px; } .contact-button { font-size: 1rem; line-height: 24px; letter-spacing: 0.02em; text-align: center; border-radius: 5px; cursor: pointer; transition: background-color 0.2s ease; height: 40px; display: flex; gap: 10px; align-items: center; padding: 0 10px; font-family: 'PT Sans', sans-serif; .desktop-text { display: block; } .tablet-text { display: none; } } .contact-button span { font-family: 'PT Sans', sans-serif; text-wrap: nowrap; } /* Header */ .header { box-shadow: 0 2px 8px var(--color-shadow); display: flex; justify-content: center; } .header-wrapper { width: 100%; max-width: 1448px; display: grid; grid-template-columns: 175px auto; grid-template-rows: repeat(2, 64px); padding: 0 20px; column-gap: 30px; } /* Верхняя панель */ .header__top-tab { border-bottom: 1px solid var(--color-border); padding: 12px 0; display: flex; justify-content: space-between; } .logo { grid-column: 1; grid-row: 1/3; align-self: center; } .logo img { width: 100%; max-width: 175px; height: 89px; } .header__phone-number { display: flex; flex-direction: column; width: 100%; max-width: 152px; flex-shrink: 0; } .header__phone-number a { font-size: 16px; line-height: 24px; letter-spacing: 0.02em; text-decoration: none; color: var(--color-primary); display: flex; gap: 6px; align-items: center; } .header__phone-number a:hover { color: var(--color-primary-hover); } .header__phone-number a img { width: 10px; height: 15px; } .header__phone-number p { padding-left: 16px; font-size: 12px; letter-spacing: 0.02em; color: var(--color-text); } .header-buttons { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .header__contact { display: flex; align-items: center; gap: 30px; } .header__links { display: flex; gap: calc(30px + 47 * (100vw - 560px) / 1360); } .header__search { display: flex; align-self: end; gap: 0; margin-left: 15px; } .header__search input, .header__search button { transition: all 0.2s ease; max-height: 40px; } .header__search input:hover, .header__search button:hover { border-color: var(--color-bg-form-border-hover); } .header__search input { background-color: transparent; border: 1px solid var(--color-bg-form-border); border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 18px; width: 100%; max-width: 170px; padding: 0 18px; } .header__search button { border: 1px solid var(--color-bg-form-border); border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: transparent; display: flex; align-items: center; padding: 11px 10px; cursor: pointer; } .header__search button img { width: 19px; height: 19px; } /* Нижняя панель */ .navigation { display: flex; justify-content: space-between; padding: 10px 0; margin: 0 -5px; } .navigation-list { width: 100%; list-style: none; display: flex; align-items: center; justify-content: space-between; } .navigation-item { padding: 0 5px; } .navigation-item a { text-decoration: none; color: var(--color-text); display: flex; align-items: center; gap: 5px; font-size: calc(.875rem + 4 * (100vw - 80rem) / 640); letter-spacing: 0.02em; } .navigation-item img { transition: transform 0.3s ease; opacity: 0.5; padding-top: 1px; } .navigation-item:hover > a > img { transform: rotate(180deg); } .services-submenu { position: absolute; width: 100%; left: 0; background-color: #b3d4fc; display: flex; justify-content: center; } .services-submenu__wrapper { width: 100%; max-width: 1400px; } .services-submenu__wrapper a { display: flex; gap: 5px; } .submenu { position: absolute; display: flex; left: 0; width: 100%; background-color: var(--color-bg-submenu); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 4px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; padding: 0 50px; margin-top: 10px; gap: 10px; } .submenu-wrapper { width: 100%; max-width: 1448px; margin: 0 auto; display: flex; flex-wrap: wrap; } .submenu a { width: 19%; height: 66px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-inline: 15px; } .submenu a:hover { background-color: var(--color-bg-simplebar-item-hover); } .simplebar { min-height: 50vh; height: max-content; display: flex; justify-content: center; padding: 0; } .simplebar-wrapper { max-width: 1448px; width: 100%; padding: 0 20px; display: flex; gap: 30px; } .simplebar-item { height: 66px; font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360); font-weight: 700; letter-spacing: 0.02em; display: flex; align-items: center; gap: calc(20px + 5 * (100vw - 560px) / 1360); border-bottom: 1px solid var(--color-border); cursor: pointer; padding-inline: 10px; a { padding-inline: 0; gap: calc(20px + 5 * (100vw - 560px) / 1360); display: flex; width: 100%; font-size: inherit; border-bottom: none; color: inherit; } } .simplebar-item img { width: 40px; height: 40px; border-radius: 100%; background-color: var(--color-bg-right-tab-item); display: flex; justify-content: center; align-items: center; } .simplebar-item:hover { background-color: var(--color-bg-simplebar-item-hover); } .right-tab { max-height: 50vh; overflow-y: auto; } .left-tab { flex: 1; } .left-tab__content { display: none; } .left-tab__content.active { display: flex; list-style: none; flex-wrap: wrap; gap: 16px; } .left-tab__content.active li { flex: 0 0 calc(33.333% - 30px); height: 66px; display: flex; align-items: center; border-bottom: 1px solid var(--color-border); font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360); color: #4d3651; padding-inline: 10px; cursor: pointer; } .left-tab__content.active li:hover { background-color: #b3d4fc; } .navigation-item:hover .submenu { opacity: 1; visibility: visible; z-index: 100; } .language-switcher { display: flex; align-items: center; gap: 4px; } .language-switcher img { width: 12px; height: 18px; } .language-dropdown { border: none; background-color: transparent; color: var(--color-text); font-size: 14px; line-height: 142%; text-transform: uppercase; letter-spacing: 0.02em; font-family: 'PT Sans', sans-serif; } .mobile-contact { display: none; } .burger-menu { display: none; } .burger-menu.active .burger-line:nth-child(2) { display: none; } .burger-menu.active .burger-line:nth-child(1) { transform: rotate(45deg) translate(4px, 5px); } .burger-menu.active .burger-line:nth-child(3) { transform: rotate(-45deg) translate(0px, -2px); } .mobile-menu { display: none; } .mobile-menu.active { height: 100vh; width: 95vw; display: block; } .mobile-menu.active .mobile-menu__navigation .mobile-menu__list { display: flex; flex-direction: column; } .mobile-menu.active .mobile-menu__list-item { display: flex; justify-content: space-between; align-items: center; height: 48px; padding-inline: 20px; border-top: 1px solid var(--color-border); font-size: 14px; cursor: pointer; } .mobile-menu.active .mobile-menu__list-item a { color: var(--color-primary); text-decoration: none; } .mobile-menu.active .mobile-menu__list-item span img { width: 15px; height: 11px; } .mobile-menu.active .mobile-menu__list-item:last-child { border-bottom: 1px solid var(--color-border); } .tablet-button { display: none; } .header__contact-link { color: var(--color-primary); font-size: 14px; letter-spacing: 0.02em; } .header__contact-link:hover { color: var(--color-primary-hover); } .eye-button { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 100%; cursor: pointer; } .eye-button img { width: 28px; height: 15px; } .navigation-button { margin-left: calc(20px + 24 * (100vw - 560px) / 1360); width: 100%; max-width: 210px; } /* Footer */ .footer { box-shadow: 0 -4px 10px 0 var(--color-bg-footer-shadow); display: flex; justify-content: center; padding: calc(44px + 16 * (100vw - 560px) / 1360) 0 calc(38px + 36 * (100vw - 560px) / 1360) 0; } .footer-wrapper { width: 100%; max-width: 1448px; display: flex; flex-direction: column; padding-inline: 80px; } .footer__top-tab { display: flex; border-bottom: 1px solid var(--color-border); padding: 0 0 35px 0; justify-content: space-between; align-items: center; } .footer-links { flex: 1; list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 16px; max-width: 900px; } .footer-links li { flex: 1; height: 28px; font-size: calc(.875rem + 4 * (100vw - 35rem) / 1360); line-height: 28px; letter-spacing: 0.02em; color: var(--color-text); } .register-button { width: 336px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 5px; } .footer__bottom-tab { padding-top: 28px; display: flex; justify-content: space-between; } .footer-title { font-size: 18px; line-height: 26px; letter-spacing: 0.02em; color: var(--color-text); margin-bottom: 24px; } .socials-list { display: flex; list-style: none; gap: 44px; } .socials-list a { display: flex; flex-direction: column; gap: 9px; color: var(--color-bg-socials-link); font-size: 14px; line-height: 142%; letter-spacing: 0.02em; } .socials-list a img { width: 32px; height: 32px; } .location { align-self: flex-end; display: flex; flex-direction: column; gap: 9px; color: var(--color-bg-socials-link); } .location img { width: 25px; height: 32px; } .form { display: flex; flex-direction: column; justify-content: space-between; } .form form { display: flex; gap: 0; } .form form input, .form form button { transition: all 0.2s ease; height: 56px; } .form form input:hover, .form form button:hover { border: 1px solid var(--color-bg-form-border-hover); } .form form input { background-color: transparent; border: 1px solid var(--color-bg-form-border); border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-right: none; padding: 18px 0 18px 8px; } .form form button { border-bottom-right-radius: 5px; border-top-right-radius: 5px; border: 1px solid var(--color-bg-form-border); display: flex; align-items: center; padding: 11px 10px; cursor: pointer; } .form form button img { width: 19px; height: 19px; } /* Медиазапросы */ @media (max-width: 1280px) { .header { padding-inline: 20px; } .navigation { width: 100%; grid-column: 1/3; } .navigation-item a { font-size: 14px; } .contact-button { font-size: 16px; line-height: 1; .desktop-text { display: none; } .tablet-text { display: block; } } .header__phone-number { max-width: 135px; } .header__phone-number a, .header__phone-number p { font-size: 14px; } .header-buttons { gap: 14px; } .tablet-button { display: block; } .navigation-button { display: none; } .footer__bottom-tab { display: grid; grid-template-columns: repeat(2, 1fr); } .socials { grid-column: 1/3; } .socials-list { width: 100%; margin-bottom: 40px; } .socials-list li { flex: 1; } .form { justify-self: end; } .checkin-button { display: none; } .tablet-button { display: block; } .header__links { gap: 10px; justify-content: space-between; } .logo { height: 100%; grid-row: 1; border-bottom: 1px solid var(--color-border); padding: 12px 0 0 0; } .logo img { max-width: 115px; height: 100%; } .header-wrapper { gap: 0; grid-template-columns: 115px auto; } .header__search input { max-width: 160px; } .header__contact { gap: 15px; } .header__contact-link { margin-left: 4px; } .header__top-tab { padding-bottom: 22px; margin-left: 5px; } .header-wrapper { grid-template-rows: 80px 51px; padding: 0; } .header__phone-number img { display: none; } .header__phone-number a { font-size: 16px; } .header__phone-number p { padding: 0; font-size: 12px; } .header__phone-number { justify-content: center; } } @media (max-width: 1024px) { .navigation-list { gap: 12px; } .logo-container { gap: 24px; } .footer-wrapper { padding-inline: 50px; } .footer__top-tab { flex-direction: column; } .footer-links { width: 100%; } .register-button { margin-top: 40px; } .contact-question { display: none; } .tablet-button { font-size: 16px; padding: 0 10px; height: 40px; } .header__contact-link { font-size: 14px; } .header__phone-number a { font-size: 13px; } .header__phone-number p { font-size: 12px; } .header__search input { max-width: 160px; width: 100%; font-size: 12px; } .header__phone-number { flex-shrink: 0; max-width: 110px; } .header__contact { gap: 30px; flex-shrink: 1; } } @media (max-width: 915px) { .header__search input { max-width: 35px; width: 100%; } .mobile-search input { max-width: none; } } @media (max-width: 768px) { .header-buttons, .navigation-list, .language-switcher { display: none; } .mobile-contact { display: block; width: 100%; height: 40px; max-width: 400px; font-size: 16px; } .header__phone-number a { font-size: 14px; } .header__phone-number p { font-size: 11px; } .header__phone-number { max-width: none; } .header__top-tab { display: flex; align-items: center; } .burger-menu { display: flex; flex-direction: column; gap: 7px; } .home-link { gap: 0; } .logo a p { max-width: 100px; } .burger-line { width: 22px; height: 1px; background-color: var(--color-secondary); transition: transform 0.2s ease; } .mobile-menu__top-tab { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .mobile-language-switcher { display: block; } .mobile-submenu__header { width: 100%; } .back-button { width: 100%; } .mobile-submenu__header a { display: block; width: 100%; font-size: 0.875rem; line-height: 20px; text-decoration: none; color: var(--color-primary); font-weight: 800; padding-block: 12px; border-bottom: 1px solid var(--color-bg-mobile-menu-border); } .back-button-subgroup, .back-button { background-color: transparent; border: none; display: flex; justify-content: flex-start; align-items: center; gap: 6px; font-size: 0.875rem; line-height: 20px; letter-spacing: .02em; color: var(--color-bg-mobile-menu-border); cursor: pointer; border-bottom: 1px solid var(--color-bg-mobile-menu-border); padding-block: 12px; } .back-button-subgroup img, .back-button img { width: 6px; height: 11px; transform: rotate(180deg); } .mobile-submenu__groups, .mobile-submenu__list { list-style: none; width: 100%; } .mobile-submenu__group-content li, .mobile-submenu__groups li, .mobile-submenu__list li { width: 100%; font-size: 0.875rem; line-height: 20px; padding-block: 12px; border-bottom: 1px solid var(--color-bg-mobile-menu-border); } .mobile-submenu__group-content ul { list-style: none; } .mobile-submenu__groups li a, .mobile-submenu__group-content li a, .mobile-submenu__list li a { text-decoration: none; color: var(--color-primary); } .footer-wrapper { padding-inline: 24px; } .footer-links { grid-template-columns: repeat(2, 1fr); } .footer-links li { font-size: 14px; } .register-button { width: 100%; height: 42px; } .location { grid-column: 1/3; margin-bottom: 30px; } .form { grid-column: 1/3; width: 100%; justify-self: flex-start; } .form form input { width: 100%; height: 42px; } .form form button { height: 42px; } .socials-list { flex-wrap: wrap; } .header__contact { display: none; } .navigation-button { display: block; max-width: 400px; width: 100%; margin: 0 auto; align-self: center; } .header__phone-number { flex-direction: column-reverse; p { color: #a6a6a6; } } .header-wrapper { grid-template-rows: 80px 65px; grid-template-columns: 89px auto; } .header { padding: 0 20px; } .logo { width: 89px; } .logo img { width: 89px; height: 45px; } } .contacts__icon-phone{ fill: #a05eb5; background:url("/local/templates/main/css/../images/phone.svg") 0% 0% /100% 100% no-repeat; } .contacts__icon-email{ background:url("/local/templates/main/css/../images/mail.svg") 0% 0% /100% 100% no-repeat; } .contacts__icon-test{ background:url("/local/templates/main/css/../images/test.svg") 0% 0% /100% 100% no-repeat; } .contacts__icon-calendar{ background:url("/local/templates/main/css/../images/calendar.svg") 0% 0% /100% 100% no-repeat; } .charts-container { width: 100%; padding-inline: calc(10px + 5 * (100vw - 560px) / 1360); padding-bottom: calc(60px + 60 * (100vw - 560px) / 1360); background-color: #fcf8ff; } .chart__info, .charts, .legend { max-width: 1426px; margin: 0 auto; } .chart__info { display: flex; flex-direction: column; gap: calc(30px + 25 * (100vw - 560px) / 1360); } .info-title { line-height: calc(28px + 6 * (100vw - 560px) / 1360); font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360); font-weight: 700; letter-spacing: .02em; font-family: "Idealist Sans", Verdana, Helvetica, sans-serif; color: #4d3651; } .info-description { line-height: calc(26px + 2 * (100vw - 560px) / 1360); font-size: calc(1rem + 2 * (100vw - 35rem) / 1360); font-family: "Idealist Sans", Verdana, Helvetica, sans-serif; letter-spacing: .02em; color: #4d3651; max-width: 688px; } .charts { width: 100%; display: flex; justify-content: space-between; gap: 30px; padding-top: calc(35px + 35 * (100vw - 560px) / 1360); } .chart-container { padding-top: calc(20px + 25 * (100vw - 560px) / 1360); position: relative; width: 320px; height: auto; text-align: center; span { text-align: left; line-height: calc(27px + 1 * (100vw - 560px) / 1360); font-size: calc(1.0625rem + 1 * (100vw - 35rem) / 1360); letter-spacing: .02em; color: #4d3651; font-weight: 700; display: block; height: 68px; padding-bottom: 5px; } } .chart-container::after { content: ''; position: absolute; top: 30%; left: 10%; width: 80%; height: 55%; border: 1px solid #ecc3f8; border-radius: 100%; } canvas { width: 100%; height: 100%; } .chart-text, .chart-text span { font-size: calc(2.125rem + 14 * (100vw - 80rem) / 640); line-height: calc(36px + 14 * (100vw - 1280px) / 640); color: #a05eb5; letter-spacing: .02em; display: flex; flex-direction: column; align-items: center; font-family: "Idealist Sans", Verdana, Helvetica, sans-serif; } .chart-text span { display: inline-flex; } .chart-text { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); img { max-width: 64px; max-height: 49px; object-fit: contain; } } .subtext { line-height: calc(22px + 4 * (100vw - 560px) / 1360); font-size: calc(1.25rem + 4 * (100vw - 35rem) / 1360); color: #a05eb5; letter-spacing: .02em; font-family: "Idealist Sans", Verdana, Helvetica, sans-serif; margin-top: 8px; } .legend { display: flex; gap: 20px; font-size: calc(1rem + 2 * (100vw - 35rem) / 1360); line-height: calc(20px + 8 * (100vw - 560px) / 1360); color: #4d3651; letter-spacing: .02em; margin-top: calc(50px + 25 * (100vw - 560px) / 1360); } .legend-item { display: flex; align-items: center; } .legend-item:first-of-type { margin-right: calc(50px + 30 * (100vw - 560px) / 1360); } .legend-effects { margin-right: calc(10px + 8*(100vw - 560px)/1360) } .dot { width: 24px; height: 24px; margin-right: 10px; border-radius: 50%; margin-right: 5px; } .dot.purple { background: #a05eb5; } .dot.blue { background: #63c3ff; } .dot.pink { background: #ff63a7; } .page-title__link { color: #0f579a; -webkit-transition: color .15s ease-in; -o-transition: color ease-in .15s; transition: color .15s ease-in; font-family: PT Sans, Arial, sans-serif; } .page-title__link:hover { color: #3389b4; } .price_desc { display: block; color: #FFF; margin-top: calc(20px + 12 * (100vw - 560px) / 1360); } /* End */ /* Start:/local/templates/.default/components/realweb/blank/taxes/style.css?17664940937619*/ .headerBlock { background: linear-gradient(90deg, #EDBCD0 0%, #D4CBE1 50.73%, #C0D7EF 98.61%); display: flex; flex-direction: column; gap: 35px; align-items: flex-start; padding: 50px; max-width: 920px; margin: 0 auto; } .headerBlock .h1 { color: #4D3651; text-align: start; font-family: PT Sans, Arial, sans-serif; font-size: 36px; font-style: normal; font-weight: 400; line-height: 50px; letter-spacing: 1.28px; max-width: 883px; } .headerBlock p { color: #4D3651; text-align: start; font-family: PT Sans, Arial, sans-serif; font-size: 18px; font-weight: 400; margin-bottom: 0; } .headerBlock a.headerBlock_readPdf { color: #FFF !important; font-family: PT Sans, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; border-radius: 5px; background: #8BB8E8; padding: 16px 92px; text-decoration: none; } .modal_formContent * { margin: 0; padding: 0; } .taxReference p { font-size: 18px; line-height: 29px; } .modal_formContent p { margin-bottom: 20px; } .taxReference { box-sizing: border-box; max-width: 920px; background-color: white; box-shadow: 0px 0px 50px 0px #926EAB33; border-radius: 10px; overflow: hidden; } .modal_formContent { margin: 0 auto 70px auto; padding: 50px; border: 0!important; } .taxReference .taxReference_term { font-weight: 700; margin-bottom: 8px; } .taxReference h2 { margin: 70px 0 25px; font-size: 22px; line-height: 29px; font-weight: 700; } .taxReference fieldset { border: 0; border-bottom: 1px solid #D9D9D9; padding-bottom: 30px; margin-bottom: 30px; } .taxReference .taxReference_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 30px; } .taxReference .taxReference_grid-item { display: grid; } .taxReference .taxReference_grid-item label { color: #AFA5B1; font-size: 12px; line-height: 15px; } .taxReference .taxReference_grid-item input { height: 50px; border: 1px solid #8BB8E8; padding: 15px 21px; } .taxReference p.taxpayer, .taxReference label[for="taxes-file"] { font-size: 12px; line-height: 16px; color: #A7A7A7; margin-bottom: 0; } .year_group { margin-bottom: 7px; } .year_group input { display: none; } .year_group input + label { position: relative; display: flex; align-items: center; color: #000; cursor: pointer; user-select: none; font-size: 18px; line-height: 28px; gap: 14px; } .year_group input + label:before { content: ''; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #4D3651; background-position: center center; background-repeat: no-repeat; background-size: auto; } .year_group input:checked + label::before { background-image: url(/local/templates/main/images/label.png); } input[type="file"] { display: none; } .taxReference_file { padding-top: 15px; } .taxReference_file p { font-size: 12px; line-height: 15px; color: #AFA5B1; } .taxReference_file_border { border: 1px dashed #8BB8E8; padding: 0 11px; } .taxReference_file label { position: relative; } .taxReference_file label[for="taxes-file"]:after { content: ''; display: block; width: 100%; height: 50px; } .taxReference_file label[for="taxes-file"]:before { display: block; content: 'Прикрепить'; text-decoration: underline; font-size: 12px; line-height: 15px; color: #AFA5B1; position: absolute; left: 0; bottom: 17.5px; } .taxReference_file p { display: flex; align-items: center; gap: 10px; } button.removeItem { width: 10px; height: 10px; border: unset; background-position: center center; background-repeat: no-repeat; background-color: unset; background-image: url(/local/templates/main/images/remove.png); cursor: pointer; } .taxReference select { background-color: #F6F6F6; padding: 15px 21px; border: unset; border-radius: 5px; box-sizing: border-box; font-size: 15px; margin-bottom: 20px; } .sity_adress { display: none; } .sity_adress.active { display: block; } .taxReference_comment { position: relative; margin-bottom: 20px; } .taxReference_comment textarea { width: 100%; min-height: 160px; max-height: 160px; resize: none; border-radius: 5px; background-color: #F6F6F6; border: unset; padding: 13px; color: #848484; font-size: 14px; line-height: 17px; } .comment_counter { position: absolute; bottom: 13px; right: 13px; z-index: 1; } .taxReference_grid.pp { align-items: center; } .taxReference .approval, .taxReference .approval * { font-size: 12px; line-height: 19.2px; color: #4D3651; margin-bottom: 0; max-width: 230px; } .taxReference .taxReference_grid-item input[type="submit"] { /*background-color: #3389B4;*/ background-color: #8BB8E8; border: unset; border-radius: 5px; color: white; font-size: 15px; cursor: pointer; } .policy_container { font-size: 12px; display: flex; align-items: center; gap: 6px; margin-top: 20px; } .policy_container input { display: none; } /*.policy_container input + label:before { content: ''; min-width: 22px; min-height: 22px; border-radius: 50%; border: 1px solid #4D3651; background-position: center center; background-repeat: no-repeat; background-size: auto; }*/ .checkbox__input { display: none; } .checkbox__label { position: relative; padding-left: 27px; min-height: 22px; line-height: 22px; font-size: .875rem; color: #4d3651; letter-spacing: .02em; cursor: pointer; } .checkbox__input:checked + label.checkbox__label:before { opacity: 1; background-color: #8bb8e8; } .checkbox__label-icon { position: absolute; width: 13px; height: 11px; left: 5px; top: 3px; z-index: 3; -webkit-transition: -webkit-transform .1s ease-in .2s; transition: -webkit-transform .1s ease-in .2s; -o-transition: transform .1s ease-in .2s; transition: transform .1s ease-in .2s; transition: transform .1s ease-in .2s, -webkit-transform .1s ease-in .2s; color: #fff; -webkit-transform: scale(.1); -ms-transform: scale(.1); transform: scale(.1); } .checkbox__label:before { content: ""; position: absolute; width: 20px; height: 20px; border: 1px solid #8bb8e8; border-radius: 2px; background-color: #fff; top: 50%; margin-top: -11px; left: 0; z-index: 1; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in; } .fs_row { display: flex; flex-direction: row; } .fs_row fieldset { min-width: 200px; } .sposob_group input + label { position: relative; display: flex ; align-items: center; color: #000; cursor: pointer; user-select: none; font-size: 18px; line-height: 28px; gap: 14px; } .sposob_group input + label:before { content: ''; width: 22px; min-width: 22px; height: 22px; border-radius: 50%; border: 1px solid #4D3651; background-position: center center; background-repeat: no-repeat; background-size: auto; } .sposob_group input:checked + label::before { background-image: url(/local/templates/main/images/label.png); } /* End */ /* Start:/local/templates/main/template_styles.css?176649409612860*/ .breadcrumbs__link img { vertical-align: top; } .social { position: relative } @media (min-width: 1920px) { .social { padding-top: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .social { padding-top: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .social { padding-top: 30px } } @media (min-width: 1920px) { .social { padding-bottom: 64px } } @media (min-width: 560px) and (max-width: 1919px) { .social { padding-bottom: calc(30px + 34 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .social { padding-bottom: 30px } } .social__wrapper { max-width: 1554px; position: relative; margin: 0 auto } @media (min-width: 1024px) { .social__wrapper { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .social__wrapper { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .social__wrapper { padding-left: 20px } } @media (min-width: 1024px) { .social__wrapper { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .social__wrapper { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .social__wrapper { padding-right: 20px } } .social__btns { overflow: hidden } .social__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; margin-bottom: -24px } .social__item { padding-left: 12px; padding-right: 12px; padding-bottom: 24px } .social__btn { background-color: #0f579a; border-radius: 5px; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 40px; cursor: pointer; -webkit-transition: background-color .15s ease-out; -o-transition: background-color ease-out .15s; transition: background-color .15s ease-out } .social__btn:hover { background-color: #3389b4 } .social__btn:active { background-color: #0f579a } .app_mode_color_bw .social__btn, .app_mode_color_invert .social__btn, .app_mode_color_sepia .social__btn { border: .125rem solid } .social__btn-vk { width: 22px; height: 14px } .social__btn-vk svg { color: #fff } .social__btn-fb { width: 8px; height: 18px } .social__btn-fb svg { color: #fff } .social__btn-ok { width: 11px; height: 19px } .social__btn-ok svg { color: #fff } .social__btn-letter { width: 23px; height: 14px; color: #8bb8e8 } .social__btn-letter svg { fill: #fff !important } .social_doctor { width: 56px ! Important; height: 56px ! Important; padding: 0; background-size: cover !important; -webkit-box-shadow: none ! Important; box-shadow: none ! Important; } .social_doctor_ya { background: url(/upload/images/ya.png); } .social_doctor_nap { background: url(/upload/images/napopravku.png); } .social_doctor_prod { background: url(/upload/images/prodoctorov.png); } .social_doctor_gog { background: url(/upload/images/google.png); } .social_doctor_sber { background: url(/upload/images/sber.png); } @media (max-width: 768px) { .feedback__all-link { width: 100%; } .feedback__footer { -ms-flex-direction: row !Important; flex-direction: row ! Important; flex-wrap: wrap ! Important; } .social_doctor { margin-left: 0 !Important; margin-bottom: 1.5rem; } .charts-container { padding-left: calc(20px + 60 * (100vw - 320px) / 704); padding-right: calc(20px + 60 * (100vw - 320px) / 704); } .legend, .charts { flex-direction: column ! Important; flex-wrap: wrap ! Important; } .chart-container span { text-align: center; font-size: 22px; } .chart-text { font-size: 46px; } .subtext { display: none; } } .buts_block { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .but_soc { min-width: 56px; height: 56px !Important; padding: 0; background-size: cover !important; -webkit-box-shadow: none !Important; box-shadow: none !Important; } .screen_reviews .page-title__text { max-width: 100%; } @media screen and (max-width: 1000px) { .buts_block { justify-content: center; } .but_soc { margin: 0.25rem; height: 56px !Important; } .screen_reviews { height: auto !Important; } } .filter__sidebar .chosen-container-single .chosen-single, .modal .chosen-container-single .chosen-single { border-radius: 5px; color: #a6a6a6; padding: 0 20px 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .1s ease-in; -o-transition: all ease-in .1s; transition: all .1s ease-in; width: 100%; overflow: hidden; background: #f6f5f6; border: 1px solid #f6f5f6; height: calc(40px + 16 * (100vw - 560px) / 1360); box-shadow: none; color: #4d3651; font-size: 16px; display: flex; align-items: center; } .filter__sidebar .chosen-container-active.chosen-with-drop .chosen-single div, .filter__sidebar .chosen-container-single .chosen-single div, .modal .chosen-container-active.chosen-with-drop .chosen-single div, .modal .chosen-container-single .chosen-single div { display: none !important; } .filter__sidebar .chosen-container-single .chosen-single abbr, .modal .chosen-container-single .chosen-single abbr { top: 19px; right: 14px; } .modal .chosen-container { width: 100% !important; } .modal .chosen-container .chosen-results .disabled-result { display: none !important; } .app .modal.is-active, .app .modal.is-active .modal-inner { opacity: 1; pointer-events: auto; } .app .modal.is-active .modal__bg { opacity: 1; } .app .modal.is-active .modal__outer { z-index: 30; position: relative; } .app .modal.is-active .swiper-slide { opacity: 1; } .app .modal.is-active .modal-inner__close { opacity: 1; } .category__margin-bottom { margin-bottom: calc(40px + 50 * (100vw - 560px) / 1360) !important; } @media (min-width: 560px) { .app .specialists-list_service { margin-top: calc(55px + 55 * (100vw - 560px) / 1360); } } .screen { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden } @media (min-width: 1920px) { .screen { height: 600px } } @media (min-width: 560px) and (max-width: 1919px) { .screen { height: calc(212px + 388 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .screen { height: 212px } } @media (min-width: 1024px) { .screen { padding-left: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .screen { padding-left: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .screen { padding-left: 20px } } @media (min-width: 1024px) { .screen { padding-right: 80px } } @media (min-width: 320px) and (max-width: 1023px) { .screen { padding-right: calc(20px + 60 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .screen { padding-right: 20px } } .screen:before { content: ""; position: absolute; background-image: -o-linear-gradient(17.02deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); background-image: linear-gradient(72.98deg, rgba(139, 184, 232, .8) -3.92%, rgba(231, 130, 169, .48) 99.38%); mix-blend-mode: multiply; width: 100%; height: 100%; top: 0; left: 0; z-index: 2 } .screen_about { min-height: 460px; height: auto } @media (min-width: 1024px) { .screen_about { padding-top: 100px } } @media (min-width: 320px) and (max-width: 1023px) { .screen_about { padding-top: calc(50px + 50 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .screen_about { padding-top: 50px } } @media (min-width: 1024px) { .screen_about { padding-bottom: 100px } } @media (min-width: 320px) and (max-width: 1023px) { .screen_about { padding-bottom: calc(50px + 50 * (100vw - 320px) / 704) } } @media (max-width: 319px) { .screen_about { padding-bottom: 50px } } @media (max-width: 1024px) { .screen_about { min-height: auto } } @media (min-width: 1920px) { .screen_reviews { height: 428px } } @media (min-width: 560px) and (max-width: 1919px) { .screen_reviews { height: calc(212px + 216 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .screen_reviews { height: 212px } } .screen_reviews:before { background-image: -o-linear-gradient(212.17deg, #c7e1ef 7.17%, #e8c3d9 99.46%); background-image: linear-gradient(237.83deg, #c7e1ef 7.17%, #e8c3d9 99.46%) } .screen__picture { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -15%; width: 140%; height: 140%; z-index: 1 } .screen__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .screen__wrapper { width: 100%; max-width: 1408px; position: relative; z-index: 5 } .app.app_mode_color_bw .screen__wrapper, .app.app_mode_color_invert .screen__wrapper, .app.app_mode_color_sepia .screen__wrapper { background-color: rgba(0, 0, 0, 0) !important } .screen__text { color: #4d3651; max-width: 930px; font-family: Idealist Sans, Verdana, Helvetica, sans-serif; letter-spacing: .02em } @media (min-width: 1920px) { .screen__text { font-size: 4rem } } @media (min-width: 560px) and (max-width: 1919px) { .screen__text { font-size: calc(1.75rem + 36 * (100vw - 35rem) / 1360) } } @media (max-width: 559px) { .screen__text { font-size: 1.75rem } } @media (min-width: 1920px) { .screen__text { line-height: 84px } } @media (min-width: 560px) and (max-width: 1919px) { .screen__text { line-height: calc(34px + 50 * (100vw - 560px) / 1360) } } @media (max-width: 559px) { .screen__text { line-height: 34px } } .screen_about .screen__text { color: #fff } .simplebar-scrollbar:before { top: -1px; } .legal__wrapper .diploma__wrapper { padding: 0; } .constructor-title__contact-link-text { color: #0f579a; } .vacancy-header__wrapper { width: calc(100% - 160px); } @media (min-width: 320px) and (max-width: 1023px) { .vacancy-header__wrapper { width: calc(100% - 40px); } } .button__color_primary { background-color: #8bb8e8; color: #fff; } .button__color_primary:hover { background-color: #3389b4; -webkit-box-shadow: 0 1px 1px #3389b4; box-shadow: 0 1px 1px #3389b4; color: #fff; } .submenu .left-tab a { width: 100%; font-size: calc(.875rem + 2 * (100vw - 35rem) / 1360); } .app__inner a.first__file { color: #0f579a; transition: color .15s ease-in; font-family: PT Sans, Arial, sans-serif; } .menu_button{ background-color: #8bb8e8; color: #fff !important; display: -webkit-inline-box !important; display: -ms-inline-flexbox !Important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: PT Sans,Arial,sans-serif; font-size: 1rem !important; height: 34px !important; line-height: 24px; margin-top: 16px; padding-right: 10px; padding-left: 10px; border-radius: 5px; cursor: pointer; letter-spacing: .02em; -webkit-transition: all .15s ease-in; -o-transition: all ease-in .15s; transition: all .15s ease-in; -webkit-box-shadow: 0 1px 1px #3389b4; box-shadow: 0 1px 1px #3389b4; } /* End */ /* /local/templates/main/libs/chosen/chosen.min.css?176649409510220 */ /* /local/templates/main/css/old_style.css?17664940931376251 */ /* /local/templates/main/css/styles.css?176649409325773 */ /* /local/templates/.default/components/realweb/blank/taxes/style.css?17664940937619 */ /* /local/templates/main/template_styles.css?176649409612860 */