/* Start:/local/templates/.default/js/swiper/swiper-bundle.min.css?173814505018458*/ /** * Swiper 11.1.15 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 18, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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:flex;justify-content: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%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/evo/js/chosen/chosen.css?174227745213000*/ /*! 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. */ /*приводим стили к фирменным*/ /* @group Base */ .chosen-select { opacity: 0; } .chosen-container { position: relative; user-select: none; } .chosen-container .chosen-drop { display: none; position: absolute; top: 50px; left: 0; right: 0; opacity: 0; background-color: #fcfcfc; /*box-shadow: 0 0 0 1px var(--main-color); border: 1px solid var(--main-color);*/ border-radius: 6px; transition: opacity .25s ease-in-out, transform .25s ease-in-out; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); z-index: 4; overflow: hidden; flex-direction: column; max-height: 358px; } .chosen-container.chosen-with-drop .chosen-drop { opacity: 1; transform: translateY(15px); display: flex; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { overflow: hidden; color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; display: flex; align-items: center; background-color: #fcfcfc; border: 1px solid #d7dde3; border-radius: 6px; transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out; -webkit-appearance: none; width: 100%; position: relative; z-index: 1; max-width: 100%; height: 50px; padding: 0 15px; } .chosen-container-single .chosen-single:hover { border-color: #afbbc6; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { pointer-events: none; z-index: 3; font-size: 14px; font-weight: 400; margin-bottom: 0; cursor: text; transition: font-size .25s ease-in-out, top .25s ease-in-out; flex: 1 0 auto; text-align: left; line-height: 1.3; white-space: nowrap; width: 85%; overflow: hidden; display: inline-block; } .chosen-single[data-placeholder]:not(.chosen-default):after { content: attr(data-placeholder); position: absolute; top: 6px; padding-top: 0; color: #97a4af; font-weight: 400; font-size: 12px; line-height: 1.2; } .chosen-container-single .chosen-single:not(.chosen-default) span { color: #212121; } .chosen-container-single .chosen-single[data-placeholder]:not(.chosen-default) span { padding-top: 10px; } .chosen-container-single .chosen-single.chosen-default span { color: #000; } .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/evo/js/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 { } .chosen-container-single .chosen-single div b { width: 100%; height: 100%; display: inline-block; margin-top: 3px; flex-shrink: 0; border-top: 8px solid #afbbc6; border-right: 7px solid transparent; border-left: 7px solid transparent; transition: transform .25s ease-in-out; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; padding: 16px 16px 6px; } .chosen-container-single .chosen-search input[type="text"] { background: url(/local/templates/aqua/images/icon-search-2.svg) no-repeat 15px center; font-family: Futura PT, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.3; display: block; width: 100%; max-width: 100%; height: 56px; border-radius: 6px; color: #212121; border: 1px solid #d7dde3; transition: background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out; -webkit-appearance: none; padding-left: 54px; padding-right: 54px; outline: none; } .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%);*/ display: none; } /* @end */ /* @group Results */ .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; padding: 0 24px 16px; right: 5px; max-height: 240px; -webkit-overflow-scrolling: touch; margin-bottom: 0; margin-top: 0; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); border-radius: 5px; } .chosen-container .chosen-results li { display: none; text-align: left; min-width: calc(100% + 44px); font-size: 14px; line-height: 1.3; font-weight: 400; margin: 0 -22px; padding: 10px 22px; color: inherit; } .chosen-container .chosen-results li.active-result { display: flex; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: rgba(215, 221, 227, .3); color: #4e8ecf; } .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: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-weight: 500; color: var(--main-color); font-style: normal; } .chosen-container .chosen-search .search-clear { display: flex; position: absolute; z-index: 5; padding: 5px; width: 28px; height: 28px; top: 50%; transform: translateY(-30%); right: 31px; transition: opacity .25s ease-in-out; } .chosen-container .chosen-search .search-clear span { width: 18px; background-color: #afbbc6; display: flex; height: 2px; border-radius: 3px; transition: background-color .25s ease-in-out; transform: rotate(-45deg); position: absolute; top: 45%; } .chosen-container .chosen-search .search-clear span:nth-child(2) { transform: rotate(45deg); } .chosen-container .chosen-search .search-clear:hover span { background-color: var(--main-color); } .chosen-container.chosen-with-drop { border-color: var(--main-color); } /* @end */ /* @group Multi Chosen */ .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: transparent !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, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 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/evo/js/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; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { z-index: 5; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #4e8ecf; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { transform: rotate(-180deg); } .chosen-container-active .chosen-choices { border: 1px solid var(--main-color); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .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/evo/js/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; } .chosen-container .chosen-results::-webkit-scrollbar { width: 6px; padding-right: 2px; } .chosen-container .chosen-results::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 7px; } /* @end */ /* @group Retina compatibility */ /*@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-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("/local/templates/evo/js/chosen/chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } */ /* @end */ /* End */ /* Start:/local/templates/evo/css/tooltip.css?17422774521406*/ .lite-tooltip { opacity: 0; top: 0; left: 0; position: absolute; z-index: 9; background-color: #fff; color: #212121; font-size: 16px; padding: 16px 20px 14px; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; /*width: 100%; max-width: calc(100% - 16px);*/ box-shadow: 1px 5px 15px #d7dde3; border-radius: 8px; font-family: Futura PT, Arial, Helvetica, sans-serif; } /* .lite-tooltip:before { content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #3b4355 transparent transparent transparent; display: inline-block; } .lite-tooltip.lite-tooltip-bottom:before { bottom: auto; top: -6px; left: 50%; transform: translateX(-50%); border-width: 0 6px 6px 6px; border-color: transparent transparent #3b4355 transparent; } .lite-tooltip.lite-tooltip-right:before { bottom: auto; left: -6px; top: 50%; transform: translateY(-50%); border-width: 6px 6px 6px 0; border-color: transparent #3b4355 transparent transparent; } .lite-tooltip.lite-tooltip-left:before { bottom: auto; left: auto; right: -6px; top: 50%; transform: translateY(-50%); border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #3b4355; }*/ /* End */ /* Start:/local/templates/evo/css/main.css?1750230316377844*/ @font-face { font-family: y90f59; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAADC8AAsAAAAASuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQgAAAFY2JVPJY21hcAAAAYgAAAG2AAAFwg/L7c1nbHlmAAADQAAAKVsAAD1EYEESkmhlYWQAACycAAAAMwAAADY3hn8EaGhlYQAALNAAAAAfAAAAJBSgEQdobXR4AAAs8AAAAL0AAAFEZ23/2GxvY2EAAC2wAAAApAAAAKTZCulKbWF4cAAALlQAAAAfAAAAIAFtATBuYW1lAAAudAAAASkAAAIWm5e+CnBvc3QAAC+gAAABHAAAAf023mr+eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQpYJzAwMrAwDWfaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwODxgeODP/ALIjWJ+y8AGpBlBcgD2xgtvAAB4nO3UZ25TUQBE4WNsEkqA0Duh99577y1eMktgCbMAfrGBcK4zy8DS96T35CbdmQG2AlNd1wwmf5kwXn98Olk8n7Jj8XzGr8V7ZuN51jc2vDKu3s8W1y2+d+Y3LrHMNrb7uZ2ssIvd7GGVvexjPwc4yCEOc4SjHOM4JzjJKdY4zRnOco7zXOAil7jMFa5yzd+/wU1ucZs73OUe93nAQx7xmCc85RnPecFLXvGaN7zlHe/5wEc+8ZkvfOUb3/nBT9aZ+weX+P9aGZfp797NxxluWpxqeZKkRjpS45xTIzkpT5yUZ0/KFJAyD6RGolJmhNT4dylzQ8oEkTJLpEwVKfNFyqSRMnOkTB8pc0jKRJIym6RMKSnzSsrkkjLDpEwzKXNNyoSTMuukTD0p80/KJpCyE6RsByl7QsrGkLI7pGwRKftEymaRsmOkxgqk7B0pG0jKLpKylaTsJymbSsrOkrK9pOwxKRtNym6TsuWk7Dspm0/KDSDlGpByF0i5EKTcClKuBin3g5RLQspNIeW6kHJnSLk4pNweUq4QKfeIlMtEyo0i5VqRcrdIuWCk3DLXdxPzfwYQyVwAAHicjXsHgBzFmW5X9XT3xJ7OPTnupA2zOzM7PZvzarW7iggkgoSk1S7BGCRABAlEMMEyQQL7wIQzPOAsGZBtwAc2zzI+eD4/4HxnG7DPxoD9jIMAI/ueMefDO633V/fsSgv4nVc9VdUV/q7w1/9//18lClHwh39Ev0YxFFXLuVANPTSNnjSnp3HZN4uuQ9fPmgGo4jx2jKIcAfotyksFqSxVocaoU6izqV3QKpWtip1GWVNFhU2e+JL+qy8cvPUj8hZFlbIG7SCj0+hFVTtPYZFdoReR0hakWqT7UaOaXeeoEonkIxGchzgXibxkv77UeNuf64J4P7zhp/ZBqOyD0q75NUqkK0dylf0R+otKxC7Kd0WORhS0R45EZPM6krUkHSWh+ebS9NFFOrlI40sKfBS/aEWLOZCwKlIOMtf0J2AOdSpJdVOjFIXEzmyKVUUeKZquKlrZ6EcDqDPLkWGSkadhRqBGFFk1RFKjKi6tgY9mKpmusbEuO7o0lIFEJmROf2w2egs9GyTFQ8rWy7Yqk5AdnCLJn5HiSgafNUWKJ61Sc4gUo2dPKIchMNY47qKPUE1UiRqgVlDnUFQGepIsIrLElWSZDIa1VjCbTpIBKhrJldPWMCpkADm9M9tiD6tSNhg7oUFJEXFMulpEKZZTG/XVGCobtarVDn0pJJnvtPT1teCW5j4UyoScbP1HrMvFIlUKnTTPiyI/L2ia0ByQ5gVVFealgPkqSVzl1Xw+zYvevxIHEgF8lZVnJa+E+lNyCPU14zqh/G9SKCT9G6FZp1lnCH/DoUc1h1X1FTFoxYFPWhH2KEHVja76EDHB+sTiXP0G1jxLlWGupqjTG3NlbwcyK8DKPEoV0dLZMmC2UqyiAbMbsNwnzBx3Qj6TTflRDjhEiaNBYB10t8KbP022tyfxVLLdJUiCi2PqTzEcx6CMXz3DlAIByQ5IN0mw/2ryerUYDOKTfFnfSxv4TNh31+BLPrSSV4pJOkaove4SXPC8TgjN/9LBIQX/UyAdDKYDD6NgEuYhkAx+KUgygh4f0PCFM767hl72EX7Bx+CPfot+B/i+CDyvlQcRdB063uB+q/86Q9g82WB3i18MMiPou7Ih36LmDTmSM3IR2cir+OJAuu5Il1KpIH1RMJVC3bJ8o2Q0wQo+EslmI+b6kNxkSK+kgj09UBy8pBGQvpD1cPTBemhUO5FdS7610AO02Kv40t42k6mij4iBQDowf14AvSkFPuNNB7w/8Ka9P/AFU96bAh8EpAOklhXs2SMF8NGAVH/xM6T0h154UkHfZ7AhBRq8cQD6kqM6QZ6eTF0IvGEzxgCGPsUwkZXW+5JtpLC0zTk2H+mQUksNnip1GrCfrPcWZL9nyLAaPNOQMRXCOy1EtqDbzFcKvf5IRsGqkon45Yis8PV3eFnmUSuEP1Z8yEPezD/5lOTxpOK7cSFAv+DlgyT/IDRuJJK9BXyM0COUzd9Z5BQS1hG0CCv4DStS7lZ8vKLwPuX5hcSowh+AkoOE+kFIHOCVxX30C/onVAZkTj81SZ22OFfWVKgN2bg4UzEygzBKOUlGbqe5E9K0PQVWRmbJLjI60d3mK6Q3WOVl6EJvof5Ocw8ZCWqFbm0w/2SNx0O6eEL6c6TJDeQVv+mKuH51pjsiu/a1v+lZB5RMUmj+jjRBSnNPT3MdN6YbH4YAnuftyHzfji9wud7c5JYj7luLv3JFqQXepe8GfonAHFAZZNSMXBH6zfGIY/UY0rWaUdOBY43OTCqXzWU74d0o65quKRzLsfR+878mYzFZ/tSmMzZv+0I24/HsPOPULdtOppHLFZLq/3HK5EShpaUwMfnwQmICcWObN27eelcqyfuv2Hj6lm0PNudZruYw/9Mlhd5eUtdKLPbzVfp1Kkq1Qj9zA6iaJd2BLkBXSXd0EOc66WcODeAY5lHO6i/9Lz/LN6Ou2qbNP9+yyehCXcamLdtHrqq+Jnakpfkvo3MOPXldevm9m9ZNjOcLO16rXj26fbHezzdvqnWh5vzPxHSHiF7edPdE9vqnHj0LNReWTVAUb/XpUfpxiqY4SgAMk6JaYNf1U8uoLdQV1J3UPdR9IJsqYlqFHyLMZAmnhYT8kRx6IVH7SBHhJa5EuKmx7TgILTmS+biCWqkGM8H99SI6rep0pcrhW2vwZ/45UUwmiwk73L6YgnD7x+Shr/Y6dafT6f0HryB4H/I6Bd3V66zffmKmxyXqzl6ns/fjMiPkozX6MfPzB8zP43t0i/SfdCCfTCJj4dWKzL/Xra+eakd/siO0CqgAZY+oCx6XLpDPfNnpdGkujxAQPE5dtD780EcqOXHwua76pz7oojiCP0GHvEU5KRH2/ibAHFdRN8CKLcx5LsUCShhAWX2JGICJ1HTCdTHY2Zpe4lhgP2MQVQGixFBNA1gBrAipAdQOGwrkPWyZLEmipJpEKbLBkoRtMyX4EGy4alrV2CKqQczqGlOppblcmq6qMRWeCb+GIELa98kMzq8hYQQNn+N2cEzAd0H74BDj9rpDzsHBMaz6fCoeGZhwhiCLGRtsx+f5AgzncJ87hObvpk+fP4C+PHvKSXMsPoor5UfMd9W2glfBNaSmVdSFZR+KpLcOdFb7ackP31YURSN90J4SvKhEPmxCJ67ZPuQMe7xudrQ3f6kvwDkd7kvZELOXFzAW+L1M6FoP7WSDvj35HjzCur3ekGto+9Uo9TOzs7P8xPk7Tt8we4FLEmPp2+8Qwygs3PHZdFTk/+Pmm2E7wZocM+m3LTzbTk1Qm6m/ox6kHoM1aYjSjzB/umZrUluvGp3ttiJCXEPrf0jl0rWGutLtynZTrSwbICzIWhDxx2WhYaVqSToi5nKwgQ2N0zhQnNZi6RZ4NGpFBGYEfA9WGlppLKlarRhEHNG/6HZqgtPzKTJt13mcgubsds7/6VONlPN4KSo1WFbgep0BZy/nD6z/UI6gO5CXdbsYN0KyO+KPt7ZhTLsCotPDu71+BSGPOyzjVqS4o8m4V/uO2B4wqoE2KRBEAQ3x/mDC446HeM6JPUBfd3oFXfA67R1BEn6ObI1e2MdWkXny0n6T3oq0ZGcuGYK5QZM8LOcW5Ijm8SDcEmUBHTqcQtDlRs1I5UWfS+YdbFT3erye4NO8x/TwktFnnCynvBJ+AIseUYJ1t2TpHfQdDVuwTBkgRdfDugNkB2EP6J+DGV7yAmuj1yxMrxtcGji4olaqlWpah18tmQJwEEOgly34TycBDHcOkPcYgcboveU3lPO9dx+4uzdfvmF5eWM617Jj946WXHrj2cGuilwIL1+5PJyT+2tdXfC8cfDgQdPbtrINHvSeHZveWCUGD3rPiulNtUq+Z2ioJ1+pbc815VuKxZZ8U263R1Xy4Wg0nFdeIJRA6t3ctuKMFW1WYL4dq/RXolEIYpTDkkeH6WcpGbg/QvXA6P04vSByiBQBGQRbtYrUTDVDxEsRswRk8Di+sCNsDYhXmhfkDrFOJ3sI3cH6kN9ctx29Zz6BVqHkNpahvX4/s22bU/MjbmaGLPq2GcIM9De/dlLYyZr/xjrNXzg4J325izMfeuMN87fPHv3gqHndDOP3exwMOzPDIb/mnJkhMhXogPRfxFNH6FepZmqcOok6g5qFEaQtNZ0D8UfggvWvsYeJzgZtRPaRvWWNQVuRa3raWta0pQDTUEG2iSSt9otKkltUm9/r9Rf7141NxyVJCKkrRleWh/hewqs1uqd709ZXt27q7qFrkFG/eGQyFp8aXtWd4de5+6b7XHVQORW+t+33W9et7Shj/BIud6xdV7BV3c9L4yV40E9OmZpZO9YX8Lk9stAzumLlttNhl+zYurnW01PbvHUHvKD24ZoW6BleubFvPNPWlgE1pa86dax+KS6V1qybmVm3plTCd9kq7RPpjg4gDNPlb+CvzwN+UACHFqkaNQRI1J69T1K7qb0WjqBQkeYxwDE1WR3AdLKarLEc2MYDNABzPYYXVdZigllMZHkUAzMumyNCiqQZO6OI0EJRBtCePoBq+hIusiXjx79xFTVNXxndee+hL1w+yE0M4daB5a7/bY6hw1cFhup/LldQ1+x1E13nFQdWqeZOkGbwIE3QRVDF9VcggCTucGseIOrl3G7WA5aHRzP5hRS61a15SSFr/rrrFL1THi/OnE1YdWiIsOrZfyV9XVcXvnbtlcvw8K4HHrmn+7zzuu48YJ5We+nUkc7r9l2/rZZMtF79d6jNS74vmj/3kn4JXju6mrW+p+jvMLrCeqEbv1hIoEsZKCOd1QLru9X2CTlwNmAM19AQATROknYODZ6QHnJCOjVumYaLso2lXFQIMCKF9IoHVQZRukaneAx2RXkAdxYxiLQYBmCfKmKQVXgs1//Vp/sLn97Rjdfdfcng4CUgrqzo9ZHbbpir1eZusCN08DT0GfOy04w9qHdosRJEQ+vCi5VIREEPSF8uotfAbk2ChJ2lrgf9SslVUFtqTU1buxFUYTrFwc7LGjroMgAqfqRDuSV5QYaSPJBCBkGkrG6nWJLSQf3BPiWbtIgsSmQ3QxRDZOemQN02SjEw24eL2UYhSGrykaWlb8TW/a8D1YAMCpBjXR7O2YVKqWRQRUjgUw+XnFooyHIhvybyqIxdrMC6UQlikfHgBFgcyzJ9xvC4S4S2K5b3jeQn1x5Ybb2dfcHkBDve1GcMjbG8h8EuziqfWnOQlHNOKN+X6asNj7N+H0t7nSe2hlK8+4Hi94vFWiDiF71OzuXhU+0YAwyUEp5k282iy+3zeXnsF7TTxwUfw3j9ExBziPGJ40eQrLIeBxvBTlFyxKGQ02QubL2ld0tY5twONkwjp49346XFTbtQjvUyTJhx8n5PnHWQMmeIdpGmZImd1jofpl+iEtSZgGv3Uf9IvUq9Sf0e1hpMVTBSjWonQS9EInCw3DzmFB0Es1apETVZjhP1UmNtL1knQCOQM5BHpI2lWI2apipcQ04btmsNCGSZJKFBPsHYZhkHGgrWTyXGZKUMRHPZGgh6i8sAai2txf2VWvrfVEu2BZ6icWWiGnnimTDoswS/X3A4apu6PMlrP3dpwMenh0thxDB+QfDXkl1Jl7uN93U2YVBpfqJGFWNjUEi7Uv2qy+vyC6yLncZDGwbx93icM/KI38/R7fP3kNYWbfNFN8v4EHIyfiSwHuSjfU6WcTsdPs4hI4n1IqQwyvFawA0ccDHfqMZ4WYeCRM4DyI7RbnVzC7UIC1u1GPZDtdS9HkHQBOGLXsXNSAHdF8DRcFhRamcaI5Ou08dxuDScVpVweDOMDrPNmW7BwXh43sN5HY7ujiQdDWNegu4xelBVWvv7WyU9nMmEdUm5Jgx/uxnVHdRkxRvEYX9Qj8Y5F+0AZBkUEjgqRiOpLEC8/7YOjPdvoIOuJyPRhBqvB0TGrXjFwHGZ+VV6F1hmKtj8SbD502JSTGct7qslLbetLnJ6TcwlOVGv5cQafUdzva3g5J3w0FkYcL3jlluGr7sOHdm7t/fmm97A99bnEMf7eQ6khirg1eeYd52rbkUPbN1inrk1NIvO2WZ91greoo+ARs5RFYpKWo4EgQisBGFDwUIhsGVijgFc7SSFjIU9xTQYB2n03t6dF46OjY1euBMJC6m9pz20ZwyNXvXQY/+wZ7Svd+5s873ex3rhWVrN/ANJ0Y+N7vmHxx66ahSN7XnotF1nz/X2HX38cXP28cdJ1xji+2RY69wkDFbSKOxwCtn41ka3tA1+YRfAJseIYF/i/7PRL6BJwL9Qgzi0bIAMhUWUplNZ2/YBgV8k218v23CM5fB1Pdu6u7ftnOnpmenJjWSzI6uGc1q+im6bP9hjZdKn9ZJ4/pO54Rw89GlWrdw+r+xovWFqem8LGwm7ucqjW9ZND7YXPA6eR19uENy5rRvN5YZXWQ0i1bw2fxQI4j6bcP07hPoDQLP+HZs27iMvks/bO8gwwwO8yxfxrd3AxELNmSQfYhq2BFk/PxWgmqg2sCWmrTkqgTGH2FSulO2sIaPMLJx35GA2YnjA8l0ez2NtBEX/96uPn3A6zfvBUnM6EQBp89spQI0dHWknzzk8ouASkNtGfCkbd9z5tzAI/jYQBKrEgQFU7yXtxzu2u0HR0Czv8ojmFeQj46XtNqoyr/gbWYlawOqOx+kXAI8kqTFqpWVrgThPZwk+/whzZEDuw55Dx08ZesnZgQbAfRAlNdvZUSVOYuYjANTRcmPP4zPbHu++sam/CR76gBWbrvFrS6ZUuhafngvPnx7O5cKzXhcxJR0cXksjR8Dn8c2Fc+b7uVoOnvqcHdOJ1afi09YAjfrbNkGsQTDb2VHqrFOEDNbCOaBCe9wg73gfDYZrLjwayeW6cuRUjUSL+9wxZ/nt26heGH/y+MDVTGVh7DLslxbEVe1tZHvREcdwDc+C7VZ4pC5VNpTLG8qoG8kPlUlyOtWTeuy75mcgQsmeJP59EhLmkz/d4wpJroeRwyUF6SNQ0/RCyz17SNs/QVBfm+pJnnEGtEB/ggAaXfuTPS4p5P4SNAmBrew4Ng+d/yb9I7CyLqKupm4hspEcjGVzJQBRALKIL6qzBpuZHN/EQT9WFw44wWI2QI9roEg1VeNg3fwAANpBq6oKm9GhSCV+D0D5tRxxhrSjWo4jxhsINqJ9cxyYCFGkc3rmwwLH3kBFhPu/q8UL6VG5xbvV45En6CnZ49nqaZWnE01x7btqPJOYUlo826wyhJZB6ZynWR5NFxLmwUgsnfhuPB2PbJ2dhUKEHHOznwhH4vF/TsTDkXNmz3XQ9NwsGraEzSVEJvWUTsrKy7acUWudkuPaCimc9XqUQ1Kzp5DR9WYg/Kji8bYEhPVaPK6tF/QWr1d5VIbigC5LBVIue4E9pBVa/F1V9/Pbt/sEXe061J0SBEVJ9R7qg/Xnd+328Yo2eKg3pSiJVPehNY2vXzLTg3bVztiyTM6eVGqdam3srWN1xx30YcuXUYKddTbwlu2HsAWzDLPGY+AmmECkEdMMADHWrVSWmHkkJrI4ZVvMMRtM14yKYdvHxGjLEZcT8dKT0gGy//Drk7uXL999+xUTE1cs758r6usv2zFmbDRnfUEAps3dQnzs1GZf0O329u3e2qqtpp/xR3IdY/esuWRmbX9ZZ13BECvlO5dtOHtib18+KbkdoTDvmH+d1vmNn2+zinPXrATJvXL5FbddsdwK0MujF152SqA4129sNMzvM95Q0CGMbVjfJfgZbzDIaOrqy3dvMbPZaHOsuRXlE11tRW/Y6/Klm9ojaZTNBpMSQDJnyIfO8/G0etE6bwhKxzdLNAECqOFTOAKaDvZn43CvceTSOJ6xj16+aZ4VyobMs6RwWEL3QBLdA0mctCLpw4XW1j82f8yk36XfpXSgnqHyFFXJGDViD7fD3LKgKjiauHZrmox0FygM2DgK7AFg/xo62ePE6ZAohnYFx8eC9dedjjNp1snLzB1o9zfMvWiKz/h2+XwrnzZT+5/bREPl4NhY6ArSAip7zEMe3Ql6GF2FrviG+Wn8LZ9vF7RY9XT9/f3VhmziQD6AdC5TE4DaO0rGogqy+2GxRsL2rYBCY9gYPUAXMWimTMWwGayWNaqEV0BNhcanb7v/x+jwK/ftWz3qFkWu7+T9/+PH5ujL99+6vg/ecRxVtlx70zXbDFSdufqmq2cMtMY3cHZHYMPuC0cxQpFlA006blk9vGd6bmbyirFVHrlTcU1O7Vkxt3Vy9/SkX+6UW5dds62GKtD8U1uNyparL0JjF+3aoJfO7QdjRWGSfek8ADlE5JfrefptCuAWYrkl/9KpjD2gHGFtwuskJGMgrnYrZwCTpGoDnH5EXO10w9Wux7DRSMIGKWLWFfN4o+lS58jYmrUbN541e/4n3jf//Nwzs6c6g+lAgQ+6kjfetVlR02I+F3PNXnCR4SkUlOamAF3eeWm4aBTDl+6s0YGmZqVQ8PRdfMGcK57Ni02KsvmuGxOuoK+pkKN/4HLpwXSykGlJ5SMJQdoycWn/OBvASFfSG6Lb1z+RPTnggX0hfbuce6N5Jc+yWlr9ZYg5Gi6G4fmDS/m1ktYZll/R/Ots5Vkp5GHcwXXZJ065MLqhSVAd3kXMR+8CXUXOmtobNz3SYkWGHw12G0duNth+NTlGE8WNa/LikWwRcwPI1gBphubJ8UM2R6PbRkcPjo42PyinfRH0W7+q+odSONTSBQow1tUSQukhknfEH07/K+JdD7r5l9DuNO5Imd9LlnAKbzO/hlaaX8Mv8Xwk36PF1Pq+mFHQtIIRwxepMa1HbgrzW9w87+6ZrH8W9AUqpvAFsP71Y8dwG/0OIHuqAnir5oLtNoA1HYEyIdtuItqsot3mjbzbHc5kfehzflH0m+erzb2QjXb7spmw282b5/vzzXmSv+B7bIP58Vve0zAVt/T5wvk2iAniBBaTXFJNMo0fPlpfSy6j4MdCGdQUqq/FX91jWjeVrF+X+Tzqoo9kQvN3Qq0QfV4wM7+BPu/wwJ7BPQPkc8dMCN6mf0LxYKHUTpTxwJxYtlVjyhLzGJGNSeS1ZVAPoIR1hgCiBr23vCFKC9MzVRCixsZPbjRi3ZNY77zn8IuH7+lksMsvC47xdxD/zrhDkP0ujJ5bEPPVmekCetnYeP7GanVjLTfVFZ//yvprxsauWe+URLfLufPTn97pdLmJj90+Q+UsXNxCTrptyZluxLBfQGaAbGlIV9JXbFhH19vNV6xTap95O9pOTuevfJSVJJ5huRvMR63j55Nu4BgHL0nsV/gb6IQSVubPkCMy+senONbhg+ybIOsmaONzsNyT/mZbrjt+Tn+F8pFTZ4K5LQkLAB2HzZja3KOiy/FatadZ7UL/R+0rKOZe/FnCAAs64WX6ZSpB/KLE8+BC1nUPl+WiBHayXJQu69oT/ZQvlU35zOfM58KrjDAaMZ8JG6vCUDZA3s1n0AjP8/RTEPDkhRR+XGVChaJYy/Z6rXFmGLJurQ2CdCZXKojdIC4k6AVfBDp+PSCNTrxiIZ9QcND2M9vPyWkrgTWwIlL0CAnnz1tMPZMqrTteQN9hVzb7wcBY1tFRf8umQR+xY9Nr55s/tt+pBZ2Kf0QLxEuE1CTSkVgRQZKGzdUF9MQ62r/OXF1Gj5vvorsW69Mu+jlAM5S9RoAZwVi0li2OGjfw8MNiMSGYrwmF1gJEYrIo/i5ZTKDDQqIomK8KoiigrABVjuLDeiKp1cdOoP0soS2TuSP6F4wN0HBsqh1Z85kTt4rFpIiaLNIQJYriuwkgjVsJbaAKtOELhHZ9jNDGhxd86/7tsFYc5aEioOENWKuzqCupG6h91P3Uk9Q/UX9BLEHPXFoGSZqr5NIMLA7IRtAIxN+pGxpnL2PZyPz1ErKnO3MWaqha3rPGCYaqwHaKkYuGaTJdakVNQ1ZFq6msBdjT1UpVt83NVLa2QK5m0S/rahZUua6mM7x9RdGS3iobw+SEOVcxLFWvZjrJMaTtOeXYlH3YYuFCTrHN94p9xmKUl7xCGxp0JE/rZYP5+mPNUwdWHph64eYxjKsrB5PdwrIRsTs5vGqiY21HaXUJfcPOHBV6kkOQuaZUXllGPY7+jTVFLvYN9resKE2egSfo6rrOXFt5YnDL2pVbaPT+4KCsej2SXGktdTyy4fb1p3xu/Z/bT27vWNd+9QjXFvF6/fGI6kKj6C1uTffk+lNuXfsu9oXScrDV9fCXkFePp+K674/zRnvstEokrWZUt1/xu9W4ENH65qJZFA0150L5vCx5FJ3XOnWfpngkpZANNrVoXaPoklCAzk1UgnR+4t2r0PfMzq+/+JNVm3AichAdrkWAgTauqvT1bxvoq3wkd2BmoN+dyuf7Bb/H7+/vyPUnJ/tS+Ww8EPf4hP7y8PTkIIqsrj2tKWAC0oXSc7XV/7l606b7Nm1aXevr/2R//xvd4RTCw4xHj/qfny12b/zC5tNW6g6iFBEd1mfFeNDrC8bFfzbOjBQ6MO0Cq55mWNrpc7gQHugc2bhmw+r+rkCWoV1uB8s63E4Hkw4Y/RP6XD/aGF+Zd2R6p3LkCholkUD4Jv0bSqBiwOUrwDK8gvqcdQPlq9S3qBeol6g/UscQjZIoDdsuS04daPvQwYKJtXIMcxqbAfNft7gb2M86BABspRGWrFShKrAXGJZGpazzKKNWLE8RDdothshJLPEbcDFc0Sz0ZeQyXDqXlrmKzACzEV5W7MIcj7O5Gkc+qukZcjWm0R36Q70hAKdasbUql67azucMfAj4ntCy9orGA1jkLIcwaPl0g0CMHMeTqzcA1wmcbEGW7zjH6iIbh7IastzHepWbi3e36Hpr1wBEWmt3PFPBuJKRkgEvQmVuV2ZY6HclpXDBkWjqbCogKZ5XQ21+epjOD7UofjkgRxMRR+v7z9xDJ/WB0YGOQLB9cKQ/0J5c1zZ0/jBCw+cPta+PR6MIM65vTTtWLb90bOypv+zkl7UBWFKw1twVy44qZU++o+D+3o9RW0qKO80fjo3VPzihY0hf2jNccex/YGxTZiibHUpt2ZJow7ht/jtCi14YzRH8pRX8Drqpz3D3SFOtg9nmodWZMgwnk+mg6Q76v8bG3jO/Wn/f7XFwToZl3TSmZYzhCZUw8zVd4lwu9HXyzf7Gtwe6W7X3UC2TqSF/KCVlau/jTDIoiAgnQw4pFCmq2QhYM7radKipN/FfLo8c9Lr5WOE7Qx1pPYBCHYNjgx1hFNDa48mh84aHPjlIN6Vjq5plJffss+Yf7kQHTmuuokBLdyxGvphJpBUNh7T1iVQnLfr/aA6jzP+3O+gWc/hLmaEVQ9l/v6c1nihGBBm1jOdjRosuSVq8zMeigUIp07wKCb+z2+FaU8ZANwPlb86iPEsjjDCHaKxG59+JqhiFNFTYyjdJoRCmjmOOfyV2qAzs+hGsAeKYQ59Vu3JYQnPmvQBVFDSD5tTeZtW8F231M+myZt5L/08J57pU8x7zflICNe9v1JxRyxmWN+9f+Nbf4X9pYKOG35Z4LtEz5iOKIx/FX4nmHYr5iDb0PbRX68rnuzTz8kV7mbmPfs3S7Ulk3b5PMl/44B30j1mTR39sMtcwEjLRNzKmyyxkiYZf0kZOElOXQ8kmRjVXZtD/Nfkm9NgH76K3zeUZ9J/o37PmOYsY4qkT7/hfN42eMqemceXEO/5L6tmU8XnT5hR6arr+r/Rrs+aV5p5Z9NsGfl/XwO9pQFWjH8bvAOUAqTL/zcXUD7/TibqkRmFBj0I4Ub8U32R60Zkkx3yQhB8sBncuBPSRqDp/JXmjrwduuJJO3BlVyasaff4jCcqyZ499wN4Afb+M3ES2jFXrFNUgPhziRzfiqGzdpSTONuIrJQp4gNaTBpiui7YvsQ30Bf8O6Hw2l04RzW65giyFTjIblykgICekRCRqOCOoLO93Yz9GDC6meYdLrkbaN5ayWT2OGWBq7GLTSrkw1Y55LehDWNedPlgJuRLurwXdTidHe91yvjtUzvtYISknvyVkxirtUb8og20rYYmj22KnPbZm76b9s+4xzHr93t+7IkXnOO5U/Czt8DjLnetmMgZNqz5NxTRGTqYpEAxvOWVDa8yndQ3O7uQ1qIg47PGLztWDhcmRJr/gDgZ1p1LojncP+fMZnWEindWEIAtuJyv5BoZjza5086pP/eAt+QpWTDkZJhX+4iIeRa+CHaND3FEhGIbc/gEQW6mlqzAvFfRTdEvzip4YuvbaQ7ckDqFc+Dz6twgle6cLBw6aBnrx4L5wFtn3yIH3t1i0iF5sSjCwt4kLWHckMgO4KhpgtjIw64BydUZTHNebfzQvNP/YP9eDukEN+9BtyNs/14165sxXzUdYL/KxaD1D/9Tvdwyf2296+88dckB66Nx+9F7/ucOm+ibDceh5jmPeBNPevvOTBN5RqGaw6kfIKcXC3Vbb+6doekkmyHKABq2og4FMW+hbXnLIwwGrAELkEb6+pYiKbdMrn1g53VZETem/mD9sbkUDOz5732d3AGNWjrnCsbBr0HKdL+9vUjKlcDgLQimHs+iG1ov7T5+eaoG/qenTjbNbzGeR2nnlyOrbz+/tPf/21VM3Gea/e3w+D37SagxEwqWM8mzGyOWMzOI93V/Rv4JVAussA4bZicYZsLZxgsgk1hl8YVD2mWeaZ/qyAIweMDfzvFdRvOhB9CDJMTejB/hwGQ3ii1DjJduo7iMXDq0WkNWovyhzYvQBYgG4EDnMsk6/LKMCe8xZbzImSbGkF/29jP7F3OthfBEB/0GI+BiPuVco275B4m85YvlbWqgh6hRyj1dN09amg12LuIXDaD29eAbduDoIayZ//JkRCZXFW0/W0RF6ft26bSgazrZ2t6s6RoqoKwKL8QRy8QHFTQ58fc6Azxd0+lDXxx0b7Zzd2t3b27119shCAl2wBgVTfbKO6aTQHk6GNdHvlQQxmQgJAuf2S5rodiHk9SjB+gsfe2b0wBJ6VmLxTJacq2WBVwepkwmO5IitoVc6azZoJLcl7WmpHJ+WLLksJFujF8joE2T0gnU5++OulOOJQjmXCIbxci+reT2q0+1inZLmcaER5GB4UQHYgeRbJiezHzcfu889q6+/v++sc99bSOAHojCvAoAiye1GyOkUUj7A2rwejvJ+v5vn5UBML8xP4LuOT8FxovNTS4hZiYUzYuKXpi3rkiolq9a/DPzoI/MBOjH/C/Qe6Jr3nid/x8+VT2gjJlXrH/FFLW1DH2m0cnyojd/ygieRpQntGN1m7kC34VNJOB8gb/QRkrZDc8fzdvQx36/Cd8XGz/p+47d/P31kv/nLfZZu+wtFseP090ErUxnL5icbibhWCCIBQybRsjpS3xd1DKyP4h14R3T9gCNa3xdZHWpK4Ofi63sc8bqBX4w7etbH6wOJpkWMIkI/RIJvyEW0NDl5s/x/ZQOs0id1tmk8P39nfizD6ugppX+8/yG8Lblmorl5Yk2y/oVIPL5Ax6UDJrPo2C5Eq2eY5Rz3/eX5eMqRG56M01+kvxhfPpynk/EofkIZnhxI0kr9ED5ZoZODy4eV4z6RkC0zZGt01jm55eRIoL/3JeKSFE/4zFkJR9HllsioC5bIQJeDyID2x445fgnywvKRgCnP2f8PzZZ1qOFpw+3B0rKAuUeSZQldF1hWCprv0hdbfp1b6dMD46WAeaVYLBdF88pAaTyIpI5lHRZtE8/QvyNrkGTJuQ/Y/Mi6F+UifhKcCinmhKLrCnpaqTZhGUDtt8UUFtGnpZJRkiDCOUMyd5u75UrGHiv7MP0joj9rWeJwIZjDdr6yKRDMbCo7g0P4oqa5cwpuJ76I3HWJrY/Vb6rfFjup96pmWNlCUmlyuusDfLY5y8di+Ad1I9rVmEf2S/QPKI1gITIJAFbsHi+4+NgDOFTfR2hL9X0N0vhSvANI059oTtQHCG0JP9cgXe/ALxLSwItEV3cB3wCylHms2mq6Urb0NJiIuabE7fnRbHY0jzp+9hZKFkZyuZGC+UNziv4R3bIsX99dGG+hZZluGS/gG/PLIH187X9O/5LsCRnwJswtLFmWdYpO/HWOq086Rfr781MghtCrDpFBr7EuaqE/jj/Tv17iw7Q2BiwBF6quCKEL8ergcoPVy+jPoRXVkLkf3xbEpeWRho6BIAb8S+63ZKgCkCT/l4PJZK3BaYA3yrUMBNZBdBblRB1xYo3EDof5z76I13zN/Jkvonv8XtTnjXpRCqW9kYDXV299+WXUB7/el17Cf3mR4+6/kcX+gK9+LR/kvsJx993H8UEeX+0L1J/cif0z5rqduGln/ZydOLq3cS5+C/0CpPzWuRsjZshZrxZHIqi4KumAdaoEncK/MX+C8vWyFEv5nz8aiTu6jz7Pp2NinH7hcF06jK8UYyJ27alLd4hdSSx9vi7tcSOSZyS67LkH3t5Gv014WzZ0a+8i1j4UgBldHVTR07LmEEWzT65mZfScOSKl6SMABXYJbeUOydyuZA0ZfRp9RupMnygvFZhP4u+j0N+ieFSFx7RtZdg2x+LdYnKb56KRsbGRi4hCaKT2Xjyzuaunp2vzzG9IYuiye09WotF8NFrMESSUo4+QWqBKlrScP2uxBUlcfPK9lw2hgaiC+ix75DtK9OowueGQo/4fV/NcMwB4nGNgZGBgAGL+g/fuxfPbfGXgZn4BFGF4fGOuDIz+//v/L4HdzG+BXA4GJpAoAKQOD8QAeJxjYGRgYH7BAAQCe////v9DYDcDIwMqCAQAmQ4GyAB4nGNgYGBgesfAwCL+/z9zNgMD81ogfgHC//+zWAPppVD+SiB+jpCDYBgbJg7FlxBsVlaIPMsGIE4Fim3+/wfEhur9wy7FwMB55P8f5or//5ms//9l1gGL/2NWAOmFmnEHaMYUIJsTgvmrGBgE9iLZcRCCQf4AYeYgBga2pv9/GG8CxeOBehUgbmDSxuFeIGZz+P+bFWgHpzVEHcsjIF3IwMDOAcGsVkD3PQOK/wCGiwwQL4bIg/QCAOQNXVIAAAAAAAAAABQAtgEaAbACMgJ4Ar4DVAPWBCoEdAVUBh4HGgecB/wIlgmICc4KwgwiDGAMsA1ADdIOVA6wD4AQJhBUEKIREBGqEhASOhJ0EswTEhMwE24T0BPoFBYURBW6F2oXoBe+F9gX8hgGGBoYeBkwGVYZlhn+GkAaYhrsG3IbjBumG8wb5hwQHDQcWhx6HKgc0Bz+HSwdWB10HZQd4B4WHj4eonicY2BkYGAIZFRhEGIAASYg5gJCBob/YD4DABYRAZ8AeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxtyldSlEEAAOG/B1FABAkGzCgZ1N2JuyaCWRHFW8z9L2BX8WpX9ds3hOGqheH/XRKY4RqzXOcGc8yzwE0WucUSy9xmhVXWWOcOd7nHfTZ4wEMe8ZgnPOUZmzznBVtss8Mue+xzwCFHvOQVrxkxJpLIFCqNCVPe8JZ3vOcDx5xwyhkf+cRnvvCVb3znBz855xcX/OYPl/wdQh+FPg49hp5Cz6GX0GvoLfRJ6NOZPh752KMnz168evOJ66Iu6qIu6qIu6qIu6qIu6pIu6ZIu6ZIu6ZIu6ZIu6bIu67Iu67Iu67Iu67Iu64qu6Iqu6Iqu6Iqu6Iqu6Kqu6qqu6qqu6qqu6qqu6pqu6Zqu6Zqu6Zqu6ZquTYfhH5tQTk8=) format("woff"); font-weight: 400; font-style: normal } /*@font-face { font-family: FuturaPT; font-weight: 500; font-style: normal; src: url(/local/templates/evo/fonts/futuraPT/Mont-Bold.woff?b=995c) format("woff"), url(/assets/fonts/FuturaPT-Medium.ttf?b=540c) format("truetype") } @font-face { font-family: FuturaPT; font-weight: 400; font-style: normal; src: url(/local/templates/evo/fonts/futuraPT/FuturaPT-Book.woff?b=c431) format("woff"), url(/assets/fonts/FuturaPT-Book.ttf?b=0d98) format("truetype") } @font-face { font-family: Mont; font-weight: 700; font-style: normal; src: url(/local/templates/evo/fonts/futuraPT/Mont-Bold.woff?b=5660) format("woff"), url(/assets/fonts/Mont-Bold.ttf?b=efd5) format("truetype") }*/ body, html { width: 100%; height: 100%; font-family: Mont, sans-serif; font-weight: 400; } sup { line-height: 0 } button { cursor: pointer; border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; text-align: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none } button:disabled { cursor: default } ::-moz-focus-inner { border: 0; padding: 0 } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline } 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 } :focus { outline: none } button, input[type=button], input[type=reset], input[type=submit] { outline: none; background: none; border: 0; display: block; color: inherit; font: inherit; line-height: normal; text-align: left; overflow: visible; padding: 0; appearance: button; user-select: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input[type=search] { appearance: textfield } [role=button] { cursor: default; text-align: center; white-space: pre; user-select: none } [role=button], a { color: inherit; display: inline-block; text-decoration: none } a:focus { outline: 0 !important } input[type=checkbox], input[type=radio] { width: 0; height: 0; overflow: hidden; visibility: hidden; margin: 0 } label { display: block; cursor: pointer } img { width: auto; max-width: 100%; height: auto } input::-ms-clear { display: none } * { box-sizing: border-box; position: relative; -webkit-overflow-scrolling: touch } input, textarea { -webkit-appearance: none; -webkit-border-radius: 0 } strong { font-weight: 500 } body { color: #303034 } .gm-style > * { position: static } .pac-container { z-index: 999999 !important } .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0 } .tippy-box { position: relative; background-color: #333; color: #fff; border-radius: 4px; font-size: 14px; line-height: 1.4; outline: 0; transition-property: transform, visibility, opacity } .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0 } .tippy-box[data-placement^=top] > .tippy-arrow:before { bottom: -7px; left: 0; border-width: 8px 8px 0; border-top-color: initial; transform-origin: center top } .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0 } .tippy-box[data-placement^=bottom] > .tippy-arrow:before { top: -7px; left: 0; border-width: 0 8px 8px; border-bottom-color: initial; transform-origin: center bottom } .tippy-box[data-placement^=left] > .tippy-arrow { right: 0 } .tippy-box[data-placement^=left] > .tippy-arrow:before { border-width: 8px 0 8px 8px; border-left-color: initial; right: -7px; transform-origin: center left } .tippy-box[data-placement^=right] > .tippy-arrow { left: 0 } .tippy-box[data-placement^=right] > .tippy-arrow:before { left: -7px; border-width: 8px 8px 8px 0; border-right-color: initial; transform-origin: center right } .tippy-box[data-inertia][data-state=visible] { transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11) } .tippy-arrow { width: 16px; height: 16px; color: #333 } .tippy-arrow:before { content: ""; position: absolute; border-color: transparent; border-style: solid } .tippy-content { position: relative; padding: 5px 9px; z-index: 1; color: #303034 } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .carousel { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .carousel--vertical > .carousel__slides { flex-direction: column } .carousel__slides { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .carousel--android .carousel__slide, .carousel__slides { transform: translateZ(0) } .carousel--multirow > .carousel__slides { flex-wrap: wrap } .carousel--multirow-column > .carousel__slides { flex-wrap: wrap; flex-direction: column } .carousel--free-mode > .carousel__slides { transition-timing-function: ease-out; margin: 0 auto } .carousel__slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .carousel--autoheight, .carousel--autoheight .carousel__slide { height: auto } .carousel--autoheight .carousel__slides { align-items: flex-start; transition-property: transform, height } .carousel--3d { perspective: 1200px } .carousel--3d .carousel__slide, .carousel--3d .carousel__slides, .carousel--3d .swiper-cube-shadow, .carousel--3d .swiper-slide-shadow-bottom, .carousel--3d .swiper-slide-shadow-left, .carousel--3d .swiper-slide-shadow-right, .carousel--3d .swiper-slide-shadow-top { transform-style: preserve-3d } .carousel--3d .swiper-slide-shadow-bottom, .carousel--3d .swiper-slide-shadow-left, .carousel--3d .swiper-slide-shadow-right, .carousel--3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .carousel--3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .carousel--3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .carousel--3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .carousel--3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .carousel--css-mode > .carousel__slides { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .carousel--css-mode > .carousel__slides::-webkit-scrollbar { display: none } .carousel--css-mode > .carousel__slides > .carousel__slide { scroll-snap-align: start start } .carousel--horizontal.carousel--css-mode > .carousel__slides { scroll-snap-type: x mandatory } .carousel--vertical.carousel--css-mode > .carousel__slides { scroll-snap-type: y mandatory } .choices { position: relative; margin-bottom: 24px; font-size: 16px } .choices:focus { outline: none } .choices:last-child { margin-bottom: 0 } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; user-select: none } .choices.is-disabled .choices__item { cursor: not-allowed } .choices [hidden] { display: none !important } .choices[data-type*=select-one] { cursor: pointer } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ddd; background-color: #fff; margin: 0 } .choices[data-type*=select-one] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: .5 } .choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover { opacity: 1 } .choices[data-type*=select-one] .choices__button:focus { box-shadow: 0 0 0 2px #00bcd4 } .choices[data-type*=select-one] .choices__item[data-value=""] .choices__button { display: none } .choices[data-type*=select-one]:after { content: ""; height: 0; width: 0; border: 5px solid transparent; border-top-color: #333; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none } .choices[data-type*=select-one].is-open:after { border-color: transparent transparent #333; margin-top: -7.5px } .choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0 } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin: 0 -4px 0 8px; padding-left: 16px; border-left: 1px solid #008fa1; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=); background-size: 8px; width: 8px; line-height: 1; opacity: .75; border-radius: 0 } .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover { opacity: 1 } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #ddd; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7 } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0 } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px } .choices__list { margin: 0; padding-left: 0; list-style: none } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100% } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px } .choices__list--single .choices__item { width: 100% } .choices__list--multiple { display: inline } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00bcd4; border: 1px solid #00a5bb; color: #fff; box-sizing: border-box } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1 } .is-disabled .choices__list--multiple .choices__item { background-color: #aaa; border: 1px solid #919191 } .choices__list--dropdown { visibility: hidden; z-index: 1; position: absolute; width: 100%; background-color: #fff; border: 1px solid #ddd; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; will-change: visibility } .choices__list--dropdown.is-active { visibility: visible } .is-open .choices__list--dropdown { border-color: #b7b7b7 } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: .25rem .25rem 0 0 } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position } .choices__list--dropdown .choices__item { position: relative; padding: 10px; font-size: 14px } [dir=rtl] .choices__list--dropdown .choices__item { text-align: right } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px } .choices__list--dropdown .choices__item--selectable:after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) } [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px } [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px } /*STYLE CATALOG*/ .product-list--tile { grid-template-columns: repeat(1, 1fr); } /*STYLE CATALOG END*/ } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #f2f2f2 } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: .5 } .choices__item { cursor: default } .choices__item--selectable { cursor: pointer } .choices__item--disabled { cursor: not-allowed; user-select: none; opacity: .5 } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: grey } .choices__button { text-indent: -9999px; -webkit-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: 50%; cursor: pointer } .choices__button:focus { outline: none } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px } .choices__input:focus { outline: 0 } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0 } .choices__placeholder { opacity: .5 } .modal-source { display: none } .modal-overlay { overflow: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; } .btn-ico__text, .collapse--ui-set .collapse__header, .expand-checkbox__label-wrap, .search-category__header, .search-category__item, .search-mob__hint p, .search-popup__no-results, .table td, .table th { font-family: Mont, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px } .main-banner__title { font-family: Mont, sans-serif; font-size: 33px; line-height: 40px; letter-spacing: .027em } @media (max-width: 1366px) { .main-banner__title { /*font-size: 32px;*/ font-size: 30px; line-height: 40px } } @media (max-width: 768px) { .main-banner__title { font-size: 24px; line-height: 32px } /*STYLE CATALOG*/ .product-list--tile { grid-template-columns: repeat(2, 1fr); } /*STYLE CATALOG END*/ } .main-banner__title { display: block } .main-banner__title:after, .main-banner__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .main-banner__title:before { margin-bottom: -.14em } .main-banner__title:after { margin-top: -.14em } @media (max-width: 1366px) { .main-banner__title { display: block } .main-banner__title:after, .main-banner__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .main-banner__title:before { margin-bottom: -.22em } .main-banner__title:after { margin-top: -.25em } } .layout-nav a, .router__text { font-family: Mont, sans-serif; font-weight: 400; font-size: 20px; line-height: 32px } @media (max-width: 768px) { .layout-nav a, .router__text { font-size: 16px; line-height: 24px } } .router__text { display: block } .router__text:after, .router__text:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .router__text:before { margin-bottom: -.4em } .router__text:after { margin-top: -.4em } @media (max-width: 768px) { .router__text { display: block } .router__text:after, .router__text:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .router__text:before { margin-bottom: -.4em } .router__text:after { margin-top: -.4em } } .btn--accent-2 .btn__text, .btn--accent-bold .btn__text, .btn--accent .btn__text, .btn--primary .btn__text { font-family: Mont, sans-serif; font-weight: 500; font-size: 16px; line-height: 1 } .btn--primary .btn__text { font-size: 12px; } .nav-primary li a, .product-card__points, .select-list__item a { font-family: Mont, sans-serif; font-size: 12px; line-height: 14px; text-transform: uppercase; letter-spacing: .24px; /* font-weight: 500*/ } .btn--secondary, .icon-link__text, .main-banner__topic, .nav-secondary__item-title, .news-card__date, .news-card__topic { font-family: Mont, sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; text-transform: uppercase; letter-spacing: .02em } .main-banner__topic, .news-card__date, .news-card__topic { display: block } .main-banner__topic:after, .main-banner__topic:before, .news-card__date:after, .news-card__date:before, .news-card__topic:after, .news-card__topic:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .main-banner__topic:before, .news-card__date:before, .news-card__topic:before { margin-bottom: -.18em } .main-banner__topic:after, .news-card__date:after, .news-card__topic:after { margin-top: -.18em } .copyright, .footer__section--nav a { font-family: Mont, sans-serif; font-size: 13px; line-height: 16px; font-weight: 400 } .copyright { display: block } .copyright:after, .copyright:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .copyright:before { margin-bottom: -.18em } .copyright:after { margin-top: -.18em } .arrow-link, .banner-link__link, .banner-link__text, .external-link, .product-card__title, .roadmap-item__icon:before, .roadmap-item__text { font-family: Mont, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px } .banner-link__text, .product-card__title, .roadmap-item__text { display: block } .banner-link__text:after, .banner-link__text:before, .product-card__title:after, .product-card__title:before, .roadmap-item__text:after, .roadmap-item__text:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .banner-link__text:before, .product-card__title:before, .roadmap-item__text:before { margin-bottom: -.31em } .banner-link__text:after, .product-card__title:after, .roadmap-item__text:after { margin-top: -.24em } .feed-header__title { font-family: Monk, sans-serif; font-weight: 500; font-size: 19px; line-height: 30px; text-transform: uppercase; letter-spacing: .05em; display: block; } .feed-header__title:after, .feed-header__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .feed-header__title:before { margin-bottom: -.35em } .feed-header__title:after { margin-top: -.35em } .banner-link__title { font-family: Mont, sans-serif; font-weight: 500; font-size: 32px; line-height: 40px; display: block } .banner-link__title:after, .banner-link__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .banner-link__title:before { margin-bottom: -.22em } .banner-link__title:after { margin-top: -.25em } .roadmap__title { font-family: Mont, sans-serif; font-weight: 500; font-size: 26px; line-height: 40px; display: block } .roadmap__title:after, .roadmap__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .roadmap__title:before { margin-bottom: -.37em } .roadmap__title:after { margin-top: -.37em } .app-banner__title, .btn--tertiary, .btn-add__text, .btn-light__text, .cabinet-nav__item-title, .feature-s__desc, .feature-s__title, .form-field__desc, .form-field__error, .form-field__links a, .icon-checkbox__label-wrap, .input--main .input__input, .input--main input, .input--main textarea, .input--thin .input__input, .input--thin input, .input--thin textarea, .news-card__text, .news-card__theme, .no-results__text, .params__item, .product-page__points, .profile-info-item, .profile-info__item, .section-header--small .section-header__title, .section-header__subtitle, .text-main-m, .ui-control__label, .ui-control__value { font-family: Mont, sans-serif; font-weight: 400; font-size: 16px; line-height: 20px } .cabinet-nav__item-title, .feature-s__desc, .feature-s__title, .news-card__text, .news-card__theme { display: block } .cabinet-nav__item-title:after, .cabinet-nav__item-title:before, .feature-s__desc:after, .feature-s__desc:before, .feature-s__title:after, .feature-s__title:before, .news-card__text:after, .news-card__text:before, .news-card__theme:after, .news-card__theme:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .cabinet-nav__item-title:before, .feature-s__desc:before, .feature-s__title:before, .news-card__text:before, .news-card__theme:before { margin-bottom: -.19em } .cabinet-nav__item-title:after, .feature-s__desc:after, .feature-s__title:after, .news-card__text:after, .news-card__theme:after { margin-top: -.19em } .text p { font-family: Mont, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px } .l-container { max-width: 1920px; margin: auto; padding-left: 80px; padding-right: 80px } @media (max-width: 1200px) { .l-container { padding-left: 40px } } @media (max-width: 500px) { .l-container { padding-left: 20px } } .source-app .l-container { padding-left: 50px } @media (max-width: 1200px) { .l-container { padding-right: 40px } } @media (max-width: 500px) { .l-container { padding-right: 20px } } .source-app .l-container { padding-right: 50px } .arrow-link, .banner-link__link { text-decoration: none } .arrow-link-all:after, .arrow-link:after, .banner-link__link:after { transition: left .2s; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e000"; font-size: .45em; vertical-align: baseline; position: relative; top: -.02em; left: .7em; line-height: 0 } .arrow-link-all:after { top: 0; font-size: .57em; } .desktop .arrow-link-all:hover:after, .desktop .arrow-link:hover:after, .desktop a.banner-link:hover .banner-link__link:after, .desktop a.banner-link__link:hover:after { left: .9em } .ico { line-height: 0; font-size: 1em; height: 1em; z-index: 10px; } .ico:before { line-height: 1; position: relative; display: block } .ico--scan:before { content: "\e001" } .ico--filters:before, .ico--scan:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .ico--filters:before { content: "\e002" } .ico--add-to-compare-l { font-size: 17px } .ico--add-to-compare-l:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e003"; left: .15em; top: -.03em } .ico--added-to-compare-l { font-size: 22px } .ico--added-to-compare-l:before { content: "\e004"; left: .15em; top: -.03em } .ico--added-to-compare-l:before, .ico--download:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .ico--download:before { content: "\e005" } .ico--download-light:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e006" } .ico--compare { font-size: 15px } .ico--compare:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e007"; left: .07em } .ico--compare-remove { font-size: 15px } .ico--compare-remove:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e008"; left: .08em } .ico--search { font-size: 16px } .ico--search:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e009" } .ico--search-bold { font-size: 16px } .ico--search-bold:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e00a" } .ico--feature-s-antibacterial-filter { font-size: 1em } .ico--feature-s-antibacterial-filter:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e00b" } .ico--feature-s-uv { font-size: .7777777778em } .ico--feature-s-uv:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e00c" } .ico--feature-s-3d { font-size: 1em } .ico--feature-s-3d:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e00d" } .ico--feature-s-wifi { font-size: 1em } .ico--feature-s-wifi:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e00e" } .ico--feature-s-silent { font-size: 1em } .ico--feature-s-silent:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e00f" } .ico--feature-s-nano-aqua { font-size: 1em } .ico--feature-s-nano-aqua:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e010" } .ico--feature-s-heat { font-size: 1em } .ico--feature-s-heat:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e011" } .ico--feature-s-class-a { font-size: 1em } .ico--feature-s-class-a:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e012" } .ico--feature-m-silent { font-size: 36px } .ico--feature-m-silent:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e00f" } .ico--feature-m-nano-aqua { font-size: 36px } .ico--feature-m-nano-aqua:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e010" } .ico--feature-m-heat { font-size: 36px } .ico--feature-m-heat:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e011" } .ico--feature-m-class-a { font-size: 44px } .ico--feature-m-class-a:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e012" } .ico--feature-l-3d { font-size: 1em } .ico--feature-l-3d:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e00d" } .ico--feature-l-antibacterial-filter { font-size: 1em } .ico--feature-l-antibacterial-filter:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e00b" } .ico--feature-l-wifi { font-size: 1em } .ico--feature-l-wifi:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e00e" } .ico--feature-l-long-airflow { font-size: 1em } .ico--feature-l-long-airflow:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e013" } .ico--feature-l-photocatalytic-filter { font-size: 1em } .ico--feature-l-photocatalytic-filter:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e014" } .ico--feature-l-o2-fresh { font-size: 1em } .ico--feature-l-o2-fresh:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e015" } .ico--cabinet-bonus { font-size: 1em } .ico--cabinet-bonus:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e016"; transform: translateY(0) } .ico--cabinet-profile { font-size: .7777777778em } .ico--cabinet-profile:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e017"; transform: translateY(0) } .ico--cabinet-promotions { font-size: 1em } .ico--cabinet-promotions:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e018"; transform: translateY(0) } .ico--cabinet-shops { font-size: .8333333333em } .ico--cabinet-shops:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e019"; transform: translateY(-.1em) } .ico--cabinet-moderation { font-size: .85em } .ico--cabinet-moderation:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e01a"; transform: translateY(0) } .ico--cabinet-services { font-size: 1em } .ico--cabinet-services:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e01b"; transform: translateY(0) } .ico--cabinet-dealers { font-size: .9em } .ico--cabinet-dealers:before { content: "\e01c"; transform: translateY(0) } .ico--add-file:before, .ico--cabinet-dealers:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .ico--add-file:before { content: "\e01d" } .ico--edit { font-size: .8888888889em; transform: translateY(-.05em) } .ico--edit:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e01e" } .ico--visible { font-size: .7em } .ico--visible:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e01f" } .ico--hidden { font-size: .5em } .ico--hidden:before { content: "\e020" } .ico--delete:before, .ico--hidden:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .ico--delete:before { content: "\e021" } .ico--submit:before { content: "\e022" } .ico--list:before, .ico--submit:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .ico--list:before { content: "\e023" } .ico--cabinet:before { content: "\e024" } .ico--cabinet:before, .ico--exit:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .ico--exit:before { content: "\e025" } .ico--confirm:before { content: "\e026" } .ico--cancel:before, .ico--confirm:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .ico--cancel:before { content: "\e027" } .ico--list-2 { font-size: .75em } .ico--list-2:before { content: "\e028" } .ico--list-2:before, .ico--out:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .ico--out:before { content: "\e029" } .ico--sort-asc-2:before { content: "\e02a" } .ico--sort-asc-2:before, .ico--sort-desc-2:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .ico--sort-desc-2:before { content: "\e02b" } .ui { cursor: pointer } .ui [type=checkbox], .ui [type=radio] { width: 0; height: 0; overflow: hidden; position: absolute } .toggle--disabled-all { cursor: default } .link { cursor: pointer; color: #4e8ecf } .desktop .link:hover { color: #376593 } .btn-4 { cursor: pointer; color: #4e8ecf; font-family: Mont, sans-serif; font-weight: 500; font-size: 14px; line-height: 20px } .desktop .btn-4:hover { color: #376593 } .page:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-bottom: 40px } @media (max-width: 992px) { .page:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-bottom: 0 } } .page__content { margin-top: 20px } .page__content:after { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-top: 100px } @media (max-width: 768px) { .page__content { margin-top: 10px } } .page__top ~ .page__content { margin-top: 0 } .source-app .page__content:after { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-top: 40px } .page__top { margin-top: 60px; margin-bottom: 11px } @media (max-width: 992px) { .page__top { margin-top: 20px } } @media (max-width: 768px) { .page__top { margin-top: 0; margin-bottom: 18px } } .places-ui__content { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-left: -7px; margin-right: -7px } @media (min-width: 769px) { .visible-mob { display: none !important } } @media (min-width: 993px) { .visible-mob-l { display: none !important } } @media (max-width: 768px) { .hidden-mob { display: none !important } } @media (max-width: 992px) { .hidden-mob-l { display: none !important } } .page--places .places-ui { margin-top: -10px; margin-bottom: 20px } @media (min-width: 769px) { .page--places .places-ui { display: none } } .wrap--map .page { display: flex; height: 100%; flex-flow: column nowrap; justify-content: space-between } .wrap--map .page__content { display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; flex: 1 1 auto; margin-top: 0 } .wrap--map .page__content > .l-container { margin: initial; width: 100%; flex: 1 1 auto } .wrap--map .catalog { height: 100% } .wrap--map .catalog__main { height: 100%; align-items: stretch } .wrap--map .catalog__aside { display: flex; flex-flow: column nowrap; justify-content: space-between } .wrap--map .map { height: 100% } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .wrap--map .catalog { height: 34vw } } @media (max-width: 768px) { .wrap--map { overflow: hidden } .wrap--map .main-ui { z-index: 2 } .wrap--map .places-ui { z-index: 1; position: absolute; margin-top: 10px; left: 0; right: 0 } .wrap--map .catalog__aside, .wrap--map .gm-bundled-control, .wrap--map .gm-fullscreen-control { display: none } .wrap--map .wrap__footer { overflow: hidden; height: 0; width: 0 } .wrap--map .map { border-radius: 0 } .wrap--map .catalog { margin-left: -80px; margin-right: -80px } } @media (max-width: 768px)and (max-width: 1200px) { .wrap--map .catalog { margin-left: -40px } } @media (max-width: 768px)and (max-width: 500px) { .wrap--map .catalog { margin-left: -20px } } @media (max-width: 768px) { .source-app .wrap--map .catalog { margin-left: -50px } } @media (max-width: 768px)and (max-width: 1200px) { .wrap--map .catalog { margin-right: -40px } } @media (max-width: 768px)and (max-width: 500px) { .wrap--map .catalog { margin-right: -20px } } @media (max-width: 768px) { .source-app .wrap--map .catalog { margin-right: -50px } } @media (max-width: 768px) { .wrap--map .page__content:after { display: none } } .logo { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22159%22%20height%3D%2230%22%20viewBox%3D%220%200%20159%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_7_566)%22%3E%3Cpath%20d%3D%22M48.3759%2029.2546H3.09772C1.38747%2029.2546%200%2027.8484%200%2026.1106C0%2024.3728%201.38747%2022.9666%203.09772%2022.9666H48.3759C50.0862%2022.9666%2051.4736%2024.3752%2051.4736%2026.1106C51.4736%2027.8459%2050.0862%2029.2546%2048.3759%2029.2546Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M48.3759%2018.121H3.09772C1.38747%2018.121%200%2016.7148%200%2014.977C0%2013.2392%201.38747%2011.833%203.09772%2011.833H48.3759C50.0862%2011.833%2051.4736%2013.2416%2051.4736%2014.977C51.4736%2016.7124%2050.0862%2018.121%2048.3759%2018.121Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M48.3759%206.98748H3.09772C1.38747%206.98748%200%205.57885%200%203.84347C0%202.1081%201.38747%200.699463%203.09772%200.699463H48.3759C50.0862%200.699463%2051.4736%202.1081%2051.4736%203.84347C51.4736%205.57885%2050.0862%206.98748%2048.3759%206.98748Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M152.805%2014.977C152.805%2019.3893%20149.28%2022.9665%20144.933%2022.9665H121.591C117.243%2022.9665%20113.719%2019.3893%20113.719%2014.977C113.719%2010.5647%20117.243%206.98748%20121.591%206.98748H144.933C149.28%206.98748%20152.805%2010.5647%20152.805%2014.977ZM144.933%200.699463H121.591C113.854%200.699463%20107.526%207.12544%20107.526%2014.977C107.526%2022.8285%20113.857%2029.2545%20121.591%2029.2545H144.933C152.67%2029.2545%20158.998%2022.831%20158.998%2014.977C158.998%207.12302%20152.667%200.699463%20144.933%200.699463Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M101.403%200.367977C100.042%20-0.387166%2098.3272%200.0678561%2097.3974%201.32885C91.9366%208.72538%2086.8757%2015.6863%2081.362%2023.0416C81.1837%2023.2812%2080.9284%2023.5765%2080.4587%2023.5523C79.989%2023.5765%2079.7336%2023.2812%2079.5554%2023.0416C74.0416%2015.6863%2068.9808%208.72296%2063.52%201.32885C62.5902%200.0678561%2060.8751%20-0.387166%2059.5142%200.367977C57.8184%201.30949%2057.3896%203.50957%2058.5073%205.02227L74.957%2027.299C75.6796%2028.2308%2077.3513%2030.0001%2080.4587%2030.0001C83.566%2030.0001%2085.2377%2028.2284%2085.9604%2027.299L102.41%205.02227C103.525%203.50957%20103.099%201.30949%20101.403%200.367977Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; } .logo--dark { width: 76px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22159%22%20height%3D%2230%22%20viewBox%3D%220%200%20159%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_7_566)%22%3E%3Cpath%20d%3D%22M48.3759%2029.2546H3.09772C1.38747%2029.2546%200%2027.8484%200%2026.1106C0%2024.3728%201.38747%2022.9666%203.09772%2022.9666H48.3759C50.0862%2022.9666%2051.4736%2024.3752%2051.4736%2026.1106C51.4736%2027.8459%2050.0862%2029.2546%2048.3759%2029.2546Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M48.3759%2018.121H3.09772C1.38747%2018.121%200%2016.7148%200%2014.977C0%2013.2392%201.38747%2011.833%203.09772%2011.833H48.3759C50.0862%2011.833%2051.4736%2013.2416%2051.4736%2014.977C51.4736%2016.7124%2050.0862%2018.121%2048.3759%2018.121Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M48.3759%206.98748H3.09772C1.38747%206.98748%200%205.57885%200%203.84347C0%202.1081%201.38747%200.699463%203.09772%200.699463H48.3759C50.0862%200.699463%2051.4736%202.1081%2051.4736%203.84347C51.4736%205.57885%2050.0862%206.98748%2048.3759%206.98748Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M152.805%2014.977C152.805%2019.3893%20149.28%2022.9665%20144.933%2022.9665H121.591C117.243%2022.9665%20113.719%2019.3893%20113.719%2014.977C113.719%2010.5647%20117.243%206.98748%20121.591%206.98748H144.933C149.28%206.98748%20152.805%2010.5647%20152.805%2014.977ZM144.933%200.699463H121.591C113.854%200.699463%20107.526%207.12544%20107.526%2014.977C107.526%2022.8285%20113.857%2029.2545%20121.591%2029.2545H144.933C152.67%2029.2545%20158.998%2022.831%20158.998%2014.977C158.998%207.12302%20152.667%200.699463%20144.933%200.699463Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M101.403%200.367977C100.042%20-0.387166%2098.3272%200.0678561%2097.3974%201.32885C91.9366%208.72538%2086.8757%2015.6863%2081.362%2023.0416C81.1837%2023.2812%2080.9284%2023.5765%2080.4587%2023.5523C79.989%2023.5765%2079.7336%2023.2812%2079.5554%2023.0416C74.0416%2015.6863%2068.9808%208.72296%2063.52%201.32885C62.5902%200.0678561%2060.8751%20-0.387166%2059.5142%200.367977C57.8184%201.30949%2057.3896%203.50957%2058.5073%205.02227L74.957%2027.299C75.6796%2028.2308%2077.3513%2030.0001%2080.4587%2030.0001C83.566%2030.0001%2085.2377%2028.2284%2085.9604%2027.299L102.41%205.02227C103.525%203.50957%20103.099%201.30949%20101.403%200.367977Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } .router { overflow: hidden; width: 100%; height: 100%; background: #000; padding: 40px 80px; display: table; table-layout: fixed } .router__header { margin-bottom: 50px } .router__main { flex: 1 1 auto } .router__wrap-wrap { display: table-cell; height: 100%; width: 100% } .router__wrap { height: 100%; display: flex; width: 100%; flex-flow: column nowrap; justify-content: space-between; flex: 1 1 auto } .router__main-wrap { flex: 1 1 auto; display: flex; align-items: center } @media (min-width: 769px) { .router__text, .router__title { max-width: 46%; min-width: 400px } } @media (min-width: 1367px) { .router__text, .router__title { max-width: 35% } } .router__title { color: #fff; font-family: Mont, sans-serif; font-weight: 500; font-size: 40px; line-height: 40px; display: block } .router__title:after, .router__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .router__title:before { margin-bottom: -.14em } .router__title:after { margin-top: -.14em } @media (max-width: 768px) { .router__title { font-weight: 400; font-size: 24px; line-height: 32px } } .router__text { color: #fff } .router__actions-wrap, .router__text { margin-top: 50px } .router__actions { display: flex; margin: -10px } .router__actions > * { margin: 10px } .router__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .router__bg:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: linear-gradient(-40deg, #000, #53143e 20%, #2a2366 60%, #000) } .mobile .router__bg .light-slider__item { transition: opacity 2s } @media (max-width: 768px) { .router { padding: 30px } .router__logo { width: 123px } .router__header { margin-bottom: 20vw } .router__actions-wrap, .router__text { margin-top: 30px } .router__actions { margin: -5px; flex-flow: row wrap } .router__actions > * { margin: 5px; flex: 1 1 auto } .router__main-wrap { align-items: flex-end } .router__bg .light-slider__item > * { background-position: top } } @media (max-width: 768px)and (min-aspect-ratio: 9/16) { .router__bg .light-slider__item > * { background-position: center 70% } } @media (max-width: 350px) { .router__title { font-size: 20px; line-height: 28px } .router__actions-wrap, .router__text { margin-top: 20px } } .light-slider { height: 100% } .light-slider__item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: opacity .5s; height: 100% } .light-slider__item > * { height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat } .light-slider__item img { object-fit: cover; object-position: center; font-family: "object-fit:cover;object-position:center;"; width: 100%; height: 100%; position: absolute } .light-slider__item--active { opacity: 1 } .btn { cursor: pointer } .btn--accent, .btn--accent-2, .btn--accent-bold, .btn--primary { background: linear-gradient(270deg, #5F00D1 0%, #DF00A7 100%); background-repeat: no-repeat; border-radius: 5px; transition: background-color .1s; color: #fff; min-width: 180px; height: 50px; border: 1px solid transparent } .btn--small-icon.btn--accent-2 .btn__icon, .btn--small-icon.btn--accent-bold .btn__icon, .btn--small-icon.btn--accent .btn__icon, .btn--small-icon.btn--primary .btn__icon { font-size: 10px } .btn--accent-2 .btn__text, .btn--accent-bold .btn__text, .btn--accent .btn__text, .btn--primary .btn__text { overflow: hidden; text-overflow: ellipsis; text-align: center; flex: 0 0 auto } .btn--accent-2 .btn__icon, .btn--accent-bold .btn__icon, .btn--accent .btn__icon, .btn--primary .btn__icon { font-size: 14px } .btn--accent-2 .btn__icon + .btn__text, .btn--accent-bold .btn__icon + .btn__text, .btn--accent .btn__icon + .btn__text, .btn--primary .btn__icon + .btn__text { margin-left: 10px } .btn--accent-2 .btn__content, .btn--accent-bold .btn__content, .btn--accent .btn__content, .btn--primary .btn__content { height: 100%; display: flex; flex-flow: row nowrap; align-items: center; padding: 0 40px; justify-content: center } .desktop .btn--accent-2:not([disabled]):hover, .desktop .btn--accent-bold:not([disabled]):hover, .desktop .btn--accent:not([disabled]):hover, .desktop .btn--primary:not([disabled]):hover { opacity: 0.8; } @media (min-width: 769px) { .btn--short.btn--accent-2 .btn__content, .btn--short.btn--accent-bold .btn__content, .btn--short.btn--accent .btn__content, .btn--short.btn--primary .btn__content { padding: 0 30px } } @media (max-width: 768px) { .btn--accent, .btn--accent-2, .btn--accent-bold, .btn--primary { display: block } .btn--accent-2 .btn__content, .btn--accent-bold .btn__content, .btn--accent .btn__content, .btn--primary .btn__content { padding: 0 20px } .btn--long-text.btn--accent-2 .btn__content, .btn--long-text.btn--accent-bold .btn__content, .btn--long-text.btn--accent .btn__content, .btn--long-text.btn--primary .btn__content { padding: 0 15px } } @media (max-width: 768px) { .btn--mob-icon.btn--accent, .btn--mob-icon.btn--accent-2, .btn--mob-icon.btn--accent-bold, .btn--mob-icon.btn--primary { min-width: 0 } .btn--mob-icon.btn--accent-2 .btn__text, .btn--mob-icon.btn--accent-bold .btn__text, .btn--mob-icon.btn--accent .btn__text, .btn--mob-icon.btn--primary .btn__text { display: none } } @media (min-width: 769px) { .btn--mob-icon.btn--accent-2 .btn__text, .btn--mob-icon.btn--accent-bold .btn__text, .btn--mob-icon.btn--accent .btn__text, .btn--mob-icon.btn--primary .btn__text { margin-left: 0 } .btn--mob-icon.btn--accent-2 .btn__icon, .btn--mob-icon.btn--accent-bold .btn__icon, .btn--mob-icon.btn--accent .btn__icon, .btn--mob-icon.btn--primary .btn__icon { display: none } } .btn--small.btn--accent, .btn--small.btn--accent-2, .btn--small.btn--accent-bold, .btn--small.btn--primary { height: 38px; min-width: 0 } .btn--small.btn--accent-2 .btn__text, .btn--small.btn--accent-bold .btn__text, .btn--small.btn--accent .btn__text, .btn--small.btn--primary .btn__text { font-size: 14px; line-height: 18px } .btn--small.btn--accent-2 .btn__content, .btn--small.btn--accent-bold .btn__content, .btn--small.btn--accent .btn__content, .btn--small.btn--primary .btn__content { padding: 0 20px } .btn--fullwidth.btn--accent, .btn--fullwidth.btn--accent-2, .btn--fullwidth.btn--accent-bold, .btn--fullwidth.btn--primary { display: block } [disabled].btn--accent, [disabled].btn--accent-2, [disabled].btn--accent-bold, [disabled].btn--primary { background: #b5b5b5 } .btn--accent, .btn--accent-2, .btn--accent-bold { border-color: #4e8ecf; background: transparent; transition: color .5s; overflow: hidden } .btn--accent-2 .btn__text, .btn--accent-bold .btn__text, .btn--accent .btn__text { color: #5250aa } .btn--accent-2:before, .btn--accent-bold:before, .btn--accent:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: auto; width: 0; background: #fff; transition: width .5s } .desktop .btn--accent-2:not([disabled]):hover, .desktop .btn--accent-bold:not([disabled]):hover, .desktop .btn--accent:not([disabled]):hover { background: transparent; color: #000 } .desktop .btn--accent-2:not([disabled]):hover:before, .desktop .btn--accent-bold:not([disabled]):hover:before, .desktop .btn--accent:not([disabled]):hover:before { width: 100%; left: 0; right: auto } .btn--accent.btn--app, .btn--app.btn--accent-2, .btn--app.btn--accent-bold { min-width: 0; width: 155px; border-color: transparent !important; overflow: hidden } .btn--accent.btn--app .btn__content, .btn--app.btn--accent-2 .btn__content, .btn--app.btn--accent-bold .btn__content { padding: 0; border: 1px solid hsla(0, 0%, 100%, .3); border-radius: 5px } .btn--accent.btn--app .btn__content:before, .btn--app.btn--accent-2 .btn__content:before, .btn--app.btn--accent-bold .btn__content:before { position: absolute } .btn--accent.btn--app .btn__text, .btn--app.btn--accent-2 .btn__text, .btn--app.btn--accent-bold .btn__text { position: absolute; font-size: 10px; line-height: 1; top: 9px; left: 27px; color: #7d868e; transition: color .5s } .desktop .btn--accent.btn--app:hover, .desktop .btn--app.btn--accent-2:hover, .desktop .btn--app.btn--accent-bold:hover { border-color: #fff } .desktop .btn--accent.btn--app:hover .btn__text, .desktop .btn--app.btn--accent-2:hover .btn__text, .desktop .btn--app.btn--accent-bold:hover .btn__text { color: #000 } .btn--accent.btn--app-ios .btn__content:before, .btn--app-ios.btn--accent-2 .btn__content:before, .btn--app-ios.btn--accent-bold .btn__content:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e02c"; font-size: 27px; left: 14px; top: 10px } .btn--accent.btn--app-ios .btn__text, .btn--app-ios.btn--accent-2 .btn__text, .btn--app-ios.btn--accent-bold .btn__text { margin-left: 17px } .btn--accent.btn--app-android .btn__content:before, .btn--app-android.btn--accent-2 .btn__content:before, .btn--app-android.btn--accent-bold .btn__content:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e02d"; font-size: 28px; left: 14px; top: 10px } .btn--accent.btn--app-android .btn__text, .btn--app-android.btn--accent-2 .btn__text, .btn--app-android.btn--accent-bold .btn__text { margin-left: 21px } @media (max-width: 768px) { .btn--accent-2 { color: #000 } .btn--accent-2:before { width: 100%; left: 0; right: auto } } .btn--accent-bold { border-width: 2px } .btn--accent-bold.btn--theme-light { border-color: #4e8ecf; color: #4e8ecf } .btn--accent-bold.btn--theme-light:before { background: #4e8ecf } .desktop .btn--accent-bold.btn--theme-light:not([disabled]):hover { color: #fff } .btn--secondary { background: #303034; color: #fff; height: 26px; padding: 5px 10px 0; border-radius: 13px; transition: background-color .1s } .desktop .btn--secondary:not([disabled]):hover { background: #376593 } .btn--tertiary { color: #4e8ecf } .btn--tertiary .btn__content { height: 35px; display: flex; align-items: center } .hover-link__link { width: 30px; height: 30px; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); border-radius: 50%; opacity: 0; transform: scale(.6); transition: opacity .3s, transform .3s; display: flex; align-items: center; justify-content: center } .hover-link__link:before { display: block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e000"; font-size: 8px; color: #4e8ecf } @media (min-width: 1921px) { .hover-link__link { width: 44px; height: 44px } .hover-link__link:before { font-size: 11px } } .desktop .hover-link:hover .hover-link__link { transition: opacity .1s, transform .3s; opacity: 1; transform: scale(.99) } .header { width: 100%; top: 0; z-index: 9999 } @media (max-width: 992px) { .header { display: none } } .header:before { content: ""; position: absolute; bottom: -15px; height: 15px; width: 100%; opacity: 0; pointer-events: none; transition: opacity .2s; background: linear-gradient(180deg, hsla(0, 0%, 70.6%, .3), hsla(0, 0%, 70.6%, .1) 50%, hsla(0, 0%, 70.6%, 0)) } .header.headroom { will-change: transform; transition: transform .2s } .header.headroom--pinned { transform: translateY(0) } .header.headroom--pinned.headroom--not-top:before { opacity: 1 } .header.headroom--pinned.headroom--not-top .header-bottom__content { border-color: transparent } .header.headroom--unpinned { transform: translateY(-100%) } .header-mob { display: flex; flex-flow: row nowrap; justify-content: space-between; height: 60px; align-items: center; top: 0; width: 100%; z-index: 9999; background: #fff } @media (min-width: 993px) { .header-mob { display: none } } .header-mob .logo { width: 76px; height: 15px; background-position: center; } .header-mob .icon-link--only-icon { padding: 0 10px; display: flex; align-items: center } .header-mob.headroom { will-change: transform; transition: transform .2s linear } .header-mob.headroom--pinned { transform: translateY(0) } .header-mob.headroom--unpinned { transform: translateY(-100%) } .header-mob:before { pointer-events: none; content: ""; position: absolute; bottom: -30px; height: 30px; background: linear-gradient(180deg, hsla(0, 0%, 70.6%, .3), hsla(0, 0%, 70.6%, .1) 50%, hsla(0, 0%, 70.6%, 0)); width: 100%; opacity: 0; transition: opacity .4s } .header-mob--fixed:before { opacity: 1 } .header-mob__left { height: 100%; flex: 1 1 0px; display: flex; justify-content: flex-start } .header-mob__right { display: flex; flex-flow: row nowrap; justify-content: flex-end; height: 100%; flex: 1 1 0px; transition: opacity .2s } .modal-open--name-nav-mob .header-mob__right { pointer-events: none; opacity: 0 } .menu-btn { cursor: pointer; padding: 0 20px; height: 100%; display: flex; align-items: center } .menu-btn:before { content: ""; width: 20px; height: 14px; position: absolute; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Cpath d='M1 0h18a1 1 0 011 1 1 1 0 01-1 1H1a1 1 0 01-1-1 1 1 0 011-1z' fill='%23212121'/%3E%3Crect y='6' width='20' height='2' rx='1' ry='1' fill='%23212121'/%3E%3Cpath d='M1 12h18a1 1 0 011 1 1 1 0 01-1 1H1a1 1 0 01-1-1 1 1 0 011-1z' fill='%23212121'/%3E%3C/svg%3E"); transition: opacity .2s .1s; opacity: 1 } .menu-btn:after { width: 20px; height: 14px; display: block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e02e"; font-size: 14px; color: #4e8ecf } .menu-btn:after, .modal-open--name-nav-mob .menu-btn:before { transition: opacity .2s; opacity: 0 } .modal-open--name-nav-mob .menu-btn:after { opacity: 1; transition: opacity .2s .1s } .search-btn { transition: opacity .2s; cursor: pointer; padding: 0 10px; height: 100%; display: flex; align-items: center } .search-btn:before { content: ""; width: 19px; height: 19px; position: relative; display: block; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath d='M18.44 16.87l-4.16-4.17A7.71 7.71 0 0015.84 8 7.81 7.81 0 108 15.84a7.71 7.71 0 004.66-1.56l4.17 4.16a1.11 1.11 0 001.57-1.57zM2.23 8A5.81 5.81 0 118 13.84 5.82 5.82 0 012.23 8z' fill='%23212121'/%3E%3C/svg%3E") } .header-bottom { height: 65px; background: #fff } .header-bottom .l-container { height: 100% } .header-bottom .nav-secondary { height: 100%; margin: 0 30px } .header-bottom .nav-meta { height: 100%; flex: 0 1 auto; overflow: hidden } .header-bottom__content { height: 100%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; transition: border-color .2s } @media (max-width: 1200px)and (min-width: 993px) { .header-bottom__content .icon-link__text, .header-bottom__content .nav-secondary__item-title { font-size: 11px } .header-bottom__content .nav-secondary__item-title { padding: 0 7px } } .header-bottom__right { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end } .header-bottom__right > :not(:first-child) { margin-left: 20px } .header-top { height: 65px; background: linear-gradient(270deg, #9B6EC8 0%, #692596 100%); } .header-top .l-container { height: 100% } .header-top .logo { width: 159px; /*height: 30px;*/ height: 21px; } .header-top__content { height: 100%; display: flex; align-items: center; } .header-top__right { display: flex; align-items: center; margin-left: auto; } .header-top__right .search { margin-left: 40px } .nav-primary ul { display: flex; white-space: nowrap; } .nav-primary li { display: block } .nav-primary li:not(:first-child) { margin-left: 25px } .nav-primary li a { color: #fff } .nav-primary li a:hover { opacity: 0.7; } .header-app-wrap { margin: 20px 0 0 } .header-app { padding: 20px 0; background: #fff; width: 100vw } .header-app > .l-container { display: flex; flex-direction: row; flex-wrap: nowrap } .header-app > .l-container > .search { flex-grow: 1 } .scan-btn { width: 50px; background: #f4f7fc; border-radius: 8px; margin-left: 20px; display: flex; align-items: center; justify-content: center } .scan-btn .ico { font-size: 22px } .l-shrink { max-width: 830px; margin: auto } .ui-list-justify { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center } .nav-secondary > ul { display: flex; flex-flow: row nowrap; height: 100% } .nav-secondary > ul > li, .nav-secondary > ul > li > * { height: 100% } .nav-secondary > ul ul { display: none } .nav-secondary__item-title { cursor: pointer; display: flex; align-items: center; white-space: nowrap; padding: 0 15px } .nav-secondary__item-title:not(.nav-secondary__item-title--group):hover { color: #376593 } @media (max-width: 1366px) { .nav-secondary__item-title { padding: 0 10px } } .nav-secondary__item-title--group:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e02f"; font-size: 7px; transition: transform .4s; transform-origin: center; margin-left: 7px } .nav-secondary__item-title--group[aria-expanded=true] { color: #376593 } .nav-secondary__item-title--group[aria-expanded=true]:after { transform: scaleY(-1) } .tippy-box[data-theme=nav-secondary] { border-radius: 0; background: #fff } .tippy-box[data-theme=nav-secondary]:before { content: ""; position: absolute; bottom: -15px; height: 15px; width: 100%; background: linear-gradient(180deg, hsla(0, 0%, 70.6%, .3), hsla(0, 0%, 70.6%, .1) 50%, hsla(0, 0%, 70.6%, 0)) } .tippy-box .tippy-content { padding: 0 } .nav-meta ul { display: none } .nav-meta__title { height: 100%; display: flex; align-items: center; font-family: Mont, sans-serif; font-weight: 400; font-size: 15px; cursor: pointer } .nav-meta__title span { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .nav-meta__title:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e02f"; font-size: 7px; transition: transform .4s; transform-origin: center; margin-left: 7px } .nav-meta__title[aria-expanded=true] { color: #376593 } .nav-meta__title[aria-expanded=true]:after { transform: scaleY(-1) translateY(-1px) } @media (max-width: 992px) { .nav-meta { display: flex; justify-content: center } .nav-meta__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 40px } .nav-meta__title:after { font-size: 9px } } .carousel-arrows { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: 1 } .carousel-arrow { pointer-events: all; cursor: pointer } .carousel-arrow--disabled { pointer-events: none } .carousel-dots { z-index: 1 } .carousel--banner-link .carousel-dots, .carousel--main-banner .carousel-dots { position: absolute; bottom: 20px; left: 0; right: 0; display: flex; flex-flow: row nowrap; justify-content: center } .carousel--banner-link .carousel-dot, .carousel--main-banner .carousel-dot { width: 5px; height: 5px; background: #4e8ecf; opacity: .2; border-radius: 50%; margin: 0 3px } .carousel--banner-link .carousel-dot--active, .carousel--main-banner .carousel-dot--active { opacity: 1 } .carousel--banner-link .carousel-arrows, .carousel--main-banner .carousel-arrows { display: flex; align-items: center; justify-content: space-between } .carousel--banner-link .carousel-arrow, .carousel--main-banner .carousel-arrow { width: 50px; height: 100%; display: flex; align-items: center; transition: opacity .2s } .carousel--banner-link .carousel-arrow:before, .carousel--main-banner .carousel-arrow:before { transition: color .3s, transform .4s; color: #fff } .carousel--banner-link .carousel-arrow--prev, .carousel--main-banner .carousel-arrow--prev { padding-left: 24px } .carousel--banner-link .carousel-arrow--prev:before, .carousel--main-banner .carousel-arrow--prev:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e030" } .carousel--banner-link .carousel-arrow--prev:hover:before, .carousel--main-banner .carousel-arrow--prev:hover:before { transform: translateX(-4px) } .carousel--banner-link .carousel-arrow--next, .carousel--main-banner .carousel-arrow--next { padding-right: 24px } .carousel--banner-link .carousel-arrow--next:before, .carousel--main-banner .carousel-arrow--next:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e031" } .carousel--banner-link .carousel-arrow--next:hover:before, .carousel--main-banner .carousel-arrow--next:hover:before { transform: translateX(4px) } .carousel--banner-link .carousel-arrow--disabled, .carousel--main-banner .carousel-arrow--disabled { opacity: .5 } .carousel--theme-light.carousel--banner-link .carousel-dot, .carousel--theme-light.carousel--main-banner .carousel-dot { background: #a8a8a8 } .carousel--theme-light.carousel--banner-link .carousel-dot--active, .carousel--theme-light.carousel--main-banner .carousel-dot--active { background: #4e8ecf } .carousel--theme-light.carousel--banner-link .carousel-arrow:before, .carousel--theme-light.carousel--main-banner .carousel-arrow:before { color: #000 } .carousel--banner-link:not(.carousel--initialized) > :not(:first-child), .carousel--main-banner:not(.carousel--initialized) > :not(:first-child) { display: none } @media (max-width: 992px) { .carousel--banner-link, .carousel--main-banner { margin-left: -40px; margin-right: -40px } .carousel--banner-link .carousel-arrows, .carousel--main-banner .carousel-arrows { display: none } } @media (max-width: 500px) { .carousel--banner-link, .carousel--main-banner { margin-left: -20px; margin-right: -20px } } @media (max-width: 992px) { .carousel--banner-link { padding: 0 40px } .carousel--banner-link .carousel-dots { display: none } } @media (max-width: 500px) { .carousel--banner-link { padding: 0 20px } } .carousel-wrap .carousel-arrows { display: flex; justify-content: space-between; padding: 50px 30px; transition: opacity .2s; /*opacity: 0*/ } .carousel-wrap .carousel-arrow { width: 48px; height: 48px; /*background: rgba(57, 57, 57, .15);*/ /*background: #fff;*/ transition: opacity .2s, background-color .2s; border-radius: 50%; display: flex; align-items: center; justify-content: center; /*background: linear-gradient(to right, #5f00d1 0%, #df00a7 100%);*/ background-color: #692596; position: relative; } .carousel-arrow--next img { transform: rotate(180deg); } .carousel-wrap .carousel-arrows img { z-index: 10; } .carousel-wrap .carousel-arrow:after { content: ""; background: #fff; border-radius: 50%; position: absolute; top: 2px; left: 2px; width: 44px; height: 44px; } .border-gradient { width: 46px; height: 46px; background: #fff; transition: opacity .2s, background-color .2s; border-radius: 50%; display: flex; align-items: center; justify-content: center; /*background: linear-gradient(to right, #5f00d1 0%, #df00a7 100%);*/ position: relative; } .border-gradient:before { content: ""; position: absolute; inset: 0; border-radius: 50px; left: 0; padding: 3px; margin: -5px; background: linear-gradient(45deg, #5f00d1 0%, #df00a7 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; /*background: linear-gradient(to right, #5f00d1 0%, #df00a7 100%);*/ } /*.carousel-wrap .carousel-arrow:before { font-size: 10px; color: #fff }*/ /*.carousel-wrap .carousel-arrow:hover { background: #B197FF }*/ .carousel-wrap .carousel-arrow--next:before { content: "\e032"; margin-left: 1px } .carousel-wrap .carousel-arrow--next:before, .carousel-wrap .carousel-arrow--prev:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .carousel-wrap .carousel-arrow--prev:before { content: "\e033"; margin-right: 1px } .carousel-wrap .carousel-arrow--disabled { opacity: 0; pointer-events: none } .carousel-wrap:hover .carousel-arrows { opacity: 1 } .carousel-wrap.carousel-wrap--categories .carousel-arrow { top: 50px } @media (max-width: 500px) { .carousel-wrap.carousel-wrap--categories .carousel-arrows, .carousel-wrap.carousel-wrap--categories .carousel-dots { display: none } } .carousel-wrap.carousel-wrap--news .carousel-arrow { align-self: center } .carousel-wrap.carousel-wrap--products .carousel-arrow { top: 76px } @media (min-width: 1921px) { .carousel-wrap.carousel-wrap--products .carousel-arrow { top: 110px } } .carousel-wrap.carousel-wrap--products-mob-small .carousel-arrow { top: 76px } @media (min-width: 1921px) { .carousel-wrap.carousel-wrap--products-mob-small .carousel-arrow { top: 110px } } .mobile .carousel-wrap .carousel-arrows { display: none } @media (max-width: 1920px) { .carousel-wrap .carousel { margin-left: -80px; margin-right: -80px; padding-left: 80px; padding-right: 80px } } @media (max-width: 1200px) { .carousel-wrap .carousel { margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px } } @media (max-width: 500px) { .carousel-wrap .carousel { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px } } .carousel-wrap--categories { margin-top: 30px } @media (min-width: 1367px) { .carousel-wrap--categories { margin-top: 40px } } .carousel-wrap--news .news-card { height: auto } .carousel-wrap__content { padding: 50px 0; margin: -50px 0; overflow: hidden; pointer-events: none } .carousel-wrap__content .carousel { pointer-events: all } .carousel-wrap--center .carousel-wrap__content { display: flex } .carousel-wrap--center .carousel-wrap__content > .l-container { max-width: 100% } .carousel-wrap--center .carousel__slide:last-child { margin-right: 0 !important } .main-banner { background: #000 } .main-banner:before { content: ""; display: block; padding-bottom: 33.4991708126% } .main-banner .main-banner__bg, .main-banner .main-banner__bg img, .main-banner .main-banner__bg picture { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .main-banner .main-banner__bg img { object-fit: cover; object-position: center; font-family: "object-fit:cover;object-position:center;" } @media (max-width: 1366px) { .main-banner:before { padding-bottom: 33.4991708126% } } @media (max-width: 1024px) { .main-banner { height: 316px } .main-banner:before { display: none } } @media (max-width: 500px) { .main-banner { height: 111.65vw } } .main-banner__content-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 50px 160px; display: flex; flex-flow: row nowrap; align-items: center } @media (max-width: 1600px) { .main-banner__content-wrap { padding: 50px 80px } } .main-banner__content { display: flex; flex: 1 1 auto; flex-flow: column nowrap; justify-content: space-between; max-width: 40%; margin-top: 60px } @media (max-width: 1366px) { .main-banner__content { max-width: 45% } } .main-banner__topic { margin-bottom: 30px; font-weight: 400; color: #000 } .main-banner__title_mod_mobile { display: none } @media (max-width: 768px) { .main-banner__title_mod_mobile { display: block } } @media (max-width: 768px) { .main-banner__title_mod_desktop { display: none } } .main-banner__actions { margin-top: 80px; display: flex; justify-content: flex-start } @media (max-width: 1280px) { .main-banner__actions { margin-top: 60px } } .balance .main-banner__topic, .router .main-banner__topic, .section--theme-dark .main-banner__topic, .theme-dark .main-banner__topic { color: #ccc } .balance .main-banner__title, .router .main-banner__title, .section--theme-dark .main-banner__title, .theme-dark .main-banner__title { color: #fff } @media (max-width: 992px) { .main-banner__content-wrap { padding: 40px } .main-banner__content { max-width: 50% } } @media (max-width: 500px) { .main-banner__content { max-width: none } .main-banner__content-wrap { padding: 20px 20px 54px; align-items: flex-end } .main-banner__actions { margin-top: 37px } .main-banner__topic { margin-bottom: 20px } } .tippy-box[data-theme=main-space], .tippy-box[data-theme=main], .tippy-box[data-theme=tiny] { background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); border-radius: 5px } .tippy-content > * { display: block } .tippy-box[data-theme=tiny] .tippy-content { padding: 0 } .tippy-box[data-theme=main] .tippy-content { padding: 0 20px } .tippy-box[data-theme=main] .tippy-content:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-bottom: 20px } .tippy-box[data-theme=main] .tippy-content:after { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-top: 20px } .tippy-box[data-theme=main-space] .tippy-content { padding: 0 30px } .tippy-box[data-theme=main-space] .tippy-content:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-bottom: 30px } .tippy-box[data-theme=main-space] .tippy-content:after { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-top: 30px } .tippy-box .tippy-arrow { color: #fff } .tip-container-fullwidth { font-size: 0 } .tip-container-fullwidth [data-tippy-root] { width: 100% } .select-list__item + .select-list__item { margin-top: 10px } .select-list__item li { display: block } .select-list__item a { color: #303034; white-space: nowrap } .select-list__item a:hover { color: #376593 } .select-list__item--selected { pointer-events: none } .select-list__item--selected a { font-weight: 500 } .select-list__item--selected a:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e026"; font-size: 7px; margin-left: 5px } @media (max-width: 992px) { .select-list__item a { font-size: 16px } } .desktop .icon-link:hover .icon-link__icon, .desktop .icon-link:hover .icon-link__text { color: #376593 } .icon-link .count-icon { top: -7px; left: 8px; position: absolute } .icon-link .count-icon--small { top: -6px; left: 11px } .icon-link__icon { font-size: 16px; margin-right: 8px } .icon-link__content { display: flex; flex-flow: row nowrap; align-items: center } .icon-link--only-icon .icon-link__icon.ico--list:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e034"; font-size: 20px } .category-card { width: 225px } @media (max-width: 1366px) { .category-card { width: 213px } } .desktop a.category-card:hover .category-card__title { color: #376593 } .desktop a.category-card:hover .category-card__img img { transform: scale(1.07) } .category-card__img { height: 125px; padding: 15px 15px 0; display: flex; align-items: center; justify-content: center } .category-card__img img { object-fit: contain; object-position: ""; font-family: "object-fit:contain;object-position:;"; max-width: 100%; max-height: 100%; flex: 1 1 0px; transform: scale(.99); transition: transform .3s } .category-card__title { margin-top: 30px; text-align: center; font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px } .category-card--main { display: block; width: auto } .category-card--main .category-card__img { height: 250px; padding: max(18%, 50px); background: #f5f6fc } .category-card--main .category-card__img, .category-card--main .category-card__img ::-ms-backdrop { padding: 50px } @media (max-width: 768px) { .category-card--main .category-card__img { height: 140px; padding: min(18%, 30px) } .category-card--main .category-card__title { font-size: 14px; line-height: 20px; text-align: left; margin-top: 10px } } .btn-list-wrap { margin: 60px 0 } .btn-list-wrap--thin { margin: 20px 0 } .btn-list:before { margin-bottom: -10px } .btn-list:after, .btn-list:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .btn-list:after { margin-top: -10px } .btn-list__content { display: flex; justify-content: center; align-items: center; flex-flow: row wrap; margin-left: -10px; margin-right: -10px } .btn-list__content > * { margin: 10px } .btn-list--left .btn-list__content { justify-content: flex-start } .btn-list--line .btn-list__content { flex-wrap: nowrap } .btn-list--fullwidth .btn-list__content { justify-content: space-between } .btn-list--fullwidth .btn-list__content > * { flex: 1 1 auto } .section { margin: 80px 0 } .section--carousel .feed-header { z-index: 1 } .section--theme-neutral { background: #f6f6f7 } .section--theme-dark { background: #000 } .section--block { margin: 0 } .section--block:before { margin-bottom: 80px } .section--block:after, .section--block:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .section--block:after { margin-top: 80px } .section--block.section--theme-neutral:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-bottom: 80px } .section--block.section--theme-neutral:after { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-top: 100px } .section--block-new { margin: 0 } .section--block-new:before { margin-bottom: 113px } .section--block-new:after, .section--block-new:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .section--block-new:after { margin-top: 100px } .section--block-new.section--theme-neutral:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-bottom: 80px } .section--block-new.section--theme-neutral:after { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-top: 100px } .feed-header__actions .arrow-link-all { /*background: linear-gradient(270deg, #5F00D1 0%, #DF00A7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color: #692596; display: flex; align-items: center; } .feed-header__actions .arrow-link-all img { transform: rotate(180deg); margin-left: 9px; width: 6px; } @media (max-width: 500px) { .section { margin: 60px 0 } .section--block-new { margin: 0 } .section--block-new:before { margin-bottom: 40px } .section--block-new:after, .section--block-new:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .section--block-new:after { margin-top: 60px } .section--block { margin: 0 } .section--block:before { margin-bottom: 60px } .section--block:after, .section--block:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .section--block:after { margin-top: 60px } .section--block.section--theme-neutral:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-bottom: 45px } .section--block.section--theme-neutral:after { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-top: 60px } } @media (max-width: 992px) { .section--banner-list { margin-bottom: 40px } } @media (max-width: 500px) { .section--banner-list { margin-bottom: 20px } } .feed-header { display: flex; flex-flow: row nowrap; align-items: flex-end; justify-content: space-between; margin: 30px 0; z-index: 1 } @media (max-width: 500px) { .feed-header__title { font-size: 16px; line-height: 24px; display: block } .feed-header__title:after, .feed-header__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .feed-header__title:before { margin-bottom: -.4em } .feed-header__title:after { margin-top: -.4em } } @media (max-width: 500px) { .feed-header--mob-center { justify-content: center } .feed-header--mob-center .feed-header__actions { display: none } } .product-card { width: 340px; display: block } .product-card--catalog.product-card--tile .product-card__img-cover, .product-card__img { overflow: hidden; width: 100%; height: 306px; display: flex; padding: 30px; align-items: center; justify-content: center; background: #fafafa } .product-card--catalog.product-card--tile .product-card__img-cover img, .product-card__img img { max-height: 100%; flex: 0 0 auto; transition: transform .3s; mix-blend-mode: multiply } .product-card__badge { position: absolute; left: 13px; top: 12px; background: #000; font-size: 11px; line-height: 14px; font-family: Mont, sans-serif; color: #fff; padding: 6px 14px; text-transform: lowercase; border-radius: 20px } .product-card__content { display: block } .desktop .product-card--catalog.product-card--tile a.product-card__img-cover:hover img, .desktop a.product-card__content:hover .product-card--catalog.product-card--tile .product-card__img-cover img, .desktop a.product-card__content:hover .product-card__img img, .desktop a.product-card__img:hover img, .product-card--catalog.product-card--tile .desktop a.product-card__content:hover .product-card__img-cover img, .product-card--catalog.product-card--tile .desktop a.product-card__img-cover:hover img { transform: scale(1.07) } .desktop a.product-card__content:hover .product-card__title, .desktop a.product-card__title:hover { color: #4e8ecf } .product-card__title { margin: 25px 0 15px; transition: color .2s } .product-card__badge--new { background: #5E6280 } .product-card--promo .product-card__title { margin-top: 38px; line-height: 24px; font-size: 18px; margin-bottom: 19px; } .product-card__footer { display: flex; align-items: center } .product-card__price { font-family: Mont, sans-serif; font-size: 18px; line-height: 1; font-weight: 500; margin-right: 14px; white-space: nowrap; /*color: transparent;*/ -webkit-background-clip: text; background-clip: text; color: #692596; /*background-image: linear-gradient(to bottom, #5f00d1 0%, #df00a7 100%);*/ } .product-card__points { height: 27px; border-radius: 14px; background: #f0f5fa; color: #4e8ecf; font-weight: 500; padding: 4px 13px 0; transition: background-color .2s, color .2s } .desktop a.product-card__points:hover { background: #e3ebf3; color: #376593 } .product-card--catalog.product-card--tile .section--theme-neutral .product-card__img-cover, .product-card--catalog.product-card--tile .theme-neutral .product-card__img-cover, .section--theme-neutral .product-card--catalog.product-card--tile .product-card__img-cover, .section--theme-neutral .product-card__img, .theme-neutral .product-card--catalog.product-card--tile .product-card__img-cover, .theme-neutral .product-card__img { background: #fff } .section--theme-neutral .product-card__points, .theme-neutral .product-card__points { background: #dfe7f2 } @media (min-width: 1921px) { .carousel .product-card--catalog.product-card--tile .product-card__img-cover, .carousel .product-card__img, .product-card--catalog.product-card--tile .carousel .product-card__img-cover { height: 375px } } @media (max-width: 500px) { /*.product-card { width: 240px }*/ .product-card--catalog.product-card--tile .product-card__img-cover, .product-card__img { height: 180px; padding: 20px } .product-card__badge { font-size: 12px; padding: 2px 9px } .product-card__title { font-size: 16px; line-height: 20px } .carousel--products .product-card__footer, .carousel--products .product-card__title { opacity: 0; transition: opacity .5s } .carousel--products .product-card.carousel__slide--active .product-card__footer, .carousel--products .product-card.carousel__slide--active .product-card__title { opacity: 1 } } @media (max-width: 500px) { /*.product-card--mob-small { width: 150px }*/ .product-card--catalog.product-card--tile .product-card--mob-small .product-card__img-cover, .product-card--mob-small .product-card--catalog.product-card--tile .product-card__img-cover, .product-card--mob-small .product-card__img { height: 130px } .product-card--mob-small .product-card__title { font-size: 14px; line-height: 16px; margin: 20px 0 } .product-card--mob-small .product-card__price { font-size: 16px } .product-card--mob-small .product-card__footer { flex-flow: column nowrap; align-items: flex-start } .product-card--mob-small .product-card__points { margin-top: 10px } } .product-card--catalog { width: auto; min-width: 260px } .product-card--catalog.product-card--tile .product-card__img-cover, .product-card--catalog .product-card__img { height: 251px; background: #f5f6fc } .product-card--catalog .product-card__spec { /*margin: 23px 0 30px;*/ } .product-card--catalog .product-card__title { margin-top: 24px; font-weight: 500; font-size: 18px; line-height: 20px } .product-card--catalog .product-card__compare { position: absolute; right: 10px; bottom: 10px } .product-card--catalog.product-card--tile { display: flex; flex-flow: column nowrap; justify-content: space-between } .product-card--catalog.product-card--tile .product-card__points { font-size: 12px; padding: 5px 9px 0 } .product-card--catalog.product-card--tile .product-card__price { font-weight: 500; font-size: 18px; margin-right: 10px } .product-card--catalog.product-card--tile .product-card__img-cover { position: absolute; top: 0; pointer-events: none !important; background: transparent !important } .product-card--catalog.product-card--tile .product-card__img-cover > * { pointer-events: all } .product-card--catalog.product-card--list { min-width: 0; display: flex; justify-content: flex-start; align-items: stretch } .product-card--catalog.product-card--list .product-card__text { display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: flex-start; flex: 1 1 0px } .product-card--catalog.product-card--list .product-card__price { font-weight: 500; font-size: 16px } .product-card--catalog.product-card--list .product-card__title { margin-top: 0; margin-bottom: 25px; font-family: Mont, sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; display: block; font-weight: 500; max-width: 100% } .product-card--catalog.product-card--list .product-card__title:after, .product-card--catalog.product-card--list .product-card__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .product-card--catalog.product-card--list .product-card__title:before { margin-bottom: -.19em } .product-card--catalog.product-card--list .product-card__title:after { margin-top: -.19em } .product-card--catalog.product-card--list .product-card__main { display: flex; flex-flow: column nowrap; align-items: flex-start; max-width: 100% } .product-card--catalog.product-card--list .product-card__img-wrap { flex: 0 0 auto; width: 280px; margin-right: 40px; align-self: flex-start } @media (max-width: 1024px)and (min-width: 993px) { .product-card--catalog.product-card--list .product-card__img-wrap { width: 240px } .product-card--catalog.product-card--list .product-card--catalog.product-card--tile .product-card__img-cover, .product-card--catalog.product-card--list .product-card__img, .product-card--catalog.product-card--tile .product-card--catalog.product-card--list .product-card__img-cover { height: 200px } } .product-card--catalog.product-card--list .product-card__spec { width: 285px; margin-top: 0 } @media (max-width: 992px) { .product-card--catalog.product-card--list .product-card__img-wrap { width: 103px; position: static; margin-right: 20px } .product-card--catalog.product-card--list .product-card--catalog.product-card--tile .product-card__img-cover, .product-card--catalog.product-card--list .product-card__img, .product-card--catalog.product-card--tile .product-card--catalog.product-card--list .product-card__img-cover { height: 93px; padding: 10px } .product-card--catalog.product-card--list .product-card__badge { font-size: 12px; line-height: 18px; padding: 1px 5px } .product-card--catalog.product-card--list .product-card__spec { display: none } .product-card--catalog.product-card--list .product-card__price { font-size: 14px; margin-right: 9px } .product-card--catalog.product-card--list .product-card__points { font-size: 11px; padding: 2px 8px 0; height: 23px } .product-card--catalog.product-card--list .product-card__title { font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; margin-right: 70px; display: block } .product-card--catalog.product-card--list .product-card__title:after, .product-card--catalog.product-card--list .product-card__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .product-card--catalog.product-card--list .product-card__title:before { margin-bottom: -.2em } .product-card--catalog.product-card--list .product-card__title:after { margin-top: -.2em } .source-app .product-card--catalog.product-card--list .product-card__title { margin-right: 0 } .product-card--catalog.product-card--list .product-card__compare { z-index: 1; bottom: auto; top: 0 } .product-card--catalog.product-card--list .product-card__compare .expand-checkbox__label-wrap { display: none } } @media (max-width: 350px) { .product-card--catalog.product-card--list .product-card__footer { flex-flow: column nowrap; align-items: flex-start } .product-card--catalog.product-card--list .product-card__points { margin-top: 10px } .product-card--catalog.product-card--list .product-card__img-wrap { width: 25vw } .product-card--catalog.product-card--list .product-card--catalog.product-card--tile .product-card__img-cover, .product-card--catalog.product-card--list .product-card__img, .product-card--catalog.product-card--tile .product-card--catalog.product-card--list .product-card__img-cover { height: 20vw } .product-card--catalog.product-card--list .product-card__title { font-size: 11px; margin-right: 60px } } .product-card--list .product-card__spec { margin: 10px 0 17px } .catalog[data-view=tile] .product-card__spec { display: none; } .catalog[data-view=list] .product-list--tile { flex-direction: column; grid-template-columns: repeat(1, 1fr); } .catalog[data-view=list] .product-list__item > .product-card__footer, .catalog[data-view=list] .product-card__content > .product-card__footer, .catalog[data-view=list] .product-card__content > .product-card__title { display: none; } .catalog[data-view=list] .product-card__content { display: flex; } .catalog[data-view=list] .product-card--catalog .product-card__spec { margin-top: 0; margin-bottom: 0; display: flex; flex-direction: column; } .catalog[data-view=list] .product-card--catalog .product-card__spec .product-card__title { margin-top: 0; margin-bottom: 5px; line-height: 23px; } .catalog[data-view=list] .product-card--catalog .product-card__img { width: 280px; margin-right: 40px; } .product-card__series { font-size: 18px; margin-bottom: 20px; opacity: 0.7; } @media (max-width: 1024px) { .catalog[data-view=list] .product-card--catalog .product-card__img { width: 240px; height: 200px; } } @media (max-width: 992px) { .catalog[data-view=list] .product-card--catalog .product-card__img { width: 103px; position: static; margin-right: 20px; height: 93px; } .catalog[data-view=list] .product-card--catalog .product-card__spec .product-card__title { font-size: 12px; } .product-card__series { font-size: 11px; } .spec-s__item-label { font-size: 12px; } } .product-card__spec > .product-card__footer { margin-top: auto; } .tip { color: #303034 } .tip__content a { color: #4e8ecf; font-weight: 500 } .desktop .tip__content a:hover { color: #376593 } @media (min-width: 769px) { .tip { color: #303034 } .tip__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; margin: 10px 0 } .tip__title--mob { display: none } .tip__content { font-family: Mont, sans-serif; font-size: 12px; line-height: 14px; text-transform: uppercase; letter-spacing: .24px; font-weight: 500 } .tip__content p { margin: 10px 0 } } @media (max-width: 768px) { .tip__title { font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; margin-bottom: 20px } .tip__content, .tip__title { font-family: Mont, sans-serif } .tip__content { font-weight: 400; font-size: 16px; line-height: 24px } .tip__content p { margin: 10px 0 } } .banner-list__content { display: flex; flex-flow: row nowrap; align-items: stretch; margin: -15px } .banner-list__content > * { flex: 1 1 0px; margin: 15px } @media (max-width: 992px) { .banner-list__content { flex-flow: column nowrap; margin: -10px } .banner-list__content > * { margin: 10px } } .banner-link { height: 460px } .banner-link__link-wrap { display: block; margin-top: 25px } .banner-link__link-wrap:after, .banner-link__link-wrap:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .banner-link__link-wrap:before { margin-bottom: -.31em } .banner-link__link-wrap:after { margin-top: -.24em } .banner-link__title { color: #fff; margin-bottom: 30px } .banner-link__text { color: #fff } .banner-link__link { color: #4e8ecf } .banner-link__content { height: 100%; padding: 50px 40px; text-align: center; background: #000 } .banner-link__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; overflow: hidden } .banner-link__bg img { transform: scale(1); transition: transform 1s, opacity .2s !important; width: 100%; height: 100%; object-fit: cover; object-position: bottom center; font-family: "object-fit:cover;object-position:bottom center;" } @media (min-width: 993px) { .banner-link__bg-space { display: none } } @media (min-width: 1367px) { .banner-link--view-main { height: auto } .banner-link--view-main .banner-link__content:after { content: ""; padding-bottom: 45%; display: block } } @media (max-width: 992px) { .banner-link { height: auto } } @media (max-width: 768px) { .banner-link__title { font-size: 24px; line-height: 28px; margin-bottom: 20px } .banner-link__content { padding: 40px 30px } .banner-link__text { font-size: 14px; line-height: 20px } .banner-link__link { font-size: 16px } .banner-link__link-wrap { display: block } .banner-link__link-wrap:after, .banner-link__link-wrap:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .banner-link__link-wrap:before { margin-bottom: -.37em } .banner-link__link-wrap:after { margin-top: -.37em } } @media (max-width: 350px) { .banner-link__content { padding: 40px 20px } } .banner-link--tiny { height: auto } .banner-link--tiny .banner-link__content { padding: 35px 80px 60px } .banner-link--tiny .banner-link__title { font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; display: block; margin-bottom: 20px } .banner-link--tiny .banner-link__title:after, .banner-link--tiny .banner-link__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .banner-link--tiny .banner-link__title:before { margin-bottom: -.2em } .banner-link--tiny .banner-link__title:after { margin-top: -.2em } .banner-link--tiny .banner-link__text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px } .banner-link--tiny .banner-link__link-wrap { margin-top: 20px; display: block } .banner-link--tiny .banner-link__link-wrap:after, .banner-link--tiny .banner-link__link-wrap:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .banner-link--tiny .banner-link__link-wrap:before { margin-bottom: -.45em } .banner-link--tiny .banner-link__link-wrap:after { margin-top: -.45em } .banner-link--tiny .banner-link__link { font-size: 14px } @media (max-width: 992px) { .banner-link--tiny .banner-link__content { padding: 35px 50px; display: flex; flex-flow: column nowrap; justify-content: center } } @media (max-width: 500px) { .banner-link--tiny .banner-link__title { font-size: 16px; line-height: 20px; margin-bottom: 11px } .banner-link--tiny .banner-link__content { padding: 20px 30px 22px } } .roadmap .carousel__slides { counter-reset: roadmap } @media (min-width: 1301px) { .roadmap .carousel__slides { display: flex; flex-flow: row wrap; justify-content: center } } @media (max-width: 1301px) { .roadmap .carousel__slides .roadmap-item:before { position: absolute; content: ""; height: 1px; left: 0; right: 0; background: #2b2c2d; top: 56px } .roadmap .carousel__slides .roadmap-item:first-child:before { left: 50% } .roadmap .carousel__slides .roadmap-item:last-child:before { right: 50% } .roadmap .carousel__slides .roadmap-item__icon { background-color: #000 } } .roadmap__title { color: #fff; text-align: center; margin-bottom: 60px } .roadmap__content { overflow: hidden } .roadmap__content .carousel { overflow: visible } .roadmap-item { counter-increment: roadmap; width: 280px } @media (max-width: 1300px) { .roadmap-item { width: 350px } } .roadmap-item--exchange .roadmap-item__icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAADiBAMAAAChPgbkAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMAQHjD7iinEJCGmp+FAAACZUlEQVR42u2Zz2vbMBTH5WTGza0ubCU3J80OuQVCGLptLVnwzVAz6C2wjS23jbKx3QZjsNyaWDN7/+2k/KJ2s9YU64XE38/F5B30IdJ7kp8sBAAAAAAAAAAAAAAAAAAAAAAAAHvQHQ7QuHlQJgDjfho3KXO4xnsCMMJYCWP9nN1IH5iNrlTHzOtYo7+fmDMnpgGz0ZtSwFwdTphEzPX4lV5x7wCdTIlwGLMlwrLL6RLh3ldjGjMbvUmP++zo3mx9/7fYCzR3ZMxPJVmc2yoYr/5wGxuzvCCfLQdoFLb3gSoY63MYYXwMRwm3sbYzo3+qX+38VSdyPWQwkt4JGuu2QM65jfELm0a1xeiu+zz3d/lGh7LGDr3u//g5EDWp3us2QVk3XpvDsSdnniRSkUtk0Zi227qhnNLbhfGI0gmN6nRu0bjgOQ3FpTFeUeTJ+XeKyje6q0GXxrZeSccYu6rfl0kzsZCrgo6XxrnvN7VR/wqN0fgtGxeZ09r8x8T3/acMxl800r26WUcVic6AwRhI9TE0Rp2lz2jEYbxdjxTYMcpgadTdwBMKvHd0QWM5E99CGohmatG44cu6UE9tdcp5o/UTuRLGaY/b2IXxMIwvmbvyxfXKjo22b1cqYTSXVrzGBhUg3XPjzH+Q6U2pxgKjyTGzsZb7wGXf2E0Eq/HzGQ25qyP7CY/BmATl7gCOzv4TM3DrTlGYsIqEDWLVOgmHRcNlMNHDxmnRcBmEweqapVC4BDzTXzlUMLyfRv5Z3UHm8FeHG24t9f+ES+FNaO79ioYBAAAAAAAAAAAAAAAAAAAAAMAy/wDh08Ii0XnV8gAAAABJRU5ErkJggg==) } .roadmap-item--install .roadmap-item__icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAADiBAMAAAChPgbkAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAG1BMVEVHcEz///////////////////////////////8W/R0OAAAACHRSTlMAP8QY7HqkWFkxtNYAAAGwSURBVHja7di/T8JAGMbx6w+sIxIHxiYujAxoGElYOpI42JGxYweHrmCB+7PFvodpE0zM6XsD+X4G30me9N679wrGAAAAAAAAAAAAAAAAAACAwJIHP/6Jj9ZP7Z1YeCbuvBOt37/FJJJIIokkkkgiibeUmL19/X1+DZdY2adzrG3HoRIja0/GpNZuAyYejLm3Nr/dZzz3MQ/bRxMF36vMHBJ7iX5fyif+ieG/I4f/HQD4J++brky2UvKuvOSKic2qK9OPriylLHaKial8eHzqyt2xX3S4Dx9JyfZyF7eKicOMxE16O9dLjPaDS6WQqNlY8SHtoLgozcTwz5gd+8FJ+6eL+3d79fDzltUxPPOpHMv4oJhYyXgrZfQ06/4E0tk4ttsjSVFLkSk72+olxm6sSeNG7bxXdJRuGaWNS2njQrGNl2UsZBlncktVipfVSM5fJssYyThNrOL5H56GEHfV5T5e989mqnkfV9LGUtrYSP+mK8VEN7EreeUuB/mqia5cEjcBEutwideWs9F8d7y6ZZaKc/w7Y33lTVLpDcAVmdzRoAAAAAAAAAAAAAAAbsMnMS3q0SN0AdIAAAAASUVORK5CYII=) } .roadmap-item--points .roadmap-item__icon { background-image: url(data:image/png;base64,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) } .roadmap-item--register .roadmap-item__icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAADiBAMAAAChPgbkAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAKlBMVEVHcEz////9/f3///////////////////////8AAAAQEBBgYGDAwMCgoKAEwZ2vAAAACHRSTlMAFO6my2M5hPjTLEUAAAJ0SURBVHja7dk/b9NAGMdxuyZuR0sEwQiqGk5MCRKVR7ogj0Fi8BiVSngEFrziOMkz8AbSbGwI3kB4BYj30PfSc+y2dpEr353vEZV+nyGTo2978fnPneMAAAAAAAAAAAAAAAAAAAAAwP3kvyQFhzPzYkhKVsZBj45VDn9PY9NislA7Pl4aD6ri3+zNTYtC8VTwM9MiOfui+3mTfZRfMC6maqdqD0Vx0v3oYdZHkYLuR7vUS9Hi4SiiiCKKpUdR7fqcv7VfdKPGLSEPrBeH2e/1jZ+d7x/6xfjFuu77wnox2srOxboY0aK4ya0X6UejeE72i+um/6YY9Fn8VZscf9uKz4Mei39qxW9txfCoxyJtr4d0Q23FmEY9Fuu/YlvxCdEJb/HBIqUJa3Ewd0P55M9YlO81fpRNGYuOmDoDkc8Yi6kc0sdiHvAV46fy4yFdXwnsFw++Fp9ndMRW9Mob5ym94SoOqhvn52pa2i+61dulG9InnqITlZPRD8txZSimu9UXP6oWmhiKSTE9BtHV1ZWhuFesUcXZhG12ON5KPty+y/iuALvpEY7Ea76inB4Dyk9XfEU5PZKVeEVTvmI6EeNkkY74islhJsf1rHr74iju0bJ4iqzWjjmKXvETDimbsRX9YtHYvXrB5Ci6z4rPD4yzo/m2w1J0UETRuOiyFw12H/4pWt9h0Swa7CLpnjnOfS6qYi9mjKNa3qbnOsU7VpAOyn9k1v7ws9Qo3rVKtv9lJ2h9LhBjWyuBLcGw87r6rRXdG+eKJ85EfXZE20Zxo3aiHmvMR92VeX26uw/6dHdYDGjuIgEAAAAAAAAAAAAAAAAAAMBtl4cfvEzPgIOGAAAAAElFTkSuQmCC) } .roadmap-item__icon { width: 113px; height: 113px; border-radius: 50%; border: 1px solid #2b2c2d; background-position: 50%; background-size: 100%; margin: auto auto 25px } .roadmap-item__icon:before { content: counter(roadmap); position: absolute; color: #fff; color: #4e8ecf; font-weight: 500; top: 4px; left: -12px } .roadmap-item__text { color: #fff; text-align: center; margin: auto; padding: 0 35px } @media (max-width: 768px) { .roadmap__title { font-size: 24px; line-height: 28px; display: block } .roadmap__title:after, .roadmap__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .roadmap__title:before { margin-bottom: -.2em } .roadmap__title:after { margin-top: -.2em } .roadmap-item { width: 225px } .roadmap-item__icon { margin-left: 0 } .roadmap-item__icon:before { font-size: 16px; top: 3px; left: -7px } .roadmap-item__text { text-align: left; padding-left: 0; font-size: 16px; line-height: 20px; display: block } .roadmap-item__text:after, .roadmap-item__text:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .roadmap-item__text:before { margin-bottom: -.2em } .roadmap-item__text:after { margin-top: -.25em } } @media (max-width: 500px) { .roadmap-item { width: 165px } } .news-card { width: 280px } .news-card:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 6px 20px hsla(0, 0%, 70.6%, .3); opacity: 1; transition: opacity .3s; pointer-events: none } .section--theme-neutral .news-card:before, .theme-neutral .news-card:before { opacity: 0 } .news-card__link { position: absolute; right: 10px; bottom: 10px } .desktop a.news-card:hover:before { opacity: 1 } .news-card__content { padding: 20px 25px 50px; background: #fff; height: 100% } .news-card__img { width: 64px; height: 64px; overflow: hidden; border-radius: 5px; flex: 0 0 auto } .news-card__img img { width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: "object-fit:cover;object-position:center;" } .news-card__text { margin-top: 20px } .news-card__header { display: flex; justify-content: space-between } .news-card__theme { margin-top: 5px; color: #97a4af } .news-card__title { font-family: Mont, sans-serif; font-weight: 500; font-size: 20px; line-height: 24px; margin-top: 20px; margin-bottom: 10px } @media (min-width: 1921px) { .news-card__content { padding: 30px 40px 80px } .news-card__img { width: 97px; height: 97px } .news-card__text { margin-top: 30px } .news-card__link { right: 20px; bottom: 20px } } .news-card--wide { display: block; width: auto } .news-card--wide:before { border-radius: 4px; box-shadow: 0 4px 15px hsla(0, 0%, 70.6%, .25) } .news-card--wide .news-card__content { border-radius: 4px; display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 20px } .news-card--wide .news-card__img { margin-right: 15px } .news-card--wide .news-card__text-wrap { flex: 1 1 auto } .news-card--wide .news-card__date { margin-top: 7px; margin-bottom: 20px } .news-card--wide .news-card__text { margin-top: 0 } .news-card--wide .news-card__link { top: 0; bottom: 0; right: 0; margin: auto } @media (max-width: 500px) { .news-card--wide .news-card__date { margin-top: 3px; margin-bottom: 15px } .news-card--wide .news-card__text { font-family: Mont, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; display: block } .news-card--wide .news-card__text:after, .news-card--wide .news-card__text:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .news-card--wide .news-card__text:before { margin-bottom: -.35em } .news-card--wide .news-card__text:after { margin-top: -.26em } } .news-list__content > :not(:first-child) { margin-top: 10px } .text { color: #303034 } .text a { color: #4e8ecf; font-weight: 600; font-size: 14px; } .desktop .text a:hover { color: #376593 } .text p { margin: 20px 0 } .text p.small { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; margin: 10px 0 } .text p.minor { color: #97a4af } .text p.minor a { color: #303034 } .desktop .text p.minor a:hover { color: #4e8ecf } .text .h6 { font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; margin: 10px 0 } .text-l, .text .h6 { font-family: Mont, sans-serif } .text-l { font-weight: 400; font-size: 18px; line-height: 24px } .text-l .minor { color: #97a4af } .text-l .link, .text-l a { color: #4e8ecf; font-weight: 500 } .desktop .text-l .link:hover, .desktop .text-l a:hover { color: #376593 } .text-l .event-params + .h1, .text-l .event-params + h1 { margin-top: -20px } .text-l .h1, .text-l h1 { font-size: 40px; line-height: 40px; font-weight: 500; margin: 40px 0 } .text-l .h1 + .event-params, .text-l h1 + .event-params { margin-top: -20px } @media (max-width: 768px) { .text-l .h1, .text-l h1 { font-size: 24px; line-height: 28px } .text-l .h1 + .event-params, .text-l h1 + .event-params { margin-top: -15px } } .text-l .contents { margin: 40px 0; text-transform: uppercase; font-size: .8em } @media (max-width: 768px) { .text-l .contents { margin: 30px 0 } } .text-l p { margin: 15px 0 } .text-l li + li { margin-top: 4px } .text-l ul { display: block } .text-l ul li { padding-left: 24px; display: block } .text-l ul li:before { content: ""; position: absolute; width: 6px; height: 6px; background: #4e8ecf; left: 0; top: 9px; border-radius: 999px } .text-l ol { display: block; counter-reset: ol } .text-l ol li { counter-increment: ol; padding-left: 24px } .text-l ol li:before { position: absolute; content: counter(ol) "."; min-width: 15px; color: #4e8ecf; text-align: right; left: 0 } .text-l ol li + li { margin-top: 4px } .text-l img { margin: 40px 0; display: block } @media (max-width: 768px) { .text-l { font-size: 16px; line-height: 20px } .text-l .h1, .text-l h1, .text-l img { margin: 30px 0 } } .text-l--s { font-size: 16px; line-height: 24px } .article { max-width: 1020px } .article > * { max-width: 100% } .article--center { margin: auto } .text--block-main { display: block } .text--block-main:after, .text--block-main:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .text--block-main:before { margin-bottom: -.31em } .text--block-main:after { margin-top: -.24em } .scroll-content-wrapper:before { margin-bottom: 222px } .scroll-content-wrapper:after, .scroll-content-wrapper:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .scroll-content-wrapper:after { margin-top: 222px } .scroll-content-wrapper > * { margin-top: -222px; margin-bottom: -222px } .arrow-link { font-weight: 500; color: #4e8ecf } .desktop .arrow-link:hover { color: #376593 } @media (max-width: 500px) { .arrow-link { font-size: 16px } } .arrow-link--s { font-size: 12px; line-height: 14px; text-transform: uppercase; letter-spacing: .24px; font-weight: 500 } .arrow-link--m, .arrow-link--s { font-family: Mont, sans-serif } .arrow-link--m { font-weight: 400; font-size: 16px; line-height: 20px; font-weight: 500 } .arrow-link--important { color: #f55147 } .external-link { font-weight: 500; color: #4e8ecf } .external-link:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e029"; font-size: .75em; position: relative; top: .15em; margin-left: .5em } .desktop .external-link:hover { color: #376593 } .external-link--m { font-family: Mont, sans-serif; font-weight: 500; font-size: 16px; line-height: 1 } .nav-mob__footer .footer { background: #fff } .nav-mob__footer .footer .footer__content { border-top: none } .footer .copyright { margin-top: 21px } .footer--theme-neutral { background: linear-gradient(270deg, #9B6EC8 0%, #692596 100%); } .footer__content { padding: 40px 0; display: flex; flex-flow: row nowrap; justify-content: space-between } .logo-haier { width: 66px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='66' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.683 10.757v9.028c0 .437 0 .437-.43.437H12.82c-.37 0-.384-.014-.384-.39v-6.863c0-.45 0-.45-.45-.45H4.672c-.41 0-.417 0-.417.43v6.836c0 .437 0 .437-.437.437H.41c-.08 0-.155 0-.235-.007-.108 0-.162-.067-.168-.168C0 19.98 0 19.906 0 19.838V1.65v-.08c.007-.29.034-.323.316-.323H3.992c.223 0 .25.034.256.262.007.175 0 .356 0 .531v6.547c0 .39 0 .39.39.39h7.394c.39 0 .39 0 .39-.397V1.69c0-.45 0-.45.43-.45h3.408c.41 0 .41 0 .41.43.013 3.032.013 6.057.013 9.088zM33.448 13.043v6.728c0 .45 0 .45-.43.45h-3.12c-.241-.006-.262-.026-.268-.282-.014-.41-.014-.41-.363-.228a7.243 7.243 0 01-3.28.793 7.134 7.134 0 01-3.032-.632c-1.902-.874-3.22-2.312-3.946-4.309a7.11 7.11 0 01-.437-2.749c.074-1.747.646-3.307 1.768-4.638 1.143-1.35 2.581-2.191 4.302-2.507 1.647-.302 3.213-.054 4.705.72.377.194.377.194.39-.236.007-.282.027-.303.303-.31h3.092c.302 0 .329.028.329.337v3.576c-.013 1.095-.013 2.191-.013 3.287zm-7.32-4.309a3.222 3.222 0 00-.572.04c-1.99.27-3.549 1.91-3.67 3.933-.1 1.687.578 3.011 1.97 3.932.84.558 1.78.746 2.782.632a4.103 4.103 0 002.582-1.298c.853-.914 1.243-2.016 1.149-3.293a4.16 4.16 0 00-1.217-2.682c-.826-.834-1.848-1.25-3.024-1.264zM50.992 13.857h-5.324c-.39 0-.397.006-.303.39.417 1.68 1.835 2.977 3.51 3.159 1.505.161 2.735-.397 3.683-1.607.094-.12.188-.242.255-.37.094-.188.229-.215.41-.181.377.074.76.134 1.136.202.497.087.995.174 1.5.269.04.006.086.013.127.026.215.054.235.081.14.29a7.355 7.355 0 01-1.054 1.713c-1.13 1.358-2.548 2.246-4.262 2.588-2.353.464-4.504-.02-6.379-1.566-1.593-1.31-2.494-3.025-2.689-5.102a7.072 7.072 0 01.773-4.006c1.096-2.104 2.803-3.441 5.082-3.946 2.46-.537 4.685.034 6.614 1.688 1.439 1.236 2.252 2.836 2.508 4.725.067.49.1.995.02 1.492-.034.195-.047.222-.242.236-.081.006-.155 0-.236 0h-5.27zm-1.66-2.46h3.454c.08 0 .155 0 .236-.007.073-.007.114-.047.087-.128-.02-.06-.047-.114-.074-.168a4.138 4.138 0 00-1.028-1.371c-.868-.773-1.883-1.143-3.019-1.022-1.532.161-2.641.988-3.334 2.393-.14.289-.14.302.189.302h3.488zM58.4 15.685c0-1.21.006-2.42 0-3.63-.021-3.28 2.197-6.413 5.477-7.36.202-.061.404-.121.612-.155.175-.027.202-.014.235.168.074.376.135.753.202 1.13a238.848 238.848 0 01.356 2.076c.047.283.04.296-.235.35-1.486.316-2.588 1.452-2.87 2.97a5.34 5.34 0 00-.074.928v7.61c0 .443 0 .443-.424.443H58.614c-.168-.013-.195-.04-.201-.208-.007-.08 0-.162 0-.242-.014-1.351-.014-2.716-.014-4.08zM39.753 13.022v6.783c0 .416 0 .416-.404.416h-3.273c-.161-.013-.195-.04-.208-.208-.007-.08-.007-.161-.007-.242V6.307c0-.477 0-.477.457-.477h3.226c.162.014.189.04.202.215.007.088 0 .175 0 .269.007 2.238.007 4.477.007 6.708zM37.837.003c.928-.054 2.144.739 2.144 2.19.007 1.197-.907 2.206-2.178 2.192-1.223-.007-2.144-.968-2.144-2.198C35.653.863 36.775-.05 37.837.003z' fill='%23212121'/%3E%3C/svg%3E") } .logo-haier:before { content: ""; display: block; padding-bottom: 31.8181818182% } .footer__section--logo { display: flex; flex-flow: column nowrap; justify-content: space-between } .footer__section--logo .logo { /*width: 159px; height: 30px;*/ width: 100px; height: 21px; } .footer__section--nav { display: flex; gap: 20px; flex-direction: column; padding-top: 10px } .footer__section--nav a { color: #fff; opacity: .9; font-size: 11px; } .footer__nav { margin-right: 60px; font-size: 16px; display: block } .footer__nav:after, .footer__nav:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .footer__nav:before { margin-bottom: -14px } .footer__nav:after { margin-top: -14px } .footer__nav > a { display: block; font-family: Mont, sans-serif; font-weight: 500; line-height: 39px } .desktop .footer__nav > a:hover { color: #376593 } .footer__contact { font-size: 16px; display: block } .footer__contact:after, .footer__contact:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .footer__contact:before { margin-bottom: -14px } .footer__contact:after { margin-top: -14px } .contact__title, .contact__title > a { font-family: Mont, sans-serif; font-weight: 500; line-height: 39px } .contact__title > a { display: block } .desktop .contact__title > a:hover { color: #376593 } .contact__field { font-family: Mont, sans-serif; font-weight: 500; line-height: 39px } .contact__field--social { margin-left: -10px; margin-top: 8px } a.contact__field { color: #4e8ecf } .desktop a.contact__field:hover { color: #376593 } .social { display: flex; flex-flow: row nowrap; font-size: 12px; margin-left: -10px; margin-right: -10px } @media (max-width: 992px) { .social { font-size: 15px } } .social__item { height: 24px; padding: 0 10px; display: flex; align-items: center; justify-content: center } .desktop .social__item:hover:before { color: #376593 } @media (max-width: 992px) { .social__item + .social__item { margin-left: 10px } } .social__item--vk:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e035"; font-size: 1em } .social__item--fb { margin-top: -2px } .social__item--fb:before { content: "\e036"; font-size: 1.5833333333em } .social__item--fb:before, .social__item--youtube:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .social__item--youtube:before { content: "\e037"; font-size: 1.25em } .social--mob { font-size: 12px; margin: 0 } .social--mob .social__item { margin-top: 0; background: #000; width: 48px; height: 48px; border-radius: 50%; color: #fff } .social--mob .social__item + .social__item { margin-left: 20px } .footer__section--social { margin-top: 50px } .copyright { color: #fff } .footer__section--mob { display: none } @media (max-width: 992px) { .footer__section--mob { display: block; position: absolute; right: 0; top: 40px } .footer__section--logo { margin-bottom: 29px } .footer__section--shop { margin-top: 40px } .footer__section--nav { display: flex; gap: 20px; flex-direction: column } .footer__content { display: block; padding: 40px 0 45px } .footer__contact { margin-top: 29px } .footer__contact .social { display: none } } .footer-2 { padding: 0 0 37px; background: #f5f6fc; margin-top: -1px } @media (min-width: 993px) { .footer-2 { display: none } } .footer + .footer-2 { padding-top: 37px } .cookie-policy { display: none; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #191919; padding: 40px 0; letter-spacing: -.01em; color: #9a9a9a; font-family: Mont, sans-serif; font-size: 16px; font-weight: 400; line-height: normal; z-index: 500 } @media (max-width: 768px) { .cookie-policy { padding: 20px 0 } } .cookie-policy.open { display: block } .cookie-policy__container { position: relative; padding-right: 150px } @media (max-width: 768px) { .cookie-policy__container { display: flex; flex-direction: column; padding-right: 0 } } @media (max-width: 768px) { .cookie-policy__description { margin-bottom: 20px } } .cookie-policy__link { text-decoration: underline; text-decoration-skip-ink: auto } .cookie-policy__btn { position: absolute; top: 50%; right: 0; padding: 0 30px; font-family: Mont, sans-serif; font-size: 12px; line-height: 50px; letter-spacing: .2em; text-transform: uppercase; text-align: center; color: #000; border-radius: 5px; background-color: #fff; transform: translateY(-50%); transition: background-color .2s cubic-bezier(0, 0, .4, 1); cursor: pointer; user-select: none } @media (max-width: 768px) { .cookie-policy__btn { position: relative; top: auto; right: auto; width: 100%; transform: none } } .get-app { background: #000 } .get-app__content { padding: 20px 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center } .get-app__links { display: flex; flex-flow: row wrap; justify-content: flex-start; margin: -4.5px } .get-app__links a { margin: 4.5px } .get-app__title { font-family: Mont, sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #fff; margin-right: 30px } @media (max-width: 992px) { .get-app__content { display: block; padding: 26px 0 } .get-app__title { font-size: 14px; line-height: 18px; margin-bottom: 11px } } .search { position: static; width: 200px; height: 35px } .search .input { position: absolute; width: 200px; transition: width .2s; height: 100%; right: 0; top: 0 } .search .input input:not(:focus)::placeholder { color: transparent } .search .input--filled, .search .input--focus { width: 100% } .source-app .search { height: 50px } .source-app .search, .source-app .search .input { position: relative; width: auto } .source-app .search .input--filled, .source-app .search .input--focus { border-color: #000 } .modal-open--name-search-mob .search-btn { opacity: 0; pointer-events: none } .search-mob { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .search-mob .search-popup { z-index: auto } .search-mob__header { background: #fff; padding-top: 14px; display: flex; max-width: 1920px; margin: auto; padding-left: 80px; padding-right: 80px; flex-flow: row nowrap; position: absolute; width: 100%; z-index: 1 } @media (max-width: 1200px) { .search-mob__header { padding-left: 40px } } @media (max-width: 500px) { .search-mob__header { padding-left: 20px } } .source-app .search-mob__header { padding-left: 50px } @media (max-width: 1200px) { .search-mob__header { padding-right: 40px } } @media (max-width: 500px) { .search-mob__header { padding-right: 20px } } .source-app .search-mob__header { padding-right: 50px } .search-mob__header:before { content: ""; height: 40px; position: absolute; bottom: -40px; width: 100%; left: 0; background: linear-gradient(180deg, #fff, #fff 50%, hsla(0, 0%, 100%, 0)) } .search-mob__input { flex: 1 1 auto; margin-right: 20px } .search-mob__close { top: -1px } .search-mob__results { overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 49px } .search-mob__hint { position: absolute; z-index: 2; top: 49px } .search-mob__hint p { font-size: 16px; line-height: 26px; color: #97a4af } .input input, .input textarea { border: none; outline: none; height: 100%; width: 100%; background: transparent } .input input { position: absolute } .input--number input { text-align: right } .input--clearable input { padding-right: 35px } .input--clearable.input--short input { padding-right: 25px } .input--clearable.input--short .input__clear { width: 25px } .input--clearable.input--short .input__clear:before { font-size: 9px; transform: translateX(-2px) } .input--clearable.input--main input { padding-right: 50px } .input--clearable.input--main .input__clear { width: 50px } .input--main, .input--thin { border-radius: 5px; height: 50px } .input--main:after, .input--thin:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #d7dde3; pointer-events: none } .input--main .input__input, .input--thin .input__input { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; position: absolute } .input--main .input__input, .input--main input, .input--main textarea, .input--thin .input__input, .input--thin input, .input--thin textarea { border-radius: 5px; color: #000; padding: 10px 0 10px 14px } .input--main .input__input::-webkit-input-placeholder, .input--main input::-webkit-input-placeholder, .input--main textarea::-webkit-input-placeholder, .input--thin .input__input::-webkit-input-placeholder, .input--thin input::-webkit-input-placeholder, .input--thin textarea::-webkit-input-placeholder { color: #97a4af } .input--main .input__input:-moz-placeholder, .input--main .input__input::-moz-placeholder, .input--main input:-moz-placeholder, .input--main input::-moz-placeholder, .input--main textarea:-moz-placeholder, .input--main textarea::-moz-placeholder, .input--thin .input__input:-moz-placeholder, .input--thin .input__input::-moz-placeholder, .input--thin input:-moz-placeholder, .input--thin input::-moz-placeholder, .input--thin textarea:-moz-placeholder, .input--thin textarea::-moz-placeholder { color: #97a4af } .input--main .input__input:-ms-input-placeholder, .input--main input:-ms-input-placeholder, .input--main textarea:-ms-input-placeholder, .input--thin .input__input:-ms-input-placeholder, .input--thin input:-ms-input-placeholder, .input--thin textarea:-ms-input-placeholder { color: #97a4af } .desktop .input--main:not(.input--disabled):hover:after, .desktop .input--thin:not(.input--disabled):hover:after { border-color: #afbbc6 } .input--focus.input--main:after, .input--focus.input--main:hover:after, .input--focus.input--thin:after, .input--focus.input--thin:hover:after { border-color: #4e8ecf } .input--main .input__wrap, .input--thin .input__wrap { flex: 1 1 auto } .input--main .input__prefix, .input--thin .input__prefix { flex: 0 0 auto; font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; height: 100%; padding-top: 10px; padding-left: 15px; color: #97a4af } .input--main .input__content, .input--thin .input__content { height: 100%; display: flex; flex-flow: row nowrap } .input--short.input--main .input__prefix, .input--short.input--thin .input__prefix { padding-left: 12px } .input--short.input--main input, .input--short.input--thin input { padding-left: 5px } .input--filter.input--main input, .input--filter.input--main textarea, .input--filter.input--thin input, .input--filter.input--thin textarea { color: #4e8ecf } .input--disabled.input--main, .input--disabled.input--thin, .input--readonly.input--main:not(.input--button), .input--readonly.input--thin:not(.input--button) { background: #f0f5fa } .input--disabled.input--main input, .input--disabled.input--thin input, .input--readonly.input--main:not(.input--button) input, .input--readonly.input--thin:not(.input--button) input { color: #97a4af } .input--main.input--textarea { height: auto } .input--main.input--textarea .input__content { padding-top: 30px } .input--main.input--textarea textarea { padding-top: 0; width: 100% !important; min-height: 120px } .input--main.input--type-address .input__icon { font-size: 20px } .input--main.input--type-address .input__icon .ico:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e038" } .input--main.input--icon .input__input { width: calc(100% - 50px) } .input--main.input--icon input { text-overflow: ellipsis } .input--main.input--icon .input__label { padding-right: 50px } .input--main.input--type-file { cursor: pointer } .desktop .input--main.input--type-file:hover .input__icon { color: #4e8ecf } .input--main.input--type-file input { overflow: hidden; width: 0; height: 0; opacity: 0; visibility: hidden } .input--main.input--type-file .input__icon { pointer-events: none; font-size: 20px } .input--main.input--type-file .input__icon .ico:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e007" } .input--button { cursor: pointer } .input--button > * { pointer-events: none } .desktop .input--button:hover .input__icon { color: #4e8ecf } .input--button .input__clear { pointer-events: all } .input--icon input, .input--type-date input, .input--type-password input { padding-right: 50px } .input--icon .input__icon, .input--type-date .input__icon, .input--type-password .input__icon { width: 50px; height: 50px; position: absolute; right: 0; top: 0; color: #afbbc6; font-size: 8px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center } .desktop .input--icon .input__icon:hover, .desktop .input--type-date .input__icon:hover, .desktop .input--type-password .input__icon:hover { color: #4e8ecf } .input--type-password .input__icon .ico:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e020" } .input--password-show .input__icon { font-size: 11px } .input--password-show .input__icon .ico:before { content: "\e01f" } .input--password-show .input__icon .ico:before, .input--type-date .input__icon .ico:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .input--type-date .input__icon .ico:before { content: "\e020" } .desktop .input--type-date .input__icon:hover { color: #4e8ecf } .input--thin { height: 40px } .input--thin input { font-family: Mont, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; padding: 10px 0 10px 10px } .input--thin.input--number input { padding: 10px 10px 10px 0 } @keyframes move_eye { 0% { opacity: 0 } to { opacity: 1 } } .input__clear { width: 35px; height: 100%; position: absolute; top: 0; right: 0; background: #fff; display: flex; align-items: center; justify-content: center } .input__clear:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e039"; font-size: 11px } .input:not(.input--clearable) .input__clear, .input__clear[disabled] { pointer-events: none !important; opacity: 0 !important } .input--search input { padding: 10px 0 10px 10px; background: #fff; border-radius: 5px } .input--search .input__icon { position: absolute; height: 100%; width: 35px; right: 0; top: 0; pointer-events: none; display: flex; align-items: center; justify-content: center } .input--search .input__icon svg { width: 14px; height: 14px; } .input--search.input--filled input, .input--search.input--focus input { padding-left: 40px } .input--search.input--filled .input__icon, .input--search.input--focus .input__icon { color: #000; left: 3px; right: auto; animation-duration: .3s; animation-delay: .2s; animation-fill-mode: both; animation-name: move_eye } .source-app .input--search { border: 1px solid #d9dee4; border-radius: 8px; overflow: hidden } .source-app .input--search input { padding-right: 40px } .source-app .input--search .input__icon { width: 50px; color: #000 } .source-app .input--search.input--filled input, .source-app .input--search.input--focus input { padding-left: 55px } .source-app .input--search .ico { font-size: 22px } .input--underline { height: 35px } .input--underline input { font-size: 16px; padding-top: 8px; padding-bottom: 12px; padding-left: 0; font-family: Mont, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px } .input--underline:after { content: ""; background: #303034; height: 1px; width: 100%; bottom: 0; position: absolute } .input--underline .input__clear { justify-content: flex-end } .input--underline .input__clear:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e027"; font-size: 10px; transform: translateY(-1px); color: #afbbc6 } .input--label .input__label { pointer-events: none; position: absolute; z-index: 1; font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; transform-origin: top left; transition: all .2s; color: #97a4af; top: 14px; left: 14px; right: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .input--label .input__content { padding-top: 10px } .input--label.input--filled .input__label, .input--label.input--focus .input__label { overflow: visible; transform: translateY(-5px) scale(.66) } @keyframes autofill { to { -webkit-box-shadow: inset 0 0 0 50px #fff } } input:-internal-autofill-selected, input:-webkit-autofill { animation-name: autofill; animation-fill-mode: both } .popup-nav { padding: 45px 0 60px; visibility: hidden } [data-tippy-root] .popup-nav { visibility: visible } .popup-nav__items { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 40px; grid-row-gap: 80px; grid-template-columns: auto auto auto max-content } .popup-nav__category { font-size: 0 } .popup-nav__category:first-child { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2 } .popup-nav__category:nth-child(2) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 2/3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2 } .popup-nav__category:nth-child(3) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 3/4; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2 } .popup-nav__category:nth-child(4) { -ms-grid-column: 7; -ms-grid-column-span: 1; grid-column: 4/5; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1/2 } .popup-nav__category:nth-child(5) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; margin-top: 80px; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(5) { margin-top: 0 } } .popup-nav__category:nth-child(6) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 2/3; margin-top: 80px; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(6) { margin-top: 0 } } .popup-nav__category:nth-child(7) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 3/4; margin-top: 80px; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(7) { margin-top: 0 } } .popup-nav__category:nth-child(8) { -ms-grid-column: 7; -ms-grid-column-span: 1; grid-column: 4/5; margin-top: 80px; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2/3 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(8) { margin-top: 0 } } .popup-nav__category:nth-child(9) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; margin-top: 80px; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3/4 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(9) { margin-top: 0 } } .popup-nav__category:nth-child(10) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 2/3; margin-top: 80px; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3/4 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(10) { margin-top: 0 } } .popup-nav__category:nth-child(11) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 3/4; margin-top: 80px; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3/4 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(11) { margin-top: 0 } } .popup-nav__category:nth-child(12) { -ms-grid-column: 7; -ms-grid-column-span: 1; grid-column: 4/5; margin-top: 80px; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3/4 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(12) { margin-top: 0 } } .popup-nav__category:nth-child(13) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/2; margin-top: 80px; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-row: 4/5 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(13) { margin-top: 0 } } .popup-nav__category:nth-child(14) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 2/3; margin-top: 80px; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-row: 4/5 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(14) { margin-top: 0 } } .popup-nav__category:nth-child(15) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 3/4; margin-top: 80px; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-row: 4/5 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(15) { margin-top: 0 } } .popup-nav__category:nth-child(16) { -ms-grid-column: 7; -ms-grid-column-span: 1; grid-column: 4/5; margin-top: 80px; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-row: 4/5 } @supports (grid-row-gap: 1px) { .popup-nav__category:nth-child(16) { margin-top: 0 } } .popup-nav__category ul { font-size: 12px; display: block; margin-top: 20px } .popup-nav__category ul:after, .popup-nav__category ul:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .popup-nav__category ul:before { margin-bottom: -.4em } .popup-nav__category ul:after { margin-top: -.4em } .popup-nav__category ul a { font-family: Mont, sans-serif; font-weight: 400; line-height: 21px; color: #303034 } .desktop .popup-nav__category ul a:hover { color: #376593 } .popup-nav__category-title span { font-family: Mont, sans-serif; font-weight: 500; font-size: 13px; line-height: 18px; display: block; color: #303034 } .popup-nav__category-title span:after, .popup-nav__category-title span:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .popup-nav__category-title span:before { margin-bottom: -.27em } .popup-nav__category-title span:after { margin-top: -.27em } .popup-nav__category-icon { content: ""; height: 40px; width: 40px; display: block; margin-bottom: 30px; margin-top: -40px; top: 20px; position: relative; background-repeat: no-repeat; background-position: 0 } .desktop a.popup-nav__category-title:hover span { color: #376593 } .modal-overlay--theme-nav-mob { top: 50px } @media (max-width: 992px) { .modal-overlay--theme-nav-mob .modal, .modal-overlay--theme-nav-mob .modal__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } } .modal-overlay--theme-nav-mob .modal, .modal-overlay--theme-nav-mob.modal-overlay--disappear.modal-overlay--done .modal { bottom: 100%; transition: bottom .5s; background: #fff } .modal-overlay--theme-nav-mob.modal-overlay--disappear.modal-overlay--done .modal__content, .modal-overlay--theme-nav-mob .modal__content { opacity: 0; transition: opacity .2s } .modal-overlay--theme-nav-mob.modal-overlay--appear .modal, .modal-overlay--theme-nav-mob.modal-overlay--done .modal { bottom: 0 } .modal-overlay--theme-nav-mob.modal-overlay--appear .modal__content, .modal-overlay--theme-nav-mob.modal-overlay--done .modal__content { opacity: 1; transition: opacity .3s .15s } .modal-overlay--theme-nav-mob .nav-mob { padding-top: 10px } .nav-mob { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .nav-mob .sidebar__top { max-width: 1920px; margin: auto; padding-left: 80px; padding-right: 80px } @media (max-width: 1200px) { .nav-mob .sidebar__top { padding-left: 40px } } @media (max-width: 500px) { .nav-mob .sidebar__top { padding-left: 20px } } .source-app .nav-mob .sidebar__top { padding-left: 50px } @media (max-width: 1200px) { .nav-mob .sidebar__top { padding-right: 40px } } @media (max-width: 500px) { .nav-mob .sidebar__top { padding-right: 20px } } .source-app .nav-mob .sidebar__top { padding-right: 50px } .nav-mob__footer { padding-top: 5px } .nav-mob__main { flex: 1 1 auto; overflow: auto } .nav-mob__pages-wrap { padding: 0 20px; background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; display: flex; flex-flow: column nowrap; justify-content: space-between } .nav-mob__pages { flex: 1 1 auto } .nav-mob__pages .nav-sidebar { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto } .nav-mob__content { display: flex; flex-flow: column nowrap; justify-content: space-between; height: 100% } .nav-mob__section { max-width: 1920px; padding-left: 80px; padding-right: 80px; margin: 0 } @media (max-width: 1200px) { .nav-mob__section { padding-left: 40px } } @media (max-width: 500px) { .nav-mob__section { padding-left: 20px } } .source-app .nav-mob__section { padding-left: 50px } @media (max-width: 1200px) { .nav-mob__section { padding-right: 40px } } @media (max-width: 500px) { .nav-mob__section { padding-right: 20px } } .source-app .nav-mob__section { padding-right: 50px } .nav-mob__section:not(:last-child):after { content: ""; bottom: 0; right: 40px; left: 40px; height: 1px; background: #ebeef1; position: absolute } @media (max-width: 500px) { .nav-mob__section:not(:last-child):after { right: 20px; left: 20px } } .nav-mob__section--meta { padding-top: 3px } .nav-sidebar > ul ul { display: none } .nav-sidebar a { font-family: Mont, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 56px; letter-spacing: .36px; text-transform: uppercase; display: block } .nav-sidebar--main { padding: 18px 0 } .nav-sidebar--login { padding: 10px 0 } .nav-sidebar--secondary { padding: 30px 0 } .nav-sidebar--secondary a { font-weight: 500; font-size: 16px; line-height: 42px; text-transform: none } .nav-sidebar--page { overflow: hidden; max-width: 1920px; margin: auto; padding-left: 80px; padding-right: 80px } @media (max-width: 1200px) { .nav-sidebar--page { padding-left: 40px } } @media (max-width: 500px) { .nav-sidebar--page { padding-left: 20px } } .source-app .nav-sidebar--page { padding-left: 50px } @media (max-width: 1200px) { .nav-sidebar--page { padding-right: 40px } } @media (max-width: 500px) { .nav-sidebar--page { padding-right: 20px } } .source-app .nav-sidebar--page { padding-right: 50px } .nav-sidebar--page a { font-weight: 400; font-size: 16px; line-height: 42px; text-transform: none } .nav-sidebar__group-title:before { position: absolute; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e03a"; font-size: 9px; right: 0; height: 9px; top: 0; bottom: 0; margin: auto; line-height: 9px; color: #303034 } .nav-categories__items { display: flex; flex-flow: row wrap; justify-content: space-between; margin: -30px -15px } .nav-categories__items > * { flex: 1 1 0px } .nav-categories__item { margin: 30px 15px; min-width: 250px } @media (max-width: 768px) { .nav-categories__item { min-width: 130px } } @media (max-width: 500px) { .nav-categories__items { margin: -15px -5px } .nav-categories__item { margin: 15px 5px } } .breadcrumbs { display: flex; flex-flow: row wrap; justify-content: flex-start } .breadcrumbs .carousel { margin: 0 -80px } @media (max-width: 1200px) { .breadcrumbs .carousel { margin-left: -40px } } @media (max-width: 500px) { .breadcrumbs .carousel { margin-left: -20px } } .source-app .breadcrumbs .carousel { margin-left: -50px } @media (max-width: 1200px) { .breadcrumbs .carousel { margin-right: -40px } } @media (max-width: 500px) { .breadcrumbs .carousel { margin-right: -20px } } .source-app .breadcrumbs .carousel { margin-right: -50px } .breadcrumbs .carousel__slides { max-width: 1920px; margin: auto; padding-left: 80px; padding-right: 80px } @media (max-width: 1200px) { .breadcrumbs .carousel__slides { padding-left: 40px } } @media (max-width: 500px) { .breadcrumbs .carousel__slides { padding-left: 20px } } .source-app .breadcrumbs .carousel__slides { padding-left: 50px } @media (max-width: 1200px) { .breadcrumbs .carousel__slides { padding-right: 40px } } @media (max-width: 500px) { .breadcrumbs .carousel__slides { padding-right: 20px } } .source-app .breadcrumbs .carousel__slides { padding-right: 50px } .breadcrumbs .carousel__slide { width: auto } .breadcrumbs__item { font-family: Mont, sans-serif; font-weight: 400; font-size: 14px; line-height: 16px; white-space: nowrap; margin-right: 9px; color: #97a4af } .breadcrumbs__item:not(:last-child):after { color: #97a4af; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e000"; font-size: 8px; margin-left: 8px } .desktop a.breadcrumbs__item:hover { color: #4e8ecf } @media (min-width: 769px) { .breadcrumbs-wrap .back-link { display: none } } @media (max-width: 768px) { .breadcrumbs-wrap .breadcrumbs { display: none } } .catalog__items-wrap { flex: 1 1 0px } .catalog__items--loading { opacity: .5; transition: opacity .3s } .catalog__items--loading:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } @media (max-width: 992px) { .catalog__view { display: none !important } } .catalog__aside { flex: 0 0 auto; width: 250px; margin-right: 60px } .catalog__aside .page-header { margin-bottom: 19px } @media (max-width: 768px) { .catalog__aside { display: none } } @media (max-width: 768px) { .catalog--aside-mob .catalog__main { display: block } .catalog--aside-mob .catalog__aside { width: auto; display: block; margin-right: 0; margin-bottom: 20px } } .catalog__main { flex: 1 1 auto; width: 100%; display: flex; flex-flow: row nowrap; align-items: flex-start } .catalog__top { display: flex; flex-flow: row nowrap; justify-content: space-between; margin-left: 310px; margin-bottom: 25px; margin-top: -34px } @media (max-width: 768px) { .catalog__top { display: none } } .catalog-header__footer-mob { border-top: 1px solid #eee; padding-top: 17px; text-align: center } @media (min-width: 769px) { .catalog-header__footer-mob { display: none } } .product-list--tile { min-width: 1px; /*display: flex; flex-flow: row wrap;*/ display: grid; grid-template-columns: repeat(5, 1fr); align-items: stretch; justify-content: space-between; margin: -24px -15px } .product-list--tile .product-list__item { margin: 24px 15px; flex: 1 1 0px } .product-list--list { flex: 1 1 auto } .product-list--list .product-list__item + .product-list__item { margin-top: 61px } .product-list--list .product-list__item + .product-list__item:before { content: ""; top: -31px; position: absolute; left: 0; right: 0; height: 1px; background: #afbbc6; opacity: .2 } @media (max-width: 768px) { .product-list--list .product-list__item + .product-list__item { margin-top: 41px } .product-list--list .product-list__item + .product-list__item:before { top: -21px } } @media (min-width: 769px) { .carousel--text-checkbox .carousel__slides { margin: -5px; display: flex; flex-flow: row wrap } .carousel--text-checkbox .carousel__slides .text-checkbox { margin: 5px } } .carousel--text-checkbox .text-checkbox { width: auto; height: auto } .desktop .text-checkbox:not(.toggle--disabled-all):hover .text-checkbox__label { background: #e3ebf3 } .text-checkbox.toggle--active .text-checkbox__label { background: #22b0f3; color: #fff } .desktop .text-checkbox.toggle--active .text-checkbox__label:hover { background: #21b7ff } .text-checkbox.ui--disabled { opacity: .5 } .text-checkbox.toggle--disabled-all { opacity: 1 } .text-checkbox.toggle--disabled-all .text-checkbox__label { background: #f5f5f5; color: #717171 } .text-checkbox__label { text-align: center; white-space: nowrap; background: #ebf9ff; height: 36px; border-radius: 18px; padding: 11px 13px 0; transition: background-color .2s, color .2s; font-weight: 400; line-height: 1em } .text-checkbox__label, .ui-set__title { font-family: Mont, sans-serif; font-style: normal; font-size: 14px } .ui-set__title { font-weight: 500; line-height: 20px; display: block } .ui-set__title:after, .ui-set__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .ui-set__title:before { margin-bottom: -.3em } .ui-set__title:after { margin-top: -.3em } .ui-set__header { margin-bottom: 20px } .ui-set--compact .ui-set__header { margin-bottom: 5px } .count-link-list { display: block } .count-link-list:after, .count-link-list:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .count-link-list:before { margin-bottom: -.4em } .count-link-list:after { margin-top: -.4em } .count-link-list__content { display: flex; flex-flow: column nowrap; align-items: flex-start } .count-link-list__content .count-link { padding: 2px 0; max-width: 100% } .ui-set--line { display: flex; flex-flow: row nowrap } .ui-set--line .ui-set__header { margin-bottom: 0; margin-right: 15px } .ui-set__hidden { margin: 10px 0 } .control-panel .checkbox-list--main { margin: 40px 0 } .ui-set__header + .ui-set__content .checkbox-list--main { margin-top: 0 } .control-panel__section + .control-panel__section { border-top: 1px solid #eee; margin-top: 26px; padding-top: 25px } .control-panel__section .ui-set + .ui-set { margin-top: 30px } @media (max-width: 768px) { .control-panel__section .ui-set + .ui-set { margin-top: 20px } } .desktop .count-link:hover .count-link__text { color: #4e8ecf } .count-link__text { display: inline; font-size: 14px } .count-link__number, .count-link__text { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; line-height: 20px } .count-link__number { display: inline-block; font-size: 12px; margin-left: 6px; color: #97a4af } .toggle { user-select: none } .checkbox { font-size: 0; line-height: 0; display: block } .checkbox:after, .checkbox:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .checkbox:before { margin-bottom: 0 } .checkbox:after { margin-top: -3px } .desktop .checkbox:not(.ui--disabled):hover .checkbox__icon { border-color: #afbbc6 } .desktop .checkbox:not(.ui--disabled):hover .checkbox__label { color: #376593 } .checkbox.toggle--active .checkbox__icon { background: #4e8ecf; border-color: transparent } .checkbox.toggle--active .checkbox__icon:before { opacity: 1; transform: translateY(1px) } .desktop .checkbox.toggle--active:hover .checkbox__icon { border-color: transparent !important } .checkbox.ui--disabled { opacity: .4 } .checkbox__label { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; top: -2px } .checkbox__label a { font-weight: 500; color: #4e8ecf } .desktop .checkbox__label a:hover { color: #376593 } .checkbox-list__content { display: flex; flex-flow: column nowrap; align-items: flex-start } .checkbox-list__content .checkbox + .checkbox { margin-top: 10px } .checkbox-list--main .checkbox + .checkbox { margin-top: 20px } .checkbox__icon { width: 16px; height: 16px; border: 1px solid #d7dde3; border-radius: 1px; margin-right: 10px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; transition: background .2s } .checkbox__icon:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e026"; color: #fff; font-size: 7px; opacity: 0; transition: opacity .2s, transform .2s; transform: translateY(-3px) } .checkbox__content, .checkbox__content label { display: flex; flex-flow: row nowrap; align-items: flex-start } .checkbox__content label { max-width: 100%; overflow: hidden } .checkbox--cut { max-width: 100% } .checkbox--cut .checkbox__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .checkbox--cut .info-btn { margin-left: 8px; top: 2px } .checkbox--main .checkbox__label { font-weight: 500 } .checkbox--form .checkbox__label { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; top: 3px; white-space: normal; margin-left: 15px } .checkbox--form .checkbox__icon { width: 24px; height: 24px; margin-right: 0 } .checkbox--form .checkbox__icon:before { font-size: 9px } .checkbox--form:after { display: none } .desktop label.checkbox--form:hover .checkbox__label { color: #303034 } .range__input { display: flex; flex-flow: row wrap } .range__input > * { flex: 1 1 auto } .range__input .input + .input { margin-left: 10px } .color-checkbox input { position: absolute } .color-checkbox input:checked ~ .color-checkbox__icon:after { border-color: #4e8ecf; opacity: 1 !important; border-width: 2px } .desktop .color-checkbox:not(.toggle--disabled-all):hover .color-checkbox__icon:after { opacity: 1 } .color-checkbox.ui--disabled { opacity: .5 } .color-checkbox__icon { font-size: 0; line-height: 0; width: 24px; height: 24px; border-radius: 50% } .color-checkbox__icon:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; opacity: 0; border-radius: 50%; border: 1px solid #c4c4c4; transition: opacity .2s, border-color .2s } .color-checkbox__cover, .color-checkbox__cover:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .color-checkbox__cover:before { content: ""; border-radius: 50%; background: linear-gradient(0deg, #000, transparent 100%); mix-blend-mode: normal; opacity: .1 } .color-set__content { display: flex; flex-flow: row wrap; margin: -5px } .color-set__content .color-checkbox { margin: 5px } @media (max-width: 992px) { .color-set--fullscreen .color-set__content { justify-content: space-between } .color-set--fullscreen .color-set__content .color-checkbox { flex: 1 1 0px; min-width: 13% } .color-set--fullscreen .color-set__content .color-checkbox__icon { width: 100%; height: auto } .color-set--fullscreen .color-set__content .color-checkbox__icon:before { content: ""; display: block; padding-bottom: 100% } .ui-set-mob .color-set--fullscreen { margin-top: 10px } } .info-btn { height: 14px; color: #b9bec1; cursor: pointer } .info-btn:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e03b"; font-size: 14px; line-height: 14px } .desktop .info-btn:hover { color: #4e8ecf } @media (max-width: 992px) { .info-btn { height: 20px } .info-btn:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e03c"; font-size: 20px; line-height: 20px } .info-btn:before { content: ""; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px } } .info-btn > * { display: none } .balance .info-btn, .desktop .balance .info-btn:hover, .desktop .router .info-btn:hover, .desktop .section--theme-dark .info-btn:hover, .desktop .theme-dark .info-btn:hover, .router .info-btn, .section--theme-dark .info-btn, .theme-dark .info-btn { color: #fff } .choices__inner select[hidden] { display: block !important; visibility: hidden; width: 0; height: 0; position: absolute; left: 0; top: 0 } .select--light-btn .choices, .select--light .choices { font-size: 0 } .select--light-btn .choices:before, .select--light .choices:before { content: ""; position: absolute; top: -10px; right: 0; bottom: -10px; left: 0 } .select--light-btn .choices:after, .select--light .choices:after { display: none } .select--light-btn .choices[data-type*=select-one] .choices__inner, .select--light .choices[data-type*=select-one] .choices__inner { border: none; background: transparent; padding: 0 18px 0 0; min-height: 0 } .select--light-btn .choices[data-type*=select-one] .choices__inner:after, .select--light .choices[data-type*=select-one] .choices__inner:after { position: absolute; right: 0; top: 3px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e02f"; font-size: 7px; transform-origin: center; margin-left: 7px } .select--light-btn .choices[data-type*=select-one] .choices__inner .choices__item, .select--light .choices[data-type*=select-one] .choices__inner .choices__item { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; display: block } .select--light-btn .choices[data-type*=select-one] .choices__inner .choices__item:after, .select--light-btn .choices[data-type*=select-one] .choices__inner .choices__item:before, .select--light .choices[data-type*=select-one] .choices__inner .choices__item:after, .select--light .choices[data-type*=select-one] .choices__inner .choices__item:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .select--light-btn .choices[data-type*=select-one] .choices__inner .choices__item:before, .select--light .choices[data-type*=select-one] .choices__inner .choices__item:before { margin-bottom: -.3em } .select--light-btn .choices[data-type*=select-one] .choices__inner .choices__item:after, .select--light .choices[data-type*=select-one] .choices__inner .choices__item:after { margin-top: -.3em } .select--light-btn .choices[data-type*=select-one].is-open .choices__inner, .select--light .choices[data-type*=select-one].is-open .choices__inner { color: #4e8ecf } .select--light-btn .choices[data-type*=select-one].is-open .choices__inner:after, .select--light .choices[data-type*=select-one].is-open .choices__inner:after { transform: scaleY(-1) translateY(-1px) } .desktop .select--light-btn .choices[data-type*=select-one]:hover .choices__inner, .desktop .select--light .choices[data-type*=select-one]:hover .choices__inner { color: #4e8ecf } .select--light-btn .choices.is-flipped .choices__list--dropdown, .select--light .choices.is-flipped .choices__list--dropdown { margin-top: 0; margin-bottom: 10px } .select--light-btn-primary .choices[data-type*=select-one] .choices__inner { color: #4e8ecf } .select--light-btn-primary .choices[data-type*=select-one] .choices__inner .choices__item { font-weight: 400 } .select--light-dropdown .choices__list--dropdown, .select--light .choices__list--dropdown { width: auto; margin-top: 10px; border: none; padding: 10px 0; box-shadow: 0 4px 14px rgba(0, 0, 0, .1) } .select--light-dropdown .choices__list--dropdown .choices__item, .select--light .choices__list--dropdown .choices__item { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; padding: 5px 20px; white-space: nowrap } .select--light-dropdown .choices__list--dropdown .choices__item.is-highlighted, .select--light .choices__list--dropdown .choices__item.is-highlighted { background: #fff; color: #4e8ecf } .select--light-dropdown .choices__list--dropdown .choices__item.is-selected, .select--light .choices__list--dropdown .choices__item.is-selected { font-weight: 500 } .select--light-dropdown .choices__list--dropdown .choices__item.is-selected:after, .select--light .choices__list--dropdown .choices__item.is-selected:after { transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e026"; font-size: 7px; margin-left: 5px; opacity: 1; position: static } .select--light-dropdown .choices__list--single, .select--light .choices__list--single { padding: 0 } .select--light-dropdown .choices__list--single .choices__list--dropdown .choices__item, .select--light .choices__list--single .choices__list--dropdown .choices__item { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; display: block } .select--light-dropdown .choices__list--single .choices__list--dropdown .choices__item:after, .select--light-dropdown .choices__list--single .choices__list--dropdown .choices__item:before, .select--light .choices__list--single .choices__list--dropdown .choices__item:after, .select--light .choices__list--single .choices__list--dropdown .choices__item:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .select--light-dropdown .choices__list--single .choices__list--dropdown .choices__item:before, .select--light .choices__list--single .choices__list--dropdown .choices__item:before { margin-bottom: -.3em } .select--light-dropdown .choices__list--single .choices__list--dropdown .choices__item:after, .select--light .choices__list--single .choices__list--dropdown .choices__item:after { margin-top: -.3em } .select--main-btn .choices__inner, .select--main .choices__inner { border-radius: 5px } .select--main-btn .choices__inner .choices__item, .select--main .choices__inner .choices__item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute } .select--main-btn .choices__list--single, .select--main .choices__list--single { display: block } .select--main-btn .choices__inner, .select--main .choices__inner { min-height: 50px; background: #fff; border: none; padding: 14px 0 0 14px } .select--main-btn .choices__inner:after, .select--main .choices__inner:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #d7dde3; border-radius: 5px; pointer-events: none } .desktop .select--main-btn .choices__inner:hover:after, .desktop .select--main .choices__inner:hover:after { border-color: #afbbc6 } .select--main-btn .choices__inner .choices__item, .select--main .choices__inner .choices__item { padding-right: 45px } .select--main-btn.select--mob-thin .choices__inner, .select--mob-thin.select--main .choices__inner { min-height: 44px; padding-top: 11px } .select--main-dropdown .choices__list--single, .select--main .choices__list--single { padding: 0 } .select--main-dropdown .choices__placeholder, .select--main .choices__placeholder { opacity: 1; color: #97a4af } .select--main-dropdown .choices__list--dropdown .choices__item, .select--main-dropdown .choices__list--single .choices__item, .select--main .choices__list--dropdown .choices__item, .select--main .choices__list--single .choices__item { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px } .select--main-dropdown .choices__list--dropdown, .select--main .choices__list--dropdown { z-index: 9999; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25); border: none; border-radius: 5px; transform: translateY(15px) } .select--main-dropdown .choices__list--dropdown .choices__placeholder, .select--main .choices__list--dropdown .choices__placeholder { display: none } .select--main-dropdown .choices__list--dropdown .choices__item--selectable, .select--main .choices__list--dropdown .choices__item--selectable { padding: 10px 15px } .select--main-dropdown .choices__list--dropdown .choices__item--selectable.is-highlighted, .select--main .choices__list--dropdown .choices__item--selectable.is-highlighted { padding: 15px; background-color: #f2f5f9; color: #4e8ecf } .select--main-dropdown .choices[data-type*=select-one]:after, .select--main .choices[data-type*=select-one]:after { border: none; font-size: 9px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e02f"; right: 24px; margin-top: -4px; color: #97a4af } .select--main-dropdown .choices[data-type*=select-one].is-open:after, .select--main .choices[data-type*=select-one].is-open:after { transform: translateY(9px) scaleY(-1); color: #4e8ecf } .select--main-dropdown .choices[data-type*=select-one].is-open .choices__inner:after, .select--main .choices[data-type*=select-one].is-open .choices__inner:after { border-color: #4e8ecf } .select--show-placeholder .choices__placeholder:first-child { display: block } .sort__content { display: flex; flex-flow: row nowrap; align-items: center } .sort__content .sort-dir { margin-right: 10px; top: -2px } .sort-dir { cursor: pointer; width: 10px; height: 10px; font-size: 0 } .sort-dir:before { content: ""; position: absolute; top: -10px; right: -10px; bottom: -10px; left: 0 } .sort-dir:after { font-size: 10px; line-height: 10px } .sort-dir[data-value=asc]:after { content: "\e03d" } .sort-dir[data-value=asc]:after, .sort-dir[data-value=desc]:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .sort-dir[data-value=desc]:after { content: "\e03e" } .sort-dir[disabled] { opacity: .5 } .desktop .sort-dir:not(:disabled):hover { color: #4e8ecf } .view-list__content { display: flex; flex-flow: row nowrap } .view-list__content .view-checkbox + .view-checkbox { margin-left: 10px } .view-checkbox:before { content: ""; position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px } .desktop .view-checkbox:hover .view-checkbox__icon { color: #4e8ecf !important } .view-checkbox input { position: absolute } .view-checkbox input:checked ~ .view-checkbox__icon { color: #000 } .view-checkbox__icon { width: 14px; height: 14px; font-size: 14px; line-height: 14px; color: #c4c4c4; transition: color .1s } .view-checkbox--tile .view-checkbox__icon:after { content: "\e03f" } .view-checkbox--list .view-checkbox__icon:after, .view-checkbox--tile .view-checkbox__icon:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .view-checkbox--list .view-checkbox__icon:after { content: "\e040" } .spec-s__item { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; display: block } .spec-s__item:after, .spec-s__item:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .spec-s__item:before { margin-bottom: -.3em } .spec-s__item:after { margin-top: -.3em } .spec-s__item + .spec-s__item { margin-top: 18px } .spec-s__item-content { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end } .spec-s__item-content > * { flex: 1 1 auto } .spec-s__item-label { margin-right: 30px; font-size: 13px; } .spec-s__item-value { text-align: right } .spec-l { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 21px; display: block; margin: auto } .spec-l:after, .spec-l:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .spec-l:before { margin-bottom: -.9em } .spec-l:after { margin-top: -.9em } .spec-l__content { width: 100%; margin: auto; font-size: 16px; } .spec-l__item { display: flex; align-items: flex-start; min-height: 48px } .spec-l__item-label-wrap { width: calc(100% - 150px); vertical-align: middle; padding: 12px 50px 12px 0 } .spec-l__item-value { width: 150px; white-space: nowrap; vertical-align: top; padding: 12px 0; text-align: right; } .spec-l__item-label { display: inline-block; margin-right: .4em } .spec-l__item-desc { display: inline-block; color: #97a4af } @media (max-width: 992px) { .spec-l__item + .spec-l__item .spec-l__item-label-wrap, .spec-l__item + .spec-l__item .spec-l__item-value { border-top: 1px solid #eee } .spec-s__item { display: none; } } @media (max-width: 768px) { .spec-l { font-size: 16px; line-height: 20px } .spec-l__item-label-wrap { padding-right: 20px } } @media (max-width: 500px) { .spec-l__item-value { width: 150px; white-space: unset; } .spec-l__item-label-wrap { width: calc(100% - 150px); padding-right: 10px; } } .expand-checkbox { pointer-events: none !important; min-width: 36px; height: 36px; border-radius: 18px; cursor: pointer } .expand-checkbox__content { display: flex; flex-flow: row nowrap; height: 100% } .expand-checkbox__icon { pointer-events: none; font-size: 15px; transition: opacity .1s, transform .2s; width: 36px; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0 } .expand-checkbox__icon .ico { height: 1em; font-size: inherit } .expand-checkbox__label { white-space: nowrap } .expand-checkbox__label--checked { display: none } .expand-checkbox__icon--checked { opacity: 0; transform: translateX(20px) } .expand-checkbox__label-wrap { overflow: hidden; font-weight: 500; color: #4e8ecf; padding: 7px 0 0 15px; order: -1; opacity: 0; transition: opacity .1s, transform .1s; transform: translateX(10px) } .expand-checkbox__icon-wrap { width: 36px; height: 100%; pointer-events: all; position: static; flex: 0 0 auto; color: #4e8ecf } .expand-checkbox__icon-wrap:before { pointer-events: all; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); position: absolute; width: 36px; height: 100%; content: ""; top: 0; right: 0; background: #fff; border-radius: 18px; transition: width .3s, box-shadow .3s, background-color .2s } .desktop .expand-checkbox__icon-wrap:hover:before, .expand-checkbox--expand .expand-checkbox__icon-wrap:before { width: 100% !important } .desktop .expand-checkbox__icon-wrap:hover ~ .expand-checkbox__label-wrap, .expand-checkbox--expand .expand-checkbox__icon-wrap ~ .expand-checkbox__label-wrap { opacity: 1; transition: opacity .3s .15s, transform .3s .05s; transform: translateX(0) } .desktop .theme-neutral .expand-checkbox__icon-wrap:hover:before, .theme-neutral .expand-checkbox--expand .expand-checkbox__icon-wrap:before { box-shadow: 0 4px 14px transparent } .expand-checkbox--checked .expand-checkbox__label--checked { display: block } .expand-checkbox--checked .expand-checkbox__label--not-checked { display: none } .expand-checkbox--checked .expand-checkbox__icon--checked { opacity: 1; transform: translateX(0) } .expand-checkbox--checked .expand-checkbox__icon--not-checked { opacity: 0; transform: translateX(-10px) } .expand-checkbox--checked .expand-checkbox__icon-wrap { color: #fff } .expand-checkbox--checked .expand-checkbox__icon-wrap:before { background: #4e8ecf } .expand-checkbox--checked .expand-checkbox__label-wrap { color: #fff } .expand-checkbox--l { min-width: 60px; height: 60px } .expand-checkbox--l .expand-checkbox__label-wrap { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 21px; letter-spacing: 0; padding: 19px 0 0 29px; margin-right: -2px } .expand-checkbox--l .expand-checkbox__icon-wrap { width: 60px } .expand-checkbox--l .expand-checkbox__icon-wrap:before { width: 60px; border-radius: 30px } .expand-checkbox--l .expand-checkbox__icon { font-size: 21px; width: 60px } .collapse__content { overflow: hidden; height: 0; opacity: 0; transition: height .4s, opacity .3s .3s } .collapse__header { transition: height .2s, opacity .2s } .collapse__expand { cursor: pointer } .collapse__expand-text { display: inline } .collapse__expand-text--expanded { display: none } .collapse--process .collapse__content { opacity: 1 } .collapse--process.collapse--disposable .collapse__header { overflow: hidden; opacity: 0; height: 0 !important } .collapse--collapse .collapse__content { height: 0 !important } .collapse--expanded .collapse__content { opacity: 1; height: auto; overflow: visible } .collapse--expanded.collapse--disposable .collapse__header { overflow: hidden; opacity: 0; height: 0 !important } .collapse--expand .collapse__expand-text--expanded, .collapse--expanded .collapse__expand-text--expanded { display: inline } .collapse--expand .collapse__expand-text--collapsed, .collapse--expanded .collapse__expand-text--collapsed { display: none } .collapse [data-expand-btn] { cursor: pointer } .collapse:not(.collapse--initialized) .collapse__arrow { display: none } .collapse--ui-set .collapse__expand { padding-top: 0; font-weight: 500; color: #4e8ecf; transition: padding-top .5s } .collapse--ui-set .collapse__expand:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e041"; font-size: 5px; top: -1px; margin-left: 8px; position: relative; display: inline-block } .desktop .collapse--ui-set .collapse__expand:hover { color: #376593 } .collapse--ui-set.collapse--expand .collapse__expand, .collapse--ui-set.collapse--expanded .collapse__expand { padding-top: 9px } .collapse--ui-set.collapse--expand .collapse__expand:after, .collapse--ui-set.collapse--expanded .collapse__expand:after { transform: scaleY(-1) translateY(1px) } .accordion--table .collapse__content-wrap > td { padding-top: 0 !important; padding-bottom: 0 !important; line-height: 0 !important; font-size: 0 !important } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .accordion--table .collapse__content-wrap > td:before { bottom: 0; top: auto } } .accordion--table .collapse__header > td:before { display: none } .accordion--table .collapse__arrow { transition: transform .3s } .accordion--table .collapse__arrow:before { font-size: 9px; color: #000; opacity: .3; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e02f" } .accordion--table .collapse--expand .collapse__arrow, .accordion--table .collapse--expanded .collapse__arrow { transform: scaleY(-1) } .accordion--table .table__cell--name-collapse-arrow { width: 59px } @media (max-width: 500px) { .accordion--table .table__cell--name-collapse-arrow { width: 39px } } .accordion--table .table__cell--name-select { width: 52px } .accordion--main { display: block } .accordion--main:after, .accordion--main:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .accordion--main:before { margin-bottom: -17px } .accordion--main:after { margin-top: 0 } .accordion--main > .collapse { border-bottom: 1px solid #eee } .accordion--main > .collapse .collapse__header { transition: color .1s; cursor: pointer; padding: 17px 50px 17px 0; font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px } .accordion--main > .collapse .collapse__header:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e042"; font-size: 7px; position: absolute; top: 27px; right: 0; line-height: 1; color: #000; transition: transform .1s } .desktop .accordion--main > .collapse .collapse__header:hover, .desktop .accordion--main > .collapse .collapse__header:hover:after { color: #4e8ecf } .accordion--main > .collapse .collapse__content { padding: 0 75px } .accordion--main > .collapse .collapse__content:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-bottom: 30px } .accordion--main > .collapse .collapse__content:after { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-top: 50px } .accordion--main > .collapse.collapse--expand .collapse__header, .accordion--main > .collapse.collapse--expanded .collapse__header { color: #5250aa } .accordion--main > .collapse.collapse--expand .collapse__header:after, .accordion--main > .collapse.collapse--expanded .collapse__header:after { transform: scaleY(-1); color: #5250aa } @media (max-width: 992px) { .accordion--main > .collapse .collapse__content { padding: 0 } } @media (max-width: 768px) { .accordion--main > .collapse .collapse__header { font-size: 16px; line-height: 20px; font-weight: 500 } .accordion--main > .collapse .collapse__header:after { font-size: 6px } } .btn-ico-list { display: flex } .btn-ico-list > :not(:first-chlid) { margin-left: 20px } .btn-ico { cursor: pointer; height: 36px; border-radius: 999px; border: 1px solid #dadada } .desktop .btn-ico:hover .ico { color: #4e8ecf } .btn-ico--loading { opacity: .4 } .btn-ico__state { transition: transform .2s; position: absolute; right: 13px; top: 10px; font-size: 8px; font-family: Mont, sans-serif; font-style: normal; font-weight: 500; width: 14px; height: 14px; border-radius: 50%; background: #f55147; text-align: center; padding-top: 2px; color: #fff; margin-left: 8px; transform: translateY(1px); line-height: 10px } .btn-ico__state ~ .btn-ico__text-wrap { padding-right: 22px } .btn-ico__icon { font-size: 16px } .btn-ico--fullscreen { display: flex; justify-content: center } .btn-ico--collapsed .btn-ico__text-wrap { padding: 0 !important } .btn-ico--collapsed .btn-ico__text { width: 0 !important } .btn-ico--collapsed .btn-ico__content { padding-left: 10px; padding-right: 10px } .btn-ico--collapsed .btn-ico__state { transform: translate3d(17px, -14px, 0) scale(1) } .btn-ico--no-state .btn-ico__state { transform: scale(0) !important } .btn-ico--no-state .btn-ico__text-wrap { padding-right: 0 !important } .btn-ico--no-state.btn-ico--collapsed .btn-ico__state { transform: translate3d(17px, -14px, 0) scale(0) } .btn-ico__text { font-weight: 500; overflow: hidden; transition: width .2s } .btn-ico__text-wrap { align-self: stretch; overflow: hidden; padding-left: 7px } .btn-ico__content, .btn-ico__text-wrap { transition: padding .2s; display: flex; flex-flow: row nowrap; align-items: center } .btn-ico__content { padding: 0 13px; height: 100% } .btn-ico--no-border { border-color: transparent } .btn-ico--no-border .btn-ico__state { z-index: 1 } .btn-ico--no-border.btn-ico--collapsed .btn-ico__state { transform: translate3d(11px, -9px, 0) scale(1) } .btn-ico--l { width: 44px; height: 44px } .btn-ico--l.btn-ico--collapsed .btn-ico__content { padding-left: 14px; padding-right: 14px } .btn-ico--l.btn-ico--collapsed .btn-ico__state { transform: translate3d(14px, -11px, 0) scale(1) } .modal__close { z-index: 9999 } .modal-overlay--theme-map-fullscreen .modal__close { width: 50px; height: 50px; background: #fff; border-radius: 999px; position: absolute; right: 10px; top: 10px } .modal-overlay--theme-map-fullscreen .modal__close:before { position: absolute; top: 16px; left: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e027"; color: #4e8ecf; font-size: 17px } @media (max-width: 568px) { .modal-overlay--theme-map-fullscreen .modal__close { top: 70px } } .modal-overlay--theme-map-fullscreen.modal-overlay--disappear { display: none } .modal-overlay--theme-common .modal { background: #fff } @media (max-width: 992px) { .modal-overlay--theme-common .modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } } .modal-overlay--theme-common .modal__close { width: 50px; height: 47px; position: absolute; right: 0; top: 0 } .modal-overlay--theme-common .modal__close:before { position: absolute; top: 20px; right: 23px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e027"; color: #4e8ecf; font-size: 11px } .modal-overlay--theme-common .modal__content { top: 47px; z-index: 9999 } @media (max-width: 992px) { .modal-overlay--theme-common .modal__content { position: absolute; top: 47px; right: 0; bottom: 0; left: 0 } } .modal-overlay--theme-common.modal-overlay--show .modal { opacity: 1; transition: opacity .2s } .modal-overlay--theme-common.modal-overlay--show .modal__content { transform: translateY(0); opacity: 1; transition: opacity .3s linear .1s, transform .3s } .modal-overlay--theme-common.modal-overlay--show .modal__close { opacity: 1; transition: opacity .3s .2s } .modal-overlay--theme-common.modal-overlay--disappear .modal__close, .modal-overlay--theme-common .modal__close { opacity: 0; transition: opacity .2s } .modal-overlay--theme-common .modal, .modal-overlay--theme-common.modal-overlay--disappear .modal { opacity: 0; transition: opacity .2s .2s } .modal-overlay--theme-common.modal-overlay--disappear .modal__content, .modal-overlay--theme-common .modal__content { transform: translateY(-100px); opacity: 0; transition: opacity .2s linear, transform .2s cubic-bezier(.96, .01, 1, 1) } .modal-overlay--theme-info { transition: background-color .2s } .modal-overlay--theme-info .modal { background: transparent; top: 0; transition: opacity .2s linear, transform .5s cubic-bezier(.17, .85, 0, 1.01) } @media (max-width: 992px) { .modal-overlay--theme-info .modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } } .modal-overlay--theme-info .modal__close { display: none; width: 100%; top: -26px; background: transparent; height: 71px } .modal-overlay--theme-info .modal__close:before { display: block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e043"; font-size: 11px; margin-top: 45px; color: #e1e1e1 } .modal-overlay--theme-info .modal__content { overflow: auto } @media (max-width: 992px) { .modal-overlay--theme-info .modal__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } } .modal-overlay--theme-info .modal__content .info-card-wrap { height: 100% } .modal-overlay--theme-info.modal-overlay--show { background: rgba(0, 0, 0, .5) } .modal-overlay--theme-info.modal-overlay--show .modal { transform: translateY(0); opacity: 1 } .modal-overlay--theme-info, .modal-overlay--theme-info.modal-overlay--disappear { background: transparent } .modal-overlay--theme-info .modal, .modal-overlay--theme-info.modal-overlay--disappear .modal { opacity: 0; transform: translateY(100%) } .modal-overlay--theme-info.modal-overlay--disappear { transition: background-color .3s .1s } .modal-overlay--theme-info.modal-overlay--disappear .modal { transition: opacity .2s linear .2s, transform .3s cubic-bezier(.3, .06, 0, 1.01) } .info-card-wrap .carousel { height: 100% } .info-card-wrap .info-card { position: absolute; top: 26px; right: 0; bottom: 0; left: 0 } .source-app .info-card-wrap .info-card { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .info-card__content { height: 100%; overflow: auto } .info-card { border-top-left-radius: 23px; border-top-right-radius: 23px; background: #fff; padding-top: 47px; max-width: 1920px; margin: auto; padding-left: 80px; padding-right: 80px } @media (max-width: 1200px) { .info-card { padding-left: 40px } } @media (max-width: 500px) { .info-card { padding-left: 20px } } .source-app .info-card { padding-left: 50px } @media (max-width: 1200px) { .info-card { padding-right: 40px } } @media (max-width: 500px) { .info-card { padding-right: 20px } } .source-app .info-card { padding-right: 50px; border-top-left-radius: 30px; border-top-right-radius: 30px } .info-card__close { background: transparent; position: absolute; top: -26px; left: 0; width: 100%; height: 71px } .info-card__close:before { display: block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e043"; font-size: 11px; margin-top: 45px; color: #e1e1e1 } .modal-overlay--theme-min { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; overflow: auto; padding: 50px } .modal-overlay--theme-min .modal { max-width: 800px; flex: 0 1 auto; margin-top: auto; margin-bottom: auto } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .modal-overlay--theme-min .modal { align-self: flex-start } } .modal-overlay--theme-min .modal__close { position: absolute; right: 0; top: 0; font-size: 15px; display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; color: #afbbc6 } .desktop .modal-overlay--theme-min .modal__close:hover { color: #4e8ecf } .modal-overlay--theme-min .modal__close:before { content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e02e" } .modal-overlay--theme-min.modal-overlay--show { pointer-events: all; background: rgba(0, 0, 0, .5); transition: background-color .2s } .modal-overlay--theme-min.modal-overlay--show .modal { opacity: 1; transform: translateY(0); transition: transform .3s cubic-bezier(0, .63, .25, 1), opacity .2s } .modal-overlay--theme-min, .modal-overlay--theme-min.modal-overlay--disappear { pointer-events: none; transition: none; background: transparent } .modal-overlay--theme-min .modal, .modal-overlay--theme-min.modal-overlay--disappear .modal { transition: none; opacity: 0; transform: translateY(-100px) } .ui-set-mob + .ui-set-mob { margin-top: 40px } .ui-set-mob .ui-set-mob { display: none } .ui-set-mob__header { margin-bottom: 20px; display: flex; flex-flow: row nowrap; align-items: flex-end; justify-content: space-between } .ui-set-mob__actions { margin-left: 30px } .ui-set-mob__actions .btn--tertiary { margin: -11px 0 } .ui-set-mob__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; display: block } .ui-set-mob__title:after, .ui-set-mob__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .ui-set-mob__title:before { margin-bottom: -.2em } .ui-set-mob__title:after { margin-top: -.2em } .ui-control { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; min-height: 55px } .ui-control--group .ui-control__label:only-child:after { position: absolute; right: 0; top: 0; bottom: 0; font-size: 9px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e03a"; display: flex; align-items: center } .ui-control__label { padding: 10px 0; font-weight: 500; flex: 1 1 auto; display: flex; align-items: center; flex-flow: row nowrap } .ui-control__label .info-btn { margin-left: 10px } .ui-control__label .color-icon { margin-right: 15px } .ui-control__label .count { color: #97a4af; font-weight: 400; margin-left: .8em } .ui-control__label-icon { margin-right: 10px } .ui-control__label-icon.points-trans-status { transform: scale(.9) } .ui-label--disabled .ui-control__label-text { opacity: .5 } .ui-control__label--nowrap { overflow: hidden } .ui-control__label--nowrap .ui-control__label-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 0 1 auto } .ui-control__value { flex: 0 0 auto; padding: 10px 0; display: flex; align-items: center; margin-left: 40px; color: #4e8ecf } .ui-control__value--text { flex: 1 1 auto; text-align: right; display: block; overflow: hidden; text-overflow: ellipsis; color: #4e8ecf; white-space: nowrap } .ui-control__value--placeholder { color: #919ca6 } .ui-set-mob__content > li + li { border-top: 1px solid #ebeef1 } .color-icon { width: 30px; border-radius: 50% } .color-icon:before { content: ""; display: block; padding-bottom: 100% } .color-icon:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: linear-gradient(0deg, #000, transparent 100%); mix-blend-mode: normal; opacity: .1 } .color-icon--s { width: 24px } .radio input { position: absolute } .radio input:checked ~ .radio__icon:before { opacity: 1 } .radio__icon { width: 24px; height: 24px; border: 1px solid #e4e4e9; display: flex; align-items: center; justify-content: center; border-radius: 50% } .radio__icon:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #4e8ecf; transition: opacity .2s; opacity: 0 } .switch input { position: absolute } .switch.ui--disabled { opacity: .4 } .switch__icon { width: 49px; height: 30px; background: #e5e5ea; border-radius: 15px; transition: background .2s } .switch__icon:before { width: 30px; height: 30px; border-radius: 50%; background: #fff; content: ""; top: 0; position: absolute; left: 0; transform: scale(.875); transition: transform .2s } .switch input:checked ~ .switch__icon { background: #4e8ecf } .switch input:checked ~ .switch__icon:before { transform: translateX(19px) scale(.875) } .sidebar__back { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 48px; letter-spacing: .02em; text-transform: uppercase; cursor: pointer; color: #4e8ecf; padding: 15px 0 2px } .sidebar__back:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e044"; font-size: 9px; margin-right: 8px } .sidebar__top { opacity: 0; pointer-events: none; position: absolute; z-index: 1; background: #fff; width: 100%; transition: opacity .2s .2s } .sidebar__top .sidebar__back { opacity: 0; transition: opacity .2s } .sidebar--active .sidebar__top { opacity: 1; pointer-events: all; transition: opacity .2s } .sidebar--active .sidebar__top .sidebar__back { opacity: 1; transition: none } .sidebar__pages:before { margin-bottom: 0 } .sidebar__pages:after, .sidebar__pages:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .sidebar__pages:after { margin-top: 0 } .sidebar__page--extra { opacity: 0; transition: opacity .1s; background: #fff; margin-top: 66px } .sidebar__page--extra > * { transition: transform .2s; transform: translateX(50px) } .sidebar__page--extra.sidebar__page--active { opacity: 1 } .sidebar__page--extra.sidebar__page--active > * { transform: translateX(0) } .sidebar__page--anim-hide { position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0 !important; transition: opacity .2s .2s } .sidebar__page--anim-hide > * { transition: transform .2s, opacity .2s; opacity: 0; transform: translateX(50px) !important } .sidebar__page--anim-appear { position: absolute; height: 100%; width: 100%; left: 0; top: 0 } .modal-overlay--theme-common .sidebar__top { top: -58px } .modal-overlay--theme-common .sidebar__page--extra { margin-top: 8px } .sidebar--mob-filters, .sidebar--mob-filters .sidebar__page { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .sidebar--mob-filters .sidebar__page { max-width: 1920px; margin: auto; padding-left: 80px; padding-right: 80px; overflow-y: auto; overflow-x: hidden } @media (max-width: 1200px) { .sidebar--mob-filters .sidebar__page { padding-left: 40px } } @media (max-width: 500px) { .sidebar--mob-filters .sidebar__page { padding-left: 20px } } .source-app .sidebar--mob-filters .sidebar__page { padding-left: 50px } @media (max-width: 1200px) { .sidebar--mob-filters .sidebar__page { padding-right: 40px } } @media (max-width: 500px) { .sidebar--mob-filters .sidebar__page { padding-right: 20px } } .source-app .sidebar--mob-filters .sidebar__page { padding-right: 50px } .sidebar--mob-filters .sidebar__top { max-width: 1920px; margin: auto; padding-left: 80px; padding-right: 80px; display: flex; flex-flow: nowrap; justify-content: space-between; align-items: baseline; top: -47px; height: 65px; padding-top: 3px } @media (max-width: 1200px) { .sidebar--mob-filters .sidebar__top { padding-left: 40px } } @media (max-width: 500px) { .sidebar--mob-filters .sidebar__top { padding-left: 20px } } .source-app .sidebar--mob-filters .sidebar__top { padding-left: 50px } @media (max-width: 1200px) { .sidebar--mob-filters .sidebar__top { padding-right: 40px } } @media (max-width: 500px) { .sidebar--mob-filters .sidebar__top { padding-right: 20px } } .source-app .sidebar--mob-filters .sidebar__top { padding-right: 50px } .sidebar--mob-filters .sidebar__pages { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .sidebar--mob-filters .sidebar__back { padding: 17px 0 2px; line-height: 38px; font-size: 0 } .sidebar--mob-filters .sidebar__back:before { font-size: 12px; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e045" } .sidebar--mob-filters .sidebar__back, .sidebar--mob-filters .sidebar__top-right { flex: 1 0 auto } .sidebar--mob-filters .sidebar__top-right { display: flex; justify-content: flex-end } .sidebar--mob-filters .sidebar__title-wrap { margin: 0 30px; overflow: hidden } .sidebar--mob-filters .sidebar__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sidebar--mob-filters .sidebar__page--extra { padding-top: 18px } .sidebar--mob-filters .sidebar__footer { position: absolute; bottom: 0; background: #fff; width: 100%; max-width: 1920px; margin: auto; padding: 20px 80px } @media (max-width: 1200px) { .sidebar--mob-filters .sidebar__footer { padding-left: 40px } } @media (max-width: 500px) { .sidebar--mob-filters .sidebar__footer { padding-left: 20px } } .source-app .sidebar--mob-filters .sidebar__footer { padding-left: 50px } @media (max-width: 1200px) { .sidebar--mob-filters .sidebar__footer { padding-right: 40px } } @media (max-width: 500px) { .sidebar--mob-filters .sidebar__footer { padding-right: 20px } } .source-app .sidebar--mob-filters .sidebar__footer { padding-right: 50px } .sidebar--mob-filters.sidebar--footer .sidebar__page { padding-bottom: 90px } .wrap { height: 100vh; display: flex; flex-flow: column nowrap } .wrap > * { flex: 0 0 auto } .wrap__main { flex: 1 0 auto } .tabs .carousel { display: flex; max-width: 1920px; margin: auto; padding-left: 80px; padding-right: 80px } @media (max-width: 1200px) { .tabs .carousel { padding-left: 40px } } @media (max-width: 500px) { .tabs .carousel { padding-left: 20px } } .source-app .tabs .carousel { padding-left: 50px } @media (max-width: 1200px) { .tabs .carousel { padding-right: 40px } } @media (max-width: 500px) { .tabs .carousel { padding-right: 20px } } .source-app .tabs .carousel { padding-right: 50px } .tabs .carousel__slides { width: auto } .tabs .carousel__slides:before, .tabs:before { width: 100%; content: ""; height: 1px; position: absolute; bottom: 0; background: #eee } .tabs:before { left: 0 } .tabs__item { width: auto; cursor: pointer } .tabs__content { display: flex; margin-left: -80px; margin-right: -80px } @media (max-width: 1200px) { .tabs__content { margin-left: -40px } } @media (max-width: 500px) { .tabs__content { margin-left: -20px } } .source-app .tabs__content { margin-left: -50px } @media (max-width: 1200px) { .tabs__content { margin-right: -40px } } @media (max-width: 500px) { .tabs__content { margin-right: -20px } } .source-app .tabs__content { margin-right: -50px } .tabs--main .tabs__item { font-family: Mont, sans-serif; font-weight: 400; font-size: 16px; line-height: 22px; font-weight: 500; white-space: nowrap; color: #97a4af; transition: color .1s; /*padding-bottom: 18px;*/ padding-top: 18px; } /*.tabs--main .tabs__item:not(:last-child) {*/ /* margin-right: 60px*/ /*}*/ /*.tabs--main .tabs__item:before { content: ""; height: 2px; position: absolute; bottom: 0; width: 100%; background: transparent }*/ .desktop .tabs--main .tabs__item:hover { color: #303034 } .tabs--main .tabs__item .count { margin-left: .4em; display: inline } .tabs--main .tabs__item .count:before { content: "(" } .tabs--main .tabs__item .count:after { content: ")" } .tabs--main .tabs__item--active { pointer-events: none; color: #692596; /*color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(to bottom, #5f00d1 0%, #df00a7 100%);*/ } /*.tabs--main .tabs__item--active:before { background-color: #692596; background: linear-gradient(to bottom, #5f00d1 0%, #df00a7 100%); }*/ .tabs--main .count-icon { display: inline-block; vertical-align: middle; margin: 0 2px 0 0; top: -7px } @media (max-width: 768px) { .tabs--main .tabs__item { font-size: 14px; line-height: 18px; letter-spacing: .02em; text-transform: uppercase } .tabs--main .tabs__item:not(:last-child) { margin-right: 25px } /*.tabs--main .tabs__item:before { height: 3px }*/ } @media (min-width: 769px) { .tabs--categories .tabs__item { font-family: Mont, sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; font-weight: 500; white-space: nowrap; color: #97a4af; transition: color .1s; padding-bottom: 18px; padding-top: 18px } .tabs--categories .tabs__item:not(:last-child) { margin-right: 60px } .tabs--categories .tabs__item:before { content: ""; height: 2px; position: absolute; bottom: 0; width: 100%; background: transparent } .desktop .tabs--categories .tabs__item:hover { color: #303034 } .tabs--categories .tabs__item .count { margin-left: .4em; display: inline } .tabs--categories .tabs__item .count:before { content: "(" } .tabs--categories .tabs__item .count:after { content: ")" } .tabs--categories .tabs__item--active { pointer-events: none; color: #4e8ecf } .tabs--categories .tabs__item--active:before { background: #4e8ecf } .tabs--categories .count-icon { position: absolute; bottom: 32px } } @media (max-width: 768px) { .tabs--categories .count-icon { margin-left: 5px; display: inline-block; top: -1px } .tabs--categories:before { display: none } .tabs--categories .carousel { justify-content: space-between } .tabs--categories .carousel__slides { width: 100% } .tabs--categories .carousel__slides:before { display: none } .tabs--categories .tabs__content { border-bottom: none } .tabs--categories .tabs__content .carousel { flex: 1 1 auto } .tabs--categories .tabs__item { cursor: pointer; text-align: center; white-space: nowrap; background: #ebf9ff; height: 36px; border-radius: 18px; padding: 11px 13px 0; transition: background-color .2s, color .2s; font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1em; flex: 1 1 auto } .tabs--categories .tabs__item:not(:last-child) { margin-right: 10px } .tabs--categories .tabs__item--active { background: #4e8ecf; color: #fff } } @media (min-width: 769px) { .tabs--cabinet { margin-bottom: 20px } .tabs--cabinet .tabs__item { padding-top: 4px } } .tabs-wrap:before { pointer-events: none; content: ""; position: absolute; bottom: -30px; height: 30px; background: linear-gradient(180deg, hsla(0, 0%, 70.6%, .3), hsla(0, 0%, 70.6%, .1) 50%, hsla(0, 0%, 70.6%, 0)); width: 100%; opacity: 0; transition: opacity .4s } .tabs-wrap--fixed { width: 100vw; background: #fff } .tabs-wrap--fixed .carousel__slides:before, .tabs-wrap--fixed .tabs:before { display: none } .tabs-wrap--fixed:before { opacity: 1 } @media (max-width: 992px) { .tabs-wrap--fixed .tabs:before { bottom: auto; top: 0; display: block } } .tab-content__item:not(.tab-content__item--active) { position: absolute; overflow: hidden; height: 0 } .page-header__footer .count, .page-header__title .count { display: inline-block; vertical-align: baseline; font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #97a4af; margin-left: 11px } .main-ui-wrap { margin-top: 17px } @media (min-width: 769px) { .main-ui-wrap--empty { display: none } } @media (max-width: 768px) { .main-ui-wrap--empty .main-filter__btn { margin-right: 0; flex: 1 1 auto } .main-ui-wrap--empty .main-filter__items { display: none } } .page-header { margin-bottom: 52px } @media (max-width: 768px) { .page-header { margin-bottom: 20px } } .page-header__title-wrap { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: baseline; margin-top: -15px } .page-header__title-wrap:after { content: ""; display: block; width: 150px; order: 1; background: red } .page-header__title-wrap > * { margin-top: 15px } .page-header__desc { order: 99 } .required-sign { color: #f55147 } .required-sign:after { content: "*" } .note { color: #97a4af; font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px } .cabinet-section + .note { margin: 30px 0 } .page-header__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 34px; line-height: 39px; letter-spacing: .72px } @media (max-width: 768px) { .page-header__title { font-weight: 500; font-size: 22px; line-height: 24px; margin-right: 0 } .page-header__title .count { display: none !important } } .source-app .page-header__title { font-size: 31px; line-height: 35px; word-break: break-word } .page-header__footer { border-top: 1px solid #eee; padding-top: 17px; text-align: center } @media (min-width: 769px) { .page-header__footer { display: none } } .page-header--search .filter-btn-mob { margin-top: 20px } @media (min-width: 769px) { .page-header--search .page-header__title { text-align: center } } @media (max-width: 768px) { .page-header--search .tabs--categories .count { display: none !important } } @media (min-width: 769px) { .page-header--search { margin-bottom: 50px } } @media (max-width: 768px) { .main-ui { padding: 2px 0 20px } } .main-ui:before { pointer-events: none; content: ""; position: absolute; bottom: -30px; height: 30px; background: linear-gradient(180deg, hsla(0, 0%, 70.6%, .3), hsla(0, 0%, 70.6%, .1) 50%, hsla(0, 0%, 70.6%, 0)); width: 100%; opacity: 0; transition: opacity .4s } .main-ui--fixed, .wrap--map .main-ui { width: 100vw; background: #fff } .main-ui--fixed:before, .wrap--map .main-ui:before { opacity: 1 } .main-ui--fixed.main-ui--not-first .main-ui__content, .wrap--map .main-ui .main-ui__content { padding-top: 18px } .main-ui--fixed.main-ui--not-first .main-ui__content:after, .wrap--map .main-ui .main-ui__content:after { content: ""; position: absolute; top: 0; height: 1px; width: 100%; background: #eee } @media (min-width: 769px) { .filter-btn-mob { display: none !important } } .page-header-mob__ui { margin-top: 15px; display: flex; flex-flow: row nowrap } .page-header-mob__ui > * { flex: 1 1 auto } .page-header-mob__ui .btn-ico { flex: 0 0 auto; margin-left: 10px } .page-header-mob__subtitle { margin-top: 3px } .page-header-mob__top { margin-bottom: 10px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center } .page-header-mob__top .select { margin-top: 3px } .page-header-mob__top .choices__list--dropdown { right: 0; width: calc(100vw - 40px) } .page-header-mob__title { font-family: Mont, sans-serif; font-weight: 500; font-size: 24px; line-height: 28px } .main-filter__items { width: 100%; flex: 1 1 auto } @media (max-width: 768px) { .main-filter__items { margin-right: -80px; overflow: hidden; margin-left: -28px; padding-left: 28px } } @media (max-width: 768px)and (max-width: 1200px) { .main-filter__items { margin-right: -40px } } @media (max-width: 768px)and (max-width: 500px) { .main-filter__items { margin-right: -20px } } @media (max-width: 768px) { .source-app .main-filter__items { margin-right: -50px } } .main-filter__items-wrap { display: flex; flex-flow: row nowrap } @media (max-width: 768px) { .main-filter__items-wrap .main-filter__btn { background: #fff; z-index: 2 } .main-filter__items-wrap .carousel--text-checkbox { margin-left: -28px; padding-left: 28px; display: flex; justify-content: flex-start; padding-right: 80px } .main-filter__items-wrap .carousel--text-checkbox .carousel__slides { flex: 0 0 auto; width: auto; margin: 0 } } @media (max-width: 768px)and (max-width: 1200px) { .main-filter__items-wrap .carousel--text-checkbox { padding-right: 40px } } @media (max-width: 768px)and (max-width: 500px) { .main-filter__items-wrap .carousel--text-checkbox { padding-right: 20px } } @media (max-width: 768px) { .source-app .main-filter__items-wrap .carousel--text-checkbox { padding-right: 50px } } @media (max-width: 768px) { .main-filter__items-wrap .carousel--text-checkbox .carousel-arrow--prev { width: 100px; height: 36px; pointer-events: none; text-align: left; overflow: hidden } .main-filter__items-wrap .carousel--text-checkbox .carousel-arrow--prev[aria-disabled=true]:after { box-shadow: 0 0 0 0 #fff } .main-filter__items-wrap .carousel--text-checkbox .carousel-arrow--prev:after { transition: box-shadow .1s; content: ""; position: absolute; top: 0; width: 36px; height: 36px; border-radius: 50%; left: -18px; background: #fff; box-shadow: 0 0 8px 9px #fff } } .main-filter__btn { flex: 0 0 auto; margin-right: 10px } .back-link { cursor: pointer; font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; color: #4e8ecf; white-space: nowrap } .back-link:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e046"; font-size: 8px; margin-right: 1em } .desktop .back-link:hover { color: #376593 } .catalog__aside .back-link + .page-header { margin-top: 12px } @media (min-width: 769px) { .no-results { height: 100%; display: flex; align-items: center; justify-content: center; min-height: 700px; } .no-results .page-header { margin-top: 0; margin-bottom: 30px } } @media (max-width: 768px) { .no-results__text { color: #79848d; line-height: 26px; margin-top: -4px } } .no-results__actions { margin-top: 40px } @media (min-width: 769px) { .no-results__actions { display: flex; justify-content: center; margin-top: 15px } } .product-page { margin-top: 25px } .product-page__main { display: flex; flex-flow: row nowrap; align-items: stretch } .product-page__tab-content { margin: auto } .product-page__tab-content > .tab-content__item > :first-child { margin-top: 0 } .product-page__image { flex: 0 0 50%; height: 400px; margin-right: 75px } .product-page__image .gallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .product-page__main-info { flex: 1 1 0px; display: flex; flex-flow: column nowrap; justify-content: space-between; max-width: 550px } .product-page__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 32px; line-height: 41px; display: block } .product-page__title:after, .product-page__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .product-page__title:before { margin-bottom: -.25em } .product-page__title:after { margin-top: -.25em } .product-page__actions { margin: 18px 0 } .product-page__features { margin: 43px 0 } .product-page__main-footer { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center } .product-page__price { font-size: 30px; line-height: 1 } .product-page__points { height: 36px; border-radius: 18px; background: #f0f5fa; color: #4e8ecf; font-weight: 500; padding: 8px 13px 0; transition: background-color .2s, color .2s; margin-left: 16px } .desktop a.product-page__points:hover { background: #e3ebf3; color: #376593 } .product-page__detail-tabs { margin: 50px 0 40px } .product-page__fixed { position: fixed; right: 0; bottom: 0; z-index: 9998 } .product-page__fixed--detach { position: absolute; bottom: -100px } .product-page__compare-2 { position: absolute; right: 20px; bottom: 20px; transition: transform .5s; transform: translateX(200px) } .product-page__compare-2--shown { transform: translateX(0) } @media (min-width: 1601px) { .product-page__image { margin-right: 0; height: 470px } .product-page__image .gallery { right: 115px } .product-page__detail-tabs { margin-top: 70px } } @media (max-width: 992px) { .product-page__title { font-size: 24px; line-height: 28px; font-weight: 500 } .product-page__main-footer { margin-bottom: 0 } .product-page__image { margin-right: 40px } .product-page__detail-tabs { margin-top: 40px } } @media (max-width: 768px) { .product-page { margin-top: 15px } .product-page__main { display: block } .product-page__title { margin-top: 25px } .product-page__image { margin-right: 0; height: 200px } .product-page__actions { display: none } .product-page__features { margin: 30px 0 } .product-page__detail-tabs { margin-top: 23px; margin-bottom: 27px } } .gallery { display: flex; flex-flow: row nowrap; justify-content: space-between } .gallery__preview-list { flex: 0 0 auto; height: 100%; margin-right: 20px } .gallery__image-list { min-width: 0; flex: 1 1 0px; background: #f4f7fc } .gallery__image-list .js-product-evo-big-slider { position: absolute; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode: multiply } .gallery__image-list .carousel-dots { position: absolute; bottom: 15px; display: flex; flex-flow: row nowrap; width: 100%; justify-content: center } .gallery__image-list .carousel-dot { display: block; width: 4px; height: 4px; border-radius: 50%; background: #d0d8de } .gallery__image-list .carousel-dot + .carousel-dot { margin-left: 6px } .gallery__image-list .carousel-dot--active { background: #1c87fc } .gallery__image { display: flex; align-items: center; justify-content: center; padding: 60px; height: 100% } .gallery__image img { object-fit: contain; object-position: center; font-family: "object-fit:contain;object-position:center;"; max-width: 100%; max-height: 100%; flex: 1 1 0px } @media (min-width: 993px) { .gallery--product .gallery__image-list .carousel-dots { display: none } } @media (max-width: 992px) { .gallery--product .gallery__preview-list { display: none } } @media (max-width: 768px) { .gallery--product .gallery__image { padding: 30px 20px 40px } } @media (min-width: 1601px) { .gallery__preview-list { margin-right: 55px } } .img-preview-list { width: 55px } .img-preview-list .carousel { height: 100%; padding: 35px 0; display: none } .img-preview-list .carousel--initialized { display: block } .img-preview-list .carousel--fit { padding: 0 } .img-preview-list .carousel--fit .carousel-arrows { display: none } .img-preview-list .carousel-arrow { font-size: 0; line-height: 0; height: 35px; position: absolute; opacity: 1; width: 100% } .img-preview-list .carousel-arrow:after { font-size: 5px; line-height: 1; width: 100%; text-align: center; position: absolute; left: 0 } .img-preview-list .carousel-arrow:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .img-preview-list .carousel-arrow--prev { top: 0; left: 0 } .img-preview-list .carousel-arrow--prev:after { top: 10px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e047" } .img-preview-list .carousel-arrow--prev:before { background: linear-gradient(180deg, #fff, #fff 50%, hsla(0, 0%, 100%, 0)) } .img-preview-list .carousel-arrow--next { bottom: 0; } .img-preview-list .carousel-arrow--next:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e048"; bottom: 10px } .img-preview-list .carousel-arrow--next:before { background: linear-gradient(0deg, #fff, #fff 50%, hsla(0, 0%, 100%, 0)) } .img-preview-list .carousel-arrow--disabled { cursor: default } .img-preview-list .carousel-arrow--disabled:after { opacity: .4 } .img-preview-list__img { height: 50px; background: #f4f7fc; border-radius: 4px; cursor: pointer; display: flex; align-items: center; padding: 5px } .img-preview-list__img img { flex: 1 1 0px; max-height: 100%; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; object-position: center; font-family: "object-fit:contain;object-position:center;" } .swiper-slide-thumb-active, .img-preview-list__img--active { background-color: rgba(78, 142, 207, .2) } .slide-img-lazy { opacity: 0; transition: opacity .2s } .slide-img-lazy--loaded { opacity: 1 } .icon-checkbox { cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; color: #4e8ecf; transition: color .1s } .desktop .icon-checkbox:hover { color: #376593 } .icon-checkbox__icon--active { transform: translateX(100%) } .icon-checkbox--checked .icon-checkbox__icon--inactive { transform: translateX(-100%) } .icon-checkbox--checked .icon-checkbox__icon--active { transform: translateX(0) } .icon-checkbox--checked .icon-checkbox__label--inactive { display: none } .icon-checkbox--checked .icon-checkbox__label--active { display: block } .icon-checkbox--checked .icon-checkbox__icon-wrap { background: #4e8ecf; color: #fff } .icon-checkbox__icon-wrap { overflow: hidden; width: 46px; height: 46px; background: #fff; border-radius: 50%; box-shadow: 0 4px 14px rgba(0, 0, 0, .1) } .icon-checkbox__icon { transition: transform .3s; display: flex; align-items: center; justify-content: center; font-size: 17px; height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .icon-checkbox__label-wrap { font-weight: 500; margin-left: 15px } .icon-checkbox__label--active { display: none } .feature-s-list__content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 55px 30px; } @media (max-width: 1100px) { .feature-s-list__content { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 768px) { .feature-s-list__content { grid-template-columns: repeat(2, 1fr); } } /* .feature-s-list__item { margin: 7.5px 15px 7.5px 0; flex: 1 1 0px } */ .feature-s { min-width: 200px; display: flex; flex-flow: row nowrap; align-items: flex-start; align-items: center; } .feature-s__icon { position: absolute; width: 69px; height: 69px; flex: 0 0 auto; flex-flow: row nowrap; align-items: center; font-size: 36px; border-radius: 50%; background-color: #E1E9F0; } .feature-s__icon, .feature-s__right { display: flex; justify-content: center } .feature-s__right { padding-left: 85px; min-height: 36px; flex-flow: column nowrap; font-size: 0; line-height: 0; flex: 1 1 0px } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .feature-s__right { height: 36px; display: table-cell; vertical-align: middle } } .feature-s__desc { color: #b9bec1; margin-top: .4em } @media (max-width: 500px) { .feature-s { flex-direction: column; min-width: 135px } .feature-s__right { padding-left: 0; min-height: 0; margin-top: 10px; flex: 1 1 auto; justify-content: flex-start } .feature-s__icon { position: relative; font-size: 30px } .feature-s-list__item { margin: 10px } .feature-s__desc, .feature-s__title { font-size: 14px; line-height: 18px; text-align: center; } } .feature-m__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 28px; color: #000; margin-top: 30px; text-align: center } .feature-m__icon { color: #000; width: 69px; height: 69px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; border-radius: 50%; background-color: #E1E9F0; } .feature-m__desc { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; text-align: center; color: #97a4af; margin-top: 14px } .feature-m { display: flex; flex-flow: column nowrap; align-items: center } .feature-m > * { max-width: 100% } .feature-m-list { margin: 70px -20px } .feature-m-list:before { margin-bottom: -30px } .feature-m-list:after, .feature-m-list:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .feature-m-list:after { margin-top: -30px } .feature-m-list__content { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0 75px; } .feature-l-list__content { /*display: flex; flex-flow: row wrap*/ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } /*.feature-l-list__item { padding: 0 75px; width: 50%; margin: 50px 0 }*/ .feature-m-list__item { flex: 1 1 0px; padding: 30px 20px; min-width: 25% } .img-advantages { overflow: hidden; } .img-advantages img{ height: 350px; } @media (max-width: 1500px) { .feature-m-list__content { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1200px) { .feature-m-list__item { min-width: 50% } } @media (max-width: 1023.98px) { .feature-l-list__content { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 992px) { .feature-m-list { margin: 60px 0 } .feature-l-list__content, .feature-m-list__content { padding: 0 } } @media (max-width: 768px) { .feature-m-list__content { grid-template-columns: repeat(1, 1fr); } .img-advantages img { height: auto; } } @media (max-width: 500px) { .feature-m__title { font-size: 16px; line-height: 20px; margin-top: 13px } .feature-m__desc { font-size: 14px; line-height: 18px; margin-top: 10px } .feature-m-list { margin: 40px -10px } .feature-m-list:before { margin-bottom: -30px } .feature-m-list:after, .feature-m-list:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .feature-m-list:after { margin-top: -30px } .feature-m-list__item { padding: 30px 10px } } @media (min-width: 1601px) { .feature-m-list { margin-top: 110px; margin-bottom: 110px } } .feature-l__icon { width: 90px; height: 90px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; background: #f0f5fa; border-radius: 12px; color: #4e8ecf; font-size: 46px } .feature-l__icon-img { width: 46px; height: 46px; background-color: #4e8ecf; background-size: contain; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat } @supports not ((-webkit-mask-size: contain) or (mask-size:contain)) { .feature-l__icon-img { background-color: transparent } } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .feature-l__icon-img { background-color: transparent } } @supports (-webkit-mask-size: contain) or (mask-size:contain) { .feature-l__icon-img { background-image: none !important } } @media (max-width: 500px) { .feature-l__icon-img { width: 36px; height: 36px } } .feature-l__title { /*font-size: 32px;*/ font-size: 20px; line-height: 41px; margin: 30px 0 20px } .feature-l__desc, .feature-l__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 400 } .feature-l__desc { /*font-size: 18px;*/ font-size: 16px; line-height: 24px; color: #97a4af } .feature-l-list { margin: 100px 0 } .feature-l-list:before { margin-bottom: -50px } .feature-l-list:after, .feature-l-list:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .feature-l-list:after { margin-top: -50px } @media (max-width: 992px) { .feature-l-list__item { padding: 0; margin-top: 40px; } /*.feature-l-list__item .img-advantages { width: 90%; }*/ .feature-l-list { margin: 80px 0 } .feature-l-list:before { margin-bottom: -40px } .feature-l-list:after, .feature-l-list:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .feature-l-list:after { margin-top: -40px } .feature-l__title { font-size: 24px; line-height: 28px; font-weight: 500 } .feature-l__desc { font-size: 14px; line-height: 24px } } @media (max-width: 992px)and (min-width: 769px) { .feature-l__desc, .feature-l__title { padding-right: 60px } } @media (max-width: 768px) { .feature-l-list__item { width: auto; margin: 20px 0 } .feature-l-list { margin: 50px 0 } .feature-l-list:before { margin-bottom: -20px } .feature-l-list:after, .feature-l-list:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .feature-l-list:after { margin-top: -20px } .feature-l { /*display: flex; flex-flow: row nowrap;*/ border-radius: 12px; padding: 40px; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25) } .feature-l .img-advantages { margin-bottom: 10px; } .feature-l.collapse--expand .feature-l__desc, .feature-l.collapse--expanded .feature-l__desc { -webkit-line-clamp: unset; color: #303034 } .feature-l.collapse--expanded .feature-l__desc { height: auto } .feature-l.collapse--collapse .feature-l__desc { height: 60px !important } .feature-l__icon { flex: 0 0 auto; margin-right: 40px } .feature-l__title { margin-top: 0; font-size: 18px; line-height: 24px; margin-bottom: 11px; display: block } .feature-l__title:after, .feature-l__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .feature-l__title:before { margin-bottom: -.3em } .feature-l__title:after { margin-top: 0 } .feature-l__desc { overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; line-height: 20px; top: 5px; height: 60px; transition: height .3s, color .3s } .feature-l__desc:after { content: ""; display: block; height: 5px } .feature-l-list__item .img-advantages { width: 100%; } } @media (min-width: 1601px) { .feature-l-list { margin-bottom: 120px } } @media (max-width: 500px) { .feature-l { padding: 19px 15px } .feature-l.collapse--collapse .feature-l__desc { height: 38px !important } .feature-l__title { font-size: 16px; line-height: 18px; display: block; margin-bottom: 5px } .feature-l__title:after, .feature-l__title:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .feature-l__title:before { margin-bottom: -.15em } .feature-l__title:after { margin-top: 0 } .feature-l__desc { -webkit-line-clamp: 2; height: 38px; font-size: 16px; line-height: 18px } .feature-l__icon { margin-right: 20px; width: 60px; height: 60px; font-size: 35px } .feature-l-list__item { width: auto; margin: 5px 0 } .feature-l-list { margin: 50px 0 } .feature-l-list:before { margin-bottom: -5px } .feature-l-list:after, .feature-l-list:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .feature-l-list:after { margin-top: -5px } } .feature-article { display: flex; flex-flow: row nowrap; margin: 70px 0 } .feature-article__visual { flex: 0 0 50%; min-height: 483px; border-radius: 12px; overflow: hidden; display: flex; align-items: stretch; justify-content: space-between } .feature-article__visual > * { flex: 1 1 auto } .img-wrap { background: #f4f7fc; padding: 75px; display: flex; align-items: center; justify-content: center } .img-wrap img { object-fit: contain; object-position: center; font-family: "object-fit:contain;object-position:center;"; max-width: 100%; max-height: 100%; flex: 1 1 0px } .video-preview { cursor: pointer; background: #000 } .video-preview img { opacity: .7; width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: "object-fit:cover;object-position:center;" } .video-preview:after, .video-preview:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 1 } .video-preview:before { width: 95px; height: 71px; font-size: 71px; content: "\e049"; color: #333; opacity: .7; transition: all .2s } .video-preview:after, .video-preview:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400 } .video-preview:after { width: 26px; height: 35px; font-size: 35px; content: "\e04a"; color: #fff } .video-preview:hover:before { opacity: .8; color: #4e8ecf } @media (max-width: 768px) { .video-preview:before { width: 62px; height: 46px; font-size: 46px } .video-preview:after { width: 17px; height: 23px; font-size: 23px } } .video-preview--iframe:after, .video-preview--iframe:before { display: none } .feature-article__title { font-weight: 500; font-size: 40px; line-height: 41px } .feature-article__text, .feature-article__title { font-family: Mont, sans-serif; font-style: normal } .feature-article__text { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 46px; color: #97a4af } .feature-article__text p, .feature-article__text ul { margin: 25px 0 } .feature-article__text ul.close { margin-top: -20px } .feature-article__text li { display: block; padding-left: 17px } .feature-article__text li:before { content: ""; background: #4e8ecf; width: 5px; height: 5px; position: absolute; left: 0; top: 10px; border-radius: 50% } .feature-article__text li + li { margin-top: 5px } .feature-article__main-wrap { display: flex; flex-flow: column nowrap; justify-content: center; flex: 1 1 auto } @media (min-width: 769px) { .feature-article__main-wrap { padding: 75px } } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .feature-article__main-wrap { flex-basis: 0 } } @media (max-width: 992px) { .feature-article { margin: 60px 0 } .feature-article__title { font-size: 24px; line-height: 28px } .feature-article__text { font-size: 14px; line-height: 24px; margin-top: 20px } .img-wrap { padding: 40px } } @media (max-width: 992px)and (min-width: 769px) { .feature-article__main-wrap { padding: 60px 60px 60px 0 } .feature-article__visual ~ .feature-article__main-wrap { padding-right: 0; padding-left: 60px } } @media (max-width: 768px) { .feature-article { flex-flow: column nowrap; margin: 40px 0 } .feature-article__visual { order: -1; height: 200px; flex: 0 0 auto; min-height: 0 } .feature-article__title { margin-top: 20px } .feature-article__text { margin-top: 15px } .feature-article__text p, .feature-article__text ul { margin: 12px 0 } .feature-article__text ul.close { margin-top: -12px } .feature-article__text li + li { margin-top: 0 } .feature-article__text > :last-child { margin-bottom: 0 } } .feature-article--bad-image { margin: 110px 0 } .feature-article--bad-image .feature-article__visual { min-height: 50px; display: block; align-self: center; padding: 0 75px; height: auto } .feature-article--bad-image .feature-article__visual .img-wrap { background: transparent; padding: 0; overflow: hidden; border-radius: 12px } .feature-article--bad-image .feature-article__visual .img-wrap img { width: 104%; max-width: none; margin: -2% } @media (max-width: 992px) { .feature-article--bad-image .feature-article__visual { padding: 0 } } @media (max-width: 768px) { .feature-article--bad-image .feature-article__visual { align-self: flex-start } } .feature-article--bad-image .feature-article__main-wrap { padding-top: 0; padding-bottom: 0 } @media (max-width: 992px) { .feature-article--bad-image { margin: 60px 0 } } @media (max-width: 768px) { .feature-article--bad-image { margin: 40px 0 } } .icon-link-l { min-height: 40px; display: flex; align-items: flex-start } .desktop a.icon-link-l:hover .icon-link-l__text { color: #4e8ecf } .icon-link-l__icon { width: 40px; height: 40px; /*background: #fff;*/ border-radius: 50%; flex: 0 0 auto; margin-right: 20px; display: flex; align-items: center; justify-content: center; color: #4e8ecf; font-size: 17px; background-color: #692596; /*background: linear-gradient(270deg, #5F00D1 0%, #DF00A7 100%);*/ position: relative; } .icon-link-l__icon img { z-index: 10; } .icon-link-l__icon:after { content: ""; position: absolute; width: 38px; height: 38px; top: 1px; left: 1px; background-color: #fff; border-radius: 50%; } .icon-link-l__icon .ico--download:before { top: -.11em } .icon-link-l__text { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; align-self: center; color: #000 } .icon-link-l-list .icon-link-l + .icon-link-l { margin-top: 20px } @media (min-width: 993px) { .icon-link-l-list--line { display: flex; align-items: center } .icon-link-l-list--line .icon-link-l + .icon-link-l { margin-top: 0; margin-left: 60px } } .search-popup { background: #fff; z-index: 10000; padding: 30px 0 } @media (min-width: 993px) { .search-popup:before { pointer-events: none; content: ""; position: absolute; bottom: -30px; height: 30px; background: linear-gradient(180deg, hsla(0, 0%, 70.6%, .3), hsla(0, 0%, 70.6%, .1) 50%, hsla(0, 0%, 70.6%, 0)); width: 100% } } .source-app .search-popup { position: absolute; top: 108px; right: 0; bottom: 0; left: 0; position: fixed; overflow: auto; padding-top: 0 } .header-app--fixed ~ .search-popup { top: 90px } .search-popup__no-results { color: #97a4af } @media (min-width: 993px) { .search-popup__no-results { padding-left: 225px } } @media (min-width: 993px) { .search-category { display: flex; flex-flow: row nowrap } } .search-category__header { width: 225px; display: flex; flex: 0 0 auto; padding: 8px 40px 8px 0; text-transform: lowercase; color: #97a4af } @media (min-width: 993px) { .search-category__header { justify-content: flex-end } } .search-popup__results { display: block } .search-popup__results:after, .search-popup__results:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .search-popup__results:before { margin-bottom: -8px } .search-popup__results:after { margin-top: -8px } .search-category__item { display: block; padding: 8px 0 } .search-text__part { display: inline } .search-text--highlighted { color: #4e8ecf } .search-text__part--found { font-weight: 500 } @media (max-width: 992px) { .search-category__header, .search-category__item { font-size: 16px; line-height: 22px } .search-popup__no-results { font-size: 16px; line-height: 26px } .search-category__header { padding-top: 15px } } .hidden-checkbox { font-size: 0; line-height: 0 } .hidden-checkbox.toggle--active .hidden-checkbox__icon { opacity: 1; transform: translateY(0) } .hidden-checkbox.ui--disabled { opacity: .4 } .hidden-checkbox__icon { opacity: 0; width: 14px; height: 11px; font-size: 11px; line-height: 1; transition: opacity .1s, transform .1s; transform: translateY(-7px); color: #4e8ecf } .hidden-checkbox__icon:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e04b" } .count-icon { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 8px; line-height: 1; width: 14px; height: 14px; background: #f55147; border-radius: 50%; color: #fff; padding-top: 3px; text-align: center } .count-icon--small { width: 6px; height: 6px; font-size: 0 } .modal-content--common .modal-content__header { margin-bottom: 30px } .modal-content--common .modal-content__subtitle { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px } .modal-content--common .modal-content__subtitle a { color: #4e8ecf } .desktop .modal-content--common .modal-content__subtitle a:hover { color: #376593 } @media (min-width: 769px) { .modal-content--common { background: #fff; padding: 0 65px } .modal-content--common:before { margin-bottom: 60px } .modal-content--common:after, .modal-content--common:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .modal-content--common:after { margin-top: 60px } .modal-content--common .modal-content__back { position: absolute; top: 20px; left: 22px } .modal-content--common .modal-content__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; color: #000; text-align: center } .modal-content--common .modal-content__subtitle { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; text-align: center; margin-top: 15px } .modal-content--common .modal-content__header--main .modal-content__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 36px; line-height: 41px; letter-spacing: .02em } .modal-content--common .modal-content__header--main .modal-content__subtitle { margin-top: 10px } } @media (max-width: 768px) { .modal-content--common { background: #fff; padding: 0 40px } .modal-content--common:before { margin-bottom: 40px } .modal-content--common:after, .modal-content--common:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .modal-content--common:after { margin-top: 40px } } .info-card .modal-content--common .modal-content__header { margin-bottom: 25px } .info-card .modal-content--common .modal-content__back { margin-bottom: 12px } .info-card .modal-content--common .modal-content__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px } .info-card .modal-content--common .modal-content__subtitle { margin-top: 12px } .form-fieldset--input .form-field--input, .form-fieldset--input .form-field--radio, .form-fieldset--input .form-field-group--input { flex-grow: 0; flex-shrink: 0; flex-basis: calc(25% - 20px) } @media (max-width: 1600px) { .form-fieldset--input .form-field--input, .form-fieldset--input .form-field--radio, .form-fieldset--input .form-field-group--input { flex-basis: calc(33.33333% - 20px) } } @media (max-width: 1200px) { .form-fieldset--input .form-field--input, .form-fieldset--input .form-field--radio, .form-fieldset--input .form-field-group--input { flex-basis: calc(50% - 20px) } } @media (max-width: 768px) { .form-fieldset--input .form-field--input, .form-fieldset--input .form-field--radio, .form-fieldset--input .form-field-group--input { flex: 1 1 100% } } .form-field__error { color: #f55147 } .form-field__desc { color: #97a4af; margin-top: 6px } .form-field--input.form-field--error .input { background: #fff4f1 } .form-field--input.form-field--error .input:after, .form-field--input.form-field--error .select--main-btn .choices__inner:after, .form-field--input.form-field--error .select--main .choices__inner:after { border-color: #f55147 !important } .form-field--input.form-field--error .choices__inner { background: #fff4f1 } .form-field--input.form-field--error .input--disabled:after { border-color: #afafaf !important } .form-field--input .form-field__footer { display: flex; flex-flow: row nowrap } .form-field--input .form-field__footer > * { flex: 1 1 auto } .form-field--input.form-field--required .input:before, .form-field--input.form-field--required .select:before { pointer-events: none; content: "*"; position: absolute; z-index: 1; width: 18px; height: 18px; background: #fff; border-radius: 999px; top: -8px; right: -7px; color: #f55147; font-size: 16px; font-weight: 500; padding-top: 3px; box-sizing: border-box; text-align: center } .form-field__error, .form-field__footer { margin-top: 6px } .form-field__desc + .form-field__error, .form-field__desc + .form-field__footer { margin-top: 1px } .form-field__footer .form-field__error { margin-top: 0 } .form-field__links { text-align: right } .form-field__links a { color: #4e8ecf } .form-field-group--input .form-field-group__items { display: flex; flex-flow: row wrap; margin: -7.5px -10px } .form-field-group--input .form-field { flex: 1 1 auto; margin: 7.5px 10px } @media (max-width: 768px) { .form-field-group--input .form-field-group__items { margin: -7.5px } .form-field-group--input .form-field { margin: 7.5px } .form-field-group--input.form-field-group--building .form-field:first-child { width: 100% } } .form-field-group--input.form-field-group--equal-line .form-field-group__items { flex-wrap: nowrap } .form-field-group--input.form-field-group--equal-line .form-field-group__items > * { flex-basis: 0 } .form-fieldset--input .form-field--radio { flex-grow: 1; flex-shrink: 1 } .form-fieldset--input .form-field--radio .form-field__content { height: 50px } .form-field--radio .form-field__content { height: 100%; display: flex; flex-flow: row nowrap; align-items: center } .form-field--radio .form-field__label { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; margin-right: 26px } .form-field--radio.form-field--error .radio__icon { border-color: #f55147 } @media (max-width: 768px) { .form-field--radio .form-field__content { flex-wrap: wrap } .form-field--radio .form-field__error { margin-top: 10px } .form-field--radio .form-field__label { margin-top: 6px; width: 100%; margin-bottom: 15px } .form-fieldset--input .form-field--radio .form-field__content { height: auto } .form-fieldset--input .form-field--radio .form-field__error { margin-top: 14px } } .form-field--checkbox { margin: 40px 0 } .form-field--checkbox.form-field--error .checkbox__icon { border-color: #f55147 } .form-field--checkbox.form-field--error .toggle--active .checkbox__icon { background-color: #f55147 } .form-field--checkbox .form-field__desc { margin-left: 39px } @media (max-width: 768px) { .form-field--checkbox { margin: 30px 0 } } .page-group__item:not(.page-group__item--active) { visibility: hidden; overflow: hidden; width: 0; height: 0 } .radio-set__items { display: flex; flex-flow: row nowrap; margin: -10px -15px } @media (max-width: 768px) { .radio-set__items { flex-wrap: wrap } } .radio-set__item { flex: 1 1 auto; display: flex; flex-flow: row nowrap; align-items: center; margin: 10px 15px } .radio-set__item-label { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px } .radio-set__item-icon { margin-right: 14px } .tip-icon-btn { width: 100%; padding: 10px 15px } .desktop .tip-icon-btn:hover { color: #4e8ecf } .tip-icon-btn__text { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 30px; margin-right: 40px } .tip-icon-btn__content { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between } .confirm__text { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 26px } @media (min-width: 769px) { .confirm__text { max-width: 450px } } .confirm__header { margin-bottom: 10px } .confirm__actions { margin-top: 21px } .confirm__actions .btn { min-width: 50px } .confirm-footer { background: #fff; position: fixed; right: 10px; bottom: 10px; width: 390px; padding: 20px; z-index: 999999; box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25) } .confirm-footer--action { width: auto; min-width: 280px } @media (max-width: 768px) { .confirm-open .footer-2 { padding-bottom: 130px } .confirm-footer { left: 0; right: 0; width: auto; bottom: 0; border-top-left-radius: 20px; border-top-right-radius: 20px } .confirm-footer .confirm { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between } .confirm-footer .confirm [data-cancel] { order: -1 } .confirm-footer .confirm .btn { height: 50px } .confirm-footer .confirm .btn .btn__content { padding: 0 15px } .confirm-footer .confirm .btn .btn__text { display: none } .confirm-footer .confirm .btn .btn__icon { font-size: 16px } .confirm-footer .confirm__actions { margin-top: 0 } } @keyframes spinner-i { 0% { opacity: .5 } to { opacity: .1 } } .spinner-wrap--center { display: flex; justify-content: center; align-items: center } .spinner__content { display: flex; flex-flow: row nowrap } .spinner__i { flex: 0 0 auto; width: 8px; height: 8px; background: #000; border-radius: 50%; animation-name: spinner-i; animation-iteration-count: infinite; animation-direction: alternate; animation-duration: .6s } .spinner__i + .spinner__i { margin-left: 8px } .spinner__i--2 { animation-delay: .2s } .spinner__i--3 { animation-delay: .4s } .transaction-info__header { display: flex; flex-flow: row nowrap; align-items: baseline; justify-content: space-between; margin-bottom: 3px } .transaction-info__header .table-date { white-space: nowrap } .transaction-info__header .table-date > * { display: inline } .transaction-info__header > :last-child:not(:only-child) { margin-left: 20px } .transaction-info__date, .transaction-info__text { font-family: Mont, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px } .user-info { font-family: Mont, sans-serif; font-size: 14px; line-height: 18px } .desktop a.user-info:hover { color: #4e8ecf } .user-info__company { font-weight: 500 } .input-list__content .input-list__item + .input-list__item { margin-top: 14px } .button-tabs { height: 50px; border-radius: 999px; box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25) } .button-tabs__content { height: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; background: #fff; border-radius: 999px } .button-tabs__item { flex: 1 1 auto } .button-tabs__item + .button-tabs__item { margin-left: -5px } .button-tab { height: 100%; border-radius: 999px; padding: 0 10px; color: #afbbc6 } .desktop .button-tab:hover { color: #4e8ecf } .button-tab__icon { font-size: 16px; margin-right: 10px } .button-tab__icon--map .ico { font-size: 1.1875em } .button-tab__icon--map .ico:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e04c" } .button-tab--active .button-tab__icon--map .ico { font-size: 1em } .button-tab--active .button-tab__icon--map .ico:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e04d" } .button-tab__text { font-family: Mont, sans-serif; font-weight: 500; font-size: 16px; line-height: 20px } .button-tab__content { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; height: 100% } .button-tab--active { pointer-events: none; color: #fff; background: #376593 } .button-tabs--compact { height: 44px } .button-tabs--compact .button-tabs__content { padding: 3px } .button-tabs--compact .button-tab { width: 38px; height: 38px; padding: 0 } .button-tabs--compact .button-tab__text { display: none } .button-tabs--compact .button-tab__icon { margin-right: 0 } .button-tabs--compact .button-tabs__item + .button-tabs__item { margin-left: 0 } .gm-style .gm-style-iw-t:after { left: 0; position: absolute; top: 0; transform: translateY(-2px) scaleY(.9) translate(-50%, -50%) rotate(-45deg); box-shadow: none } .gm-style .gm-style-iw-c { padding: 20px !important; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25) } .gm-style .gm-style-iw-c > button { top: 0 !important; right: 0 !important; color: #4e8ecf; opacity: 1 !important; width: 50px !important; height: 50px !important } .desktop .gm-style .gm-style-iw-c > button:hover { color: #376593 } .gm-style .gm-style-iw-c > button:before { position: absolute; top: 20px; right: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e027"; font-size: 11px } .gm-style .gm-style-iw-c > button img, .gm-style .gm-style-iw-c > button span { display: none !important } .gm-style .gm-style-iw-d { overflow: auto !important } .map-cluster img { clip: auto !important; width: 100%; height: 100% } .map-cluster [aria-label] { font-family: Mont, sans-serif; font-weight: 500; color: #4e8ecf; margin-top: 11px; font-size: 16px; line-height: 20px } .card-list__content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } @media (max-width: 1450px) { .card-list__content { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 768px) { .card-list__content { gap: 10px 20px; } } /*@media (max-width: 655px) {*/ /* .card-list__content {*/ /* grid-template-columns: repeat(1, 1fr);*/ /* }*/ /*}*/ .place-tip { flex-basis: 270px } .map .place-tip { max-width: 300px } .place-tip__content { display: flex; flex-flow: column nowrap; justify-content: space-between; height: 100% } .place-tip__logo { margin-bottom: 20px; display: none !important } .place-tip__name { font-family: Mont, sans-serif; font-weight: 500; font-size: 16px; line-height: 18px; margin-bottom: 8px; margin-right: 40px } @media (max-width: 768px) { .place-tip__name { padding-top: 3px } } .place-tip__address { font-family: Mont, sans-serif; font-weight: 400; font-size: 13px; line-height: 16px; color: #97a4af } @media (max-width: 768px) { .place-tip__address { font-size: 12px; margin-bottom: 7px } } .place-tip__working-hours { margin-top: 5px } .place-tip__contacts { margin-top: 15px } .place-tip__contacts, .place-tip__working-hours { font-family: Mont, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px } .place-tip__site { margin-top: 11px } @media (max-width: 768px) { .place-tip__site { margin-top: 6px } .place-tip__site .btn { display: none } } @media (min-width: 769px) { .place-tip__site .arrow-link { display: none } } @media (max-width: 768px) { .place-tip__logo { display: none } } .pin { width: 44px; height: 44px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 33'%3E%3Cpath d='M22.55 21.64A12.8 12.8 0 0026 12.89a13 13 0 00-26 0 12.78 12.78 0 002.79 8l9 11.66a1 1 0 001.55 0z' fill='%237b79e4'/%3E%3Cellipse cx='13' cy='12.89' rx='4.33' ry='4.3' fill='%23fff'/%3E%3C/svg%3E"); background-size: contain; background-position: 50%; background-repeat: no-repeat; cursor: pointer } .marker--active .pin { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 44'%3E%3Cpath d='M29.48 28.2A16.61 16.61 0 0034 16.8 16.9 16.9 0 0017 0 16.9 16.9 0 000 16.8a16.63 16.63 0 003.65 10.4l12 15.5a1 1 0 001.55 0z' fill='%235653d2'/%3E%3Cellipse cx='17' cy='16.8' rx='5.67' ry='5.6' fill='%23fff'/%3E%3C/svg%3E"); width: 64px; height: 64px } .pin--showroom { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 33'%3E%3Cpath d='M22.55 21.64A12.8 12.8 0 0026 12.89a13 13 0 00-26 0 12.78 12.78 0 002.79 8l9 11.66a1 1 0 001.55 0z' fill='%23ff2c2c'/%3E%3Cellipse cx='13' cy='12.89' rx='4.33' ry='4.3' fill='%23fff'/%3E%3C/svg%3E") } .marker--active .pin--showroom { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 44'%3E%3Cpath d='M29.48 28.2A16.61 16.61 0 0034 16.8 16.9 16.9 0 0017 0 16.9 16.9 0 000 16.8a16.63 16.63 0 003.65 10.4l12 15.5a1 1 0 001.55 0z' fill='%23ba0000'/%3E%3Cellipse cx='17' cy='16.8' rx='5.67' ry='5.6' fill='%23fff'/%3E%3C/svg%3E") } ymaps[class*=main-engine-container] { position: absolute } ymaps[class^="--map"] { width: unset !important; height: unset !important } @media (max-width: 768px) { ymaps[class*="--controls"] { display: none } } .cluster { width: 60px; font-size: 30px; background: #fff } .marker { width: 0; height: 0 } .marker .pin { position: absolute; transform: translateX(-50%); bottom: 0 } .place-tip-card { padding: 20px; background: #fff; border-radius: 8px; position: absolute; bottom: 0; transform: translateX(-50%) translateY(-90px); width: 300px; box-shadow: 0 4px 20px hsla(0, 0%, 70.6%, .25) } .place-tip-card__arrow { filter: drop-shadow(0 4px 2px rgba(178, 178, 178, .4)); height: 12px; left: 0; position: absolute; bottom: 0; transform: translateY(100%); width: 25px; right: 0; margin: auto } .place-tip-card__arrow:after { background: #fff; -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0); clip-path: polygon(0 0, 50% 100%, 100% 0); content: ""; height: 12px; left: 0; position: absolute; top: -1px; width: 25px } .place-tip-card__close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath d='M10.45.55A1 1 0 009 .55L5.5 4.09 2 .55A1 1 0 00.55 2l3.54 3.5L.55 9A1 1 0 002 10.45l3.5-3.54L9 10.45A1 1 0 0010.45 9L6.91 5.5 10.45 2a1 1 0 000-1.45z' fill='%237b79e4'/%3E%3C/svg%3E"); background-size: 30%; background-position: 50%; width: 40px; height: 40px; background-repeat: no-repeat; position: absolute; top: 0; right: 0 } .cluster { width: 64px; height: 64px; background: #376593; border-radius: 999px; color: #376593; line-height: 1em; font-family: Mont, sans-serif; font-size: 20px; font-weight: 600; transform: translateX(-50%) translateY(-50%) } .cluster__content { border-radius: 999px; position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; background: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center } .cluster--showroom { background: #ff2c2c; color: #ff2c2c } .cluster--complex { background: linear-gradient(180deg, #376593, #376593 30%, #ff2c2c 70%, #ff2c2c) } .cluster__showroom { margin-top: 0; color: #ff2c2c } .btn-link { height: 44px; border-radius: 999px; background: #4e8ecf; color: #fff } .btn-link__content { height: 100%; display: flex; flex-flow: row nowrap; align-items: center; padding: 0 15px 2px } .btn-link__icon { font-size: 12px; margin-left: 5px; margin-right: -2px } .btn-link__icon .ico { top: 2px } .btn-link__text { font-family: Mont, sans-serif; font-weight: 500; font-size: 14px; line-height: 18px } .company-logo { width: 90px; height: 90px; display: flex; padding: 10px; background: #f0f5fa; border-radius: 5px } .company-logo img { width: 100%; height: 100%; mix-blend-mode: multiply; object-fit: contain; object-position: center; font-family: "object-fit:contain;object-position:center;" } @media (max-width: 992px) { .company-logo--empty { display: none } } .company-logo--l { width: 140px; height: 140px } .company-info td, .company-info th { padding: 0 } .company-info th { font-weight: 400; color: #97a4af; text-align: left; padding-right: 30px } @media (max-width: 500px) { .company-info th { display: none } } .company-info__item { font-family: Mont, sans-serif; font-weight: 400; font-size: 12px; line-height: 23px } .company-card__name { font-family: Mont, sans-serif; font-weight: 500; font-size: 18px; line-height: 22px; margin-bottom: 20px; margin-top: 3px } .company-card { flex-basis: 700px } .company-card__main { flex: 1 1 auto; width: 100% } .company-card__logo { flex: 0 0 auto; margin-right: 30px } .company-card__content { display: flex; flex-flow: row nowrap; justify-content: space-between } .company-card__desc { font-family: Mont, sans-serif; font-weight: 400; font-size: 12px; line-height: 25px; color: #97a4af } .company-card__info { padding-right: 10px } .company-card__info-wrap { display: flex; flex-flow: row wrap; justify-content: flex-start; margin: -7.5px -10px } .company-card__info-wrap-item { flex: 1 1 330px; margin: 7.5px 10px } @media (max-width: 992px) { .company-card__content { display: block } .company-card__logo { width: 90px; height: 90px; margin-bottom: 20px } } @media (max-width: 500px) { .company-card__logo { width: 80px; height: 80px } .company-card__name { font-weight: 500; font-size: 18px; line-height: 23px; margin-bottom: 5px } } .company-link { flex-basis: 270px } @media (min-width: 1601px) { .company-link { flex-basis: 330px } } .company-link .hover-link__link { position: absolute; bottom: 10px; right: 10px } @media (max-width: 500px) { .card-list .company-link:not(:first-child) { margin-top: 20px } } .desktop a.company-link:hover .company-link__image img { transform: scale(1.07) } .company-link__image { overflow: hidden; border-radius: 8px } .company-link__image:before { content: ""; padding-bottom: 64.2857142857%; display: block } .company-link__image img { transform: translateZ(0); transition: transform .7s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: "object-fit:cover;object-position:center;" } .company-link__text { margin-top: 20px; font-family: Mont, sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: .02em } .folder { width: 100% } .folder:before { content: ""; display: block; padding-bottom: 78.9772727273% } .folder:after { content: ""; position: absolute; width: 0; height: 0; opacity: 0; pointer-events: none } .action:hover .folder__bg, .folder:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='216' height='179' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28 16a8 8 0 00-8 8v41a8 8 0 008 8h160a8 8 0 008-8V35a8 8 0 00-8-8H92.391l-1.021-4.7a8 8 0 00-7.818-6.3H28z' fill='%23fff'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d)'%3E%3Crect x='20' y='37' width='176' height='118' rx='8' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='216' height='97' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix values='0 0 0 0 0.761181 0 0 0 0 0.883807 0 0 0 0 0.941667 0 0 0 1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d' x='0' y='21' width='216' height='158' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix values='0 0 0 0 0.761181 0 0 0 0 0.883807 0 0 0 0 0.941667 0 0 0 1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") } .folder__bg { pointer-events: none; position: absolute; top: -11.5107913669%; left: -11.3636363636%; width: 122.7272727273%; height: 128.7769784173%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='216' height='179' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28 16a8 8 0 00-8 8v41a8 8 0 008 8h160a8 8 0 008-8V35a8 8 0 00-8-8H92.391l-1.021-4.7a8 8 0 00-7.818-6.3H28z' fill='%23fff'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d)'%3E%3Crect x='20' y='37' width='176' height='118' rx='8' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='216' height='97' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix values='0 0 0 0 0.704167 0 0 0 0 0.704167 0 0 0 0 0.704167 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d' x='0' y='21' width='216' height='158' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix values='0 0 0 0 0.704167 0 0 0 0 0.704167 0 0 0 0 0.704167 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); background-size: 100% auto; background-repeat: no-repeat } .folder__icon { width: 34.0909090909%; background: #f0f5fa; border-radius: 12px; position: absolute; margin: auto; left: 0; right: 0; top: 34% } .folder__icon:before { content: ""; display: block; padding-bottom: 100% } .folder__icon:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: 50%; background-repeat: no-repeat } @media (max-width: 500px) { .folder__icon { width: 41.4772727273%; top: 31% } } .folder__icon--audio:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.349 3.243c0-.697-.71-1.21-1.419-1.064L9.406 4.454c-.522.11-.896.55-.896 1.065v1.798l12.876-2.753v-1.32h-.037zm0 3.56L8.473 9.555v12.661c0 1.799-1.38 3.377-3.284 3.707h-.075C2.614 26.4.3 24.602.3 22.253c0-1.798 1.343-3.34 3.247-3.67l2.612-.477V5.52c0-1.505 1.12-2.826 2.725-3.157L19.408.087C21.61-.39 23.7 1.151 23.7 3.243v15.67c0 1.799-1.381 3.377-3.284 3.707h-.075c-2.5.477-4.814-1.321-4.814-3.67 0-1.798 1.343-3.34 3.246-3.67l2.613-.477v-8h-.037zm0 10.239l-2.128.403c-.783.147-1.38.808-1.38 1.542 0 .99.97 1.725 2.015 1.541h.074c.822-.147 1.419-.807 1.419-1.578v-1.908zM6.122 20.308l-2.127.404c-.784.146-1.381.807-1.381 1.541 0 .99.97 1.725 2.015 1.541h.075c.82-.146 1.418-.807 1.418-1.578v-1.908z' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 24px 26px } .folder__icon--video:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 20.382V2.618a1 1 0 011.447-.894l17.764 8.882a1 1 0 010 1.788L2.447 21.276A1 1 0 011 20.382z' stroke='%2322B0F3' stroke-width='2'/%3E%3C/svg%3E"); background-size: 22px 23px } .folder__icon--catalog:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath d='M22 26H6a2 2 0 01-2-2V2a2 2 0 012-2h16a2 2 0 012 2v22a2 2 0 01-2 2zM6 2v22h16V2z' fill='%2322b0f3'/%3E%3Cpath d='M6 26H0V0h6zm-4-2h2V2H2zM11 9h6a1 1 0 011 1 1 1 0 01-1 1h-6a1 1 0 01-1-1 1 1 0 011-1zM11 13h4a1 1 0 011 1 1 1 0 01-1 1h-4a1 1 0 01-1-1 1 1 0 011-1z' fill='%2322b0f3'/%3E%3Cpath d='M10.5 31.36a1.51 1.51 0 01-1-.4L8 29.59 6.52 31A1.5 1.5 0 014 29.86v-4.4A1.47 1.47 0 015.46 24h5A1.5 1.5 0 0112 25.5v4.36a1.5 1.5 0 01-.9 1.37 1.41 1.41 0 01-.6.13zM6 26v2.72l1-.91a1.51 1.51 0 012 0l1 .91V26z' fill='%2322b0f3'/%3E%3C/svg%3E"); background-size: 24px 32px; top: 4px } .folder__icon--img:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='22' width='36' height='2' rx='1' fill='%2322B0F3'/%3E%3Cpath d='M4 16l9.295-13 6.64 8.531 4.426-3.656L31 16' stroke='%2322B0F3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='31' cy='2' r='2' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 36px 24px } .folder__icon--calendar:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='2.926' width='22.074' height='22.074' rx='1' stroke='%2322B0F3' stroke-width='2'/%3E%3Crect x='1' y='2.926' width='22.074' height='6.667' rx='1' stroke='%2322B0F3' stroke-width='2'/%3E%3Crect x='5.778' width='1.926' height='5.778' rx='.963' fill='%2322B0F3'/%3E%3Crect x='16.37' width='1.926' height='5.778' rx='.963' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 25px 26px } .folder__icon--haier:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='35' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10.906' width='2' height='18' rx='1' fill='%2322B0F3'/%3E%3Crect x='21.906' width='2' height='18' rx='1' fill='%2322B0F3'/%3E%3Crect x='10.906' y='10' width='2' height='13' rx='1' transform='rotate(-90 10.906 10)' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 35px 18px } .folder__icon--leaflet:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.825 23.31H17a2 2 0 002-2V2a2 2 0 00-2-2H2.514c-.474 0-.91.165-1.253.44l10.236 3.575a2 2 0 011.34 1.888v17.244c0 .056-.004.11-.012.163z'/%3E%3C/mask%3E%3Cpath d='M12.825 23.31l-1.974-.323-.381 2.323h2.355v-2zM1.26.44L.008-1.118-2.8 1.14.602 2.33 1.262.44zm10.236 3.575l.66-1.889-.66 1.889zM17 21.31h-4.175v4H17v-4zm0 0v4a4 4 0 004-4h-4zM17 2v19.31h4V2h-4zm0 0h4a4 4 0 00-4-4v4zM2.514 2H17v-4H2.514v4zm0 0c.002-.002.001-.001 0 0H2.51h.003v-4c-.946 0-1.82.33-2.506.882l2.507 3.117zm-1.912.329l10.236 3.574 1.319-3.777L1.92-1.448.602 2.33zm10.236 3.574h4a4 4 0 00-2.681-3.777l-1.32 3.777zm0 0v17.244h4V5.903h-4zm0 17.244a.99.99 0 01.013-.16l3.947.647c.027-.16.04-.323.04-.487h-4z' fill='%2322B0F3' mask='url(%23a)'/%3E%3Cpath d='M1 2.453a1 1 0 011.201-.98l11 2.262a1 1 0 01.799.98v18.902a1 1 0 01-1.174.984l-11-1.938A1 1 0 011 21.678V2.453z' stroke='%2322B0F3' stroke-width='2'/%3E%3C/svg%3E"); background-size: 19px 26px } .folder__icon--3d:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15' width='2' height='8' rx='1' fill='%2322B0F3'/%3E%3Cpath fill='%2322B0F3' d='M15 15h2v11h-2z'/%3E%3Crect width='2.436' height='9.529' rx='1.218' transform='scale(-1 1) rotate(65 -27.71 -7.859)' fill='%2322B0F3'/%3E%3Crect x='8.37' y='20.701' width='2.436' height='9.235' rx='1.218' transform='rotate(65 8.37 20.7)' fill='%2322B0F3'/%3E%3Cpath fill='%2322B0F3' d='M6 11h2v11H6zM24 11h2v11h-2z'/%3E%3Cpath d='M16.06 15.358l-7.816-4.272L16 7.596l7.768 3.496-7.707 4.266z' stroke='%2322B0F3' stroke-width='2'/%3E%3Cpath d='M15.731 25.956l-.47.883.472.25.47-.25-.472-.883zm8.797-5.838l-9.268 4.957.943 1.763 9.269-4.956-.944-1.764zm-8.327 4.956l-9.25-4.92-.939 1.765 9.25 4.92.939-1.765z' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 32px 31px } .folder__icon--poster:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='15' height='16' rx='1' stroke='%2322B0F3' stroke-width='2'/%3E%3Crect x='1' y='1' width='23' height='24' rx='2' stroke='%2322B0F3' stroke-width='2'/%3E%3Cpath d='M9 12l2.333-2 2.042 1.75 1.25-.927L16 12' stroke='%2322B0F3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='8' y='15' width='9' height='2' rx='1' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 25px 26px } .folder__icon--presentation:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='3' width='26' height='18' rx='1' stroke='%2322B0F3' stroke-width='2'/%3E%3Crect x='13' width='2' height='4' rx='1' fill='%2322B0F3'/%3E%3Crect x='13' y='20.726' width='2' height='6' rx='1' fill='%2322B0F3'/%3E%3Crect x='16' y='21.102' width='2' height='7.037' rx='1' transform='rotate(-30 16 21.102)' fill='%2322B0F3'/%3E%3Crect width='2' height='6.838' rx='1' transform='scale(-1 1) rotate(-30 33.11 33.175)' fill='%2322B0F3'/%3E%3Crect x='6' y='8' width='6' height='2' rx='1' fill='%2322B0F3'/%3E%3Crect x='6' y='12' width='10' height='2' rx='1' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 28px 28px } .folder__icon--tag:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.817.735a.97.97 0 011.882.47l-4.516 18.06a.97.97 0 01-1.882-.47L16.817.735z' fill='%2322B0F3'/%3E%3Cpath d='M6.303 4.697L1.707 9.293a1 1 0 000 1.414l4.596 4.596M25.697 4.697l4.596 4.596a1 1 0 010 1.414l-4.596 4.596' stroke='%2322B0F3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 32px 20px } .folder__icon--ad:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='5' width='24' height='16' rx='1' stroke='%2322B0F3' stroke-width='2'/%3E%3Crect x='12' y='21' width='2' height='6' rx='1' fill='%2322B0F3'/%3E%3Crect x='8' width='2' height='4' rx='1' transform='rotate(90 8 0)' fill='%2322B0F3'/%3E%3Crect x='15' width='2' height='4' rx='1' transform='rotate(90 15 0)' fill='%2322B0F3'/%3E%3Crect x='22' width='2' height='4' rx='1' transform='rotate(90 22 0)' fill='%2322B0F3'/%3E%3Crect x='19' y='1' width='2' height='5' rx='1' fill='%2322B0F3'/%3E%3Crect x='12' y='1' width='2' height='5' rx='1' fill='%2322B0F3'/%3E%3Crect x='5' y='1' width='2' height='5' rx='1' fill='%2322B0F3'/%3E%3Crect x='21' y='26' width='2' height='16' rx='1' transform='rotate(90 21 26)' fill='%2322B0F3'/%3E%3Cpath d='M5 16l5.333-5L15 15.375l2.857-2.316L21 16' stroke='%2322B0F3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 26px 28px } .folder__icon--roll-up:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='21' width='22' height='2' rx='1' fill='%2322B0F3'/%3E%3Crect y='2' width='22' height='2' rx='1' fill='%2322B0F3'/%3E%3Crect x='3' y='3' width='16' height='19' rx='1' stroke='%2322B0F3' stroke-width='2'/%3E%3Crect x='10' width='2' height='4' rx='1' fill='%2322B0F3'/%3E%3Crect x='11.445' y='21.771' width='2' height='6.147' rx='1' transform='rotate(-30 11.445 21.77)' fill='%2322B0F3'/%3E%3Crect width='2' height='5.873' rx='1' transform='scale(-1 1) rotate(-30 35.477 31.808)' fill='%2322B0F3'/%3E%3Cpath d='M7 12l2.667-3L12 11.625l1.429-1.39L15 12' stroke='%2322B0F3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='6' y='15' width='10' height='2' rx='1' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 22px 28px; top: 2px } .folder__icon--manual:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14' y='1' width='13' height='20' rx='1' stroke='%2322B0F3' stroke-width='2'/%3E%3Crect x='1' y='1' width='13' height='20' rx='1' stroke='%2322B0F3' stroke-width='2'/%3E%3Crect x='17' y='4' width='7' height='2' rx='1' fill='%2322B0F3'/%3E%3Crect x='17' y='8' width='5' height='2' rx='1' fill='%2322B0F3'/%3E%3Crect x='4' y='4' width='7' height='2' rx='1' fill='%2322B0F3'/%3E%3Crect x='4' y='8' width='7' height='2' rx='1' fill='%2322B0F3'/%3E%3Crect x='4' y='12' width='7' height='2' rx='1' fill='%2322B0F3'/%3E%3Cpath d='M11 20h6v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 28px 24px } .folder__icon--certificate:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 21H18a3 3 0 003-3V4a3 3 0 00-3-3H4a3 3 0 00-3 3v14a3 3 0 003 3h4' stroke='%2322B0F3' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13.627 20.016l-.657-.753a1 1 0 00.403 1.72l.254-.967zm-5.254 0l.254.968a1 1 0 00.403-1.722l-.657.754zm.466 5.21l.678.734-.678-.735zm1.822-1.682l.678.735-.678-.735zm.678 0l-.678.735.678-.735zm1.822 1.681l.678-.734-.678.734zM14 17a2.99 2.99 0 01-1.03 2.262l1.314 1.508A4.99 4.99 0 0016 17h-2zm-3-3a3 3 0 013 3h2a5 5 0 00-5-5v2zm-3 3a3 3 0 013-3v-2a5 5 0 00-5 5h2zm1.03 2.262A2.99 2.99 0 018 17H6a4.99 4.99 0 001.716 3.77l1.314-1.508zM9 20.5a.5.5 0 01-.373.484l-.508-1.935A1.5 1.5 0 007 20.5h2zm0 4.358V20.5H7v4.358h2zm-.84-.367a.5.5 0 01.84.367H7c0 1.308 1.557 1.99 2.517 1.102l-1.356-1.47zm1.823-1.682L8.16 24.491l1.356 1.47 1.822-1.682-1.356-1.47zm2.034 0a1.5 1.5 0 00-2.034 0l1.356 1.47a.5.5 0 01-.678 0l1.356-1.47zm1.822 1.682l-1.822-1.682-1.356 1.47 1.822 1.681 1.356-1.47zm-.839.367a.5.5 0 01.84-.367l-1.357 1.47c.96.886 2.517.205 2.517-1.103h-2zm0-4.358v4.358h2V20.5h-2zm.373.484A.5.5 0 0113 20.5h2a1.5 1.5 0 00-1.12-1.451l-.507 1.935z' fill='%2322B0F3'/%3E%3Ccircle cx='11' cy='17' r='4' stroke='%2322B0F3' stroke-width='2'/%3E%3Crect width='10' height='2' rx='1' transform='matrix(1 0 0 -1 6 10)' fill='%2322B0F3'/%3E%3Crect width='6' height='2' rx='1' transform='matrix(1 0 0 -1 8 6)' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 22px 27px; top: 4px } .folder__icon--article:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='17' height='24' rx='1' stroke='%2322B0F3' stroke-width='2'/%3E%3Cpath d='M17 25h3a2 2 0 002-2V11a2 2 0 00-2-2h-3' stroke='%2322B0F3' stroke-width='2'/%3E%3Crect x='4' y='5' width='9' height='2' rx='1' fill='%2322B0F3'/%3E%3Crect x='4' y='9' width='11' height='2' rx='1' fill='%2322B0F3'/%3E%3Crect x='4' y='13' width='6' height='2' rx='1' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 23px 26px } .folder__icon--dwg:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.28 1.328h2.24c.843 0 1.579.075 2.208.224.63.139 1.216.41 1.76.816.65.49 1.152 1.11 1.504 1.856.363.747.544 1.563.544 2.448 0 1.867-.715 3.301-2.144 4.304-.576.405-1.163.677-1.76.816-.597.139-1.312.208-2.144.208H.28V1.328zm1.632 1.536v7.6h.704c1.216 0 2.16-.25 2.832-.752.97-.736 1.456-1.75 1.456-3.04 0-.661-.139-1.264-.416-1.808-.267-.544-.608-.965-1.024-1.264-.683-.49-1.632-.736-2.848-.736h-.704zm7.449-1.536h1.76l2.816 7.136 2.88-7.648L19.6 8.464l2.912-7.136h1.76l-4.768 11.36L16.72 5.12l-2.816 7.568L9.36 1.328zm21.47 6.624V6.448h4.4v.08c0 1.856-.528 3.296-1.584 4.32-.938.907-2.15 1.36-3.632 1.36-1.482 0-2.693-.485-3.632-1.456C25.327 9.664 24.8 8.32 24.8 6.72c0-.8.144-1.547.432-2.24.288-.704.662-1.285 1.12-1.744a5.363 5.363 0 011.76-1.152 5.716 5.716 0 012.256-.448c1.056 0 1.984.224 2.784.672.736.416 1.312.95 1.728 1.6l-1.296.912c-.384-.533-.821-.939-1.312-1.216-.522-.31-1.152-.464-1.888-.464-1.141 0-2.08.368-2.816 1.104a3.71 3.71 0 00-.832 1.328 4.645 4.645 0 00-.304 1.664c0 1.141.368 2.107 1.104 2.896.672.715 1.563 1.072 2.672 1.072.95 0 1.744-.315 2.384-.944.523-.512.822-1.115.896-1.808h-2.656z' fill='%2322B0F3'/%3E%3C/svg%3E"); background-size: 36px 13px } .desktop .img-link:hover .img-link__text { color: #4e8ecf } .img-link--folder { flex-basis: 160px } @media (max-width: 768px) { .img-link--folder { max-width: none } } @media (max-width: 500px) { .img-link--folder { flex-basis: 140px } } .img-link__text { font-family: Mont, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; margin-top: 25px; text-align: center } @media (max-width: 768px) { .card-list--folder { overflow: hidden; max-width: 1920px; padding: 99px 80px; margin: -99px auto } .card-list--folder .card-list__content { margin-top: -15px; margin-bottom: -15px } .card-list--folder .card-list__item { margin-top: 15px; margin-bottom: 15px } } @media (max-width: 768px)and (max-width: 1200px) { .card-list--folder { margin-left: -40px } } @media (max-width: 768px)and (max-width: 500px) { .card-list--folder { margin-left: -20px } } @media (max-width: 768px) { .source-app .card-list--folder { margin-left: -50px } } @media (max-width: 768px)and (max-width: 1200px) { .card-list--folder { margin-right: -40px } } @media (max-width: 768px)and (max-width: 500px) { .card-list--folder { margin-right: -20px } } @media (max-width: 768px) { .source-app .card-list--folder { margin-right: -50px } } @media (max-width: 768px)and (max-width: 1200px) { .card-list--folder { padding-left: 40px } } @media (max-width: 768px)and (max-width: 500px) { .card-list--folder { padding-left: 20px } } @media (max-width: 768px) { .source-app .card-list--folder { padding-left: 50px } } @media (max-width: 768px)and (max-width: 1200px) { .card-list--folder { padding-right: 40px } } @media (max-width: 768px)and (max-width: 500px) { .card-list--folder { padding-right: 20px } } @media (max-width: 768px) { .source-app .card-list--folder { padding-right: 50px } } .bonus-program { counter-reset: bonus } @media (min-width: 993px) { .bonus-program__steps { flex: 1 1 auto } .bonus-program { display: flex; flex-flow: row nowrap; justify-content: space-between } .bonus-program__info { flex: 0 0 250px; margin-left: 60px } } @media (min-width: 993px)and (max-width: 1200px) { .bonus-program__info { margin-left: 40px } } @media (max-width: 992px) { .bonus-program__info { margin-top: 20px } } .bonus-steps__item { counter-increment: bonus } .bonus-steps__item + .bonus-steps__item { margin-top: 10px } .info-card-2 { border-radius: 8px; background: #f2f5f9; padding: 0 20px } .info-card-2:before { margin-bottom: 20px } .info-card-2:after, .info-card-2:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .info-card-2:after { margin-top: 20px } .bonus-program__info .info-card-2 + .info-card-2 { margin-top: 10px } .info-card-2__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 20px; letter-spacing: .02em } .info-card-2__content { margin-top: 20px } .bonus-step__header { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between } .bonus-step__header:after { content: ""; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e042"; font-size: 6px; margin-right: 14px } .desktop .bonus-step__header:hover { color: #4e8ecf } .collapse--expand .bonus-step__header:after, .collapse--expanded .bonus-step__header:after { transform: scaleY(-1) } .bonus-step__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; margin-left: 30px; padding-right: 30px; flex: 1 1 auto } .bonus-step__icon { flex: 0 0 auto; width: 78px; height: 78px; border-radius: 999px; background: #f0f5fa; margin-left: 17px } .bonus-step__icon:before { content: counter(bonus); font-family: Mont, sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; color: #4e8ecf; position: absolute; top: -1; left: -13px } .bonus-step__icon:after { content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; background-size: 50%; background-position: 50%; background-repeat: no-repeat } .bonus-step--exchange .bonus-step__icon:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABGBAMAAABoN0S0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAtUExURUdwTCGx8yCy8yOw8yCv9SKw8yG19yKx8yKw9CGw8yCv8yGw9CKx8yGv8iKw82aNXO8AAAAOdFJOUwCAQb8g4h9fob8Qz28wCC22VgAAAkZJREFUSMfF1s9r02AYB/AnMSHS/aAUTzuUGsgQ1F2KJ2HUbZeBlCoJsiEvBcWzVkfBwyhDsKcwdvQwCl4G7tDDDjsNLx6V3QQPslbTJta9f4NP07R53/jGt4eC30P6JnyaPu/75n1TAC6rlEkWhJnKFPCQz0Yf/zLXpjCUSs0nx5GaKP/HLJTkRu/IjUJteT2W91FqNNcvSftlkEfyvm/SJfn45L2S1GikIx9nhUZ9W321MUlyLvBcbWII+6ye4oU3nFGoKN3Y7DZA8euj7PbrLwZReydhxnUvXoAaRO0raeZH8a7IrOwzBsuQGdU0zdsC870dGzasKVdmY7C/MzH6rylMjzPq8zSTKVbhZfhALF4KzNwlGo1WId8On6cTgcF2ZCpwq1ZTX8NxDmC9kWLe42zpvXlCbY20WXO1H5pm86zi7lloyo9vBMqgJTCYbQ80NO7bOnnS5epRfoemZrq2D7Cl94absNXjTWdcz3Ywuk8BvulpBuu5iWbl4b0gYeb9ifkQ9gtXiZ0wxtBk6i34WoDrn4fjcz8HePzLSOYUF8tMzMJAbjRvNiZD5esUpjIt6b4BpKp0oj2u/HNjbRC11znjOMJ9zHOc9sTQ1FxMzPIzcZ662bge8UsPNFqSGiseWlIU5w59B9KaH8S3xD3wC6V9k80hpQfL/C+Tg52APTe8XL7LExUXH2kxF+ZwXfq8Gc7XGfNq4uZtvHzwnJwzF/QuGAmTIUtHHndj79zqJ0YL+2XzX6K0kTDG4Rb3vwKOyGhw/gAKnKOXm7PY3QAAAABJRU5ErkJggg==); background-size: 34px 35px } .bonus-step--install .bonus-step__icon:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABHBAMAAABrB33HAAAF7GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEyLTAzVDE5OjU3OjIxKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMi0wM1QyMDowMDo0NyswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMi0wM1QyMDowMDo0NyswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkMzkzNzU2Zi1mMDUxLWM1NDMtODEwYy00Y2FmY2NkZmMxNDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZjNiMjFkYjYtNGE1NS1iNDQxLWJlMmUtY2Y5NmI1ZTQ1OWMzIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZjNiMjFkYjYtNGE1NS1iNDQxLWJlMmUtY2Y5NmI1ZTQ1OWMzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmM2IyMWRiNi00YTU1LWI0NDEtYmUyZS1jZjk2YjVlNDU5YzMiIHN0RXZ0OndoZW49IjIwMjAtMTItMDNUMTk6NTc6MjErMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZDM5Mzc1NmYtZjA1MS1jNTQzLTgxMGMtNGNhZmNjZGZjMTQxIiBzdEV2dDp3aGVuPSIyMDIwLTEyLTAzVDIwOjAwOjQ3KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WBeqmAAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAACdQTFRFR3BMIbDzILD0IbDzIrD0IK/xIbDzIbDzIbHzIrDzIbD0IbDzIrDzvP2AMQAAAAx0Uk5TAOUkY6QQQL9/j0/P+7KJBQAAAU9JREFUSMftlK9Ow1AUxk+7dRtkokEhKjpf0SBQFU0QmIoaHIL5ihrEwsQeoGIPMNEHmOABEHTlzxLuQ9Hvwu0g2WGXZCQsuZ84WZNfz3d2vpMSGRkZ/YkKoakZ6ZLikYSm+9CgBt0r2jsjcs610GXl00iEOmjSYEuR66CFKCkTsQ56dEHUmaQHF4H+d+AXX5f/JR/lCsVuy3Z1V03pnDbFucPz4obPe40DrfDTA1XM+TN+kxTGWIDKXBZ1ZHRJiIuOm2I988Nu0CwHutrVtURXoEO+6/FrO2uCHLN7flk1loUN2B98zKIBZrPAD9DfFj6LenCNXPVS94klP61DZR2dsOioVq16FazlS9sV5cq6v1YmjB6QewTrANb9mg+g2gQQ/xyALdFpe1KBuwst1RTXPEpeiuubqeuzXnj0EhsaY0PWLQ6dXyul8s99L1/0Dt7B6kgetBELAAAAAElFTkSuQmCC); background-size: 42px 35px } .bonus-step--points .bonus-step__icon:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABTCAMAAADKpfuBAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAA5UExURUdwTCKw8yGx8yKv8yKw8yGw8yCv9CCw9CGw8yCw8yKw9CGw8yGw8yGv8yKw8yGw9CGw8yCy8yKw89xP2MsAAAASdFJOUwC/f0DvWhAg3xyfj28wxM+vP2MlX0MAAASbSURBVFjD7VnZkuMgDDQ3xVHY+v+PXUngDNg5Bsdb+7K85JhJR7RaUkOW5f/6v/7dygaX+yvQKmjgVcz92AJx/RrCit8R78W2K4CWjROj74XPHrHtzz4AbiTHAIghlxF0vhEcmbDdOw5TcJN0MoDEBy05ATVmzLC4Bdx5BkeuvYmiEa5Bg7oDPYCnB1m17quEcDu36AYpZoYxail0C12BUFBuCT1QsFhLFkPWrr0ZXdvGDaEr1PvGdKuWCncLuoEVwbH4fVqM9FUpEh/yHcxESESMoWLltGbeT65fOzSiJNOsjARsS9Mg6JhMRvY9pUKMzYAaEUnKXENfH8WPErUPKe3gBYTZDPZoP9Mi1j3E1IG7XUrdv9UcO1kL+9e8t6LJNVQneA9qDL3DzH4CXu0Sby89b92NEFi6lPwclBIJ/2YmiC+un0/cissodtQPEWVpMq5L1tr+upwwUQnDtUoitmZ9hkP/NWAYMULRuNU0wY2Bx6rzyZVjczeQJCF6iIGYmwieUkZiL3F7UO+O7SJYDLrFIaycGYw458yJ+mF5bRMUu2RJtYBSiFPtALlXzpkH9aftRSKd6mCte5nqZX6k/mRIPDbPmuvMMpaTvXIV3q+N+mdlgciYoJBbgz4HYFJACF9EmG52qELUCtYpaFH0KXSbBPRLr5N+iJqBW0wgDg85dZHKTESzOefylkKhbiqnLAsFviaDSGNKbSRoM6TLmcLzaD73B02h6YTwCNO6/ekmph0X+vvNHsXclQd3orLWIwAFk5YvFlmJAWD1VdtBNc7kF+Dl2ajKhgTEO0rfwItXzDp0F4xr9GX4+CZtriXEXOXeALzTROu1aRx+E945ffoHzyPnilcPHxulY2tn/QVu3HNeoj1tD42BnQ9dPu2lcXxJIYhp3bwIHYWoRlkJDv4W1sno+p4Gy55dzJ6SPGzPN1RGGiRZaTk3KdHdPzs7FERRbNI7G6fJ8s5Rk87RqFQbA1Zw7Lo9O3UPU4frddAw+Ti+HzF1wlMbDu0mJpGKwtzNgBhodwTtdzy7RZ6ysomytK/4/dJgD7qWR3caH8Qv52PS+wVwzMOwd+d/mgsFouZ6DaG7fizL4VakdKon8zN5gCR0M+imb/ZD47+Mvo5iNz9k5DFFk8zQRw4BdTLqnaCtgUyhF4zOjhVYfgLunl5SZDhXIDMQtTDdMXWv6jA3QDiYOIgcNVmtqo/9OZ2/qcA2dXtJXWzIlWUXGE21g2mYA7NdjO9abH+7ldFhJBb5FrrKZWFNlmpjRXbB5+5kgUekYQ6I2etNHsX249WcJAbz/EUSj+I0zrkX0zdMjqY9eJ5Gbw1N5IzMuzFBn3TvXKit1w3+ilF1TLp67aFtvRGQ167vqv9Er7q6VzbSffSy74arr7eNz27Lkq6H58sG3tboMEgQ6nyAI0uZ/fUL37b5JXnqLurhEOj86qm4lJ4X4whPrLhUbYYQovAzYdq0/QKcr6HaaXXjEza3MiG5KWTx1ZFvN6aPQ3vecLXnLjR2vrynJpgwZtXy70vRLjesjX+qCkk5PsubRD9Zdcf77+P3ww0KCPmruP8Aqz5BYg2re3kAAAAASUVORK5CYII=); background-size: 46px 41px } .bonus-step--register .bonus-step__icon:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAA6CAMAAAAKnM4tAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAA5UExURUdwTCCv8yKw8yGw8yCw9CKw9CCw9CGw8yGw8yGw8yOw8yKw8/L7/+D1/jy69bHk/FbD9nDM93DM+KWYLMoAAAALdFJOUwAQ778ioUDbaYS/PBwi9AAAAchJREFUWMPtmNuSgyAMhgE5GlG37/+wS7C1XTloJc7shbnqVOdTfsOfBMb+hlYGGsIoyYrhoDlche0qj94PqYp0CaBZY+gSQ4FizDaIbhyuXmXhBmSr6jYs32ThAPgAe14Ti2CkFOCFSwejQrjhN3yXYHuRbIbeksBlYbsbSQA3ME5+2ISfxsIu/gpuYUzQET+e8YENvIcpwsZxGBY9nvQJumY4gM/DPQgC+FCIWlJyY6+DBzV7eQzu520ePvwO3IabMpU+A/9Js3zegUu8SbgD8NdHfefh8m/t04WKFSr9VvosPNV7D+5CC6HNdiMTwXXcwdgqfEpPBGcCOOYkdgvvRooKrp72ID+lp4Lb1R7QV40mhXMQfPnhxJqVVHDWxaYwosllickYTGaVhBQek1FhzeL08JCM0kavUBfAFeCwYGJvSw63cUiJFqbJ4RwWCwBYizkdnHWLazkQ9G/O7KI1V5Je82Nl7oYnA1cNfm44vwoe3fEyzdk/gbfGlXBzWJaP9zkWeARytJ37Fh6cWIZy4oc5XdIDH9ByZGQw5bswtvikzZ39ubHlVV5DS4CVtTJwtZ2j8eqo2JInTl8w5Ga8rEvIorME4F//omCAljJ+GgAAAABJRU5ErkJggg==); background-size: 46px 29px } .bonus-step__content { max-width: 900px; padding: 9px 30px 30px 125px } @media (max-width: 500px) { .bonus-step__title { font-size: 16px; line-height: 20px; margin-left: 20px } .bonus-step__content { padding-left: 17px; padding-top: 20px } } .margin-exclude:before { margin-bottom: 99px } .margin-exclude:after, .margin-exclude:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .margin-exclude:after { margin-top: 99px } .margin-exclude__content { margin-top: -99px; margin-bottom: -99px } .icon-link-s { color: #4e8ecf; display: inline-flex; flex-flow: row nowrap; align-items: center } .icon-link-s > * { display: inline } .desktop .icon-link-s:hover { color: #376593 } .icon-link-s__icon { margin-right: 8px; font-size: 12px } .icon-link-s__text { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px } .employee-card { flex-basis: 400px } .employee-card__name { font-family: Mont, sans-serif; font-weight: 500; font-size: 20px; line-height: 24px } .employee-card__position { font-family: Mont, sans-serif; font-size: 16px; line-height: 18px; margin-top: 10px } .employee-card__photo { width: 140px; overflow: hidden; border-radius: 8px; flex: 0 0 auto } .employee-card__photo:before { content: ""; display: block; padding-bottom: 100% } .employee-card__photo img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center; font-family: "object-fit:cover;object-position:center;" } .employee-card__header { display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: space-between } .employee-card__info { flex: 1 1 auto; margin-left: 30px; margin-right: 20px } .employee-card__desc { margin-top: 30px; font-family: Mont, sans-serif; font-size: 16px; line-height: 24px } @media (max-width: 768px) { .employee-card__info { margin-left: 20px } .employee-card__desc { margin-top: 20px } } @media (max-width: 500px) { .employee-card__photo { width: 90px } .employee-card__header { display: block } .employee-card__info { margin-left: 0; margin-top: 20px } } .event-card { display: block } .event-card .hover-link__link { flex: 0 0 auto } .event-card__main-info { margin-right: 20px; width: 200px; flex: 0 0 auto } .event-card__date { font-family: Mont, sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; text-transform: uppercase; letter-spacing: .02em; margin-bottom: 3px } .event-card__location { font-weight: 500 } .event-card__location, .event-card__theme { font-family: Mont, sans-serif; font-size: 14px; line-height: 20px } .event-card__theme { color: #97a4af; margin-top: 2px } .event-card__title { font-family: Mont, sans-serif; font-weight: 500; font-size: 20px; line-height: 24px; margin-bottom: 15px } .event-card__text { font-family: Mont, sans-serif; font-size: 16px; line-height: 20px } .event-card__img { width: 140px; overflow: hidden; border-radius: 8px; flex: 0 0 auto } .event-card__img:before { content: ""; display: block; padding-bottom: 100% } .event-card__img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center; font-family: "object-fit:cover;object-position:center;" } .event-card__content-wrap { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between } .event-card__content, .event-card__text-wrap-wrap { display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: flex-start } .event-card__text-wrap-wrap { margin-left: 20px } @media (max-width: 1200px) { .event-card__text-wrap-wrap { display: block; margin-left: 30px } .event-card__text-wrap-wrap .event-card__main-info { margin-right: 0; margin-bottom: 20px } } @media (max-width: 768px) { .event-card__img { width: 90px } .event-card__text-wrap-wrap { margin-bottom: 10px; margin-left: 0; margin-top: 20px } .event-card__content { display: block } } .text-l .event-params { margin: 30px 0; display: flex; flex-flow: row wrap } .text-l .event-params .event-params__location { font-weight: 500; color: #303034 } .text-l .event-params .event-params__theme { color: #97a4af } .event-params__content { display: flex; flex-flow: row wrap; margin: -10px -20px } .event-params__content > * { margin: 10px 20px } @media (max-width: 768px) { .event-params__content { display: block } } .location { color: inherit; padding-left: 1.25em } .location:before { font-size: 1em; left: 0; position: absolute; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e038" } .error-page { display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; max-width: 1920px; margin: auto; padding: 80px } @media (max-width: 1200px) { .error-page { padding-left: 40px } } @media (max-width: 500px) { .error-page { padding-left: 20px } } .source-app .error-page { padding-left: 50px } @media (max-width: 1200px) { .error-page { padding-right: 40px } } @media (max-width: 500px) { .error-page { padding-right: 20px } } .source-app .error-page { padding-right: 50px } .error-page__actions { margin-top: 40px } .error-page__status { font-family: Mont, sans-serif; font-weight: 500; font-size: 300px; color: #d8d8d8; line-height: 1em; display: block } .error-page__status:after, .error-page__status:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .error-page__status:before { margin-bottom: -.13em } .error-page__status:after { margin-top: -.16em } .error-page__title { font-weight: 500; font-size: 30px; line-height: 30px; max-width: 570px; margin: 60px auto 0 } .error-page__text, .error-page__title { font-family: Mont, sans-serif; padding: 0 20px } .error-page__text { margin: 4px auto 0; font-size: 16px; line-height: 25px; max-width: 420px } @media (max-width: 768px) { .error-page__status { font-size: 42vw } } @media (max-width: 500px) { .error-page { padding-top: 30px; padding-bottom: 50px } .error-page__status { font-size: 80px } .error-page__title { font-size: 24px; line-height: 28px; margin: 30px auto 0 } .error-page__actions { margin-top: 30px } } .pagination { flex-flow: row nowrap; justify-content: flex-start; font-family: Mont, sans-serif; font-weight: 500; font-size: 14px; line-height: 16px; margin-top: 80px } .pagination, .pagination__page { display: flex; align-items: center } .pagination__page { width: 36px; height: 36px; border-radius: 999px; flex: 0 0 auto; justify-content: center; margin: 0 1px } .desktop .pagination__page:hover { color: #4e8ecf } .pagination__page--break { width: auto } .pagination__page--active { pointer-events: none; background: #f0f5fa; color: #4e8ecf } .pagination__btn { color: #4e8ecf; height: 36px; display: flex; align-items: center; flex-flow: row nowrap } .desktop .pagination__btn:hover { color: #376593 } .pagination__btn--next:after, .pagination__btn--prev:before { font-size: 8px; position: relative; top: .1em } .pagination__btn--prev { margin-right: 17px } .pagination__btn--prev:before { margin-right: 9px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e033" } .pagination__btn--next { margin-left: 17px } .pagination__btn--next:after { margin-left: 9px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e032" } .pagination__pages { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center } @media (max-width: 768px) { .pagination { flex-flow: row wrap; justify-content: center; margin-top: 60px; margin-bottom: -15px } .pagination__pages { width: 100%; order: -1 } .pagination__btn { padding: 30px 15px } } /*.filter { height: 36px; border-radius: 999px; background: #f0f5fa; cursor: pointer }*/ /*.desktop .filter:hover { background: #e3ebf3 } .desktop .filter:hover .filter__close { background: #376593 }*/ .filter__title { font-family: Mont, sans-serif; font-size: 14px; line-height: 14px; letter-spacing: .02em; padding: 10px 17px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .filter__close { width: 20px; height: 20px; border-radius: 50%; background: #4e8ecf; position: absolute; right: -8px; top: -7px; color: #fff } .filter__close:before { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(.4); height: 1em; line-height: 1em; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e027" } .filter-list__content { display: flex; flex-flow: row wrap; justify-content: flex-start; margin: -10px -8.5px } .filter-list__item { margin: 10px 8.5px } .tip-checkbox { color: #303034 } .tip-checkbox.toggle--active .tip-checkbox__label-text { font-weight: 500 } .tip-checkbox.toggle--active .tip-checkbox__icon { opacity: 1 } .desktop .tip-checkbox:hover { color: #4e8ecf } .tip-checkbox .points-trans-status { transform: scale(.9) } .tip-checkbox__label-text { font-family: Mont, sans-serif; font-size: 14px; line-height: 30px; white-space: nowrap } .tip-checkbox__label { display: flex; flex-flow: row nowrap; align-items: center } .tip-checkbox__label-icon { margin-right: 10px } .tip-checkbox__icon { opacity: 0; font-size: 8px; transform: translateY(.15em); margin-left: 10px } .tip-checkbox__icon:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e026" } .tip-checkbox__content { display: flex; flex-flow: row nowrap; align-items: center } .map-search { padding: 10px; width: 500px } .map-search .input { background: #fff; width: 100% } @media (max-width: 568px) { .map-search { width: 100vw } } .with-icon { display: flex; flex-flow: row nowrap; align-items: flex-start } .with-icon__icon { margin-top: 3px; margin-right: 10px } .cabinet-nav__content { margin: -12px 0 } .cabinet-nav__item { display: flex; flex-flow: row nowrap; align-items: center; padding: 12px 0; color: #afbbc6 } .desktop .cabinet-nav__item:hover { color: #4e8ecf } .cabinet-nav__item-count { position: absolute; top: 6px; left: 11px } .cabinet-nav__item--active { color: #000; pointer-events: none } .cabinet-nav__item-icon { width: 18px; height: 18px; font-size: 18px; line-height: 0; margin-right: 13px; display: flex; align-items: center } .app-banner { background: #000; border-radius: 12px; padding: 20px } @media (min-width: 769px) { .app-banner__app-links { display: none } } @media (max-width: 768px) { .app-banner__qr { display: none } } .app-banner__title { color: #fff; margin-top: 13px } .app-banner__text { font-family: Mont, sans-serif; font-weight: 400; font-size: 14px; line-height: 16px; color: #7d868e; margin-top: 5px } .balance__content { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center } .balance-main .info-btn { display: inline-block; line-height: 0; top: 2px; margin-left: 2px } .balance-main__title-wrap { font-family: Mont, sans-serif; font-weight: 500; font-size: 20px; line-height: 32px; display: block; color: #fff } .balance-main__title-wrap:after, .balance-main__title-wrap:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .balance-main__title-wrap:before { margin-bottom: -.4em } .balance-main__title-wrap:after { margin-top: -.4em } .balance-main__value { font-family: Mont, sans-serif; font-size: 44px; font-weight: 700; line-height: 1; display: block; margin-top: 9px; color: #fff } .balance-main__value:after, .balance-main__value:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .balance-main__value:before { margin-bottom: -.1em } .balance-main__value:after { margin-top: -.18em } .balance .balance-detail { display: block } .balance .balance-detail:after, .balance .balance-detail:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .balance .balance-detail:before { margin-bottom: -14px } .balance .balance-detail:after { margin-top: -14px } .balance-detail .balance--empty .balance-detail__content { display: flex; flex-flow: row nowrap } .balance-detail .balance--empty .balance-detail__item-label { padding-right: 20px; display: block } .balance-detail .balance--empty .balance-detail__item { display: flex } .balance-detail .balance--empty .balance-detail__item + .balance-detail__item { margin-left: 80px } .balance-detail .balance--empty .balance-detail__item + .balance-detail__item:before { content: ""; left: -40px; top: 0; bottom: 0; width: 1px; background: #4bc5ff; position: absolute } .balance-detail__content { display: table } .balance-detail__item { display: table-row; font-family: Mont, sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #fff; flex-flow: row nowrap } .balance-detail__item > * { display: table-cell; white-space: nowrap; padding: 10px 0 } .balance-detail__item-label { padding-right: 60px } @media (max-width: 1300px) { .balance__content { flex-flow: column nowrap; align-items: flex-start } .balance__detail { order: 99; margin-top: 25px } .balance__actions { margin-top: 25px } .balance-detail { margin-top: 5px } .balance-detail__content { display: flex; flex-flow: row nowrap } .balance-detail__item-label { padding-right: 20px; display: block } .balance-detail__item { display: flex } .balance-detail__item + .balance-detail__item { margin-left: 80px } .balance-detail__item + .balance-detail__item:before { content: ""; left: -40px; top: 0; bottom: 0; width: 1px; background: #4bc5ff; position: absolute } } @media (max-width: 992px) { .balance-main__title-wrap { font-size: 24px; line-height: 28px; display: block } .balance-main__title-wrap:after, .balance-main__title-wrap:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .balance-main__title-wrap:before { margin-bottom: -.2em } .balance-main__title-wrap:after { margin-top: -.2em } } @media (max-width: 768px) { .balance__actions { align-self: stretch } } @media (max-width: 500px) { .balance__main { align-self: stretch } .balance-main__title-wrap { display: block } .balance-main__title-wrap:after, .balance-main__title-wrap:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .balance-main__title-wrap:before { margin-bottom: 0 } .balance-main__title-wrap:after { margin-top: 0 } .balance-main__title { display: flex; flex-flow: row nowrap; justify-content: space-between } .balance-main__title .info-btn { margin-left: 30px } .balance-detail { margin-top: 16px; margin-bottom: 17px } .balance-detail__item { display: block } .balance-detail__item + .balance-detail__item:before { top: 10px; bottom: 10px } .balance-detail__item > * { padding: 5px 0 } } @media (min-width: 501px) { .profile-info { display: block } .profile-info:after, .profile-info:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .profile-info:before { margin-bottom: -8px } .profile-info:after { margin-top: -8px } } .cabinet-section .profile-info { margin: 30px 0 } @media (min-width: 501px) { .profile-info__item td, .profile-info__item th { padding: 8px 0 } .profile-info__item th { font-weight: 400; color: #97a4af; text-align: left; padding-right: 30px } .profile-info__item td { font-weight: 400 } } .profile-info--main .profile-info__content { column-count: 2; column-gap: 40px; max-width: 900px } .profile-info--main .profile-info__item { break-inside: avoid } @media (max-width: 992px) { .profile-info--main .profile-info__content { column-count: 1 } } @media (max-width: 768px) { .profile-info-wrap form { display: none } } @media (min-width: 769px) { .profile-info-wrap .profile-info { display: none } } .profile-info-item { display: flex; flex-flow: row wrap; white-space: nowrap; flex-shrink: 1; flex-grow: 1 } .profile-info-item.form-field { height: 50px; align-items: center } .profile-info-item__label { color: #97a4af; margin-right: 10px } @media (max-width: 500px) { .cabinet-section .profile-info { margin: 20px 0 } .profile-info__items, .profile-info__items tbody { display: block } .profile-info__item { font-size: 16px; line-height: 20px; display: inline-block } .profile-info__item th { display: none } .profile-info__item:not(:last-child) { padding-right: 17px } .profile-info__item:not(:last-child):after { content: ""; width: 5px; height: 5px; background: #4e8ecf; border-radius: 50%; position: absolute; right: 4px; top: 7px } } .profile-edit .profile-edit__form { display: none } .profile-edit__footer-actions { display: flex; flex-flow: row nowrap; justify-content: flex-end } @media (min-width: 501px) { .profile-edit__footer-actions { display: none } } .profile-edit__actions { pointer-events: none; position: absolute; right: 0; top: 0; display: flex; flex-flow: row nowrap; z-index: 1 } @media (max-width: 500px) { .profile-edit__actions .profile-edit__delete-btn { display: none } } .profile-edit__actions > * { pointer-events: all; margin-left: 10px } @media (min-width: 769px) { .cabinet-section-table .profile-edit__actions { top: -8px } } .profile-edit--edit .profile-edit__edit-btn { display: none } .profile-edit--edit .profile-edit__form { display: block !important } .profile-edit--edit .profile-edit__info { display: none !important } .profile-edit--edit .profile-edit__footer-actions { display: none } @media (min-width: 769px) { .profile-edit--desktop-onset .profile-edit__form { display: block } .profile-edit--desktop-onset .profile-edit__edit-btn, .profile-edit--desktop-onset .profile-edit__info { display: none } } @media (max-width: 768px) { .profile-edit--desktop-onset .profile-edit__form { display: none } } .cabinet-section-table--empty .profile-edit__actions, .cabinet-section-table--empty .table, .cabinet-section-table:not(.cabinet-section-table--empty) .cabinet-section-table__empty-text, .hidden { position: absolute; left: -9999px; top: -9999px; opacity: 0; width: 0; height: 0; overflow: hidden } .points-stats-item--approved .points-stats-item__value { color: #7fb33c } .points-stats-item--approved .points-stats-item__icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%237FB33C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.84 8.354a.5.5 0 00-.707 0l-3.74 3.74L7.061 9.76a.5.5 0 10-.708.707L8.686 12.8l-.007.007.707.707 4.454-4.453a.5.5 0 000-.707z' fill='%23fff'/%3E%3C/svg%3E") } .points-stats-item--rejected .points-stats-item__value { color: #f55147 } .points-stats-item--rejected .points-stats-item__icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E54D26'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.248 7.354a.5.5 0 01.707 0L10 9.399l2.045-2.045a.5.5 0 11.707.707l-2.045 2.045 1.94 1.94a.5.5 0 01-.708.707L10 10.813l-1.94 1.94a.5.5 0 11-.706-.708l1.939-1.939-2.045-2.045a.5.5 0 010-.707z' fill='%23fff'/%3E%3C/svg%3E") } .points-stats-item--moderation .points-stats-item__value { color: #fdb222 } .points-stats-item--moderation .points-stats-item__icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10zM9.61 4a.605.605 0 00-.605.605L9 10.645c0 .196.093.37.237.482l4.381 3.359a.606.606 0 00.736-.963l-4.145-3.177.005-5.741A.605.605 0 009.61 4z' fill='%23FFC046'/%3E%3C/svg%3E") } .points-stats-item--equipment .points-stats-item__value { color: #000 } .points-stats-item--equipment .points-stats-item__icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%234184C0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.237 7a.559.559 0 00-.546.442L10.143 10H9a.5.5 0 000 1h.929L9.5 13h-1a.5.5 0 000 1h.786l-.498 2.324a.559.559 0 101.092.234L10.43 14h2.285l-.498 2.324a.559.559 0 001.093.234L13.857 14H15a.5.5 0 000-1h-.929l.429-2h1a.5.5 0 000-1h-.786l.498-2.324a.559.559 0 10-1.092-.234L13.57 10h-2.285l.498-2.324A.559.559 0 0011.237 7zm1.692 6l.428-2h-2.286l-.428 2h2.286z' fill='%23fff'/%3E%3C/svg%3E") } .points-stats-item--balance .points-stats-item__value { color: #000 } .points-stats-item--balance .points-stats-item__icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2322B0F3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 8.65a.65.65 0 011.3 0v2.55h3.9V8.65a.65.65 0 111.3 0v6.7a.65.65 0 11-1.3 0V12.4h-3.9v2.95a.65.65 0 11-1.3 0V8.65z' fill='%23fff'/%3E%3C/svg%3E") } .points-stats-item__value { font-family: Mont, sans-serif; font-weight: 500; font-size: 20px; line-height: 26px; white-space: nowrap } .points-stats-item { display: flex; flex-flow: column nowrap; justify-content: space-between } .points-stats-item__label { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px } .points-stats-item__icon { width: 24px; height: 24px; border-radius: 50%; flex: 0 0 auto; background-size: contain; background-repeat: no-repeat } .points-stats__section { border-radius: 5px; padding: 15px 40px; background: #f2f5f9 } .points-stats__section--positive { background: #ecfadc } @media (min-width: 1201px) { .points-stats:before { margin-bottom: -5px } .points-stats:after, .points-stats:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .points-stats:after { margin-top: -5px } .points-stats__content { margin-left: -5px; margin-right: -5px; display: flex; flex-flow: row nowrap; justify-content: space-between } .points-stats__section { flex: 1 1 auto; display: flex; flex-flow: row nowrap; align-items: stretch; justify-content: space-between; margin: 5px } .points-stats__section .points-stats-item { flex: 1 1 0px } .points-stats__section .points-stats-item + .points-stats-item { margin-left: 15px } } @media (min-width: 1201px)and (max-width: 1500px) { .points-stats__section { padding: 15px } } @media (min-width: 1201px) { .points-stats__section--shrink { padding: 15px; flex-grow: 0; flex-basis: 110px } } @media (min-width: 1201px) { .points-stats-item__label { margin: 16px 0 14px } } @media (max-width: 1200px) { .points-stats-item { justify-content: space-between } .points-stats-item, .points-stats-item__header { display: flex; flex-flow: row nowrap; align-items: center } .points-stats-item__value { margin-left: 30px } } @media (max-width: 1200px)and (min-width: 769px) { .points-stats__section { padding: 20px } .points-stats__section + .points-stats__section { margin-top: 20px } .points-stats__section .points-stats-item + .points-stats-item { margin-top: 15px } .points-stats-item__label { font-size: 16px; line-height: 20px; margin-left: 11px; margin-top: 3px } } @media (max-width: 768px) { .points-stats + .btn-list-wrap { margin-top: 10px } .points-stats + .btn-list-wrap .btn { flex: 1 1 auto } .points-stats-item__value { font-size: 18px; line-height: 23px } .points-stats__section { padding: 16px 20px 16px 16px } .points-stats__section + .points-stats__section { margin-top: 10px } .points-stats__section .points-stats-item + .points-stats-item { margin-top: 20px } .points-stats-item__label { margin-left: 14px } .points-stats-item__icon { width: 18px; height: 18px } } .aside-text { color: #97a4af; margin-top: 40px } .aside-text .arrow-link { margin-top: 10px } .cabinet { margin: 50px 0 } @media (max-width: 992px) { .cabinet { margin-top: 0 } } .cabinet__mob-nav { margin-bottom: 40px } @media (min-width: 993px) { .cabinet__mob-nav { display: none } } @media (max-width: 768px) { .cabinet__mob-nav { margin-bottom: 20px } } .cabinet__mob-nav > :not(:first-child) { margin-top: 20px } .cabinet__aside { width: 203px; flex: 0 0 auto; margin-right: 60px } .cabinet__aside .app-banner { margin-top: 55px; margin-left: -20px } @media (max-width: 992px) { .cabinet__aside { display: none } } .cabinet__main { flex: 1 1 0px; margin: -50px 0 } .cabinet__main:before { margin-bottom: 50px } .cabinet__main:after, .cabinet__main:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .cabinet__main:after { margin-top: 50px } @media (max-width: 768px) { .cabinet__main > .tabs--categories:first-child { margin-bottom: 20px } } .cabinet__main > .back-link:first-child { margin-top: 9px; margin-bottom: 5px } @media (max-width: 992px) { .cabinet__main > .back-link:first-child { margin-top: 0 } } @media (max-width: 768px) { .cabinet__main > .back-link:first-child { margin-bottom: 8px } } .cabinet__content { display: flex; flex-flow: row nowrap } @media (max-width: 992px) { .cabinet__content { display: block } } .cabinet__header { margin-bottom: 40px } .cabinet__title { font-family: Mont, sans-serif; font-weight: 500; font-size: 20px; line-height: 32px; color: #000 } @media (max-width: 768px) { .points-trans-status { pointer-events: none } } .points-trans-status__text { font-weight: 500 } .points-trans-status__icon { width: 20px; height: 20px } .tip--trans .tip__title { padding-left: 27px } .tip--trans .tip__title:before { background-repeat: no-repeat; background-size: contain; content: ""; position: absolute; width: 20px; height: 20px; left: 0 } @media (max-width: 768px) { .tip--trans .tip__title { padding-left: 44px } .tip--trans .tip__title:before { width: 25px; height: 25px; top: 1px } } .points { font-weight: 500; white-space: nowrap } .points--status-approved, .points-trans-status--approved { color: #7fb33c } .points-trans-status--approved .points-trans-status__icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%237FB33C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.84 8.354a.5.5 0 00-.707 0l-3.74 3.74L7.061 9.76a.5.5 0 10-.708.707L8.686 12.8l-.007.007.707.707 4.454-4.453a.5.5 0 000-.707z' fill='%23fff'/%3E%3C/svg%3E") } .tip--trans-approved .tip__title { color: #7fb33c } .tip--trans-approved .tip__title:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%237FB33C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.84 8.354a.5.5 0 00-.707 0l-3.74 3.74L7.061 9.76a.5.5 0 10-.708.707L8.686 12.8l-.007.007.707.707 4.454-4.453a.5.5 0 000-.707z' fill='%23fff'/%3E%3C/svg%3E") } .points--status-rejected, .points-trans-status--rejected { color: #f55147 } .points-trans-status--rejected .points-trans-status__icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E54D26'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.248 7.354a.5.5 0 01.707 0L10 9.399l2.045-2.045a.5.5 0 11.707.707l-2.045 2.045 1.94 1.94a.5.5 0 01-.708.707L10 10.813l-1.94 1.94a.5.5 0 11-.706-.708l1.939-1.939-2.045-2.045a.5.5 0 010-.707z' fill='%23fff'/%3E%3C/svg%3E") } .tip--trans-rejected .tip__title { color: #f55147 } .tip--trans-rejected .tip__title:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E54D26'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.248 7.354a.5.5 0 01.707 0L10 9.399l2.045-2.045a.5.5 0 11.707.707l-2.045 2.045 1.94 1.94a.5.5 0 01-.708.707L10 10.813l-1.94 1.94a.5.5 0 11-.706-.708l1.939-1.939-2.045-2.045a.5.5 0 010-.707z' fill='%23fff'/%3E%3C/svg%3E") } .points--status-moderation, .points-trans-status--moderation { color: #fdb222 } .points-trans-status--moderation .points-trans-status__icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10zM9.61 4a.605.605 0 00-.605.605L9 10.645c0 .196.093.37.237.482l4.381 3.359a.606.606 0 00.736-.963l-4.145-3.177.005-5.741A.605.605 0 009.61 4z' fill='%23FFC046'/%3E%3C/svg%3E") } .tip--trans-moderation .tip__title { color: #fdb222 } .tip--trans-moderation .tip__title:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10zM9.61 4a.605.605 0 00-.605.605L9 10.645c0 .196.093.37.237.482l4.381 3.359a.606.606 0 00.736-.963l-4.145-3.177.005-5.741A.605.605 0 009.61 4z' fill='%23FFC046'/%3E%3C/svg%3E") } .section-header { margin: 30px 0 15px } .back-link + .section-header { margin-top: 10px } .section-header--flex { display: flex; flex-flow: row wrap; align-items: baseline; justify-content: space-between } .section-header__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px } .section-header__title .info-btn { display: inline-block; line-height: 0; vertical-align: middle; margin: -2px 0 0 4px } @media (max-width: 500px) { .section-header--info .section-header__title { display: flex; flex-flow: row nowrap; justify-content: space-between } .section-header--info .section-header__title .info-btn { margin-left: 40px } } @media (max-width: 992px) { .section-header--main .section-header__title { font-size: 24px; line-height: 28px } } .section-header--l .section-header__title { font-size: 30px; line-height: 30px } .section-header--small { margin: 27px 0 10px } .section-header--xsmall .section-header__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 14px; color: #97a4af } .section-header__subtitle { color: #97a4af } .section-title__sub { color: #afbbc6 } .cabinet-section { border-radius: 12px; padding: 0 60px; background: #fff; box-shadow: 0 10px 35px hsla(0, 0%, 70.6%, .25); margin: 10px 0 } .cabinet-section:before { margin-bottom: 30px } .cabinet-section:after, .cabinet-section:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .cabinet-section:after { margin-top: 30px } @media (min-width: 993px) { .cabinet__main .cabinet-section { padding: 0 30px } } .cabinet-section.profile-edit .cabinet-section__header { padding-right: 130px } @media (max-width: 500px) { .cabinet-section.profile-edit .cabinet-section__header { padding-right: 80px } } .cabinet-section.form__section--required .section-header__title span:after { content: "*"; color: #f55147 } @media (max-width: 992px) { .cabinet-section { padding: 0 30px } } @media (max-width: 500px) { .cabinet-section { padding: 0 20px } .cabinet-section:before { margin-bottom: 20px } .cabinet-section:after, .cabinet-section:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .cabinet-section:after { margin-top: 20px } } .cabinet-section--warning { background: #ffeeb2 } .cabinet-section--group { box-shadow: none; background: #f2f5f9 } .cabinet-section--form-2-col .form-fieldset--input .form-field--input { flex-basis: calc(50% - 20px) } @media (min-width: 993px) { .cabinet-section--form-2-col { max-width: 800px } } @media (max-width: 500px) { .cabinet-section--form-2-col .form-fieldset--input .form-field--input { flex-basis: calc(100% - 20px) } } .cabinet-section__table { margin-left: -60px; margin-right: -60px } .cabinet-section__table table { width: 100%; margin-top: 30px; margin-bottom: 30px } .cabinet-section__table .table__search { padding: 0 60px } @media (max-width: 992px) { .cabinet-section__table { margin-left: -30px; margin-right: -30px } .cabinet-section__table .table__search { padding: 0 30px } } @media (max-width: 500px) { .cabinet-section__table { margin-left: -20px; margin-right: -20px } .cabinet-section__table .table__search { padding: 0 20px } } @media (min-width: 993px) { .cabinet__main .cabinet-section__table { margin-left: -30px; margin-right: -30px } .cabinet__main .cabinet-section__table .table__search { padding: 0 30px } } .cabinet-section--actions .cabinet-section__header { display: flex } @media (max-width: 500px) { .cabinet-section--add-file { display: flex; flex-flow: row nowrap; padding-top: 20px; padding-bottom: 20px } .cabinet-section--add-file:after, .cabinet-section--add-file:before { display: none } .cabinet-section--add-file .cabinet-section__content { order: -1; margin-right: 20px } .cabinet-section--add-file .cabinet-section__header { margin-top: 0 } } @media (max-width: 500px) { .cabinet-section__header { margin-top: 20px } } .cabinet-section--balance { margin: 17px 0; background: #4e8ecf; box-shadow: 0 10px 35px rgba(34, 176, 243, .6) } .cabinet-actions { margin: 30px 0; display: flex; flex-flow: row wrap } @media (max-width: 500px) { .cabinet-actions { margin: 20px 0 } .cabinet-actions .btn--accent, .cabinet-actions .btn--accent-2, .cabinet-actions .btn--accent-bold, .cabinet-actions .btn--primary { width: 100% } } @media (min-width: 769px) { .form-set--desktop-all-in-one .form-set__submit { display: none } } @media (max-width: 768px) { .form-set--mob-separate .form-set__submit-all { display: none } } .shops--edit .shops__add-btn, .shops:not(.shops--edit) .shops__add-form, .shops:not(.shops--edit) .shops__back { display: none } @media (min-width: 769px) { .shops--edit .shops__back { display: none } } @media (max-width: 768px) { .shops--edit .shops__item { display: none } } .form__actions { margin-top: 40px } @media (max-width: 768px) { .form__actions { margin-top: 20px } } @media (max-width: 500px) { .form__actions .btn--accent, .form__actions .btn--accent-2, .form__actions .btn--accent-bold, .form__actions .btn--primary { width: 100% } } .form--line .form__content { display: flex; flex-flow: row nowrap } .form--line .form__actions { margin-top: 0; margin-left: 10px } .form--line .form-field--input { width: auto; flex: 1 1 auto } .form__message { flex: 1 1 auto; margin: 20px 0 } .message { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; border-radius: 8px; padding: 23px 17px } .message, .message--type-success { background-color: #f2f7ec } .message--type-error { background-color: #fff4f1 } .message--type-info { background-color: #cfefff } .message-2 { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px } .message-2--type-success { color: #7fb33c } .message-2--type-error { color: #f55147 } .message--cabinet-section { padding: 23px 30px } .form-fieldset--input { margin: 20px 0 } .form-fieldset--input .form-fieldset__items-wrap { margin-left: -10px; margin-right: -10px } .form-fieldset--input .form-fieldset__items-wrap:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-bottom: -7.5px } .form-fieldset--input .form-fieldset__items-wrap:after { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-top: -7.5px } .form-fieldset--input .form-fieldset__items { display: flex; flex-flow: row wrap } .form-fieldset--input .form-fieldset__item { margin: 7.5px 10px } @media (max-width: 768px) { .form-fieldset--input .form-fieldset__items-wrap { margin-left: -7.5px; margin-right: -7.5px } .form-fieldset--input .form-fieldset__items-wrap:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-bottom: -7.5px } .form-fieldset--input .form-fieldset__items-wrap:after { content: "-"; display: block; overflow: hidden; clear: both; height: 0; margin-top: -7.5px } .form-fieldset--input .form-fieldset__item { margin: 7.5px } } .form-fieldset--input.form-fieldset--2-col .form-field--input { flex-basis: calc(50% - 20px) } @media (max-width: 992px) { .form-fieldset--input.form-fieldset--2-col .form-field--input { flex-basis: calc(100% - 20px) } } .form-fieldset__item--width-2 { flex-basis: calc(66.66667% - 20px) !important } .form-fieldset__item--fullwidth { flex-basis: calc(100% - 20px) !important } .form--col .form__actions { margin-top: 30px } .form--col .form__actions .btn { margin: auto } .form--col .form-field { width: auto } .form--col .form-field + .form-field { margin-top: 14px } @media (min-width: 769px) { .form--col .form-field--input { width: 340px } } .table table:not(.accordion) .table__row--selectable td * { pointer-events: none } .desktop .table table:not(.accordion) .table__row--selectable { cursor: pointer; z-index: 1 } .desktop .table table:not(.accordion) .table__row--selectable:hover { box-shadow: 0 -1px 0 #fff, 0 10px 35px hsla(0, 0%, 70.6%, .25) } .desktop .table table:not(.accordion) .table__row--selectable:hover td:before { display: none !important } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .desktop .table table:not(.accordion) .table__row--selectable:hover td:before { display: block !important } } .table__filter + .table__group-header .section-header, .table__row + .table__group-header .section-header { margin-top: 0 } .table__filter:hover td, .table__row:hover td { z-index: 1 !important } .table { z-index: 1 } @media (min-width: 769px) { .table .input { min-width: 100px } } .table a { pointer-events: all !important } .table td, .table th { padding: 15px 20px; text-align: left; vertical-align: middle } .table td:first-child, .table th:first-child { padding-left: 30px } .table td:last-child, .table th:last-child { padding-right: 30px } @media (min-width: 769px) { .table thead tr { background: #f2f5f9 } } .table td:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #e7ebee } .table td:first-child:before { left: 30px } .table td:last-child:before { right: 30px } .table .table__row--special-footer td { padding-bottom: 0 } .table .table__row--special-footer td:before { display: none } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .table td:before { bottom: auto; top: 0 } .table tbody:first-of-type td:before { display: none } } .table__filter td { padding-top: 30px; padding-bottom: 30px } .table__filter td:before { display: none } .table__select { display: flex; justify-content: flex-end } @media (max-width: 768px) { .table__select { justify-content: flex-start; margin-top: 3px } } .table__group-header td { text-align: left; padding: 0 30px } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .accordion--table .table__group-header td:before { bottom: 0; top: auto; display: block !important } } @media (max-width: 768px) { .table td, .table th { font-family: Mont, sans-serif; font-weight: 400; font-size: 16px; line-height: 20px } .table table { table-layout: fixed } .table th { padding-top: 0; padding-bottom: 0 } } @media (max-width: 500px) { .table td, .table th { padding: 20px 10px } .table td:first-child, .table th:first-child { padding-left: 20px } .table td:last-child, .table th:last-child { padding-right: 20px } .table td:first-child:before { left: 20px } .table td:last-child:before { right: 20px } .table th { padding-top: 0; padding-bottom: 0 } .table__group-header td { padding: 0 20px } } .table__loading td { padding-top: 40px } .table__loading td:before { display: none } .table-date { color: #97a4af } .table-date--inline { white-space: nowrap } .table-date--inline > * { display: inline } @media (max-width: 1300px) { .table-date--points-history { white-space: nowrap } .table-date--points-history > * { display: inline } } .table--main .table--main td { background: hsla(0, 0%, 94.5%, .53) } .table--main .table--main tbody:last-child td:before { display: none } .desktop .table--main .table--main table:not(.accordion) .table__row--selectable:hover { box-shadow: 0 -1px 0 #efefef, 0 10px 35px hsla(0, 0%, 70.6%, .25) } .table--main .table__header-item--tip { cursor: pointer } .table--main .table__header-item--tip .table__column-title { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start } .table--main .table__header-item--tip .table__column-title:after { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e02f"; font-size: 8px; margin-left: 8px; top: .2em; position: relative } .table--main .table__header-item--tip[aria-expanded=true] .table__column-title { color: #4e8ecf } .table--main .table__header-item--tip[aria-expanded=true] .table__column-title:after { transform: scaleY(-1) translateY(-.1em) } .table--main .table__header-item--tip.table__header-item--right .table__column-title { justify-content: flex-end } .table--main .table__cell--center, .table--main .table__header-item--center { text-align: center } .table--main .table__cell--center .points-trans-status { display: flex; justify-content: center } .table--main .table__cell--right, .table--main .table__header-item--right { text-align: right } .table--main .table__cell--right .points-trans-status, .table--main .table__cell--right .table-icon { display: flex; justify-content: flex-end } .desktop .table--main .table__cell a:hover { color: #4e8ecf } .table--main .table__cell--number, .table--main .table__header-item--number { text-align: right; white-space: nowrap } .table--main td[data-cell=status] .points-trans-status { margin-left: 10px } .table--main .table__no-results td { padding-top: 27px; padding-bottom: 0 } @media (max-width: 768px) { .table--main .table__no-results td { padding-top: 5px } } .table--main .table__no-results td:before { display: none } .table--main .table__filter + .table__no-results td { padding-top: 0 } .table--main .table__cell--compact { flex-grow: 0 } .table--main .table__cell--action { align-self: flex-start } @media (min-width: 769px) { .table--main .table__cell--compact, .table--main .table__cell--name-date { width: 1px } } @media (max-width: 768px) { .table--main .table__filter-btn { position: absolute; right: -8px; top: -3px; z-index: 1 } .table--main table, .table--main tbody, .table--main td, .table--main thead { display: block } .table--main tr { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center } .table--main tr > * { flex: 1 1 0px } .table--main td[data-cell=date] { flex-grow: 0; padding-right: 3px } .table--main td[data-cell=date] .table-date { width: 85px } .table--main td[data-cell=date] .table-date--points-history { width: 110px } .table--main td[data-cell=select] { padding-right: 10px } .table--main td[data-cell=collapse-arrow], .table--main td[data-cell=select] { flex-grow: 0; align-self: flex-start } .table--main thead + .table__group-header > tr:first-child .section-header { margin-top: 0 } .table--main.table--mob-top tr { align-items: flex-start } .table--main tbody:not(.collapse) > tr { align-items: stretch } .table--main tbody:not(.collapse) > tr > td { align-self: stretch } } .table-mob-actions { display: flex; align-items: center; margin-top: 16px } .table-mob-actions > * { margin-right: 10px } .table-mob-actions .points-trans-status { margin-right: 20px; margin-top: -2px } .btn-ico-2 { width: 40px; height: 40px; border-radius: 50%; font-size: 18px } .btn-ico-2__icon { display: flex; align-items: center; justify-content: center; height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .btn-ico-2--primary { background: #4e8ecf } .btn-ico-2--primary .btn-ico-2__icon { color: #fff } .desktop .btn-ico-2--primary:hover { background: #376593 } .btn-ico-2--secondary { box-shadow: 0 4px 14px rgba(0, 0, 0, .1) } .btn-ico-2--secondary .btn-ico-2__icon { color: #4e8ecf } .desktop .btn-ico-2--secondary:hover { box-shadow: 0 4px 14px rgba(78, 142, 207, .3) } .btn-light { color: #4e8ecf } .btn-light__content { display: flex; flex-flow: row nowrap; align-items: center } .btn-light__icon { margin-right: 10px } .btn-light__text { font-weight: 500 } .params { text-align: left } .accordion--table .collapse__content .params { padding: 0 0 20px } @media (max-width: 768px) { .accordion--table .collapse__content .params { padding: 5px 0 40px } } .params__content:before { margin-bottom: -20px } .params__content:after, .params__content:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .params__content:after { margin-top: -20px } .params__item { margin: 20px 0 } .params__item-label { color: #97a4af; margin-bottom: 7px } .params__item-label .info-btn { display: inline-block; vertical-align: middle; top: -1px; margin-left: 8px } .image-input { width: 140px; height: 140px } .image-input input { overflow: hidden; width: 0; height: 0 } .image-input--filled .image-input__action--add, .image-input:not(.image-input--filled) .image-input__action--remove { display: none } .image-input__preview { overflow: hidden; border-radius: 8px; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .image-input__preview img { object-fit: cover; object-position: center; font-family: "object-fit:cover;object-position:center;"; width: 100%; height: 100%; top: 0; left: 0; position: absolute } .image-input__action { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .image-input__action--remove { opacity: 0; transition: opacity .2s } .desktop .image-input__action--remove:hover { opacity: 1 } @media (max-width: 500px) { .image-input { width: 60px; height: 60px } } .action-cover { cursor: pointer } .action-cover:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #303034; opacity: .55; border-radius: 8px } .action-cover__content { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; height: 100% } .action-cover__icon { width: 40px; height: 40px; background: #4e8ecf; border-radius: 50% } .btn-add { background: #f2f5f9; border-radius: 8px; color: #4e8ecf; border: 2px solid transparent; transition: border-color .12s; cursor: pointer } .desktop .btn-add:hover { border-color: #4e8ecf } @media (max-width: 500px) { .btn-add { background: #f0f5fa } } .btn-add__content { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; height: 100% } .btn-add__text { font-weight: 500; padding: 10px; text-align: center } .btn-add__text:before { width: 22px; height: 22px } @media (max-width: 500px) { .btn-add__text { display: none } } .btn-add__icon { font-size: 22px; margin-top: 18px } @media (max-width: 500px) { .btn-add__icon { margin-top: 0 } } .promotions__items { margin: -5px; display: flex; flex-flow: row wrap } .promotions__item { margin: 5px; flex: 1 1 400px } .promo { box-shadow: 0 2px 10px hsla(0, 0%, 70.6%, .2) } .desktop a.promo:hover .promo__title { color: #376593 } .promo__img { background-color: #f6f6f7 } .promo__img:after { content: ""; display: block; padding-bottom: 42.8265524625% } .promo__img picture { position: static } .promo__img img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; object-position: center; font-family: "object-fit:cover;object-position:center;" } .promo__content { padding: 14px 30px 54px; background: #fff } .promo__date { font-size: 12px } .promo__date, .promo__title { font-family: Mont, sans-serif; font-style: normal; font-weight: 500; line-height: 20px } .promo__title { font-size: 18px; margin-top: 16px } .promo__text { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; margin-top: 11px } .promo__text, .promo__title { max-width: 700px } @media (max-width: 768px) { .promo { overflow: hidden; border-radius: 8px } .promo__title { font-size: 20px; line-height: 24px; margin-top: 10px } .promo__text { font-size: 16px; line-height: 24px; margin-top: 6px } .promo__content { padding: 14px 20px 30px } .promotions__items { margin: -10px -5px } .promotions__item { margin: 10px } } .ui-set-mob .litepicker { display: block !important; padding: 10px 0 15px; background: #fff; border: 1px solid #e6e6e6; border-radius: 12px } .ui-set-mob .litepicker .container__main { justify-content: center } .litepicker { font-family: Mont, sans-serif; display: none } .litepicker .container__main { display: flex } .litepicker .container__months { display: flex; flex-wrap: wrap; background-color: #fff; border-radius: 5px; width: 262px; box-sizing: content-box } .litepicker .container__months.columns-2 { width: 524px } .litepicker .container__months.columns-3 { width: 786px } .litepicker .container__months.columns-4 { width: 1048px } .litepicker .container__months.split-view .month-item-header .button-next-month, .litepicker .container__months.split-view .month-item-header .button-previous-month { visibility: visible } .litepicker .container__months .month-item { padding: 5px; width: 252px; box-sizing: content-box } .litepicker .container__months .month-item-header { display: flex; justify-content: space-between; font-weight: 500; font-size: 16px; letter-spacing: .38px; padding: 10px 5px; text-align: center; align-items: center; color: #333 } .litepicker .container__months .month-item-header div { flex: 1 } .litepicker .container__months .month-item-header div > .month-item-name { margin-right: 5px; text-transform: capitalize } .litepicker .container__months .month-item-header div > .month-item-year { padding: 0; color: #afbbc6 } .litepicker .container__months .month-item-header .reset-button { color: #909090 } .litepicker .container__months .month-item-header .reset-button > img, .litepicker .container__months .month-item-header .reset-button > svg { fill: #909090; pointer-events: none } .litepicker .container__months .month-item-header .reset-button:hover { color: #376593 } .litepicker .container__months .month-item-header .reset-button:hover > svg { fill: #376593 } .litepicker .container__months .month-item-header .button-next-month:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e04e"; left: 1px } .litepicker .container__months .month-item-header .button-previous-month:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e046"; right: 1px } .litepicker .container__months .month-item-header .button-next-month, .litepicker .container__months .month-item-header .button-previous-month { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50%; background: #f0f5fa; cursor: pointer; visibility: hidden; text-decoration: none; color: #9e9e9e; padding: 3px 5px; transition: color .3s, border .3s } .litepicker .container__months .month-item-header .button-next-month:before, .litepicker .container__months .month-item-header .button-previous-month:before { font-size: 10px; color: #4e8ecf; position: relative } .desktop .litepicker .container__months .month-item-header .button-next-month:hover, .desktop .litepicker .container__months .month-item-header .button-previous-month:hover { color: #376593 } .desktop .litepicker .container__months .month-item-header .button-next-month:hover:before, .desktop .litepicker .container__months .month-item-header .button-previous-month:hover:before { font-size: 10px; color: #376593 } .litepicker .container__months .month-item-weekdays-row { display: flex; justify-self: center; justify-content: flex-start; color: #9e9e9e } .litepicker .container__months .month-item-weekdays-row > div { padding: 5px 0; font-size: 14px; color: #afbbc6; text-transform: uppercase; flex: 1; width: 36px; text-align: center } .litepicker .container__months .month-item:first-child .button-previous-month, .litepicker .container__months .month-item:last-child .button-next-month { visibility: visible } .litepicker .container__months .month-item.no-next-month .button-next-month, .litepicker .container__months .month-item.no-previous-month .button-previous-month { visibility: hidden } .litepicker .container__days { display: flex; flex-wrap: wrap; justify-self: center; justify-content: flex-start; text-align: center; box-sizing: content-box } .litepicker .container__days > a div, .litepicker .container__days > div { padding: 8px 0; width: 36px } .litepicker .container__days > a, .litepicker .container__days > div { margin: 1px 0 } .litepicker .container__days .day-item { color: #333; text-align: center; text-decoration: none; border-radius: 3px; transition: color .3s, border .3s; cursor: pointer; font-size: 14px; font-weight: 500; width: 36px; height: 36px } .litepicker .container__days .day-item > div { pointer-events: none; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid transparent } .desktop .litepicker .container__days .day-item:hover { color: #376593 } .desktop .litepicker .container__days .day-item:hover div { border-color: #4e8ecf } .litepicker .container__days .day-item.is-today { color: #f44336 } .litepicker .container__days .day-item.is-locked { color: #9e9e9e } .litepicker .container__days .day-item.is-locked:hover { color: #9e9e9e; box-shadow: none; cursor: default } .litepicker .container__days .day-item.is-booked { color: #9e9e9e } .litepicker .container__days .day-item.is-booked:hover { color: #9e9e9e; box-shadow: none; cursor: default } .litepicker .container__days .day-item.is-in-range { background-color: #f2f5f9; border-radius: 0 } .litepicker .container__days .day-item.is-in-range:nth-child(7n-6) { border-top-left-radius: 50%; border-bottom-left-radius: 50% } .litepicker .container__days .day-item.is-in-range:last-of-type, .litepicker .container__days .day-item.is-in-range:nth-child(7n) { border-top-right-radius: 50%; border-bottom-right-radius: 50% } .litepicker .container__days .day-item.is-in-range:first-of-type { border-top-left-radius: 50%; border-bottom-left-radius: 50% } .litepicker .container__days .day-item.is-end-date.is-flipped:not(:nth-child(7n)):before, .litepicker .container__days .day-item.is-start-date:not(.is-flipped):not(:nth-child(7n)):before { position: absolute; right: 0 } .litepicker .container__days .day-item.is-end-date:not(.is-flipped):not(:nth-child(7n-6)):before, .litepicker .container__days .day-item.is-start-date.is-flipped:not(:nth-child(7n-6)):before { position: absolute; left: 0 } .litepicker .container__days .day-item.is-end-date div, .litepicker .container__days .day-item.is-start-date div { z-index: 1; border-radius: 50%; color: #fff; background-color: #4e8ecf } .litepicker .container__days .day-item.is-end-date:before, .litepicker .container__days .day-item.is-start-date:before { width: 18px; height: 100%; content: ""; background: #f2f5f9; top: 0 } .litepicker .container__days .day-item.is-start-date.is-end-date:before { display: none } .litepicker .container__days .day-item.is-highlighted { color: #333; background-color: #ffeb3b } .litepicker .container__days .week-number { display: flex; align-items: center; justify-content: center; color: #9e9e9e; font-size: 85% } .litepicker .container__footer { text-align: right; padding: 10px 5px; margin: 0 5px; background-color: #fafafa; box-shadow: inset 0 3px 3px 0 #ddd; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .litepicker .container__footer .preview-date-range { margin-right: 10px; font-size: 90% } .litepicker .container__footer .button-cancel { background-color: #9e9e9e; color: #fff; border: 0; padding: 3px 7px 4px; border-radius: 3px } .litepicker .container__footer .button-cancel > img, .litepicker .container__footer .button-cancel > svg { pointer-events: none } .litepicker .container__footer .button-apply { background-color: #4e8ecf; color: #fff; border: 0; padding: 3px 7px 4px; border-radius: 3px; margin-left: 10px; margin-right: 10px } .litepicker .container__footer .button-apply:disabled { opacity: .7 } .litepicker .container__footer .button-apply > img, .litepicker .container__footer .button-apply > svg { pointer-events: none } .litepicker .container__tooltip { position: absolute; margin-top: -4px; padding: 4px 8px; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); white-space: nowrap; font-size: 11px; pointer-events: none; visibility: hidden } .litepicker .container__tooltip:before { position: absolute; bottom: -5px; left: calc(50% - 5px); border-top: 5px solid rgba(0, 0, 0, .12); border-right: 5px solid transparent; border-left: 5px solid transparent; content: "" } .litepicker .container__tooltip:after { position: absolute; bottom: -4px; left: calc(50% - 4px); border-top: 4px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; content: "" } .litepicker-open { overflow: hidden } .litepicker-backdrop { display: none; background-color: #000; opacity: .3; position: fixed; top: 0; right: 0; bottom: 0; left: 0 } .aside-footer { margin-top: 60px } .link-list a + a { margin-top: 13px } .map--main { width: 100%; height: 478px } .card, .map--main { border-radius: 12px } .card { background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); padding: 20px } @media (max-width: 768px) { .card { padding: 13px 15px 15px } } .card--padding-s { padding: 15px } .card--padding-l { padding: 30px } @media (max-width: 768px) { .card--padding-l { padding: 15px } } .card--map { position: absolute; bottom: 10px; left: 10px; right: 10px } .round-icon { width: 18px; height: 18px; background: #f2f5f9; border-radius: 999px; font-size: 10px } .desktop .action:hover .round-icon, .desktop .round-icon.action:hover, .toggle--active .round-icon { background: #4e8ecf; color: #fff } .round-icon .ico { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) } .message-s--warning { padding-left: 24px } .message-s--warning:before { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: y90f59; font-weight: 400; content: "\e04f"; color: #fdb222; font-size: 16px; position: absolute; left: 0 } sup { font-size: .7em; top: .1em; vertical-align: super } .title-l { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 36px; line-height: 41px; margin: 70px 0 60px; display: block } .title-l:after, .title-l:before { content: "-"; display: block; overflow: hidden; clear: both; height: 0 } .title-l:before { margin-bottom: -.23em } .title-l:after { margin-top: -.23em } @media (max-width: 768px) { .title-l { font-weight: 500; font-size: 24px; line-height: 28px; margin: 30px 0 } } .title-m { font-family: Mont, sans-serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 28px; margin: 40px 0 } @media (max-width: 768px) { .title-m { margin: 30px 0; font-size: 20px; line-height: 24px } .title-m:first-child { margin-top: 0 } } .img-preload { opacity: 0; transition: opacity .5s } .img-preload--loaded { opacity: 1 } img.lazy { opacity: 0; transition: opacity .2s } img.lazy.loaded { opacity: 1 } .tip-source { display: none } .layout-nav { padding: 40px } .layout-nav a { display: block } .desktop .layout-nav a:hover { color: #376593 } html.desktop.modal-open body, html.modal-open--done.mobile, html.modal-open--done body { overflow: hidden } .flex-fix { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; visibility: hidden !important } select { display: none } @media(max-width: 1700px) { /*STYLE CATALOG*/ .product-list--tile { grid-template-columns: repeat(4, 1fr); } /*STYLE CATALOG END*/ } @media(max-width: 1616px) { /*STYLE CATALOG*/ .product-list--tile { grid-template-columns: repeat(3, 1fr); } /*STYLE CATALOG END*/ } @media(max-width: 1325px) { /*STYLE CATALOG*/ .product-list--tile { grid-template-columns: repeat(2, 1fr); } /*STYLE CATALOG END*/ } @media(max-width: 992px) { /*STYLE CATALOG*/ .product-list--tile { grid-template-columns: repeat(1, 1fr); } /*STYLE CATALOG END*/ } @media (max-width: 768px) { /*STYLE CATALOG*/ .product-list--tile { grid-template-columns: repeat(2, 1fr); } /*STYLE CATALOG END*/ } @media (max-width: 645px) { /*STYLE CATALOG*/ .product-list--tile { grid-template-columns: repeat(1, 1fr); } /*STYLE CATALOG END*/ } /* End */ /* Start:/local/templates/evo/components/bitrix/menu/top/style.css?17422774521246*/ /*.header-menu { height: 33px; display: flex; align-items: center; margin-left: auto; transition: 300ms; } .menu-item { position: relative; cursor: pointer; } .menu-link:hover { opacity: 0.8; } .header-menu > ul { display: flex; flex-flow: row nowrap; width: 100%; } .header-menu > ul li:not(:first-child) { margin-left: 25px; } .header-menu .menu-link { font-family: FuturaPT, sans-serif; font-size: 12px; line-height: 14px; text-transform: uppercase; letter-spacing: .24px; font-weight: 500; color: #ccc; } .menu-sublist.is-active { display: block; } .menu-sublist { position: absolute; left: -24px; top: 50px; background: #fff; list-style: none; padding: 16px 0; display: none; margin: 0; transition: all .25s ease-in-out; } .menu-sub-link { text-decoration: none; color: #212121; font-weight: 500; font-size: 13px; line-height: 20px; letter-spacing: .02em; padding: 8px 44px 8px 24px; display: block; text-transform: uppercase; transition: 300ms; white-space: nowrap; } .menu-sub-link:hover { opacity: 0.8; } @media (max-width: 1919.98px) { .menu-sublist { padding: 17px 0; } .menu-sub-link { padding: 7px 44px 7px 24px; } } @media (max-width: 1024px) { .header-menu { display: none; } }*/ /* End */ /* Start:/local/components/swifts/header.search/templates/.default/style.css?17428151491078*/ .header-search { display: flex; align-items: center; width: 150px; min-width: 150px; margin-left: 5%; } .header-search-field.is-active .header-search-input { opacity: 1; } .nav-primary { } .header-search-input { outline: none; width: 100%; height: 100%; font-size: 18px; line-height: 24px; background: #fcfcfc; border: 1px solid #dce4e7; border-radius: 8px; padding: 6px 16px; color: #000; transition: transform .25s; transform-origin: right center; } .header-search-icon { position: absolute; right: 12px; top: 10px; cursor: pointer; } .header-search-icon svg { width: 14px; height: 14px; fill: var(--main-color); transition: 300ms; } .menu-mobile-back-icon { display: none; position: absolute; left: 20px; top: 22px; opacity: 1; transition: opacity .25sease-in-out, left .25sease-in-out; width: 32px; height: 32px; fill: #c4c4c4; z-index: 1200; cursor: pointer; justify-content: center; align-items: center; } .menu-mobile-back-icon svg { width: 19px; height: 16px; } .search-mob__results .search-category__title { font-size: 13px; } /* End */ /* Start:/local/templates/evo/template_styles.css?17437712891978*/ @font-face { font-family: "Mont"; src: local('Mont Regular'), local('Mont-Regular'), url("/local/templates/evo/fonts/Mont/Mont-Regular.ttf"); font-weight: 400; font-style: normal; } @font-face { font-family: "Mont"; src: local('Mont SemiBold'), local('Mont-SemiBold'), url("/local/templates/evo/fonts/Mont/Mont-SemiBold.ttf"); font-weight: 600; font-style: normal; } @font-face { font-family: "Mont"; src: local('Mont Bold'), local('Mont-Bold'), url("/local/templates/evo/fonts/Mont/Mont-Bold.ttf"); font-weight: 700; font-style: normal; } @font-face { font-family: "Mont"; src: local('Mont Light'), local('Mont-Light'), url("/local/templates/evo/fonts/Mont/Mont-Light.ttf"); font-weight: 300; font-style: normal; } @font-face { font-family: "Mont"; src: local('Mont Thin'), local('Mont-Thin'), url("/local/templates/evo/fonts/Mont/Mont-Thin.ttf"); font-weight: 100; font-style: normal; } :root { --main-color:#B197FF; --second-color:#38A7E1; --third-color:#898B8F; } input { font-family: Mont, sans-serif; font-style: normal; } /*.catalog__items[data-view=list] { display: none; }*/ .is-hidden { display: none; } .empty { padding: 200px 0 200px 0; text-align: center; } .empty-text, .empty-text-2, .empty__back { /* background: linear-gradient(180deg, #5F00D1 0%, #DF00A7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color: #0B2349; display: table; margin-left: auto; margin-right: auto; } .empty-text { margin-top: 20px; } .empty-text-2 { margin-top: 5px; } .empty__back { margin-top: 5px; } .empty__inner > img { filter: brightness(0); } .footer__section--nav > a:nth-child(1), .footer__section--nav > a:nth-child(2) { font-weight: bold; } .ui-set__title { font-weight: bold; font-size: 13px; } .input-checkbox__label { font-size: 13px; } .policy strong { font-weight: bold; } /* End */ /* /local/templates/.default/js/swiper/swiper-bundle.min.css?173814505018458 */ /* /local/templates/evo/js/chosen/chosen.css?174227745213000 */ /* /local/templates/evo/css/tooltip.css?17422774521406 */ /* /local/templates/evo/css/main.css?1750230316377844 */ /* /local/templates/evo/components/bitrix/menu/top/style.css?17422774521246 */ /* /local/components/swifts/header.search/templates/.default/style.css?17428151491078 */ /* /local/templates/evo/template_styles.css?17437712891978 */