/** * Swiper 6.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2020 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * 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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{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:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background: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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display: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}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } @font-face { font-family: "Roboto"; src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto/Roboto.woff2") format("woff2"), url("../fonts/roboto/Roboto.woff") format("woff"), url("../fonts/roboto/Roboto.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto/Robotomedium.woff2") format("woff2"), url("../fonts/roboto/Robotomedium.woff") format("woff"), url("../fonts/roboto/Robotomedium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto/Robotobold.woff2") format("woff2"), url("../fonts/roboto/Robotobold.woff") format("woff"), url("../fonts/roboto/Robotobold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @-ms-viewport { width: device-width; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, summary { display: block; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; touch-action: manipulation; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { line-height: 1; font-family: sans-serif; text-align: left; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption { caption-side: bottom; } th { text-align: inherit; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre, code, kbd, samp { font-family: monospace, monospace; } pre { overflow: auto; -ms-overflow-style: scrollbar; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, [type="reset"], [type="submit"], [type="button"] { -webkit-appearance: button; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } [tabindex="-1"]:focus { outline: 0 !important; } fieldset { min-width: 0; } legend { max-width: 100%; white-space: normal; color: inherit; display: block; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } output { display: inline-block; } template { display: none; } [hidden] { display: none; } .btn { display: inline-flex; align-items: center; justify-content: center; border: none; background: transparent; padding: 8px 24px; font-family: "Roboto", sans-serif; cursor: pointer; font-size: 1rem; line-height: 1.5rem; } .btn__text { position: relative; z-index: 2; } .btn--orange { position: relative; background: #f99e15; color: #fff !important; font-weight: 500; font-size: 1rem; line-height: 1.5rem; overflow: hidden; box-shadow: 0 4px 12px rgba(249, 157, 21, 0.3); border-radius: 32px; transition: box-shadow 0.3s, background 0.3s; } .btn--orange:hover { box-shadow: 0px 4px 12px rgba(249, 157, 21, 0.3); } .btn--orange:hover::before { opacity: 1; } .btn--orange:before { content: ""; background: linear-gradient(90deg, #f96715 0%, #f98315 51.56%, #f96715 100%); width: 100%; height: 100%; transition: opacity 0.3s; position: absolute; left: 0; bottom: 0; opacity: 0; } .btn--border { border-radius: 24px; border: 1px solid #2364af; color: #2364af; transition: background-color 0.3s; } .btn--border:hover { background-color: #2364af; color: #fff; } .btn--border .btn__text { font-size: 1rem; line-height: 1.5rem; } .btn--border .btn__btn-icon { width: 24px; height: 16px; fill: currentColor; line-height: 24; } .btn--blue { color: #fff; background: #2364af; border-radius: 32px; box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); transition: background-color 0.3s; } .btn--blue:hover { background-color: #003674; } .btn--like { padding: 0; } .btn-discount-request-orange { color: #fff; background: #f99e15; border-radius: 32px; box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); transition: background-color 0.3s; } .btn-discount-request-orange:hover { background: linear-gradient(90deg, #f96715 0%, #f98315 51.56%, #f96715 100%); } .btn-read-more { display: inline-block; position: relative; padding-left: 0; padding-right: 25px; font-size: 1rem; line-height: 1.5rem; color: #2364af; cursor: pointer; border: none; background-color: transparent; } .btn-read-more:hover { color: #003674; } .btn-read-more:hover:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.29.315A.959.959 0 011.702.307l4.342 4.567L10.29.315a.959.959 0 011.414-.008 1.11 1.11 0 01.008 1.503L7.467 6.37a1.917 1.917 0 01-2.829.015L.297 1.818A1.11 1.11 0 01.289.315z' fill='%23003674'/%3E%3C/svg%3E"); } .btn-read-more::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 12px; height: 7px; background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.289201 0.315261C0.677675 -0.101994 1.31083 -0.105518 1.7034 0.307391L6.04519 4.8742L10.2892 0.315303C10.6776 -0.101975 11.3108 -0.105536 11.7034 0.30735C12.0959 0.720235 12.0993 1.39322 11.7108 1.81049L7.46686 6.36939C6.68993 7.20398 5.42356 7.21107 4.6384 6.38522L0.296605 1.81841C-0.0959585 1.4055 -0.0992734 0.732516 0.289201 0.315261Z' fill='%232364AF'/%3E%3C/svg%3E") no-repeat center right; } .btn-read-more--roll-up::after, .btn-read-more--active::after { transform: translateY(-50%) rotate(-180deg); } .btn-arrow { color: #2364af; font-weight: 600; } .btn-arrow__icon { width: 24px; height: 16px; margin-left: 8px; fill: currentColor; } .btn-popup { display: inline-flex; align-items: center; text-align: left; justify-content: center; background: #f99e15; color: #fff; font-weight: 500; font-size: 1rem; line-height: 1.625rem; box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); border-radius: 12px; transition: box-shadow 0.3s; padding: 4px 40px; min-height: 84px; } .btn-popup:hover { background: linear-gradient(90deg, #f96715 0%, #f98315 51.56%, #f96715 100%); box-shadow: 0 4px 12px rgba(249, 157, 21, 0.3); } @media only screen and (min-width: 1280px) { .btn-popup { min-height: 72px; } } .btn-popup__text { text-transform: uppercase; } .btn-popup__icon { width: 48px; height: 48px; margin-right: 16px; flex-shrink: 0; } .menu-accordion { width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); } .menu-accordion__item { padding: 16px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .menu-accordion__item.active { padding-bottom: 24px; } .menu-accordion__item.active .menu-accordion__label::after { transform: rotate(-180deg); } .menu-accordion__item.active .menu-accordion__label-icon { transform: rotate(-180deg); } .menu-accordion__container { height: 0; overflow: hidden; transition: height 0.5s ease-in-out; } .menu-accordion__label { position: relative; display: block; font-size: 1rem; line-height: 1.625rem; } .menu-accordion__label::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 12px; height: 7px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.289201 0.315261C0.677675 -0.101994 1.31083 -0.105518 1.7034 0.307391L6.04519 4.8742L10.2892 0.315303C10.6776 -0.101975 11.3108 -0.105536 11.7034 0.30735C12.0959 0.720235 12.0993 1.39322 11.7108 1.81049L7.46686 6.36939C6.68993 7.20398 5.42356 7.21107 4.6384 6.38522L0.296605 1.81841C-0.0959585 1.4055 -0.0992734 0.732516 0.289201 0.315261Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; } .menu-accordion__label-icon { width: 12px; height: 7px; fill: #2364af; flex-shrink: 0; } .menu-accordion--header { color: #fff; } .section-accordion { width: 100vw; margin: 0 calc((100vw - 100%) / -2); } @media only screen and (min-width: 768px) { .section-accordion { width: calc(100% + 64px); margin: 0 -32px; } } @media only screen and (min-width: 1280px) { .section-accordion { width: 100%; margin: 0; } } .section-accordion__item { position: relative; } @media only screen and (min-width: 1280px) { .section-accordion__item.opened { padding-bottom: 64px; } } .section-accordion__item.opened .section-accordion__icon { transform: rotate(-180deg); } .section-accordion__item.opened .section-accordion__decorate-insert { opacity: 0.2; } .section-accordion__item.opened .section-accordion__label { padding-bottom: 0; border-bottom-color: transparent; } @media (hover: hover) { .section-accordion__item.opened .section-accordion__label:hover { color: #2364af; } } .section-accordion__icon { width: 12px; height: 7px; fill: #2364af; flex-shrink: 0; } @media only screen and (min-width: 768px) { .section-accordion__icon { width: 20px; height: 12px; margin-left: 24px; } } .section-accordion__container { overflow: hidden; transition: height 0.2s ease-in-out; } @media only screen and (min-width: 1280px) { .section-accordion__container { position: relative; } } .section-accordion__decorate-insert { position: absolute; top: 10px; right: calc((100vw - 100%) / -2); width: calc((100vw - 100%) / 2 + 400px); display: none; height: calc(100% - 10px); background: #51b2c0; opacity: 0; border-radius: 40px 0 0 40px; transition: opacity 0.2s; } @media only screen and (min-width: 1280px) { .section-accordion__decorate-insert { display: block; } } .section-accordion__content { z-index: 2; position: relative; } .section-accordion__label { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 1rem; line-height: 1.625rem; margin: 0 24px; padding-bottom: 24px; cursor: pointer; border-bottom: 1px solid #d3e8ed; transition: border-bottom-color 0.1s; } @media only screen and (min-width: 768px) { .section-accordion__label { margin: 0 32px; padding-bottom: 32px; } } @media only screen and (min-width: 1280px) { .section-accordion__label { padding: 0; margin: 0; justify-content: flex-start; border-bottom: none; } } .section-accordion--not-spoiler .section-accordion__decorate-insert { opacity: 0.2; } @media only screen and (min-width: 1280px) { .section-accordion--not-spoiler .section-accordion__item { padding-bottom: 64px; } } .section-accordion--not-spoiler .section-accordion__label { padding-bottom: 0; border-bottom: none; } @media only screen and (min-width: 768px) { .section-accordion--md-not-spoiler .section-accordion__container { overflow: visible; height: 100% !important; } } .section-accordion--md-not-spoiler .section-accordion__label { border-bottom-color: transparent; padding-bottom: 0; margin-bottom: 16px; } @media only screen and (min-width: 768px) { .section-accordion--md-not-spoiler .section-accordion__label { margin: 0; margin-bottom: 24px; cursor: default; } } @media only screen and (min-width: 1024px) { .section-accordion--md-not-spoiler .section-accordion__label { margin-bottom: 32px; } } .section-accordion--md-not-spoiler .section-accordion__content { padding: 0 24px; } @media only screen and (min-width: 768px) { .section-accordion--md-not-spoiler .section-accordion__content { padding: 0; } } @media only screen and (min-width: 768px) { .section-accordion--md-not-spoiler .section-accordion__icon { display: none; } } @media only screen and (min-width: 1280px) { .section-accordion--md-not-spoiler .section-accordion__item.opened { padding-bottom: 0; } } .section-accordion--md-not-spoiler .section-accordion__item.opened .section-accordion__icon { transform: rotate(-180deg); } @media only screen and (min-width: 768px) { .section-accordion--md-not-spoiler .section-accordion__item.opened .section-accordion__label { margin: 0; margin-bottom: 24px; } } @media only screen and (min-width: 1024px) { .section-accordion--md-not-spoiler .section-accordion__item.opened .section-accordion__label { margin-bottom: 32px; } } @media (hover: hover) { .section-accordion--md-not-spoiler .section-accordion__item.opened .section-accordion__label:hover { color: inherit; } } .views { display: inline-flex; align-items: center; } .views__icon { width: 16px; height: 16px; margin-right: 8px; } .views__amount { font-size: 0.875rem; line-height: 1.375rem; color: #898686; } .comments { display: inline-flex; align-items: center; font-size: 0.875rem; line-height: 1.375rem; color: #2364af; } .comments__icon { width: 16px; height: 16px; margin-right: 8px; } .comments__text { margin-left: 4px; } @media (hover: hover) { .comments:hover .comments__amount, .comments:hover .comments__text { color: #003674; } } @media only screen and (min-width: 768px) { .comments--big .comments__icon { width: 24px; height: 24px; } } @media only screen and (min-width: 1024px) { .comments--big .comments__icon { width: 32px; height: 32px; } } .comments--big .comments__amount, .comments--big .comments__text { font-size: 1rem; line-height: 1.625rem; } @media only screen and (min-width: 1024px) { .comments--big .comments__amount, .comments--big .comments__text { font-size: 1.25rem; line-height: 2rem; } } .date { font-size: 0.875rem; line-height: 1.375rem; color: #898686; } .rating { display: inline-flex; align-items: center; } .rating__icon { width: 16px; height: 16px; margin-right: 8px; } .rating__amount { font-size: 0.875rem; line-height: 1.375rem; color: #51c069; } @media only screen and (min-width: 768px) { .rating--big .rating__icon { width: 24px; height: 24px; } } @media only screen and (min-width: 1024px) { .rating--big .rating__icon { width: 32px; height: 32px; } } .rating--big .rating__amount { font-size: 1rem; line-height: 1.625rem; } @media only screen and (min-width: 1024px) { .rating--big .rating__amount { font-size: 1.25rem; line-height: 2rem; } } .like { display: inline-flex; align-items: baseline; color: #898686; } .like__icon { width: 16px; height: 16px; margin-right: 8px; fill: currentColor; } .like:hover { color: #2364af; } .like__amount { font-size: 0.875rem; line-height: 1.375rem; color: #51c069; } .like.disabled { color: #2364af; cursor: default; } .rating-form { display: inline-flex; flex-direction: row-reverse; position: relative; } .rating-form__icon { width: 24px; height: 24px; fill: currentColor; } .rating-form__tooltip { position: absolute; left: 0; top: calc(100% + 8px); width: calc(100% + 24px); padding: 12px 16px; font-size: 0.875rem; line-height: 1.375rem; background: #fff; box-shadow: 0 8px 24px rgba(35, 100, 175, 0.4); border-radius: 12px; min-width: 197px; opacity: 0; transition: opacity 0.2s; z-index: -1; pointer-events: none; } .rating-form__tooltip.show-tooltip { opacity: 1; pointer-events: auto; z-index: 1; } .rating-form__label { margin-right: 12px; cursor: pointer; height: 24px; } .rating-form__label.disabled { pointer-events: none; } .rating-form input { position: absolute; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; border: 0; overflow: hidden; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); left: -9999px; } .rating-form .rating-area { overflow: hidden; width: 265px; margin: 0 auto; } .rating-form:not(:checked) > label { color: #d3e8ed; } .rating-form > input[checked] ~ label { color: #51b2c0; } @media (hover) { .rating-form:not(:checked) > label:hover, .rating-form:not(:checked) > label:hover ~ label { color: #2364af; } .rating-form:not(:checked):disabled > label:hover, .rating-form:not(:checked):disabled > label:hover ~ label { pointer-events: none; } } @media (hover) { .rating-form > input:checked + label:hover, .rating-form > input:checked + label:hover ~ label, .rating-form > input:checked ~ label:hover, .rating-form > input:checked ~ label:hover ~ label, .rating-form > label:hover ~ input:checked ~ label { color: #2364af; } } .input__field { border: 1px solid #d3e8ed; background: #fff; padding: 8px 16px; border-radius: 24px; font-size: 1rem; line-height: 1.5rem; box-shadow: inset 0 4px 12px rgba(35, 100, 175, 0.2); transition: border-color 0.3s; color: #2d2d32; } .input__field:focus { outline: none; border-color: #51b2c0; } .input__field:hover { border-color: #51b2c0; } .input__field::-moz-placeholder { color: #898686; } .input__field:-ms-input-placeholder { color: #898686; } .input__field::placeholder { color: #898686; } .input__prompt { margin-top: 8px; font-size: 0.875rem; line-height: 1.375rem; text-align: left; display: none; } .input.has-error .input__prompt { display: block; } .input--banner { display: flex; align-items: flex-start; justify-content: center; } @media only screen and (min-width: 768px) { .input--banner { justify-content: flex-start; } } .input--banner .input__field { border-radius: 8px; max-width: 215px; flex-shrink: 1; } @media only screen and (min-width: 768px) { .input--banner .input__field { width: 203px; } } .input--banner .input__label { font-size: 0.875rem; line-height: 1.375rem; margin-right: 24px; text-align: left; padding: 9px 0; display: inline-flex; align-items: center; } @media only screen and (min-width: 768px) { .input--banner .input__label { font-size: 1rem; line-height: 1.5rem; margin-right: 16px; } } .input--banner .input__prompt { color: #fff; } .input--call-now { display: flex; align-items: flex-start; } .input--call-now .input__field { padding-top: 15px; padding-bottom: 15px; width: 278px; padding-right: 60px; } .input-checkbox { display: flex; align-items: center; } .input-checkbox input[type="checkbox"] { position: absolute; left: -1000px; z-index: -1; opacity: 0; } .input-checkbox input[type="checkbox"]:checked + .input-checkbox__face svg { opacity: 1; } .input-checkbox .input-checkbox__face { position: relative; display: inline-block; width: 32px; height: 32px; margin-right: 16px; border-radius: 4px; border: 1px solid #51b2c0; } .input-checkbox .input-checkbox__face:hover { box-shadow: 0px 8px 24px rgba(35, 100, 175, 0.4); } .input-checkbox .input-checkbox__face svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 12px; height: 12px; opacity: 0; } .review-item__title { color: #2364af; margin-bottom: 8px; transition: color 0.2s; } @media only screen and (min-width: 1280px) { .review-item__title { margin-bottom: 12px; } } .review-item__title:hover { color: #003674; } .review-item__text { font-size: 1rem; line-height: 1.5rem; margin-bottom: 16px; } @media only screen and (min-width: 1280px) { .review-item__text { font-size: 1.125rem; line-height: 1.625rem; } } .review-item__text.hidden { max-height: 198px; overflow: hidden; position: relative; } .review-item__text.hidden::after { content: ""; position: absolute; bottom: 0; left: 0; height: 86px; background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 0.01%, #f4f5f9 100%); width: 100%; } .review-item__row { display: flex; align-items: center; margin-top: 10px; } .review-item__position { color: #898686; margin-right: 4px; } .review-item__author { position: relative; padding-right: 16px; margin-right: 16px; color: #898686; font-size: 0.875rem; line-height: 1.375rem; } .review-item__author::after { content: ""; position: absolute; right: 0; bottom: 2px; height: 16px; width: 1px; background: #898686; } .review-item__date { color: #898686; font-size: 0.875rem; line-height: 1.375rem; } .review-item__master, .review-item__master-name { margin-top: 8px; } .review-item__master-name { color: #2364af; margin-left: 4px; transition: color 0.2s; } .review-item__master-name:hover { color: #003674; } .review-item__rating { margin-bottom: 12px; } @media only screen and (min-width: 1280px) { .review-item__rating { margin-bottom: 24px; } } .review-item__icon { width: 16px; height: 16px; margin-right: 4px; fill: #FFB900; } @media only screen and (min-width: 1280px) { .review-item__icon { width: 24px; height: 24px; } } .review-item__icon--opacity { fill: #d3e8ed; } .review-item--white-bg .review-item__text::after { bottom: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); } .action-item { display: block; overflow: hidden; height: 100%; width: 100%; position: relative; border-radius: 24px; transition: filter 0.2s; } @media only screen and (min-width: 1280px) { .action-item { max-width: 280px; } } .action-item.lightblue .action-item__text { background: rgba(77, 178, 191, 0.8); } .action-item.orange .action-item__text { background: rgba(222, 116, 0, 0.8); } .action-item.blue .action-item__text { background: rgba(33, 95, 166, 0.8); } .action-item__bg { width: 228px; height: 184px; background-size: cover; display: flex; align-items: flex-end; margin: 0 auto; transition: transform 0.3s; background-repeat: no-repeat; background-position: center; } @media only screen and (min-width: 768px) { .action-item__bg { width: 249px; height: 201px; } } @media only screen and (min-width: 1280px) { .action-item__bg { width: 282px; height: 227px; } } .action-item__text { white-space: normal; color: #fff; min-height: 52px; width: 100%; font-weight: 500; font-size: 1rem; line-height: 1.5rem; display: flex; padding: 12px; align-items: center; justify-content: center; transition: background 0.3s; transform: translateY(-100%); text-align: left; } @media only screen and (min-width: 768px) { .action-item__text { font-size: 1.25rem; line-height: 1.75rem; min-height: 58px; } } @media only screen and (min-width: 1280px) { .action-item__text { min-height: 66px; } } .action-item__text .number { font-weight: 500; font-size: 32px; line-height: 35px; margin-right: 10px; font-size: 1.25rem; line-height: 1.75rem; } @media only screen and (min-width: 768px) { .action-item__text .number { font-size: 1.625rem; line-height: 2.125rem; } } @media only screen and (min-width: 1280px) { .action-item__text .number { font-size: 2rem; line-height: 2.625rem; } } .action-item--detail { max-height: 100%; margin-bottom: 24px; width: 100vw; margin-left: -8px; margin-right: -8px; } @media only screen and (min-width: 768px) { .action-item--detail { margin: 0; margin-bottom: 24px; width: 100%; max-width: 100%; } } .action-item--detail .action-item__bg { width: 100%; height: 160px; } @media only screen and (min-width: 768px) { .action-item--detail .action-item__bg { height: 300px; } } .action-item--detail .action-item__text { transform: translateY(0); padding: 20px 24px; justify-content: flex-start; text-align: left; } @media only screen and (min-width: 1280px) { .action-item--detail .action-item__text { font-weight: 500; font-size: 32px; line-height: 35px; min-height: 83px; } } .action-item--detail.orange .action-item__text { background: #f99e15; } .action-item--detail.lightblue .action-item__text { background: #2364af; } .action-item--detail.blue .action-item__text { background: #003674; } @media (hover: hover) { .action-item:hover { filter: drop-shadow(0px 8px 24px rgba(45, 45, 50, 0.4)); } .action-item:hover:after { opacity: 0; } .action-item:hover.lightblue .action-item__text { background: rgba(77, 178, 191, 0.9); } .action-item:hover.orange .action-item__text { background: rgba(222, 116, 0, 0.9); } .action-item:hover.blue .action-item__text { background: rgba(33, 95, 166, 0.9); } } .slider { width: 100vw; margin: 0 calc((100vw - 100%) / -2); padding: 0 calc((100vw - 100%) / 2) 32px; } @media only screen and (min-width: 1280px) { .slider { width: 100%; margin: -90px 0 0; padding: 90px 0 0; } } .slider__btn { width: 40px; height: 40px; border: 1px solid #2364af; border-radius: 50%; left: auto; top: 32px; color: #2364af; transition: background-color 0.3s; } .slider__btn svg { transition: fill 0.3s; fill: currentColor; } .slider__btn::after { content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='24' viewBox='0 0 36 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.94287 10.9999C3.39059 10.9999 2.94287 11.4476 2.94287 11.9999C2.94287 12.5522 3.39059 12.9999 3.94287 12.9999L31.3654 12.9999L22.8808 17.796C22.4001 18.0678 22.2306 18.6779 22.5024 19.1587C22.7742 19.6395 23.3843 19.8089 23.865 19.5371L34.0007 13.8076C35.3474 13.0464 35.357 11.1099 34.0179 10.3353L23.8736 4.46761C23.3956 4.19109 22.7838 4.35447 22.5073 4.83254C22.2308 5.31061 22.3942 5.92233 22.8722 6.19886L31.1725 10.9999L3.94287 10.9999Z'/%3E%3C/svg%3E"); } @media only screen and (max-width: 1279px) { .slider__btn { display: none; } } .slider__btn--next { right: 40px; } .slider__btn--prev { right: 96px; } .slider__btn--prev .slider__btn-icon { transform: rotate(-180deg); } .slider__btn:hover { background: #2364af; color: #fff; } .slider__btn-icon { width: 24px; height: 16px; } .slider__scrollbar { position: relative; background: #fff; margin-left: 24px; width: 100%; } @media only screen and (min-width: 768px) { .slider__scrollbar { margin-left: calc((100vw - 704px) / 2); } } @media only screen and (min-width: 1024px) { .slider__scrollbar { margin-left: calc((100vw - 960px) / 2); } } @media only screen and (min-width: 1280px) { .slider__scrollbar { display: none; } } .slider__scrollbar.swiper-scrollbar { left: 0; width: 100%; } .slider__scrollbar .swiper-scrollbar-drag { background: #2364af; box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); border-radius: 24px; } .slider .swiper-wrapper { overflow: visible; } @media only screen and (min-width: 1280px) { .slider--actions { width: calc(100% + 80px); margin: -90px -40px -50px; padding: 90px 40px 50px; } } .slider--actions .slider__item { margin-right: 24px; } .slider--actions .slider__item:last-child { margin-right: 0; } @media only screen and (min-width: 1280px) { .slider--actions .slider__item:not(.swiper-slide-visible) { opacity: 0; } } @media only screen and (max-width: 1279px) { .slider--actions .slider__btn { display: none; } } .slider--actions .slider__btn--next { right: 40px; } .slider--actions .slider__btn--prev { right: 96px; } .slider--reviews .slider__btn { display: none; } .slider--masters { padding: 0 0 32px; } @media only screen and (min-width: 768px) { .slider--masters { padding: 0 calc((100vw - 100%) / 2) 32px; } } @media only screen and (min-width: 1280px) { .slider--masters { width: calc(100% + 80px); margin: -90px -40px -50px; padding: 90px 40px 50px; } } .slider--masters .slider__item { margin-right: 24px; } .slider--masters .slider__item:last-child { margin-right: 0; } @media only screen and (min-width: 1280px) { .slider--masters .slider__item:not(.swiper-slide-visible) { opacity: 0; } } @media only screen and (max-width: 1279px) { .slider--masters .slider__btn { display: none; } } .slider--masters .slider__btn--next { right: 40px; } .slider--masters .slider__btn--prev { right: 96px; } .slider--masters .swiper-wrapper { align-items: unset; } .slider--masters .swiper-slide { height: unset; min-height: 100%; } .slider--brands { padding: 0 0 32px; } @media only screen and (min-width: 768px) { .slider--brands { padding: 0 calc((100vw - 100%) / 2) 32px; } } @media only screen and (min-width: 1280px) { .slider--brands { width: calc(100% + 80px); margin: -90px -40px -50px; padding: 90px 40px 50px; } } .slider--brands .slider__btn { display: none; } @media only screen and (min-width: 1280px) { .slider--brands .slider__btn { display: inline-flex; } } .master-item { padding: 24px 24px 30px; display: block; background: #fff; box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); border-radius: 24px; min-height: 100%; transition: box-shadow 0.3s; } .master-item__image { width: 143px; height: 143px; border-radius: 50%; margin-right: 24px; margin-bottom: 16px; overflow: hidden; flex-shrink: 0; } .master-item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .master-item__info { margin-bottom: 16px; color: #2d2d32; } .master-item__row { display: flex; align-items: center; } .master-item__description { color: #2d2d32; font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 768px) { .master-item__description { font-size: 1rem; line-height: 1.5rem; } } .master-item__qualification { margin-bottom: 12px; } .master-item__name { margin-bottom: 12px; } .master-item__comments { margin-right: 24px; } .master-item__experience-all { margin-right: 8px; font-weight: 600; } .master-item__experience-current { color: #898686; } .master-item:hover { box-shadow: 0px 8px 24px rgba(35, 100, 175, 0.4); } .masters-list__item { width: 360px; } @media only screen and (min-width: 768px) { .masters-list__item { width: 340px; } } @media only screen and (min-width: 1280px) { .masters-list__item { width: 384px; } } .masters-list--list { width: 100vw; margin: 0 calc((100vw - 100%) / -2); } @media only screen and (min-width: 768px) { .masters-list--list { width: calc(100% + 24px); display: flex; flex-wrap: wrap; margin: 0 -24px -24px 0; } } .masters-list--list .masters-list__item { margin: 0 auto 24px; } @media only screen and (min-width: 768px) { .masters-list--list .masters-list__item { margin: 0 24px 24px 0; } } @media only screen and (min-width: 1024px) { .masters-list--list .masters-list__item { width: 468px; } } @media only screen and (min-width: 1280px) { .masters-list--list .masters-list__item { width: 384px; } } .readmore__wrapper { transition: height 0.3s; } .readmore__wrapper.active + .readmore__buttons .readmore__button:first-child { display: none; } .readmore__wrapper.active + .readmore__buttons .readmore__button:last-child { display: inline-block; } .readmore__buttons { display: flex; } .readmore__buttons.hide { display: none; } .readmore__button:first-child { display: inline-block; } .readmore__button:last-child { display: none; } .offer-wrapper { font-family: "Roboto", sans-serif; color: #fff; } @media only screen and (min-width: 768px) { .offer-wrapper { overflow: hidden; } } .offer-wrapper__img { flex-shrink: 0; align-self: flex-end; } @media only screen and (min-width: 768px) { .offer-wrapper__img { position: relative; width: 252px; bottom: -32px; right: 18px; } } @media only screen and (min-width: 1024px) { .offer-wrapper__img { bottom: -68px; width: 311px; } } @media only screen and (min-width: 1280px) { .offer-wrapper__img { width: 311px; } } .offer-wrapper__img img { height: auto; width: auto; max-width: 100%; } .offer-wrapper__img-tech { position: absolute; } .offer-wrapper__img-man { position: absolute; width: 151px; height: 171px; bottom: -1px; right: 50px; z-index: 1; } @media only screen and (min-width: 768px) { .offer-wrapper__img-man { width: 173px; height: 227px; right: -9px; } } @media only screen and (min-width: 1024px) { .offer-wrapper__img-man { right: -15px; } } @media only screen and (min-width: 1280px) { .offer-wrapper__img-man { width: 290px; height: 371px; } } .offer-wrapper__title { margin-bottom: 8px; font-size: 1rem; line-height: 1.625rem; font-weight: 500; text-transform: uppercase; } @media only screen and (min-width: 768px) { .offer-wrapper__title { font-size: 1.625rem; line-height: 2.125rem; margin-bottom: 16px; text-transform: none; } } @media only screen and (min-width: 1280px) { .offer-wrapper__title { font-size: 2rem; line-height: 2.625rem; } } .offer-wrapper__text { font-size: 0.875rem; line-height: 1.375rem; padding-right: 40px; margin-bottom: 82px; z-index: 2; position: relative; } @media only screen and (min-width: 768px) { .offer-wrapper__text { margin-bottom: 20px; font-size: 1rem; line-height: 1.5rem; } } .offer-wrapper__text p { margin-bottom: 16px; } .offer-wrapper__text p:last-child { margin-bottom: 0; } .offer-wrapper__text a { white-space: nowrap; text-decoration: none; color: inherit !important; border-bottom: 0 !important; font-size: inherit; font-weight: inherit; line-height: inherit; } .offer-wrapper__button { width: 100%; z-index: 2; position: relative; } @media only screen and (min-width: 768px) { .offer-wrapper__button { width: auto; min-width: 305px; } } .offer-wrapper__inner { background: #2d2d32; position: relative; overflow: visible; width: 100vw; margin: 0 calc((100vw - 100%) / -2); padding: 0 calc((100vw - 100%) / 2); min-height: 238px; } @media only screen and (min-width: 768px) { .offer-wrapper__inner { display: flex; align-items: center; padding: 32px calc((100vw - 100%) / 2); overflow: hidden; min-height: 276px; } } @media only screen and (min-width: 1024px) { .offer-wrapper__inner { padding: 32px calc((100vw - 100%) / 2 + 110px); } } @media only screen and (min-width: 1280px) { .offer-wrapper__inner { padding: 56px calc((100vw - 100%) / 2); min-height: 394px; } } .offer-wrapper__bottom { display: none; } @media only screen and (min-width: 1280px) { .offer-wrapper__bottom { display: block; } } .offer-wrapper__bottom-mobile { display: none; } @media only screen and (max-width: 1279px) { .offer-wrapper__bottom-mobile { display: block; } } .offer-wrapper--call-now { overflow: visible; } @media only screen and (max-width: 767px) { .offer-wrapper--call-now { padding-top: 241px; text-align: center; } } .offer-wrapper--call-now .offer-wrapper__img { width: 360px; min-height: 241px; top: 0; left: 50%; overflow-y: hidden; transform: translate(-50%, -100%); position: absolute; flex-shrink: 0; } @media only screen and (min-width: 768px) { .offer-wrapper--call-now .offer-wrapper__img { position: relative; overflow: visible; min-height: 174px; bottom: -32px; width: 340px; top: auto; left: auto; right: 30px; transform: unset; } } @media only screen and (min-width: 1024px) { .offer-wrapper--call-now .offer-wrapper__img { bottom: -42px; width: 311px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--call-now .offer-wrapper__img { bottom: -70px; width: 500px; } } @media only screen and (min-width: 768px) { .offer-wrapper--call-now .offer-wrapper__right { margin-left: 12px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--call-now .offer-wrapper__right { margin-left: 64px; } } .offer-wrapper--call-now .offer-wrapper__text { padding-right: 0; font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .offer-wrapper--call-now .offer-wrapper__text { font-size: 1rem; line-height: 1.5rem; } } @media only screen and (min-width: 1280px) { .offer-wrapper--call-now .offer-wrapper__text { font-size: 1.25rem; line-height: 2rem; margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .offer-wrapper--call-now .offer-wrapper__right { padding: 32px 0; z-index: 2; position: relative; } } .offer-wrapper--call-now .offer-wrapper__title { margin-bottom: 8px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .offer-wrapper--call-now .offer-wrapper__title { margin-bottom: 24px; text-transform: unset; } } @media only screen and (min-width: 1280px) { .offer-wrapper--call-now .offer-wrapper__title { margin-bottom: 32px; } } .offer-wrapper__button-submit { margin-left: -47px; } .offer-wrapper__button-submit .btn { padding-top: 16px; padding-bottom: 16px; } .offer-wrapper--calculate { padding: 32px 16px; border-radius: 24px; background: #fff; color: #2d2d32; filter: drop-shadow(0px 4px 12px rgba(35, 100, 175, 0.2)); } @media only screen and (min-width: 768px) { .offer-wrapper--calculate { display: flex; align-items: center; padding-right: 32px; margin-bottom: 28px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--calculate { padding: 40px 48px; } } .offer-wrapper--calculate .offer-wrapper__img { position: static; width: auto; max-width: 100%; height: 112px; margin-bottom: 16px; background-image: url("../img/picture/calculator.png"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { .offer-wrapper--calculate .offer-wrapper__img { width: 249px; height: 188px; margin-bottom: 0; margin-right: 32px; background-position: 0 50%; } } @media only screen and (min-width: 1280px) { .offer-wrapper--calculate .offer-wrapper__img { width: 394px; height: 193px; margin-right: 26px; } } .offer-wrapper--calculate .offer-wrapper__img img { position: static; height: 100%; width: auto; margin: 0 auto; display: block; } @media only screen and (min-width: 768px) { .offer-wrapper--calculate .offer-wrapper__img img { width: 100%; height: auto; margin: auto 0; } } .offer-wrapper--calculate .offer-wrapper__text { margin-bottom: 24px; padding-right: 0; } @media only screen and (min-width: 768px) { .offer-wrapper--calculate .offer-wrapper__text { margin-bottom: 32px; } } @media only screen and (min-width: 768px) { .offer-wrapper--calculate .offer-wrapper__button { width: auto; min-width: 305px; } } .offer-wrapper--calculate .offer-wrapper__button-wrapper { display: flex; justify-content: center; } @media only screen and (min-width: 768px) { .offer-wrapper--calculate .offer-wrapper__button-wrapper { justify-content: flex-start; } } .offer-wrapper--calculate .offer-wrapper__title { margin-bottom: 8px; font-size: 1rem; line-height: 1.625rem; font-weight: 600; text-transform: uppercase; } @media only screen and (min-width: 768px) { .offer-wrapper--calculate .offer-wrapper__title { margin-bottom: 16px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--calculate .offer-wrapper__title { text-transform: none; font-size: 2rem; line-height: 2.625rem; } } .offer-wrapper--sale { overflow: visible; } @media only screen and (max-width: 767px) { .offer-wrapper--sale { padding-top: 241px; text-align: center; } } .offer-wrapper--sale .offer-wrapper__img { width: 360px; min-height: 241px; top: 0; left: 50%; overflow-y: hidden; transform: translate(-50%, -100%); position: absolute; flex-shrink: 0; } @media only screen and (min-width: 768px) { .offer-wrapper--sale .offer-wrapper__img { position: relative; overflow: visible; min-height: 174px; bottom: -32px; width: 340px; top: auto; left: auto; right: 30px; transform: unset; } } @media only screen and (min-width: 1024px) { .offer-wrapper--sale .offer-wrapper__img { bottom: -42px; width: 311px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--sale .offer-wrapper__img { bottom: -70px; width: 500px; } } @media only screen and (min-width: 768px) { .offer-wrapper--sale .offer-wrapper__right { margin-left: 12px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--sale .offer-wrapper__right { margin-left: 64px; } } .offer-wrapper--sale .offer-wrapper__text { padding-right: 0; font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .offer-wrapper--sale .offer-wrapper__text { font-size: 1rem; line-height: 1.5rem; } } @media only screen and (min-width: 1280px) { .offer-wrapper--sale .offer-wrapper__text { font-size: 1.25rem; line-height: 2rem; margin-bottom: 32px; padding-right: 140px; } } @media only screen and (max-width: 767px) { .offer-wrapper--sale .offer-wrapper__right { padding: 32px 0; z-index: 2; position: relative; } } .offer-wrapper--sale .offer-wrapper__title { margin-bottom: 8px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .offer-wrapper--sale .offer-wrapper__title { margin-bottom: 24px; text-transform: unset; } } @media only screen and (min-width: 1280px) { .offer-wrapper--sale .offer-wrapper__title { margin-bottom: 32px; } } .offer-wrapper--sale .offer-wrapper__bottom { margin-bottom: 8px; } .offer-wrapper--washer .offer-wrapper__img-tech { width: 101px; height: 150px; right: 188px; bottom: -77px; } @media only screen and (min-width: 768px) { .offer-wrapper--washer .offer-wrapper__img-tech { width: 115px; height: 146px; bottom: -45px; right: 150px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--washer .offer-wrapper__img-tech { width: 194px; height: 242px; right: 247px; bottom: -83px; } } .offer-wrapper--dishwasher .offer-wrapper__img-tech { width: 108px; height: 120px; right: 193px; bottom: -51px; } @media only screen and (min-width: 768px) { .offer-wrapper--dishwasher .offer-wrapper__img-tech { width: 131px; height: 151px; bottom: -48px; right: 150px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--dishwasher .offer-wrapper__img-tech { width: 221px; height: 245px; right: 251px; bottom: -85px; } } .offer-wrapper--fridge .offer-wrapper__img-tech { width: 115px; height: 277px; right: 183px; bottom: -117px; } @media only screen and (min-width: 768px) { .offer-wrapper--fridge .offer-wrapper__img-tech { width: 115px; height: 277px; bottom: -70px; right: 150px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--fridge .offer-wrapper__img-tech { width: 190px; height: 458px; right: 252px; bottom: -126px; } } .offer-wrapper--hob .offer-wrapper__img-tech { width: 184px; height: 92px; right: 162px; bottom: -16px; } @media only screen and (min-width: 768px) { .offer-wrapper--hob .offer-wrapper__img-tech { width: 227px; height: 114px; bottom: -18px; right: 123px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--hob .offer-wrapper__img-tech { width: 378px; height: 191px; right: 196px; bottom: -38px; } } .offer-wrapper--kitchen-stove .offer-wrapper__img-tech { width: 113px; height: 149px; right: 189px; bottom: -79px; } @media only screen and (min-width: 768px) { .offer-wrapper--kitchen-stove .offer-wrapper__img-tech { width: 121px; height: 162px; bottom: -56px; right: 153px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--kitchen-stove .offer-wrapper__img-tech { width: 206px; height: 275px; right: 251px; bottom: -101px; } } .offer-wrapper--conditioner .offer-wrapper__img-tech { width: 170px; height: 84px; right: 166px; bottom: 12px; } @media only screen and (min-width: 768px) { .offer-wrapper--conditioner .offer-wrapper__img-tech { width: 213px; height: 105px; bottom: 13px; right: 133px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--conditioner .offer-wrapper__img-tech { width: 383px; height: 193px; right: 191px; bottom: 7px; } } .offer-wrapper--tv .offer-wrapper__img-tech { width: 122px; height: 103px; right: 180px; bottom: -9px; } @media only screen and (min-width: 768px) { .offer-wrapper--tv .offer-wrapper__img-tech { width: 151px; height: 127px; bottom: -8px; right: 150px; } } @media only screen and (min-width: 1280px) { .offer-wrapper--tv .offer-wrapper__img-tech { width: 319px; height: 268px; right: 204px; bottom: -32px; } } .sticker-sale { display: flex; justify-content: center; align-items: center; position: absolute; width: 56px; height: 56px; top: 8px; transform: translateX(-22%); left: calc((100% - 312px) / 2); z-index: 2; } @media only screen and (min-width: 768px) { .sticker-sale { width: 98px; height: 98px; left: calc((100% - 548px) / 2); top: 13px; } } @media only screen and (min-width: 1280px) { .sticker-sale { top: 33px; left: calc((100% - 1025px) / 2); } } .sticker-sale::before { content: ""; position: absolute; left: 26px; top: 0; height: 16px; width: 2px; background: #f99e15; transform: translateY(-50%); } @media only screen and (min-width: 768px) { .sticker-sale::before { height: 27px; left: 50px; } } @media only screen and (min-width: 1280px) { .sticker-sale::before { height: 63px; } } .sticker-sale::after { content: ""; position: absolute; right: 0; top: 0; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 99 99' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url%28%23filter0_d%29'%3E%3Cpath d='M47.971 8.986a1.93 1.93 0 013.058 0l1.311 1.704a1.93 1.93 0 002.732.331l1.682-1.34a1.93 1.93 0 012.969.73l.864 1.968a1.93 1.93 0 002.573.975l1.955-.9a1.93 1.93 0 012.707 1.422l.368 2.114a1.93 1.93 0 002.265 1.564l2.112-.407a1.93 1.93 0 012.29 2.029l-.15 2.139a1.93 1.93 0 001.826 2.06l2.146.11a1.93 1.93 0 011.737 2.518l-.656 2.04a1.93 1.93 0 001.28 2.438l2.055.62a1.93 1.93 0 011.085 2.86l-1.126 1.823a1.93 1.93 0 00.66 2.674l1.845 1.092a1.93 1.93 0 01.369 3.037l-1.53 1.502a1.93 1.93 0 000 2.753l1.53 1.502a1.93 1.93 0 01-.37 3.037l-1.845 1.092a1.93 1.93 0 00-.659 2.674l1.126 1.823a1.93 1.93 0 01-1.085 2.86l-2.055.62a1.93 1.93 0 00-1.28 2.438l.656 2.04a1.929 1.929 0 01-1.737 2.517l-2.146.11a1.93 1.93 0 00-1.825 2.061l.148 2.14a1.93 1.93 0 01-2.289 2.028l-2.112-.407a1.93 1.93 0 00-2.265 1.564l-.368 2.114a1.93 1.93 0 01-2.707 1.421l-1.955-.9a1.93 1.93 0 00-2.573.976l-.864 1.967a1.93 1.93 0 01-2.969.732l-1.682-1.341a1.93 1.93 0 00-2.732.331l-1.311 1.704a1.93 1.93 0 01-3.058 0l-1.311-1.704a1.93 1.93 0 00-2.732-.331l-1.682 1.34a1.93 1.93 0 01-2.969-.73l-.864-1.968a1.93 1.93 0 00-2.573-.975l-1.955.9a1.93 1.93 0 01-2.707-1.422l-.368-2.114a1.93 1.93 0 00-2.265-1.564l-2.112.407a1.93 1.93 0 01-2.29-2.029l.15-2.139a1.93 1.93 0 00-1.826-2.06l-2.146-.11a1.93 1.93 0 01-1.737-2.518l.656-2.04a1.93 1.93 0 00-1.28-2.438l-2.055-.62a1.93 1.93 0 01-1.085-2.86l1.126-1.823a1.93 1.93 0 00-.66-2.674l-1.845-1.092a1.93 1.93 0 01-.369-3.037l1.53-1.502a1.93 1.93 0 000-2.753l-1.53-1.502a1.93 1.93 0 01.37-3.037l1.845-1.092a1.93 1.93 0 00.659-2.674l-1.126-1.823a1.93 1.93 0 011.085-2.86l2.055-.62a1.93 1.93 0 001.28-2.438l-.656-2.04a1.93 1.93 0 011.737-2.517l2.146-.11a1.93 1.93 0 001.825-2.061l-.148-2.14a1.93 1.93 0 012.289-2.028l2.112.407a1.93 1.93 0 002.265-1.564l.368-2.114a1.93 1.93 0 012.707-1.421l1.955.9a1.93 1.93 0 002.573-.976l.864-1.967a1.93 1.93 0 012.969-.732l1.682 1.341a1.93 1.93 0 002.732-.331l1.311-1.704z' fill='%23F99E15'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='.494' y='.233' width='98.011' height='98.464' 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='6'/%3E%3CfeColorMatrix values='0 0 0 0 0.976471 0 0 0 0 0.615686 0 0 0 0 0.0823529 0 0 0 0.3 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-repeat: no-repeat; background-position: center right; background-size: contain; } .sticker-sale img { width: auto; height: 100%; } .sticker-sale__shadow { width: 44px; height: 44px; position: absolute; left: 50%; top: 2px; transform: translateX(-50%); box-shadow: 0px 4px 12px rgba(249, 157, 21, 0.3); border-radius: 50%; } @media only screen and (min-width: 768px) { .sticker-sale__shadow { width: 72px; height: 72px; top: 9px; } } .sticker-sale__value { color: #2d2d32; font-size: 0.875rem; line-height: 1rem; z-index: 2; position: relative; font-weight: 600; } .sticker-sale__value-icon { width: 32px; height: 14px; } @media only screen and (min-width: 768px) { .sticker-sale__value-icon { width: 54px; height: 24px; } } .sticker-sale--small { width: 69px; height: 69px; top: 10px; display: none; left: calc((100% - 697px) / 2); } @media only screen and (min-width: 768px) { .sticker-sale--small { display: flex; } } @media only screen and (min-width: 1280px) { .sticker-sale--small { top: 24px; left: calc((100% - 1219px) / 2); } } .sticker-sale--small::before { left: 34px; } @media only screen and (min-width: 768px) { .sticker-sale--small .sticker-sale__value-icon { width: 22px; height: 24px; } } @media only screen and (min-width: 768px) { .sticker-sale--small .sticker-sale__shadow { width: 54px; height: 54px; top: 4px; } } .table { overflow: hidden; border: 1px solid #d3e8ed; border-radius: 24px; } .table__item { overflow: hidden; padding: 0 24px; border-bottom: 1px solid #d3e8ed; background-color: #fff; } .table__item:last-child { border-bottom: none; } @media only screen and (min-width: 768px) { .table__item { padding: 0 32px; } } .table__item.opened { height: 100%; } .table__item.opened .table__container::before { content: ""; display: block; height: 1px; background-color: #d3e8ed; margin-left: -24px; margin-right: -24px; } @media only screen and (min-width: 768px) { .table__item.opened .table__container::before { margin-left: -32px; margin-right: -32px; } } .table__item.opened .table__icon-arrow { transform: rotate(-180deg); } @media (hover) { .table__item.opened .table__label:hover { color: #2364af; background-color: #f4f5f9; margin-left: -32px; margin-right: -32px; padding: 24px 32px; } } .table__label { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 19px 0; cursor: pointer; font-size: 1rem; line-height: 1.625rem; color: #2d2d32; } @media only screen and (min-width: 768px) { .table__label { padding: 24px 0; } } @media only screen and (min-width: 1024px) { .table__label { font-size: 1.25rem; line-height: 1.75rem; } } .table__label span { margin-right: auto; text-transform: uppercase; font-weight: 700; } .table__container { height: 0; transition: all 0.2s; } .table__icon { margin-top: -6px; margin-bottom: -6px; flex-shrink: 0; width: 32px; height: 32px; margin-right: 12px; border-radius: 50%; } @media only screen and (min-width: 768px) { .table__icon { width: 40px; height: 40px; } } .table__icon-arrow { flex-shrink: 0; display: block; width: 12px; height: 7px; fill: #2364af; margin-left: 16px; } @media (hover) { .table--seo:not(.opened) .table__label:hover { color: #2364af; } } @media (hover) { .table--seo.opened .table__label:hover { color: #2d2d32; } } .table--seo .table__item.opened .table__label, .table--seo .table__item:hover .table__label { background-color: #fff; } .table--seo .table__item:not(.opened):hover .table__icon-arrow { transform: rotate(0deg); } .table--seo .table__item.opened .table__container::before { display: none; } .breadcrumbs { margin: 0 0 16px; } @media only screen and (min-width: 768px) { .breadcrumbs { margin: 0 0 24px; } } @media only screen and (min-width: 1280px) { .breadcrumbs { margin: 0 0 40px; } } .breadcrumbs__list { display: inline-flex; flex-wrap: wrap; } .breadcrumbs__item { margin-right: 12px; margin-bottom: 8px; } .breadcrumbs__item:last-child { margin-right: 0; } .breadcrumbs__item.current .breadcrumbs__link { pointer-events: none; color: #2d2d32; } .breadcrumbs__item.current .breadcrumbs__link span { border-bottom-color: transparent; } .breadcrumbs__item.current .breadcrumbs__link-icon { display: none; } .breadcrumbs__link { font-size: 0.875rem; line-height: 1.375rem; color: #2364af; display: inline-flex; align-items: center; } @media only screen and (min-width: 1280px) { .breadcrumbs__link { font-size: 1rem; line-height: 1.5rem; } } .breadcrumbs__link span { border-bottom: 1px solid rgba(35, 100, 175, 0.7); transition: border-bottom-color 0.1s; } .breadcrumbs__link:hover { color: #003674; } .breadcrumbs__link:hover span { border-bottom-color: transparent; } .breadcrumbs__link-icon { width: 8px; height: 4px; fill: currentColor; margin-left: 8px; transform: rotate(-90deg); } .breadcrumbs--back .breadcrumbs__link span { border-bottom: 1px solid #2364af; } .breadcrumbs--back .breadcrumbs__link:hover span { border-bottom-color: transparent; } .breadcrumbs--back .breadcrumbs__link-icon { transform: rotate(-270deg); margin-left: 0; margin-right: 8px; } .video-iframe-holder { position: relative; background: #d3e8ed; border-radius: 32px; overflow: hidden; max-width: 993px; } .video-iframe-holder__image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; max-width: 993px; } .video-iframe-holder__image img { width: 100%; height: 100%; max-height: 100%; } .video-iframe-holder__btn { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 56px; height: 40px; background: transparent; transition: background 0.3s; position: absolute; border: none; padding: 0; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); } @media only screen and (min-width: 1280px) { .video-iframe-holder__btn { width: 128px; height: 93px; } } .video-iframe-holder__btn-icon { width: 100%; height: 100%; } .top-page { padding-top: 32px; } @media only screen and (min-width: 1280px) { .top-page { padding-top: 40px; } } @media only screen and (min-width: 768px) { .top-page__row { display: flex; align-items: flex-start; } } .top-page h1 { margin-bottom: 24px; } @media only screen and (min-width: 1280px) { .top-page h1 { margin-bottom: 32px; } } .top-page h2 { margin-top: 48px; margin-bottom: 24px; } @media only screen and (min-width: 1280px) { .top-page h2 { margin-bottom: 32px; margin-top: 56px; } } .top-page__brand-image { width: 144px; margin-bottom: 24px; flex-shrink: 0; } @media only screen and (min-width: 768px) { .top-page__brand-image { width: 158px; margin-bottom: 0; margin-right: 32px; } } @media only screen and (min-width: 1280px) { .top-page__brand-image { width: 164px; margin-right: 40px; } } .top-page__brand-image img { width: 100%; height: auto; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .top-page__author { margin-bottom: 24px; display: flex; } .top-page__author .master-item__description { max-width: 303px; } @media only screen and (min-width: 768px) { .top-page__author { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .top-page__author { flex-direction: column; position: -webkit-sticky; position: sticky; padding-left: 105px; float: right; } } .top-page__wrapper.readmore__wrapper { height: 118px; min-height: 118px; overflow: hidden; transition: height 0.3s; } @media only screen and (min-width: 768px) { .top-page__wrapper.readmore__wrapper { min-height: auto; height: auto; overflow: visible; } } .top-page__sub-title { margin-bottom: 16px; } @media only screen and (min-width: 768px) { .top-page__sub-title { margin-bottom: 14px; } } @media only screen and (min-width: 1280px) { .top-page__sub-title { margin-bottom: 20px; } } .top-page__text { font-size: 1rem; line-height: 1.75rem; } @media only screen and (min-width: 1280px) { .top-page__text { font-size: 1.125rem; line-height: 1.75rem; } } .top-page__text:last-child { margin-bottom: 0; } .top-page__text p { margin-bottom: 16px; } .top-page__text a { color: #2364af; border-bottom: 1px solid #2364af; transition: border-bottom-color 0.2s; } .top-page__text a:hover { border-bottom-color: transparent; } .top-page__text ul:not(.brands):not(.brands__list) { margin-top: 10px; margin-bottom: 10px; } .top-page__text ul:not(.brands):not(.brands__list) li { position: relative; padding-left: 40px; } .top-page__text ul:not(.brands):not(.brands__list) li::before { content: ""; position: absolute; left: 20px; top: 3px; display: block; width: 14px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.85718 8.34795L5.28575 12.1998C6.57146 9.37511 9.40003 3.64869 12.1429 1.7998' stroke='%2351B2C0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; margin-right: 8px; } .top-page__text ol { margin-top: 10px; margin-bottom: 10px; counter-reset: item; } .top-page__text ol li { position: relative; padding-left: 40px; } .top-page__text ol li:last-child { margin-bottom: 0; } .top-page__text ol li::before { position: absolute; left: 20px; counter-increment: item; content: counter(item) ". "; color: #51b2c0; font-weight: bold; } .top-page__text ol li p { color: #898686; } .top-page__text ol li { margin-bottom: 16px; } .top-page__text--gray { color: #898686; } .top-page__text ul.brands { display: flex; flex-wrap: wrap; } .top-page__text ul.brands li { width: 150px; height: 110px; padding: 30px; text-align: center; } .top-page__text-bold { font-weight: 600; } .top-page__instruction-link { margin: 32px 0; max-width: 462px; } .top-page__buttons { margin-top: 24px; } @media only screen and (min-width: 768px) { .top-page__buttons { display: none; } } .top-page__button { margin-top: 32px; text-align: center; } @media only screen and (min-width: 768px) { .top-page__button { text-align: left; } } .top-page__content { max-width: 995px; } .top-page__help-result { margin-bottom: 32px; } .top-page--not-spoiler .top-page__wrapper { height: auto; max-height: available; overflow: visible; } .top-page--questions .top-page__row { display: block; } @media only screen and (min-width: 1024px) { .top-page--questions .top-page__row { display: flex; justify-content: space-between; align-items: center; } } .top-page--instruction-detail .top-page__image { width: auto; height: 310px; flex-shrink: 0; margin-bottom: 24px; } .top-page--instruction-detail .top-page__image img { width: auto; height: auto; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } @media only screen and (min-width: 768px) { .top-page--instruction-detail .top-page__image { height: 340px; margin-bottom: 0; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .top-page--instruction-detail .top-page__image { height: 353px; margin-right: 40px; } } .top-page--instruction-detail .top-page__wrapper { height: auto; min-height: unset; overflow: visible; } .article-top .top-page__row { display: block; } .article-top .top-page__content { max-width: none; } @media only screen and (min-width: 1280px) { .top-page__article-header-h1 { width: 792px; } } @media only screen and (min-width: 1280px) { .top-page__article-text { width: 792px; } .top-page__article-text .offer-wrapper { width: 1200px; } } @media only screen and (min-width: 1280px) { .top-page__full-width { max-width: 1200px; width: 1200px; } } .top-page__scroll { display: none; } .top-page__scroll .scroll-button { background-color: #2364af; width: 60px; height: 60px; border: none; border-radius: 35px; position: fixed; bottom: 40px; right: 20px; cursor: pointer; box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 0.3); opacity: 0.8; z-index: 10; transition: 0.2s linear; } .top-page__scroll .scroll-button .scroll-icon { width: 20px; height: 20px; transform: rotate(180deg); margin-left: 20px; margin-top: 19px; } .top-page__scroll .scroll-button:hover { opacity: 1; transform: scale(1.2); } .top-page__article-content { font-size: 1em; background: #d3e8ed; padding: 8px 13px 13px 13px; margin-bottom: 17px; border-radius: 8px; } .top-page__article-content > span { display: block; margin-bottom: 8px; font-weight: bold; } .top-page__article-content ol { list-style: none; counter-reset: li; list-style-position: outside; margin-left: 11px; padding-left: 0; padding-bottom: 0; } .top-page__article-content ol li { padding-left: 0px; margin-bottom: 5px; } .top-page__article-content ol li a { font-size: 0.94em; border-bottom: none; } .top-page__article-content ol li + li { margin-top: 4px; } .top-page__article-content ol li:before { position: initial; font-size: 0.93em !important; color: #2364af; font-weight: normal; counter-increment: li; content: counters(li, ".") ". "; } .comment__top { display: flex; align-items: center; margin-bottom: 17px; } .comment__views { margin-left: auto; } .comment__name { position: relative; padding-right: 24px; font-weight: 600; font-size: 1rem; line-height: 1.5rem; } .comment__name::after { position: absolute; top: 50%; transform: translateY(-50%); right: 12px; content: ""; display: block; width: 1px; height: 16px; background-color: #d3e8ed; } .comment__date { font-size: 0.875rem; line-height: 1.375rem; color: #898686; } @media only screen and (min-width: 768px) { .comment__date { font-size: 1rem; line-height: 1.5rem; } } .comment__text { font-size: 1rem; line-height: 1.5rem; text-align: left; overflow: auto; } @media only screen and (min-width: 1280px) { .comment__text { font-size: 1.125rem; line-height: 1.625rem; } } .comment__text a { color: #2364af; border-bottom: 1px solid #d3e8ed; } .comment__text ul { margin-top: 10px; margin-bottom: 10px; } .comment__text ul li { position: relative; padding-left: 40px; } .comment__text ul li::before { content: ""; position: absolute; left: 20px; top: 3px; display: block; width: 14px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.85718 8.34795L5.28575 12.1998C6.57146 9.37511 9.40003 3.64869 12.1429 1.7998' stroke='%2351B2C0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; margin-right: 8px; } .comment__text ol { margin-top: 10px; margin-bottom: 10px; counter-reset: item; } .comment__text ol li { position: relative; padding-left: 40px; } .comment__text ol li:last-child { margin-bottom: 0; } .comment__text ol li::before { position: absolute; left: 20px; counter-increment: item; content: counter(item) ". "; color: #51b2c0; font-weight: bold; } .comment__text ol li p { color: #898686; } .comment__text.hidden { max-height: 96px; position: relative; overflow: hidden; } @media only screen and (min-width: 768px) { .comment__text.hidden { max-height: 72px; } } @media only screen and (min-width: 1280px) { .comment__text.hidden { max-height: 56px; } } .comment__text.hidden::after { content: ""; text-align: right; position: absolute; bottom: 0; left: 0; width: 100%; height: 58px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); pointer-events: none; } .comment__like { margin-top: 12px; } .comment__multimedia { width: 260px; display: flex; flex-wrap: wrap; margin-top: 11px; } .comment__img { display: flex; justify-content: center; align-items: center; width: 120px; height: 90px; margin: 5px; } .comment__img img { margin: auto; max-height: 100%; -o-object-fit: cover; object-fit: cover; } .comment__videos { margin-top: 11px; } .comment__videos .video-iframe-holder { border-radius: 0; max-width: 600px; height: 400px; } .comment__avatar { width: 40px; height: 40px; margin-right: 12px; } .comment--master .comment__name { padding-right: 0; } .comment--master .comment__name::after { display: none; } .comment__actions { display: flex; align-items: baseline; margin-top: 13px; } .comment__answer { padding: 0; margin-right: 25px; font-size: 1rem; line-height: 1.5rem; background-color: transparent; color: #2364af; cursor: pointer; } .comment__answer:hover { color: #003674; } .dropdown__label { display: block; font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 8px; } @media only screen and (min-width: 1280px) { .dropdown__label { font-size: 1rem; line-height: 1.5rem; } } .dropdown .select2-container--default .select2-results > .select2-results__options { max-height: 296px; overflow: hidden; position: relative; } .dropdown .select2-container *:focus { outline: none; } .dropdown .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #d3e8ed; } .dropdown .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #51b2c0; } .dropdown .select2-container--default .select2-results__option--highlighted[aria-selected] { background: transparent; color: #2364af; } .dropdown .select2-container--default .select2-selection--single .select2-selection__arrow { top: 15px; right: 18px; } .dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #2364af transparent transparent transparent; } .dropdown .select2-container--default.select2-container--open .select2-selection__arrow b { border-color: transparent transparent #2364af transparent; } .dropdown .select2-container--default .select2-results__option[aria-selected="true"] { background: transparent; } .dropdown .select2-container--focus .select2-selection { border-color: #51b2c0; } .dropdown .select2-container:focus { outline: none; border-color: #51b2c0; } .dropdown .select2-container .select2-selection--single { height: auto; } .dropdown .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; } .dropdown .select2-selection { border: 1px solid #d3e8ed; background: #fff; padding: 13px 16px; border-radius: 24px; background: #fff; font-size: 1rem; line-height: 1.5rem; font-family: "Roboto", sans-serif; box-shadow: inset 0 4px 12px rgba(35, 100, 175, 0.2); transition: border-color 0.3s; color: #2d2d32; } .dropdown .select2-dropdown { border: 1px solid #d3e8ed; border-radius: 0 0 24px 24px; overflow: hidden; margin-top: -1px; z-index: 2; } .dropdown .select2-dropdown--above { border-radius: 24px 24px 0 0; margin-bottom: -1px; } .dropdown .select2-results__option { padding: 8px 24px; font-size: 1rem; line-height: 1.5rem; background-color: transparent; } .dropdown .select2-results__option:hover { color: #2364af; } .dropdown--search { position: relative; } .dropdown--search .select2-dropdown { margin-top: -56px; border-radius: 24px; } .dropdown--search .select2-container--default .select2-results > .select2-results__options { max-height: 160px; } .dropdown--search .select2-search { padding: 0; border-color: transparent; } .dropdown--search .select2-search__field { border: 1px solid #d3e8ed; height: 56px; background: #fff; padding: 13px 16px; border-radius: 24px; font-size: 1rem; line-height: 1.5rem; font-family: "Roboto", sans-serif; box-shadow: inset 0 4px 12px rgba(35, 100, 175, 0.2); transition: border-color 0.3s; color: #2d2d32; } .dropdown--search .select2-selection, .dropdown--search .select2-search { position: relative; } .dropdown--search .select2-selection::after, .dropdown--search .select2-search::after { content: ""; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); display: block; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='9' r='8.5' stroke='%2351B2C0'/%3E%3Cpath d='M3 22.5L9.75 15.75' stroke='%2351B2C0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; } .dropdown--search .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: transparent; } .dropdown--search--default .select2-results__option--highlighted[aria-selected] { background: transparent; color: #2364af; } .dropdown--search--default .select2-selection--single .select2-selection__arrow { top: 9px; right: 18px; } .dropdown--search--default .select2-selection--single .select2-selection__arrow b { border-color: transparent; } .dropdown--search--default.select2-container--open .select2-selection__arrow b { border-color: transparent; } .dropdown--search .select2-container.select2-container--default.select2-container--open { top: 100% !important; } .dropdown--search .select2-container.select2-container--default.select2-container--open .select2-selection { border-radius: 24px; } .ps__rail-y { width: 11px; background: transparent; } .ps__thumb-y { right: 5px; background: #d3e8ed; } .question-item__text { display: block; position: relative; overflow: hidden; margin-bottom: 12px; font-size: 1rem; line-height: 1.625rem; font-weight: 500; color: #2364af; } @media only screen and (min-width: 1024px) { .question-item__text { font-size: 1.25rem; line-height: 2rem; } } .question-item__text.hidden { max-height: 104px; } .question-item__text.hidden::after { content: ""; text-align: right; position: absolute; bottom: 0; left: 0; width: 100%; height: 58px; background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 0.01%, #f4f5f9 100%); pointer-events: none; } .question-item__text:hover { color: #003674; } .question-item__row { display: flex; } .question-item__rating { margin-left: 32px; } .question-item__multimedia { display: flex; flex-wrap: wrap; margin-top: 16px; } .question-item__img { width: 120px; height: 90px; } .question-item__img img { margin: auto; } .question-item__top { display: inline-flex; align-items: center; margin-bottom: 17px; } .question-item__name { position: relative; padding-right: 24px; font-weight: 600; font-size: 1rem; line-height: 1.5rem; } .question-item__name::after { position: absolute; top: 50%; transform: translateY(-50%); right: 12px; content: ""; display: block; width: 1px; height: 16px; background-color: #d3e8ed; } .question-item__date { font-size: 0.875rem; line-height: 1.375rem; color: #898686; } @media only screen and (min-width: 768px) { .question-item__date { font-size: 1rem; line-height: 1.5rem; } } .question-item--questions-page .question-item__img { margin-bottom: 12px; } .question-item--questions-page .question-item__img img { margin: 0; -o-object-fit: contain; object-fit: contain; } .question-item--questions-page .question-item__text { max-height: 104px; font-size: 1rem; line-height: 1.625rem; } @media (min-width: 500px) { .question-item--questions-page .question-item__text { max-height: 78px; } } @media only screen and (min-width: 1024px) { .question-item--questions-page .question-item__text { max-height: 104px; } } .question-item--questions-page .question-item__text::after { bottom: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); } @media only screen and (min-width: 768px) { .pagination { margin-left: -16px; } } .pagination__row { display: flex; flex-direction: column; align-items: center; } @media only screen and (min-width: 1024px) { .pagination__row { flex-direction: row; justify-content: space-between; } } .pagination__list { display: inline-flex; align-items: center; margin-bottom: 16px; } @media only screen and (min-width: 1024px) { .pagination__list { margin-bottom: 0; } } .pagination__item { color: #2364af; margin-right: 8px; position: relative; height: 42px; } .pagination__item:first-child a::before, .pagination__item:last-child a::before { display: none; } .pagination__item:last-child { margin-right: 0; } .pagination__item > span { padding: 14px 16px; display: block; } .pagination__item a { position: relative; z-index: 2; color: inherit; padding: 14px 16px; display: block; } .pagination__item a::before { content: ""; display: block; border-radius: 50%; width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.2s; background: #d3e8ed; z-index: 1; } .pagination__item a span { position: relative; z-index: 2; } .pagination__item.disabled { color: #898686; pointer-events: none; } .pagination__item.current { cursor: default; pointer-events: none; } .pagination__item.current a { color: #2d2d32; } .pagination__item.current a::before { opacity: 1; } .pagination__item.current:hover a::before { background: #d3e8ed; color: #2d2d32; } .pagination__item:hover { color: #003674; } .pagination__item:hover a::before { opacity: 1; background: #f4f5f9; } .pagination__item-icon { width: 18px; height: 18px; fill: currentColor; } .pagination__item-icon--prev { transform: rotate(-180deg); } .pagination__amount-items { margin-left: 16px; font-size: 0.875rem; line-height: 1.375rem; color: #898686; } .pagination--gray-bg .pagination__item:not(.current) a::before { background: #fff; opacity: 1; } .page-content { max-width: 995px; font-size: 1rem; line-height: 1.5rem; } @media only screen and (min-width: 1280px) { .page-content { font-size: 1.125rem; line-height: 1.625rem; } } .page-content h2 { margin-top: 48px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .page-content h2 { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .page-content h2 { margin-top: 56px; margin-bottom: 40px; } } .page-content h3 { margin-top: 32px; margin-bottom: 16px; } @media only screen and (min-width: 1280px) { .page-content h3 { margin-top: 40px; } } .page-content h4 { margin: 16px 0; } @media only screen and (min-width: 1280px) { .page-content h4 { margin: 24px 0; } } .page-content h5 { margin: 16px 0; } .page-content h6 { margin: 16px 0; } .page-content p { font-size: 1rem; line-height: 1.5rem; margin: 0 0 16px 0; } @media only screen and (min-width: 1280px) { .page-content p { font-size: 1.125rem; line-height: 1.625rem; } } .page-content a { display: inline-block; color: #2364af; border-bottom: 1px solid #2364af; transition: color 0.2s, border-bottom-color 0.2s; } .page-content a:hover { color: #003674; border-bottom-color: transparent; } .page-content a:hover span { border-bottom-color: transparent; } .page-content a.link { color: #2d2d32; font-weight: 700; border-bottom: none; display: inline-block; margin: 10px 0; } .page-content a.link span { border-bottom: 1px dashed rgba(35, 100, 175, 0.7); } .page-content a.js-zoom-image { display: inline-block; border-bottom: none; width: auto; height: auto; max-height: 100%; max-width: 100%; } @media only screen and (min-width: 768px) { .page-content a.js-zoom-image { display: inline-block; vertical-align: top; } } .page-content b { margin: 16px 0; display: block; } .page-content ol { margin-bottom: 32px; counter-reset: item; } .page-content ol li { position: relative; padding-left: 20px; margin-bottom: 16px; } .page-content ol li:last-child { margin-bottom: 0; } .page-content ol li::before { position: absolute; left: 0; counter-increment: item; content: counter(item) ". "; color: #51b2c0; } .page-content ol li p { color: #898686; } .page-content ul:not(.article-table) { margin: 24px 0; } .page-content ul:not(.article-table) li { position: relative; padding-left: 20px; margin-bottom: 16px; } .page-content ul:not(.article-table) li::before { content: ""; position: absolute; left: 0; top: 3px; display: block; width: 14px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.85718 8.34795L5.28575 12.1998C6.57146 9.37511 9.40003 3.64869 12.1429 1.7998' stroke='%2351B2C0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; margin-right: 8px; } .page-content ul:not(.article-table) li:last-child { margin-bottom: 0; } .page-content ul:not(.article-table) li p { color: #898686; } .page-content .bold { font-weight: 700; } .page-content img:not(.offer-wrapper__img), .page-content img:not(.offer-wrapper__img-man), .page-content img:not(.offer-wrapper__sticker), .page-content img:not(.offer-wrapper__sticker-small) { height: auto; max-height: 100%; max-width: 100%; margin: 32px 0; } @media only screen and (min-width: 768px) { .page-content img:not(.offer-wrapper__img), .page-content img:not(.offer-wrapper__img-man), .page-content img:not(.offer-wrapper__sticker), .page-content img:not(.offer-wrapper__sticker-small) { display: inline-block; vertical-align: top; margin: 32px 0 32px 0; } } .page-content__images { margin: 32px -8px 48px 0; } @media only screen and (min-width: 768px) { .page-content__images { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 32px -12px 48px 0; } } @media only screen and (min-width: 768px) { .page-content__images { margin: 48px -12px 56px 0; } } .page-content__images > img:not(.offer-wrapper__img), .page-content__images > img:not(.offer-wrapper__img-man), .page-content__images > img:not(.offer-wrapper__sticker), .page-content__images > img:not(.offer-wrapper__sticker-small) { margin: 0 8px 8px 0; } @media only screen and (min-width: 768px) { .page-content__images > img:not(.offer-wrapper__img), .page-content__images > img:not(.offer-wrapper__img-man), .page-content__images > img:not(.offer-wrapper__sticker), .page-content__images > img:not(.offer-wrapper__sticker-small) { max-width: calc(50% - 12px); margin: 0 12px 12px 0; } } .page-content__images a.js-zoom-image { display: block; margin: 0 8px 8px 0; border: 0; } @media only screen and (min-width: 768px) { .page-content__images a.js-zoom-image { max-width: calc(50% - 12px); margin: 0 12px 12px 0; } } .page-content__images a.js-zoom-image img { margin: 0; } .page-content__images--row a.js-zoom-image img { width: 100%; } @media only screen and (min-width: 768px) { .page-content__images--row { flex-wrap: nowrap; } .page-content__images--row a.js-zoom-image img { width: unset; max-height: 200px; } } .page-content__gallery { margin: 32px -8px 48px 0; } @media only screen and (min-width: 768px) { .page-content__gallery { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 32px -12px 48px 0; } } @media only screen and (min-width: 768px) { .page-content__gallery { margin: 48px -12px 56px 0; } } .page-content__gallery a.js-zoom-image { display: block; margin: 0 8px 8px 0; border: 0; } @media only screen and (min-width: 768px) { .page-content__gallery a.js-zoom-image { width: calc(100% / 3 - 12px); margin: 0 12px 12px 0; } } .page-content__gallery a.js-zoom-image img { margin: 0; width: 100%; } @media only screen and (min-width: 768px) { .page-content__gallery-2 a.js-zoom-image { width: calc(100% / 2 - 12px); } } @media only screen and (min-width: 768px) { .page-content--column-list ul { -moz-column-count: 2; column-count: 2; } } @media only screen and (min-width: 1024px) { .page-content--column-list ul { -moz-column-count: 3; column-count: 3; } } .page-content--column-list ul li { margin-right: 16px; } .page-content--table { margin-right: 0; } .page-content--table img:not(.offer-wrapper__img), .page-content--table img:not(.offer-wrapper__img-man), .page-content--table img:not(.offer-wrapper__sticker), .page-content--table img:not(.offer-wrapper__sticker-small) { max-width: 100%; margin: 0 0 16px 0; } .page-content--table p { margin-top: 0; } .page-content--table b { margin-top: 0; } .page-content--table a { display: inline-block; color: #2364af; border-bottom: none; transition: color 0.2s, border-bottom-color 0.2s; } .page-content--table a span { border-bottom: 1px solid rgba(35, 100, 175, 0.7); } .page-content--table a:hover { color: #003674; border-bottom-color: transparent; } .page-content--table a:hover span { border-bottom-color: transparent; } .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__img), .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__img-man), .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__sticker), .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__sticker-small) { height: 184px; max-width: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (min-width: 768px) { .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__img), .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__img-man), .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__sticker), .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__sticker-small) { width: calc((100% / 3) - 24px); height: 132px; } } @media only screen and (min-width: 1024px) { .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__img), .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__img-man), .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__sticker), .page-content--repair-detail .page-content__images > img:not(.offer-wrapper__sticker-small) { height: 190px; } } .page-content--full { max-width: 100%; } .note { font-size: 1rem; line-height: 1.5rem; color: #898686; } .note span { color: #898686; } .link-wrapper { display: inline-flex; flex-direction: column; } .article-detail { counter-reset: item; } .article-detail h2::before { counter-increment: item; content: counter(item) ". "; color: #51b2c0; } .article-detail h2 span { color: #51b2c0; } .article-detail__section { margin-bottom: 48px; } @media only screen and (min-width: 768px) { .article-detail__section { margin-bottom: 56px; } } @media only screen and (min-width: 1280px) { .article-detail__section { margin-bottom: 72px; } } @media only screen and (min-width: 768px) { .article-detail__section.section-accordion { width: 100%; margin: 0; } } .article-detail__bottom { width: 100vw; margin: 32px calc((100vw - 100%) / -2); padding: 24px calc((100vw - 100%) / 2) 0; border-top: 1px solid #d3e8ed; } @media only screen and (min-width: 768px) { .article-detail__bottom { display: flex; justify-content: space-between; width: 100%; padding: 24px 0 0; margin: 32px 0 0; } } @media only screen and (min-width: 1280px) { .article-detail__bottom { padding: 32px 0 0; margin: 40px 0 0; } } .article-detail__tags { width: 100%; margin: 0 auto; } @media only screen and (min-width: 768px) { .article-detail__tags { width: calc(40% - 16px); margin: 0; margin-right: 16px; } } .article-detail__rating { margin: 0 auto 24px; } @media only screen and (min-width: 768px) { .article-detail__rating { margin: 0 0 24px 0; } } .article-detail__table { margin-bottom: 40px; } @media only screen and (min-width: 768px) { .article-detail__table { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .article-detail__table { margin-bottom: 48px; } } @media only screen and (min-width: 1280px) { .article-detail__table { max-width: 1200px; width: 1200px; } } .article-detail--simple { counter-reset: none; } .article-detail--simple h2::before { display: none; } .article-detail__table-note { margin-top: 32px; } .article-table { width: 100vw; margin: 32px calc((100vw - 100%) / -2) 0; } @media only screen and (min-width: 768px) { .article-table { width: calc(100% + 64px); max-width: 768px; margin: 0 -32px; display: flex; flex-wrap: wrap; border: 1px solid #d3e8ed; border-radius: 24px; overflow: hidden; } } @media only screen and (min-width: 1024px) { .article-table { margin: 0; width: 100%; max-width: unset; } } .article-table-item { border: 1px solid #d3e8ed; padding: 18px 24px; background: #fff; flex-shrink: 0; margin-top: -1px; } .article-table-item:first-child { border-radius: 40px 40px 0 0; } @media only screen and (min-width: 768px) { .article-table-item:first-child { border-radius: 0; } } .article-table-item:last-child { border-radius: 0 0 40px 40px; } .article-table-item:last-child .article-table-item__content-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } @media only screen and (min-width: 768px) { .article-table-item:last-child { border-radius: 0; } } .article-table-item:first-child:last-child { border-radius: 40px; } @media only screen and (min-width: 768px) { .article-table-item:first-child:last-child { border-radius: 0; } } @media only screen and (min-width: 768px) { .article-table-item { display: flex; border: none; border-radius: 0; margin-top: 0; padding: 0 32px; width: 100%; } } @media only screen and (min-width: 768px) { .article-table-item__inner { padding: 24px 0; border-top: 1px solid #d3e8ed; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; } } .article-table-item__label { display: flex; justify-content: space-between; align-items: center; } .article-table-item__label:after { display: none; } @media only screen and (min-width: 768px) { .article-table-item__label { width: 25%; flex-shrink: 0; padding-right: 24px; } } @media only screen and (min-width: 768px) { .article-table-item.menu-accordion__item.active { padding-bottom: 0; } } .article-table-item__bold { font-weight: 700; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .article-table-item__bold { margin-bottom: 16px; } } @media only screen and (min-width: 768px) { .article-table-item__container { overflow: visible; height: 100% !important; width: 80%; } } @media only screen and (min-width: 768px) { .article-table-item__content-item { width: 100%; display: flex; justify-content: space-between; padding-bottom: 24px; border-bottom: 1px solid #d3e8ed; margin-bottom: 24px; } .article-table-item__content-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } } @media only screen and (min-width: 1024px) { .article-table-item__content-item { padding-bottom: 32px; margin-bottom: 32px; } } @media only screen and (min-width: 768px) { .article-table-item__content-item-column { width: calc(100% / 3); padding-right: 24px; } .article-table-item__content-item-column:last-child { padding-right: 0; display: flex; justify-content: flex-end; } } @media only screen and (min-width: 1024px) { .article-table-item__content-item-column:first-child { width: calc(100% / 9 * 4); } .article-table-item__content-item-column:nth-child(2) { width: calc(100% / 9 * 3); } .article-table-item__content-item-column:nth-child(3) { width: calc(100% / 9 * 2); } } .article-table-item__content-item-name { font-size: 0.875rem; line-height: 1.375rem; color: #898686; text-transform: uppercase; padding: 24px 0 16px; } @media only screen and (min-width: 768px) { .article-table-item__content-item-name { display: none; } } @media only screen and (min-width: 768px) { .article-table-item__label-icon { display: none; } } .article-table-item__content { padding-left: 16px; } @media only screen and (min-width: 768px) { .article-table-item__content { padding-left: 0; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .article-table-item--first { border-radius: 40px 40px 0 0; } .article-table-item--first:last-child { border-radius: 40px; } } @media only screen and (min-width: 768px) { .article-table-item--codes .article-table-item__content-item-column { width: 25%; } } @media only screen and (min-width: 768px) { .article-table-item--codes .article-table-item__container { width: 80%; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .article-table-item--codes .article-table-item__label .article-table-item__bold { margin-bottom: 0; } } @media only screen and (min-width: 768px) { .article-table-item--codes .article-table-item__label { width: 20%; } } .article-table-top { display: none; background: #fff; width: 100%; color: #898686; text-transform: uppercase; } @media only screen and (min-width: 768px) { .article-table-top { display: block; } } .article-table-top.fixed .article-table-top__bg-gray { position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 20; } .article-table-top.fixed .article-table-top__inner { box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); border-radius: 24px 24px 0 0; width: 768px; margin: 0 auto; background: #fff; } @media only screen and (min-width: 1024px) { .article-table-top.fixed .article-table-top__inner { width: 958px; } } @media only screen and (min-width: 1280px) { .article-table-top.fixed .article-table-top__inner { width: 1200px; } } @media only screen and (min-width: 768px) { .article-table-top__inner { display: flex; justify-content: space-between; padding: 16px 32px; font-size: 0.875rem; line-height: 1.375rem; } } @media only screen and (min-width: 1024px) { .article-table-top__inner { padding: 24px 32px; font-size: 1rem; line-height: 1.5rem; } } .article-table-top__item { flex-shrink: 0; } @media only screen and (min-width: 768px) { .article-table-top__item { width: 25%; padding-right: 16px; display: flex; justify-content: flex-start; } } .article-table-top__item:last-child { padding-right: 0; margin-left: auto; justify-content: flex-end; } @media only screen and (min-width: 1024px) { .article-table-top__item { padding-right: 24px; width: calc(100% / 12 * 3); } .article-table-top__item:nth-child(2) { width: calc(100% / 12 * 4); } .article-table-top__item:nth-child(4) { flex-shrink: 1; width: calc(100% / 9 * 2); } } @media only screen and (min-width: 768px) { .article-table-top--codes .article-table-top__item { width: 20%; } } .article-table-top--codes .article-table-top__item:last-child { padding-right: 0; margin-left: auto; justify-content: flex-start; } .contact--margin { margin-bottom: 16px; } .contact__label { margin-bottom: 16px; font-weight: 600; } .contact__item { margin-bottom: 8px; } .contact__item:last-child { margin-bottom: 0; } .contact__link { font-weight: bold; color: #2d2d32; border-bottom: 1px dashed #2364af; } .contact__link:hover { border-bottom-color: transparent; } .contact__link--email { font-weight: 400; color: #2364af; border-bottom: 1px solid #d3e8ed; } .contact__note { margin-top: 6px; font-size: 0.875rem; line-height: 1.375rem; color: #898686; } @media only screen and (min-width: 1024px) { .contact__note { font-size: 1rem; line-height: 1.5rem; } } .contact__container > .contact__note { margin-top: 18px; } @media only screen and (min-width: 1024px) { .contact__container > .contact__note { margin-bottom: 26px; } } .not-found-top__link { color: #2364af; border-bottom: 1px solid #d3e8ed; } .not-found-top__img { width: 280px; height: 123px; margin: 0 auto 24px auto; } @media only screen and (min-width: 768px) { .not-found-top__img { width: 430px; height: 187px; margin: 0 auto 33px auto; } } @media only screen and (min-width: 1024px) { .not-found-top__img { width: 588px; height: 257px; margin: 0 auto 42px auto; } } .not-found-top__text { margin-bottom: 32px; } .not-found-top__text p:first-child { margin-bottom: 8px; } @media only screen and (min-width: 768px) { .not-found-top__text { text-align: center; } } .not-found-top__button { text-align: center; } .not-found-top__icon { width: 100%; height: 100%; } .not-found-top, .not-found-bottom { padding: 40px 0 0 0; } @media only screen and (min-width: 768px) { .not-found-top, .not-found-bottom { padding: 48px 0 0 0; } } @media only screen and (min-width: 1024px) { .not-found-top, .not-found-bottom { padding: 64px 0 0 0; } } .not-found-bottom__title { text-align: center; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .not-found-bottom__title { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .not-found-bottom__title { margin-bottom: 40px; } } @media only screen and (min-width: 1024px) { .not-found-bottom .repairs__list { justify-content: center; } } .pop-up { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; display: flex; background: rgba(45, 45, 50, 0.4); z-index: 22; } .pop-up__btn-close { display: inline-block; width: 48px; height: 48px; padding: 0; cursor: pointer; background-color: transparent; } .pop-up__icon-close { width: 100%; height: 100%; fill: #fff; } .pop-up__icon-close:hover { fill: #f99e15; } .pop-up__wrapper { width: 100%; text-align: right; margin: auto; } @media only screen and (min-width: 768px) { .pop-up__wrapper { width: 704px; } } @media only screen and (min-width: 768px) { .pop-up__wrapper { width: 792px; } } .pop-up__container { text-align: left; padding: 24px 24px; background: #fff; border-radius: 24px; margin-top: -8px; } @media only screen and (min-width: 768px) { .pop-up__container { padding: 48px; margin-top: 0; } } @media only screen and (min-width: 1024px) { .pop-up__container { padding: 56px 102px; } } .pop-up__title.h1 { margin-bottom: 16px; } @media only screen and (min-width: 768px) { .pop-up__title.h1 { margin-bottom: 24px; } } @media only screen and (min-width: 1024px) { .pop-up__title.h1 { margin-bottom: 32px; } } .pop-up__top { margin-bottom: 8px; } @media only screen and (min-width: 768px) { .pop-up__top { margin-bottom: 24px; } } .pop-up__text { margin-bottom: 16px; } .pop-up__text:last-child { margin-bottom: 0; } .pop-up__text .link { display: inline; } @media only screen and (min-width: 320px) and (max-width: 767px) { .pop-up .form__item { margin-bottom: 8px; } } .pop-up--comment { background-color: transparent; } .pop-up--comment .pop-up__btn-close { width: 32px; height: 32px; margin-top: 16px; margin-right: 16px; } .pop-up--comment .pop-up__icon-close { fill: #2364af; } .pop-up--comment .pop-up__icon-close:hover { fill: #003674; } .pop-up--comment .pop-up__top { margin-bottom: 16px; } @media only screen and (min-width: 768px) { .pop-up--comment .pop-up__top { margin-bottom: 24px; } } .pop-up--comment .pop-up__wrapper { border-radius: 24px; background-color: #f4f5f9; box-shadow: 0 8px 24px rgba(35, 100, 175, 0.4); } .pop-up--comment .pop-up__container { border-radius: 0; background-color: transparent; margin-top: -32px; padding: 0 24px 24px 24px; } @media only screen and (min-width: 768px) { .pop-up--comment .pop-up__container { margin-top: 0; padding: 0 32px 42px 32px; } } .pop-up--comment .pop-up__title { display: inline-block; padding-right: 40px; } .form__item { margin-bottom: 24px; } @media only screen and (min-width: 1024px) { .form__item { margin-bottom: 32px; } } .form__item .form__note { max-width: 390px; } .form__item.has-error .form__prompt { color: #eb5757; display: block; } .form__item.has-error .form__input { border: 1px solid #eb5757; } .form__label { display: block; font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 1024px) { .form__label { font-size: 1rem; line-height: 1.5rem; } } .form__label span:not(.form__prompt) { display: block; margin-bottom: 8px; font-weight: 600; color: #898686; } @media only screen and (min-width: 1024px) { .form__label span:not(.form__prompt) { margin-bottom: 12px; } } .form__label.required span:not(.form__prompt)::after { content: "*"; color: #f99e15; padding-left: 2px; font-size: 17px; } .form__label--black span:not(.form__prompt) { color: #2d2d32; } .form__prompt { margin-top: 8px; font-size: 0.875rem; line-height: 1.375rem; text-align: left; display: none; } .form__input { width: 100%; max-width: 390px; height: 56px; outline: none; padding-left: 16px; border-radius: 24px; border: 1px solid #d3e8ed; box-shadow: inset 0 4px 12px rgba(81, 178, 192, 0.2); } @media only screen and (min-width: 1024px) { .form__input { padding-left: 24px; } } .form__input:focus { border: 1px solid #51b2c0; } .form__input:focus::-moz-placeholder { color: transparent; } .form__input:focus:-ms-input-placeholder { color: transparent; } .form__input:focus::placeholder { color: transparent; } .form__input--textarea { width: 100%; max-width: 100%; min-height: 128px; padding-top: 16px; font-size: 1rem; line-height: 1.625rem; } @media only screen and (min-width: 768px) { .form__input--textarea { resize: vertical; min-height: 100%; height: 80px; } } .form__input--double-height { height: 128px; } @media only screen and (min-width: 768px) { .form__input--double-height { height: 128px; } } .form .contact-time { max-width: 224px; } .form__note { margin-top: 8px; font-size: 0.875rem; line-height: 1.375rem; color: #898686; } .form__note .link { display: inline; } .form__dropdown { position: relative; max-width: 390px; } @media only screen and (min-width: 768px) { .form__buttons { display: flex; align-items: center; } .form__buttons .form__note { margin-top: 0; } } .form__button { display: block; margin-left: auto; } @media only screen and (min-width: 768px) { .form__button { margin-right: 23px; margin-left: 0; } } .form__tabs-buttons { display: flex; } .form__tabs-btn { display: inline-block; padding: 16px 16px 16px 18px; border-radius: 12px; font-size: 1rem; line-height: 1.5rem; color: #2364af; border: 1px solid #d3e8ed; cursor: pointer; background-color: #f4f5f9; } .form__tabs-btn:hover { box-shadow: 0px 8px 24px rgba(35, 100, 175, 0.4); border-color: #51b2c0; color: #003674; z-index: 1; } .form__tabs-btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-color: transparent; } .form__tabs-btn:first-child:hover { border-right-color: #51b2c0; } .form__tabs-btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .form__tabs-btn.active { box-shadow: 0px 4px 12px rgba(35, 100, 175, 0.2); border-color: #51b2c0; color: #2d2d32; cursor: default; z-index: 1; } .form__tabs-btn.active:last-child { border-right-color: #51b2c0; } .form__rating { margin-bottom: 24px; } @media only screen and (min-width: 1024px) { .form__rating { margin-bottom: 32px; } } .form__rating.hidden { display: none; } .form--new-question .form__input { max-width: 100%; } .form--new-question .form__item .form__note { max-width: 100%; } @media only screen and (min-width: 1024px) { .form--new-question .form__row { display: flex; justify-content: space-between; } } .form--new-question .form__row .form__item .form__dropdown { max-width: 100%; } @media only screen and (min-width: 1024px) { .form--new-question .form__row .form__item { max-width: 100%; width: calc(100% - 24px); margin-right: 24px; } .form--new-question .form__row .form__item:last-child { margin-right: 0; } } .tab.hidden { display: none; } .dropzone_preview { display: flex; flex-wrap: wrap; } .dropzone_loading { display: none; margin-bottom: 24px; } .dropzone__img { width: 60px; height: 60px; border-radius: 4px; background-color: #898686; } .dropzone__display-none { display: none; } .dropzone__wrapper { display: flex; align-items: center; margin-right: 22px; margin-bottom: 24px; } .dropzone__remove { width: 62px; height: 62px; padding: 0; background-color: transparent; cursor: pointer; } .dropzone__remove-icon { display: block; width: 100%; height: 100%; fill: #2364af; } .dropzone__remove-icon:hover { fill: #003674; } .dropzone__button-add { display: block; margin-left: auto; } @media only screen and (min-width: 768px) { .dropzone__button-add { margin-left: 0; } } .zoom-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; display: flex; z-index: 22; cursor: default; } .zoom-popup__wrapper { display: inline-block; position: relative; max-width: 100%; padding-top: 40px; padding-bottom: 40px; background: transparent; } @media only screen and (min-width: 768px) { .zoom-popup__wrapper { max-width: 85%; } } .zoom-popup.mfp-bg { background: rgba(20, 44, 54, 0.7); } .zoom-popup__arrow { width: 40px; height: 40px; border-radius: 50%; left: auto; top: 32px; color: #2364af; transition: background-color 0.3s; display: flex; align-items: center; justify-content: center; background: #fff; } .zoom-popup__arrow svg { width: 20px; height: 16px; transition: fill 0.3s; fill: currentColor; } .zoom-popup__counter { position: absolute; top: 30px; left: 0; transform: translateY(-100%); color: #fff; font-size: 0.875rem; line-height: 1.375rem; opacity: 0; padding-left: 16px; } @media only screen and (min-width: 768px) { .zoom-popup__counter { padding-left: 0; } } .zoom-popup .mfp-arrow { position: absolute; width: 50px; height: 50px; right: 0; display: flex; align-items: center; justify-content: center; background: transparent; padding: 0; cursor: pointer; } @media only screen and (min-width: 768px) { .zoom-popup .mfp-arrow { width: 64px; height: 100%; } } @media only screen and (min-width: 1024px) { .zoom-popup .mfp-arrow { width: 80px; } } .zoom-popup .mfp-arrow-left { left: 0; transform: rotate(-180deg); } .zoom-popup .mfp-close { position: absolute; right: -8px; top: 40px; transform: translateY(-100%); display: flex; width: 48px; height: 48px; padding: 0; cursor: pointer; background-color: transparent; color: #fff; opacity: 0; } .zoom-popup .mfp-close:hover { color: #f99e15; } .zoom-popup .mfp-preloader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; margin: 0 auto; display: flex; justify-content: center; align-items: center; } .zoom-popup .mfp-preloader::before { content: ""; display: block; width: 30px; height: 30px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15ZM3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3C8.37258 3 3 8.37258 3 15Z' fill='%23D3E8ED'/%3E%3Cpath d='M28.2002 22.1242C26.6635 24.9716 24.2472 27.2457 21.3121 28.6073C18.3769 29.9688 15.0802 30.3448 11.9138 29.6791L12.531 26.7433C15.0641 27.2758 17.7015 26.9751 20.0497 25.8858C22.3978 24.7966 24.3308 22.9773 25.5602 20.6994L28.2002 22.1242Z' fill='%232364AF'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; -webkit-animation: rotate 1.2s infinite linear; animation: rotate 1.2s infinite linear; } .zoom-popup__icon-close { width: 100%; height: 100%; pointer-events: none; fill: currentColor; } .zoom-popup .mfp-container { width: 100%; display: flex; justify-content: center; align-items: center; } .zoom-popup .mfp-image-holder .mfp-content, .zoom-popup .mfp-iframe-holder .mfp-content { display: inline-flex; flex-direction: column; justify-content: space-between; background: transparent; width: 100%; } .zoom-popup .mfp-image-holder .mfp-figure, .zoom-popup .mfp-iframe-holder .mfp-figure { position: relative; display: flex; align-items: center; justify-content: center; } .zoom-popup .mfp-image-holder .mfp-figure:after, .zoom-popup .mfp-iframe-holder .mfp-figure:after { display: none; } .zoom-popup .mfp-image-holder .mfp-bottom-bar, .zoom-popup .mfp-iframe-holder .mfp-bottom-bar { position: relative; } .zoom-popup .mfp-image-holder .mfp-title, .zoom-popup .mfp-iframe-holder .mfp-title { text-align: left; padding: 0; color: #2d2d32; font-weight: 400; margin-bottom: 8px; font-size: 20px; line-height: 28px; } @media only screen and (min-width: 768px) { .zoom-popup .mfp-image-holder .mfp-title, .zoom-popup .mfp-iframe-holder .mfp-title { text-align: center; } } @media only screen and (min-width: 1024px) { .zoom-popup .mfp-image-holder .mfp-title, .zoom-popup .mfp-iframe-holder .mfp-title { font-size: 26px; line-height: 32px; } } .zoom-popup .mfp-image-holder .mfp-img, .zoom-popup .mfp-iframe-holder .mfp-img { display: block; margin: 0 auto; height: auto; max-height: 72vh !important; width: auto; max-width: 100%; -o-object-fit: contain; object-fit: contain; padding: 0; position: relative; cursor: default; } .zoom-popup.mfp-image-loaded .mfp-preloader { display: none; } .zoom-popup.mfp-image-loaded .mfp-close { opacity: 1; } .zoom-popup.mfp-image-loaded .zoom-popup__counter { opacity: 1; } @-webkit-keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .main { margin-bottom: -48px; } @media only screen and (min-width: 768px) { .main { margin-bottom: -56px; } } @media only screen and (min-width: 1280px) { .main { margin-bottom: -72px; } } .main--gray-bg { background: #f4f5f9; } .container { width: 100%; padding: 0 24px; } @media only screen and (min-width: 768px) { .container { width: 768px; margin: 0 auto; padding: 0 32px; } } @media only screen and (min-width: 1024px) { .container { width: 1024px; padding: 0 32px; } } @media only screen and (min-width: 1280px) { .container { width: 1280px; padding: 0 40px; } } .container--offset-lg-up { padding: 0; } @media only screen and (min-width: 768px) { .container--offset-lg-up { padding: 0; } } @media only screen and (min-width: 1024px) { .container--offset-lg-up { padding: 0 32px; } } @media only screen and (min-width: 1280px) { .container--offset-lg-up { padding: 0 40px; } } @media only screen and (min-width: 1280px) { .container-small { width: 995px; } } .section { margin-bottom: 48px; } @media only screen and (min-width: 768px) { .section { margin-bottom: 56px; } } @media only screen and (min-width: 1280px) { .section { margin-bottom: 72px; } } .section--gray { background: #f4f5f9; margin-bottom: 0; } .section--gray .section__inner { padding: 48px 0; } @media only screen and (min-width: 768px) { .section--gray .section__inner { padding: 56px 0; } } @media only screen and (min-width: 1280px) { .section--gray .section__inner { padding: 72px 0; } } .section--gray-no-padding .section__inner { padding: 0; } .section--radius-top { background: #fff; } .section--radius-top.section--last .section__inner { padding-top: 0; } .section--radius-top .section__inner { background: #f4f5f9; border-top-right-radius: 24px; border-top-left-radius: 24px; } @media only screen and (min-width: 1024px) { .section--radius-top .section__inner { border-top-right-radius: 0; border-top-left-radius: 0; } } .section--white { background-color: #fff; } .section--white .section__inner { padding: 48px 0; } @media only screen and (min-width: 768px) { .section--white .section__inner { padding: 56px 0; } } @media only screen and (min-width: 1280px) { .section--white .section__inner { padding: 72px 0; } } .section--white-radius-top { background-color: #f4f5f9; } .section--white-radius-top .section__inner { background: #fff; border-top-right-radius: 24px; border-top-left-radius: 24px; } @media only screen and (min-width: 1024px) { .section--white-radius-top .section__inner { border-top-right-radius: 0; border-top-left-radius: 0; } } .section--no-margin { margin-bottom: 0; } .section--last .section__inner, .section:last-child .section__inner { padding-bottom: 64px; } @media only screen and (min-width: 768px) { .section--last .section__inner, .section:last-child .section__inner { padding-bottom: 72px; } } @media only screen and (min-width: 1280px) { .section--last .section__inner, .section:last-child .section__inner { padding-bottom: 104px; } } .section-widget:not(:first-child) { margin-top: 72px; } .section-widget:not(:last-child) { margin-bottom: 72px; } .header__wrapper { background: #fff; padding: 16px 0; transition: box-shadow 0.2s; } .header__logo { margin: 0 auto 16px; width: 56%; text-align: center; } @media only screen and (min-width: 768px) { .header__logo { width: auto; text-align: left; margin: 0; } } @media only screen and (min-width: 1280px) { .header__logo { position: absolute; left: 0; } } .header__row { display: flex; flex-wrap: wrap; align-items: center; position: relative; } @media only screen and (min-width: 320px) and (max-width: 767px) { .header__row { margin: 0 -8px; } } @media only screen and (min-width: 1280px) { .header__row { padding-left: 240px; margin: 0; } } @media only screen and (min-width: 768px) { .header__button-phone { display: none; } } .header__button { margin-left: auto; margin-right: 8px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .header__button { order: 2; margin-left: 48px; } } @media only screen and (min-width: 1280px) { .header__button { margin-top: 12px; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .header__button.btn { padding: 8px 18px; } } .header__menu { display: none; width: 80%; } @media only screen and (min-width: 1280px) { .header__menu { display: block; margin-top: 20px; } } .header__mobile-menu { margin: 0 3px 0 16px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .header__mobile-menu { order: 3; margin: 0 -4px 0 38px; } } @media only screen and (min-width: 1280px) { .header__mobile-menu { display: none; } } .header__info-about { margin-left: auto; margin-right: 48px; display: none; } @media only screen and (min-width: 1280px) { .header__info-about { display: block; } } .header__text { font-size: 0.875rem; line-height: 1.375rem; width: 35%; } @media only screen and (min-width: 320px) and (max-width: 767px) { .header__text { margin-left: 8px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .header__text { order: 4; width: 100%; } } @media only screen and (min-width: 1280px) { .header__text { display: none; } } .header__text span { display: block; } @media only screen and (min-width: 768px) { .header__text span { display: inline-block; } } .header__links-phone { display: none; } @media only screen and (min-width: 768px) { .header__links-phone { display: block; margin-left: auto; } } @media only screen and (min-width: 1024px) { .header__links-phone { margin-right: 120px; } } @media only screen and (min-width: 1280px) { .header__links-phone { margin-left: 0; margin-top: -10px; margin-right: 0; } } .header__link { font-weight: 700; font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 10px; transition: color 0.3s; } @media only screen and (min-width: 1280px) { .header__link { margin-bottom: 0; margin-right: 16px; } } .header__link:last-child { margin-bottom: 0; } @media only screen and (min-width: 1280px) { .header__link:last-child { margin-right: 0; } } .header__link.link { display: block; } @media only screen and (min-width: 1280px) { .header__link.link { display: inline-block; } } @media (hover) { .header__link:hover { color: #2364af; } } .header.fixed .header__wrapper { position: fixed; width: 100vw; top: 0; left: 0; z-index: 21; box-shadow: 0 8px 24px rgba(35, 100, 175, 0.4); } .logo { display: block; } .logo__icon { width: 122px; height: 40px; } @media only screen and (min-width: 768px) { .logo__icon { width: 126px; height: 41px; } } @media only screen and (min-width: 1280px) { .logo__icon { display: none; } } .logo__icon-big { width: 180px; height: 76px; } @media only screen and (max-width: 1279px) { .logo__icon-big { display: none; } } .button-phone { width: 40px; height: 40px; padding: 8px; } .button-phone__icon { fill: #2364af; width: 24px; height: 24px; } .button-phone__icon:hover { fill: #003674; } .mobile-menu.opened .mobile-menu__menu { transform: translateX(0); } .mobile-menu.opened .mobile-menu__menu::before { display: block; } .mobile-menu.opened .mobile-menu__button { position: relative; z-index: 11; overflow: hidden; padding: 8px; } .mobile-menu.opened .mobile-menu__button-inner span { background: #fff; transition: transform 0.3s; width: 24px; top: 10px; } .mobile-menu.opened .mobile-menu__button-inner span:first-child { transform: rotate(45deg); } .mobile-menu.opened .mobile-menu__button-inner span:nth-child(2) { transform: rotate(135deg); } .mobile-menu.opened .mobile-menu__button-inner span:last-child { display: none; } .mobile-menu__links { padding: 24px; } .mobile-menu__link { color: #f99e15; margin-right: 32px; font-weight: 600; } .mobile-menu__link:last-child { margin-right: 0; } .mobile-menu__menu-item a { color: #fff; text-decoration: none; font-size: 1rem; line-height: 1.625rem; } .mobile-menu__menu-item:not(.mobile-menu__menu-item--under) .menu-accordion__label::after { display: none; } .mobile-menu__button { width: 40px; height: 40px; padding: 9.5px 5px; background: transparent; border: none; display: block; } .mobile-menu__button-inner { display: block; position: relative; width: 100%; height: 100%; } .mobile-menu__button-inner span { display: block; position: absolute; right: 0; height: 3px; width: 100%; background: #2364af; border-radius: 2px; } .mobile-menu__button-inner span:first-child { top: 0; } .mobile-menu__button-inner span:nth-child(2) { top: 9px; } .mobile-menu__button-inner span:last-child { bottom: 0; right: 7.5px; width: 14px; } .mobile-menu__button-inner:hover span { background: #003674; } .mobile-menu__menu { position: fixed; left: 0; top: 0; transform: translateX(100%); background: #2364af; width: 100vw; height: 100%; z-index: 10; transition: transform 0.2s; padding-top: 80px; } .mobile-menu__menu::before { content: ""; display: none; position: absolute; width: 796px; height: 796px; top: 0; right: 0; transform: translate(50%, -47%); border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, #51b2c0 0%, rgba(81, 178, 192, 0) 100%); opacity: 0.7; } .mobile-menu__inner { height: 100%; overflow: auto; width: 100%; } @media only screen and (min-width: 768px) { .mobile-menu__inner { width: 704px; margin: 0 auto; } } @media only screen and (min-width: 1024px) { .mobile-menu__inner { width: 960px; } } .mobile-menu__icon-mobile { width: 8px; height: 4px; } .info-about__item { display: inline-flex; align-items: center; margin-right: 32px; font-size: 0.875rem; line-height: 1.375rem; } .info-about__item:last-child { margin-right: 0; } .info-about__item-icon { width: 16px; height: 16px; margin-right: 8px; fill: #51b2c0; } .nav-menu__list { display: flex; } .nav-menu__item { position: relative; padding-bottom: 4px; margin-right: 40px; font-size: 1rem; line-height: 1.5rem; font-weight: 600; color: #2364af; } .nav-menu__item a { color: #2d2d32; } .nav-menu__item:last-child { margin-right: 0; } .nav-menu__item:hover .nav-menu__item-header { color: #2d2d32; } .nav-menu__item:hover .nav-menu__item-icon { fill: #003674; } .nav-menu__item:hover .nav-menu__inner { opacity: 1; pointer-events: auto; z-index: 2; } .nav-menu__item ul li { font-size: 1rem; line-height: 1.5rem; } .nav-menu__item ul li a { display: block; color: #2d2d32; text-decoration: none; transition: color 0.3s; padding: 8px 0; font-weight: 400; } .nav-menu__item ul li a:hover { color: #2364af; } .nav-menu__item--under:hover .nav-menu__item-header { color: #003674; } .nav-menu__item--under .nav-menu__item-icon, .nav-menu__item--under .nav-menu__inner { display: block; } .nav-menu__item-header { display: flex; align-items: center; cursor: pointer; transition: color 0.2s; } .nav-menu__item-header a { color: inherit; text-decoration: none; transition: color 0.2s; } .nav-menu__item-icon { width: 8px; height: 4px; margin-left: 8px; fill: #f99e15; display: none; } .nav-menu__inner { width: 248px; opacity: 0; pointer-events: none; position: absolute; padding: 16px 24px; top: 100%; z-index: 0; background: #fff; box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); border-radius: 24px; transition: opacity 0.2s; display: none; } .footer { padding-top: 32px; padding-bottom: 40px; background: linear-gradient(180deg, #034fa7 0%, #2364af 100%); color: #fff; } @media only screen and (min-width: 1280px) { .footer__top { display: flex; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } } .footer__bottom { padding-top: 32px; } @media only screen and (min-width: 1280px) { .footer__bottom { display: flex; align-items: flex-start; } } @media only screen and (min-width: 1280px) { .footer__mobile-menu { display: none; } } .footer__menu-wrapper { display: none; } @media only screen and (min-width: 1280px) { .footer__menu-wrapper { display: flex; } } .footer__button { /* display: none;*/ } @media only screen and (min-width: 1280px) { .footer__button { display: block; margin-left: auto; } } .social-network { display: flex; justify-content: center; order: 1; width: 232px; margin: auto auto 33px; } @media only screen and (min-width: 1280px) { .social-network { margin: 0; } } .social-network__item { display: block; width: 40px; height: 40px; margin-left: 24px; } .social-network__item:first-child { margin-left: 0; } .social-network__link { display: inline-flex; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; cursor: pointer; } .social-network__link:hover { background-color: transparent; transition: background-color 0.3s; } .social-network__icon { margin: auto; } .contacts { width: 312px; margin: 0 auto 33px auto; } @media only screen and (min-width: 768px) { .contacts { display: flex; flex-wrap: wrap; align-items: center; width: 100%; } } @media only screen and (min-width: 1280px) { .contacts { align-items: flex-start; margin-bottom: 0; } } .contacts__item { display: flex; align-items: center; margin-bottom: 24px; font-size: 0.875rem; line-height: 1.375rem; } .contacts__item:last-child { margin-bottom: 0; } .contacts__item--phone .contacts__link:last-child { margin-left: 16px; } @media only screen and (min-width: 1280px) { .contacts__item--phone .contacts__link:last-child { margin-left: 0; } } @media only screen and (min-width: 1280px) { .contacts__item--phone .contacts__link { display: inline-block; } .contacts__item--phone .contacts__link:last-child { margin-top: 4px; } } @media only screen and (min-width: 768px) { .contacts__item { width: calc(50% - 10px); } .contacts__item:nth-last-child(2) { margin-bottom: 0; } } @media only screen and (min-width: 1280px) { .contacts__item { width: 20%; display: inline-flex; align-items: inherit; margin-bottom: 0; } .contacts__item .contacts__text { width: 142px; } } .contacts__link { color: inherit; text-decoration: none; } .contacts__icon { display: block; margin-right: 16px; fill: #d3e8ed; } .copywriter { font-size: 0.875rem; line-height: 1.375rem; } .copywriter__text { max-width: 345px; } .copywriter__link { display: inline-block; margin-top: 16px; } @media only screen and (min-width: 768px) { .copywriter { margin-right: 95px; } } .menu { display: inline-block; padding-top: 16px; padding-left: 16px; border-left: 1px solid rgba(255, 255, 255, 0.2); } .menu__item { margin-top: 16px; font-size: 1rem; line-height: 1.5rem; } .menu__item:first-child { margin-top: 0; } .footer-menu { font-size: 0.875rem; line-height: 1.375rem; margin-right: 35px; } .footer-menu:last-child { margin-right: 0; } .footer-menu__title { margin-bottom: 12px; font-size: 1rem; line-height: 1.5rem; } .footer-menu__item { margin-bottom: 8px; } .footer-menu__item:last-child { margin-bottom: 0; } .privilege-list { border-radius: 0 32px 0 32px; border: 1px solid #d3e8ed; background: #fff; margin-top: 24px; z-index: 1; } @media only screen and (min-width: 768px) { .privilege-list { display: flex; flex-wrap: wrap; margin-top: 32px; overflow: hidden; } } @media only screen and (min-width: 1280px) { .privilege-list { border-radius: 32px; } } @media only screen and (min-width: 768px) { .privilege-list__item { width: 256px; } } @media only screen and (min-width: 1024px) { .privilege-list__item { width: 341.33px; } } @media only screen and (min-width: 1280px) { .privilege-list__item { width: 400px; } } .privilege-list--blog { border: none; border-radius: 0; overflow: visible; background: transparent; } @media only screen and (min-width: 768px) { .privilege-list--blog .privilege-list__item { width: 50%; } } .privilege { display: flex; align-items: center; padding: 12px 24px; } @media only screen and (min-width: 768px) { .privilege { display: block; padding: 32px 16px; border: 1px solid #d3e8ed; margin-right: -1px; margin-top: -1px; text-align: center; } } @media only screen and (min-width: 1280px) { .privilege { padding: 40px 48px; } } .privilege__icon-wrapper { height: 40px; width: 40px; margin-right: 16px; flex-shrink: 0; } @media only screen and (min-width: 768px) { .privilege__icon-wrapper { margin-right: 0; margin-bottom: 24px; width: 74px; height: 74px; } } @media only screen and (min-width: 768px) { .privilege__icon-wrapper { margin: 0 auto 24px; } } .privilege__icon { width: 100%; height: 100%; } .privilege__description { font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 1280px) { .privilege__description { font-size: 1rem; line-height: 1.5rem; } } .privilege__title { font-weight: 600; } .privilege__note { margin-top: 4px; color: #898686; } .privilege--six-items:first-child, .privilege--six-items:last-child { padding: 12px 24px; } @media only screen and (min-width: 768px) { .privilege--six-items:first-child, .privilege--six-items:last-child { padding: 32px 16px; } } .privilege--six-items:first-child, .privilege--six-items:nth-child(2), .privilege--six-items:nth-child(3) { border-top: none; } .privilege--six-items:last-child, .privilege--six-items:nth-child(4), .privilege--six-items:nth-child(5) { border-bottom: none; } .privilege--six-items:nth-child(3), .privilege--six-items:last-child { border-right: none; } @media only screen and (min-width: 768px) { .privilege--six-items:nth-child(3), .privilege--six-items:last-child { padding: 32px; } } @media only screen and (min-width: 1280px) { .privilege--six-items:nth-child(3), .privilege--six-items:last-child { padding: 40px 48px; } } .privilege--six-items:nth-child(4), .privilege--six-items:first-child { border-left: none; } @media only screen and (min-width: 768px) { .privilege--six-items:nth-child(4), .privilege--six-items:first-child { padding: 32px; } } @media only screen and (min-width: 1280px) { .privilege--six-items:nth-child(4), .privilege--six-items:first-child { padding: 40px 48px; } } .privilege--four-items { padding: 12px 24px; background: #fff; align-items: flex-start; } @media only screen and (min-width: 768px) { .privilege--four-items { padding: 32px; } } @media only screen and (min-width: 1280px) { .privilege--four-items { padding: 48px; } } .privilege--four-items:first-child { padding-top: 24px; border-radius: 0 32px 0 0; } @media only screen and (min-width: 768px) { .privilege--four-items:first-child { border-radius: 0; } } @media only screen and (min-width: 1280px) { .privilege--four-items:first-child { border-radius: 32px 0 0 0; } } @media only screen and (min-width: 768px) { .privilege--four-items:nth-child(2) { border-radius: 0 32px 0 0; } } @media only screen and (min-width: 768px) { .privilege--four-items:nth-child(3) { border-radius: 0 0 0 32px; } } .privilege--four-items:last-child { border-radius: 0 0 32px; padding-bottom: 24px; } @media only screen and (min-width: 768px) { .privilege--four-items:last-child { border-radius: 0; } } @media only screen and (min-width: 768px) { .privilege--four-items:last-child { border-radius: 0 0 32px; } } .work-scheme { border-radius: 0 32px 0 32px; border: 1px solid #d3e8ed; background: #fff; margin-top: 24px; z-index: 1; } @media only screen and (min-width: 768px) { .work-scheme { display: flex; margin-top: 32px; overflow: hidden; } } @media only screen and (min-width: 1280px) { .work-scheme { border-radius: 32px; } } .work-scheme__step { position: relative; } @media only screen and (min-width: 768px) { .work-scheme__step { width: 25%; } } .work-scheme__step:last-child::after { display: none; } .work-scheme__step::after { content: ""; position: absolute; right: 0; transform: translateY(-50%); display: block; width: 36px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='24' viewBox='0 0 36 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.94287 10.9999C3.39059 10.9999 2.94287 11.4476 2.94287 11.9999C2.94287 12.5522 3.39059 12.9999 3.94287 12.9999L31.3654 12.9999L22.8808 17.796C22.4001 18.0678 22.2306 18.6779 22.5024 19.1587C22.7742 19.6395 23.3843 19.8089 23.865 19.5371L34.0007 13.8076C35.3474 13.0464 35.357 11.1099 34.0179 10.3353L23.8736 4.46761C23.3956 4.19109 22.7838 4.35447 22.5073 4.83254C22.2308 5.31061 22.3942 5.92233 22.8722 6.19886L31.1725 10.9999L3.94287 10.9999Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; } @media only screen and (min-width: 320px) and (max-width: 767px) { .work-scheme__step::after { transform: rotate(90deg); left: 44px; bottom: 5px; width: 18px; height: 12px; } } @media only screen and (min-width: 768px) { .work-scheme__step::after { top: 64px; transform: translate(50%, -50%); } } @media only screen and (min-width: 1280px) { .work-scheme__step::after { top: 50%; } } .work-scheme-step { display: flex; align-items: center; padding: 29px 24px; } .work-scheme-step:first-child { padding: 24px 24px; } @media only screen and (min-width: 768px) { .work-scheme-step:first-child { padding: 32px 12px 32px 32px; } } @media only screen and (min-width: 1280px) { .work-scheme-step:first-child { padding: 40px; } } .work-scheme-step:last-child { padding: 24px; } @media only screen and (min-width: 768px) { .work-scheme-step:last-child { padding: 32px 32px 32px 12px; } } @media only screen and (min-width: 1280px) { .work-scheme-step:last-child { padding: 40px; } } @media only screen and (min-width: 768px) { .work-scheme-step { display: block; padding: 32px 12px; } } @media only screen and (min-width: 1280px) { .work-scheme-step { padding: 40px; text-align: center; } } .work-scheme-step__icon-wrapper { height: 58px; width: 58px; margin-right: 16px; flex-shrink: 0; display: flex; justify-content: center; } @media only screen and (min-width: 768px) { .work-scheme-step__icon-wrapper { margin-right: 0; margin-bottom: 24px; width: 74px; height: 74px; } } @media only screen and (min-width: 768px) { .work-scheme-step__icon-wrapper { margin: 0 auto 24px; } } .work-scheme-step__icon { width: 100%; height: 100%; } .work-scheme-step__description { font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 1280px) { .work-scheme-step__description { font-size: 1rem; line-height: 1.5rem; } } .work-scheme-step__title { font-weight: 600; } .section-types-repairs { padding-top: 32px; } @media only screen and (min-width: 768px) { .section-types-repairs { padding-top: 64px; background-image: url("../img/picture/main.png"); background-size: 578px; background-position: top 40px right -21px; background-repeat: no-repeat; } } @media only screen and (min-width: 1280px) { .section-types-repairs { padding-top: 80px; background-position: top right -38px; background-size: auto; } } .section-types-repairs__title-wrapper { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .section-types-repairs__title-wrapper { margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .section-types-repairs__title-wrapper { margin-bottom: 32px; } } .section-types-repairs .section-types-repairs__title { margin-bottom: 8px; } @media only screen and (min-width: 768px) { .section-types-repairs .section-types-repairs__title { margin-bottom: 16px; } } .section-types-repairs__sub-title { margin-top: 8px; font-size: 1.25rem; line-height: 2rem; font-weight: 500; } @media only screen and (min-width: 1024px) { .section-types-repairs__sub-title { text-transform: uppercase; font-weight: 700; font-size: 1.25rem; line-height: 1.75rem; } } .section-types-repairs__button { display: none; } @media only screen and (min-width: 768px) { .section-types-repairs__button { display: inline-flex; margin-bottom: 72px; } } .section-types-repairs__text { display: none; } @media only screen and (min-width: 768px) { .section-types-repairs__text { margin-bottom: 32px; max-width: 484px; display: block; font-size: 1rem; line-height: 1.5rem; } } @media only screen and (min-width: 1024px) { .section-types-repairs__text { margin-bottom: 64px; } } .repairs-wrapper { margin: auto; } .repairs__wrapper { text-align: center; } @media only screen and (min-width: 1024px) { .repairs__wrapper { padding-left: 83px; } } .repairs .repairs__button { margin-top: 32px; display: block; } @media only screen and (min-width: 1024px) { .repairs .repairs__button { margin-left: -83px; } } .repairs__list { display: flex; flex-wrap: wrap; width: 100vw; margin: 0 calc((100vw - 100%) / -2); padding: 0 calc((100vw - 100%) / 2); transition: height 0.3s; } @media screen and (min-width: 600px) { .repairs__list { margin-right: -24px; padding-right: 0; } } @media only screen and (min-width: 768px) { .repairs__list { width: calc(100% + 64px); margin: -32px; padding: 32px; } } @media only screen and (min-width: 1024px) { .repairs__list { width: calc(100% + 32px); margin: -16px; padding: 16px; } } .repairs__item { position: relative; width: 100%; margin-bottom: 12px; } @media screen and (min-width: 600px) { .repairs__item { margin-right: 24px; margin-bottom: 16px; } } @media screen and (min-width: 600px) { .repairs__item { width: calc(50% - 24px); margin-right: 24px; margin-bottom: 24px; } } @media only screen and (min-width: 1024px) { .repairs__item { width: calc(50% - 32px); margin-right: 32px; margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .repairs__item { width: calc(100% / 3 - 32px); } } .repairs__item.hidden { opacity: 0; } @media screen and (min-width: 600px) { .repairs__item:nth-child(odd):not(:first-child).repairs__item--button { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .repairs__item:nth-child(odd):not(:first-child).repairs__item--button { width: 100%; } } @media only screen and (min-width: 1280px) { .repairs__item:nth-child(odd):not(:first-child).repairs__item--button { width: calc(100% / 3 - 32px); } } @media only screen and (min-width: 1280px) { .repairs__item:nth-child(4):last-child.repairs__item--button, .repairs__item:nth-child(7):last-child.repairs__item--button, .repairs__item:nth-child(10):last-child.repairs__item--button { width: 100%; } } @media only screen and (min-width: 1280px) { .repairs__item:nth-child(2):last-child.repairs__item--button, .repairs__item:nth-child(5):last-child.repairs__item--button, .repairs__item:nth-child(8):last-child.repairs__item--button, .repairs__item:nth-child(11):last-child.repairs__item--button { width: calc(100% / 3 * 2 - 32px); } } .repairs__btn-popup { width: 100%; } .repairs__link { display: flex; align-items: center; text-align: left; padding: 4px 24px; text-decoration: none; font-size: 1rem; line-height: 1.625rem; font-weight: 500; border-radius: 12px; box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); background-color: #fff; color: #2364af; min-height: 56px; height: 100%; } @media only screen and (min-width: 1024px) { .repairs__link { font-size: 1.25rem; line-height: 2rem; min-height: 72px; } } .repairs__link:hover { color: #003674; box-shadow: 0 8px 24px rgba(35, 100, 175, 0.4); } .repairs__link:hover .repairs__icon { fill: #003674; } .repairs__text { margin-right: 16px; } .repairs__icon--go { width: 18px; height: 18px; margin-left: auto; } .repairs__icon { fill: #2364af; flex-shrink: 0; } .repairs__icon:first-child { width: 22px; height: 22px; margin-right: 12px; } @media only screen and (min-width: 1024px) { .repairs__icon:first-child { width: 30px; height: 30px; margin-right: 16px; } } .repairs--visible-items .repairs__wrapper { min-height: auto; height: auto; } .top-page .repairs { margin-top: 40px; } @media only screen and (min-width: 1280px) { .top-page .repairs { margin-top: 48px; } } .blog-popular { background: #fff; border-radius: 24px; width: 100vw; margin: 0 calc((100vw - 100%) / -2); padding: 40px calc((100vw - 100%) / 2) 0; overflow: hidden; } @media only screen and (min-width: 768px) { .blog-popular { border-radius: 0; padding: 48px calc((100vw - 100%) / 2); overflow: visible; } } @media only screen and (min-width: 1280px) { .blog-popular { border-radius: 0; padding: 64px calc((100vw - 100%) / 2) 56px; } } .blog-popular__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .blog-popular__title { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .blog-popular__title { margin-bottom: 40px; } } @media only screen and (min-width: 1280px) { .blog-popular__row { display: flex; align-items: flex-start; justify-content: space-between; } } .blog-popular__list { padding-bottom: 48px; } @media only screen and (min-width: 1280px) { .blog-popular__list { width: 66%; } } .blog-popular__btn-wrapper { display: flex; justify-content: center; } @media only screen and (min-width: 768px) { .blog-popular__btn-wrapper { display: block; } } .blog-popular__btn { margin-top: 32px; font-weight: 600; } .blog-popular__btn-icon { width: 24px; height: 16px; margin-left: 8px; fill: currentColor; } .blog-popular-list { margin-right: -12px; margin-bottom: -32px; } @media only screen and (min-width: 768px) { .blog-popular-list { display: flex; flex-wrap: wrap; } } .blog-popular-list__item { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .blog-popular-list__item { width: calc(50% - 12px); margin-right: 12px; margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .blog-popular-list__item { width: calc(50% - 40px); margin-right: 40px; margin-bottom: 32px; } } .blog-popular-list__item:last-child { margin-bottom: 32px; } .blog-item { position: relative; padding-bottom: 22px; } .blog-item__link { display: flex; } @media (hover: hover) { .blog-item__link:hover .blog-item__image { filter: drop-shadow(0px 8px 24px rgba(35, 100, 175, 0.4)); } .blog-item__link:hover .blog-item__title { color: #003674; } } .blog-item__image { width: 60px; height: 60px; overflow: hidden; border-radius: 12px; margin-right: 12px; flex-shrink: 0; transition: filter 0.3s; } @media only screen and (min-width: 768px) { .blog-item__image { width: 74px; height: 74px; margin-right: 24px; } } @media only screen and (min-width: 1280px) { .blog-item__image { width: 78px; height: 78px; } } .blog-item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .blog-item__title { color: #2364af; margin-bottom: 12px; transition: color 0.3s; } .blog-item__comments { margin-left: 32px; } .blog-item__date { margin-left: auto; display: block; } .blog-item__row { display: flex; position: absolute; left: 76px; bottom: 0; width: calc(100% - 76px); } @media only screen and (min-width: 768px) { .blog-item__row { left: 98px; width: calc(100% - 98px); } } @media only screen and (min-width: 1280px) { .blog-item__row { left: 102px; width: calc(100% - 102px); } } .blog-item--popular .blog-item__date { display: none; } @media only screen and (min-width: 768px) { .blog-item--popular .blog-item { width: 60px; height: 60px; } } .question-call { color: #fff; text-align: center; background: #2364af; padding: 40px 24px; position: relative; overflow: hidden; width: 100vw; margin: 0 calc((100vw - 100%) / -2); } @media only screen and (min-width: 768px) { .question-call { border-radius: 24px 24px; padding: 32px 40px; margin: 0; width: 100%; text-align: left; } } @media only screen and (min-width: 1280px) { .question-call { padding: 40px 32px 48px; width: 367px; } } .question-call::after { content: ""; position: absolute; display: block; background: radial-gradient(50% 50% at 50% 50%, #51b2c0 0%, rgba(81, 178, 192, 0) 100%); opacity: 0.7; width: 796px; height: 796px; right: 0; top: 0; transform: translate(50%, -50%); } @media only screen and (min-width: 768px) { .question-call::after { right: auto; top: auto; left: 203px; bottom: -176px; transform: unset; } } @media only screen and (min-width: 1024px) { .question-call::after { left: 256px; } } @media only screen and (min-width: 1280px) { .question-call::after { left: -78px; bottom: -114px; } } .question-call__image { position: absolute; left: 50%; bottom: 0; width: 215px; height: 282px; transform: translateX(-50%); background-image: url("../img/picture/master.png"); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.2; } @media only screen and (min-width: 768px) { .question-call__image { left: auto; right: 70px; transform: unset; opacity: 0.3; } } @media only screen and (min-width: 1024px) { .question-call__image { right: 140px; } } @media only screen and (min-width: 1280px) { .question-call__image { right: -16px; } } .question-call__title { margin-bottom: 16px; font-weight: 700; } @media only screen and (min-width: 1280px) { .question-call__title { margin-bottom: 10px; } } .question-call__content { z-index: 1; position: relative; } @media only screen and (min-width: 768px) { .question-call__content { width: 50%; } } @media only screen and (min-width: 1280px) { .question-call__content { width: 100%; } } .question-call__text { font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 24px; } @media only screen and (min-width: 1280px) { .question-call__text { font-size: 1rem; line-height: 1.5rem; padding-right: 36px; } } .question-call__form-btn { display: flex; justify-content: center; margin-top: 32px; } @media only screen and (min-width: 768px) { .question-call__form-btn { justify-content: flex-start; margin-top: 24px; } } .question-popular__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .question-popular__title { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .question-popular__title { margin-bottom: 40px; } } .question-popular__list { margin-bottom: 32px; } .question-popular__buttons { display: flex; flex-direction: column; align-items: center; } @media only screen and (min-width: 768px) { .question-popular__buttons { flex-direction: row; justify-content: flex-start; } } .question-popular__button--orange { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .question-popular__button--orange { margin-right: 32px; margin-bottom: 0; } } .question-popular__button--border { width: 215px; padding-right: 15px; font-weight: 600; } @media only screen and (min-width: 768px) { .question-popular__button--border { width: auto; } } @media only screen and (min-width: 768px) { .question-popular__button--border span { display: none; } } .question-popular__button--border .btn__text--hide { display: none; } @media only screen and (min-width: 768px) { .question-popular__button--border .btn__text--hide { display: block; } } @media only screen and (min-width: 768px) { .question-popular-list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } } .question-popular-list__item { margin-bottom: 24px; } .question-popular-list__item:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .question-popular-list__item { width: calc(50% - 12px); } } @media only screen and (min-width: 1024px) { .question-popular-list__item { width: calc(100% / 3 - 12px); } .question-popular-list__item:nth-child(4) { display: none; } } @media only screen and (min-width: 1280px) { .question-popular-list__item { width: calc(100% / 3 - 15px); } } .question-popular-list__item--hide { display: none; } @media only screen and (min-width: 768px) { .question-popular-list__item--hide { display: block; } } @media only screen and (min-width: 1024px) { .question-popular-list__item--hide { display: none; } } @media only screen and (min-width: 1280px) { .new-reviews__row { display: flex; justify-content: space-between; align-items: flex-start; } } .new-reviews__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .new-reviews__title { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .new-reviews__title { margin-bottom: 40px; } } .new-reviews__buttons { margin-top: 32px; display: flex; flex-direction: column; align-items: center; } @media only screen and (min-width: 768px) { .new-reviews__buttons { flex-direction: row; justify-content: flex-start; } } .new-reviews__amount { margin-bottom: 32px; } @media only screen and (min-width: 1280px) { .new-reviews__amount { margin-bottom: 0; margin-right: 40px; } } .new-reviews__btn { z-index: 2; } @media only screen and (max-width: 1279px) { .new-reviews__btn { display: none; } } .new-reviews__btn-icon { width: 24px; height: 16px; margin-left: 8px; fill: currentColor; } .new-reviews-list__item { width: 227px; margin-right: 24px; } @media only screen and (min-width: 768px) { .new-reviews-list__item { width: 249px; } } @media only screen and (min-width: 1280px) { .new-reviews-list__item { width: 282px; } } .new-reviews-amount { background: #fff; padding: 24px; box-shadow: 0px 4px 12px rgba(35, 100, 175, 0.2); border-radius: 12px; } @media only screen and (min-width: 768px) { .new-reviews-amount { padding: 24px 32px; width: 496px; } } @media only screen and (min-width: 1280px) { .new-reviews-amount { padding: 32px; width: 266px; } } .new-reviews-amount__title { color: #2364af; display: flex; align-items: center; margin-bottom: 8px; } @media only screen and (min-width: 1280px) { .new-reviews-amount__title { flex-wrap: wrap; margin-bottom: 12px; } } .new-reviews-amount__title-text { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; margin-left: 12px; } @media only screen and (min-width: 768px) { .new-reviews-amount__title-text { font-size: 1.625rem; line-height: 2.125rem; } } @media only screen and (min-width: 1280px) { .new-reviews-amount__title-text { font-size: 1.25rem; line-height: 2rem; margin-left: 0; margin-top: 8px; } } .new-reviews-amount__text { font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 1280px) { .new-reviews-amount__text { font-size: 1rem; line-height: 1.5rem; } } .new-reviews-amount__icon { width: 18px; height: 18px; fill: currentColor; } .actions__title { z-index: 2; position: relative; display: inline-flex; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .actions__title { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .actions__title { margin-bottom: 40px; } } .actions__bottom { margin-top: 32px; font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 1280px) { .actions__bottom { margin-top: 40px; font-size: 1rem; line-height: 1.5rem; } } .action-item-list { display: flex; } @media only screen and (min-width: 768px) { .action-item-list { width: auto; margin: 0; margin-right: -24px; margin-bottom: -24px; } } @media only screen and (min-width: 1280px) { .action-item-list { margin-bottom: -24px; margin-right: 0; } } .action-item-list__item { width: 228px; height: 184px; } @media only screen and (min-width: 768px) { .action-item-list__item { width: 249px; height: 201px; } } @media only screen and (min-width: 1280px) { .action-item-list__item { margin-right: 24px; margin-bottom: 24px; width: 282px; height: 227px; } } .masters__title { margin-bottom: 24px; z-index: 2; position: relative; display: inline-flex; } @media only screen and (min-width: 768px) { .masters__title { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .masters__title { margin-bottom: 40px; } } .masters__btn-wrapper { display: flex; justify-content: center; margin-top: 32px; } @media only screen and (min-width: 768px) { .masters__btn-wrapper { justify-content: flex-start; } } .service-geography__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .service-geography__top { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .service-geography__top { margin-bottom: 40px; } } .service-geography__btn { display: none; font-weight: 600; } @media only screen and (min-width: 768px) { .service-geography__btn { display: inline-flex; } } .service-geography__btn-icon { margin-left: 8px; } .service-geography__map { width: 100%; height: 252px; overflow: hidden; } @media only screen and (min-width: 768px) { .service-geography__map { height: 384px; } } @media only screen and (min-width: 1024px) { .service-geography__map { height: 600px; border-radius: 32px; border: 1px solid #d3e8ed; } } .yandex-map { width: 100%; height: 252px; overflow: hidden; margin-bottom: 32px; } @media only screen and (min-width: 768px) { .yandex-map { height: 384px; } } @media only screen and (min-width: 1024px) { .yandex-map { height: 600px; border-radius: 32px; border: 1px solid #d3e8ed; } } .btn-mobile-wrapper { display: flex; justify-content: center; font-weight: 600; } @media only screen and (min-width: 768px) { .btn-mobile-wrapper { display: none; } } .btn-mobile-wrapper .btn__btn-icon { margin-left: 8px; } @media only screen and (min-width: 1280px) { .new-reviews__row { display: flex; justify-content: space-between; align-items: flex-start; } } .new-reviews__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .new-reviews__title { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .new-reviews__title { margin-bottom: 40px; } } .new-reviews__buttons { margin-top: 32px; display: flex; flex-direction: column; align-items: center; } @media only screen and (min-width: 768px) { .new-reviews__buttons { flex-direction: row; justify-content: flex-start; } } .new-reviews__amount { margin-bottom: 32px; } @media only screen and (min-width: 1280px) { .new-reviews__amount { margin-bottom: 0; margin-right: 40px; } } .new-reviews__btn { z-index: 2; } @media only screen and (max-width: 1279px) { .new-reviews__btn { display: none; } } .new-reviews__btn-icon { width: 24px; height: 16px; margin-left: 8px; fill: currentColor; } .new-reviews-list__item { width: 227px; margin-right: 24px; } @media only screen and (min-width: 768px) { .new-reviews-list__item { width: 249px; } } @media only screen and (min-width: 1280px) { .new-reviews-list__item { width: 282px; } } .new-reviews-amount { background: #fff; padding: 24px; box-shadow: 0px 4px 12px rgba(35, 100, 175, 0.2); border-radius: 12px; } @media only screen and (min-width: 768px) { .new-reviews-amount { padding: 24px 32px; width: 496px; } } @media only screen and (min-width: 1280px) { .new-reviews-amount { padding: 32px; width: 266px; } } .new-reviews-amount__title { color: #2364af; display: flex; align-items: center; margin-bottom: 8px; } @media only screen and (min-width: 1280px) { .new-reviews-amount__title { flex-wrap: wrap; margin-bottom: 12px; } } .new-reviews-amount__title-text { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; margin-left: 12px; } @media only screen and (min-width: 768px) { .new-reviews-amount__title-text { font-size: 1.625rem; line-height: 2.125rem; } } @media only screen and (min-width: 1280px) { .new-reviews-amount__title-text { font-size: 1.25rem; line-height: 2rem; margin-left: 0; margin-top: 8px; } } .new-reviews-amount__text { font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 1280px) { .new-reviews-amount__text { font-size: 1rem; line-height: 1.5rem; } } .new-reviews-amount__icon { width: 18px; height: 18px; fill: currentColor; } .actions__title { z-index: 2; position: relative; display: inline-flex; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .actions__title { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .actions__title { margin-bottom: 40px; } } .actions__bottom { margin-top: 32px; font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 1280px) { .actions__bottom { margin-top: 40px; font-size: 1rem; line-height: 1.5rem; } } .action-item-list { display: flex; } @media only screen and (min-width: 768px) { .action-item-list { width: auto; margin: 0; margin-right: -24px; margin-bottom: -24px; } } @media only screen and (min-width: 1280px) { .action-item-list { margin-bottom: -24px; margin-right: 0; } } .action-item-list__item { width: 228px; height: 184px; } @media only screen and (min-width: 768px) { .action-item-list__item { width: 249px; height: 201px; } } @media only screen and (min-width: 1280px) { .action-item-list__item { margin-right: 24px; margin-bottom: 24px; width: 282px; height: 227px; } } .section-seo__title { margin-bottom: 24px; } @media only screen and (min-width: 1024px) { .section-seo__title { margin-bottom: 32px; } } .section-seo__wrapper { min-height: 491px; height: 491px; overflow: hidden; transition: height 0.3s; } @media only screen and (min-width: 768px) { .section-seo__wrapper { height: auto; min-height: unset; } } .section-seo__sub-title { margin-bottom: 16px; } @media only screen and (min-width: 768px) { .section-seo__sub-title { margin-bottom: 14px; } } @media only screen and (min-width: 1024px) { .section-seo__sub-title { margin-bottom: 20px; } } .section-seo__text { font-size: 1rem; line-height: 1.5rem; } .section-seo__text--margin { margin-bottom: 16px; } @media only screen and (min-width: 1024px) { .section-seo__text--margin { margin-bottom: 24px; } } .section-seo__text--second-margin { margin-bottom: 32px; } @media only screen and (min-width: 1024px) { .section-seo__text--second-margin { margin-bottom: 48px; } } .section-seo__buttons { margin-top: 24px; } @media only screen and (min-width: 768px) { .section-seo__buttons { display: none; } } .brands__row { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .brands__row { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .brands__row { margin-bottom: 44px; } } .brands__btn-wrapper { display: flex; justify-content: center; margin-top: 32px; } @media only screen and (min-width: 768px) { .brands__btn-wrapper { justify-content: flex-start; margin-top: 40px; } } .brands__title { z-index: 2; position: relative; display: inline-flex; } .brands-item-list__item { width: 100px; margin-right: 24px; } @media only screen and (min-width: 768px) { .brands-item-list__item { margin-right: 32px; } } @media only screen and (min-width: 1024px) { .brands-item-list__item { margin-right: 38px; } } .brands-item-list__img-wrapper { display: inline-block; width: 100%; height: 56px; } .brands-item-list__img-wrapper:first-child { margin-bottom: 8px; } @media only screen and (min-width: 768px) { .brands-item-list__img-wrapper:first-child { margin-right: 16px; } } @media only screen and (min-width: 1024px) { .brands-item-list__img-wrapper:first-child { margin-right: 24px; } } .brands-item-list__img { padding: 5px; margin: -5px; } .brands-item-list__img:hover { filter: drop-shadow(0px 8px 24px rgba(45, 45, 50, 0.4)); } .slider--brands .slider__btn { display: none; } @media only screen and (min-width: 1280px) { .slider--brands .slider__btn { display: inline-flex; } } .video__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .video__title { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .video__title { margin-bottom: 40px; } } .video__iframe { width: 100%; height: auto; min-height: 175px; max-width: 360px; } @media only screen and (min-width: 768px) { .video__iframe { width: 704px; max-width: unset; min-height: 396px; max-height: 396px; } } @media only screen and (min-width: 1280px) { .video__iframe { width: 993px; min-height: 558px; max-height: 558px; } } .breaking-wrapper__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .breaking-wrapper__title { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .breaking-wrapper__title { margin-bottom: 40px; } } .breaking { display: flex; flex-wrap: wrap; width: 100vw; margin: 0 calc((100vw - 100%) / -2); padding: 0 calc((100vw - 100%) / 2); transition: height 0.3s; } @media only screen and (min-width: 768px) { .breaking { width: calc(100% + 64px); margin: -32px; padding: 32px; } } .breaking__btn { text-decoration: none; color: #2364af; position: relative; z-index: 2; margin-top: 16px; display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) { .breaking__btn { justify-content: flex-start; } } .breaking__btn.opened .breaking__btn-icon { transform: rotate(180deg); } .breaking__btn:hover { color: #003674; } .breaking__btn-icon { width: 12px; height: 7px; fill: currentColor; margin-left: 12px; } .breaking__item { position: relative; width: 100%; margin-bottom: 24px; } @media screen and (min-width: 600px) { .breaking__item { margin-right: 24px; margin-bottom: 24px; } } .breaking__item.hidden { opacity: 0; } .breaking.close-spoiler { overflow: hidden; } .breaking-list { margin-top: 10px; margin-bottom: 10px; } .breaking-list li { position: relative; padding-left: 40px; } .breaking-list li::before { content: ""; position: absolute; left: 20px; top: 3px; display: block; width: 14px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.85718 8.34795L5.28575 12.1998C6.57146 9.37511 9.40003 3.64869 12.1429 1.7998' stroke='%2351B2C0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; margin-right: 8px; } .breaking-list__item { font-size: 0.875rem; line-height: 1.375rem; color: #2d2d32; } @media only screen and (min-width: 768px) { .breaking-list__item { font-size: 1rem; line-height: 1.5rem; } } .breaking-list li { padding-left: 20px; } .breaking-list li::before { left: 0; } .breaking-item { box-shadow: 0px 4px 12px rgba(35, 100, 175, 0.2); border-radius: 12px; background: #fff; } @media screen and (min-width: 600px) { .breaking-item { width: calc(50% - 20px); margin-right: 24px; margin-bottom: 24px; } } @media only screen and (min-width: 768px) { .breaking-item { width: calc(50% - 24px); } } @media only screen and (min-width: 1024px) { .breaking-item { width: calc(33.3% - 24px); } } .breaking-item__inner { display: flex; transition: box-shadow 0.3s; padding: 24px 16px 80px; overflow: inherit; border-radius: inherit; height: 100%; cursor: pointer; } .breaking-item__inner:hover { box-shadow: 0 8px 24px rgba(35, 100, 175, 0.4); } .breaking-item__inner:hover ~ .breaking-item__bottom .breaking-item__btn { background: linear-gradient(90deg, #f96715 0%, #f98315 51.56%, #f96715 100%); } .breaking-item__inner:hover .breaking-item__title { color: #003674; } @media only screen and (min-width: 768px) { .breaking-item__inner { padding: 24px 24px 80px; } } @media only screen and (min-width: 1280px) { .breaking-item__inner { padding: 32px 24px 97px; } } .breaking-item__btn { color: #fff; } .breaking-item__bottom { display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 24px; left: 96px; } @media only screen and (min-width: 768px) { .breaking-item__bottom { left: 104px; } } @media only screen and (min-width: 1280px) { .breaking-item__bottom { left: 130px; } } .breaking-item__title { font-weight: 500; color: #2364af; margin-bottom: 12px; transition: color 0.2s; } @media only screen and (min-width: 1280px) { .breaking-item__title { margin-bottom: 16px; } } .breaking-item__img { width: 64px; height: 81px; margin-right: 16px; flex-shrink: 0; } @media only screen and (min-width: 1280px) { .breaking-item__img { margin-right: 24px; width: 80px; height: 101px; } } .breaking-item__img img { height: 100%; width: auto; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .price-list-top { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .price-list-top { margin-bottom: 32px; } } .price-list-top__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .price-list-top__title { margin-bottom: 32px; } } .price-list-top__text { font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 1024px) { .price-list-top__text { font-size: 1rem; line-height: 1.5rem; } } @media only screen and (min-width: 1280px) { .price-list-top__text { font-size: 1.125rem; line-height: 1.625rem; } } .price-list-top__text p:first-child { margin-bottom: 12px; } @media only screen and (min-width: 1024px) { .price-list-top__text p:first-child { margin-bottom: 16px; } } .price-list-top__text ul { margin-top: 10px; margin-bottom: 10px; } .price-list-top__text ul li { position: relative; padding-left: 40px; } .price-list-top__text ul li::before { content: ""; position: absolute; left: 20px; top: 3px; display: block; width: 14px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.85718 8.34795L5.28575 12.1998C6.57146 9.37511 9.40003 3.64869 12.1429 1.7998' stroke='%2351B2C0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; margin-right: 8px; } .price-list-top__text a { color: #2364af; display: inline-block; border-bottom: 1px solid #2364af; transition: color 0.2s, border-bottom-color 0.2s; } .price-list-top__text a:hover { color: #003674; border-bottom-color: transparent; } .price-list-top__text a:hover span { border-bottom-color: transparent; } @media only screen and (min-width: 768px) { .price-list .table { margin: 0; } } @media only screen and (min-width: 768px) { .price-list .table__item { margin: 0; padding: 0; } } @media only screen and (min-width: 768px) { .price-list .table__item.opened .table__label { margin: 0; } } @media only screen and (min-width: 1024px) { .price-list .table__item:hover .table__label, .price-list .table__item.opened .table__label { margin-right: 0; margin-left: 0; padding: 24px; } } @media only screen and (min-width: 768px) { .price-list .table__label { padding: 24px 32px; margin: 0; } } @media only screen and (min-width: 1024px) { .price-list .table__label { padding: 24px; margin: 0; } } .price-list__warning { margin-bottom: 32px; padding: 24px; font-size: 0.875rem; line-height: 1.375rem; color: #fff; border-top-right-radius: 40px; border-bottom-left-radius: 40px; background: linear-gradient(180deg, #034fa7 0%, #2364af 100%); } @media only screen and (min-width: 1024px) { .price-list__warning { margin-bottom: 40px; padding: 24px 24px 24px 32px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 0; } } .price-list__title { margin-bottom: 8px; } @media only screen and (min-width: 768px) { .price-list__title { margin-bottom: 6px; font-size: 1rem; line-height: 1.625rem; } } @media only screen and (min-width: 1024px) { .price-list__title { margin-bottom: 12px; font-size: 1.25rem; line-height: 2rem; } } @media only screen and (min-width: 1024px) { .price-list__text { font-size: 1rem; line-height: 1.5rem; } } .price-list-table__top { display: none; background-color: #fff; } @media only screen and (min-width: 768px) { .price-list-table__top { display: flex; justify-content: flex-end; padding: 24px 32px 12px; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; color: #898686; } } @media only screen and (min-width: 1024px) { .price-list-table__top { font-size: 0.875rem; line-height: 1.375rem; padding: 24px 24px 12px; } } @media only screen and (min-width: 768px) { .price-list-table__left { width: 57%; text-align: right; display: inline-flex; justify-content: flex-end; } } @media only screen and (min-width: 1024px) { .price-list-table__left { width: 62%; } } @media only screen and (min-width: 768px) { .price-list-table__right { width: 42%; display: inline-flex; justify-content: flex-end; margin-left: auto; } } @media only screen and (min-width: 1024px) { .price-list-table__right { width: 38%; } } .price-list-table__col-price, .price-list-table__col-time, .price-list-table__col-security { text-align: right; padding-left: 20px; } @media only screen and (min-width: 768px) { .price-list-table__col-time { width: 50%; } } @media only screen and (min-width: 768px) { .price-list-table__col-security { width: 50%; padding-left: 24px; } } .price-list-table__row { min-height: 72px; padding: 16px 24px; margin-left: -24px; margin-right: -24px; background-color: #f4f5f9; } .price-list-table__row:nth-child(2n + 3) { background-color: #fff; } @media only screen and (min-width: 768px) { .price-list-table__row { margin: 0; padding: 16px 32px; display: flex; align-items: center; min-height: 56px; } } @media only screen and (min-width: 1024px) { .price-list-table__row { min-height: 72px; padding: 24px; } } .price-list-table__col { display: flex; font-size: 0.875rem; line-height: 1.25rem; justify-content: space-between; } @media only screen and (min-width: 768px) { .price-list-table__col { justify-content: flex-start; } } @media only screen and (min-width: 1024px) { .price-list-table__col { font-size: 1rem; line-height: 1.5rem; } } @media only screen and (min-width: 1280px) { .price-list-table__col { font-size: 1.125rem; line-height: 1.625rem; } } .price-list-table__col--left { margin-bottom: 8px; color: #2d2d32; font-weight: 600; } @media only screen and (min-width: 768px) { .price-list-table__col--left { margin-bottom: 0; align-items: center; width: 57%; } } @media only screen and (min-width: 1024px) { .price-list-table__col--left { width: 62%; } } .price-list-table__col--right { color: #898686; } @media only screen and (min-width: 768px) { .price-list-table__col--right { width: 43%; justify-content: flex-end; color: #2d2d32; } } @media only screen and (min-width: 1024px) { .price-list-table__col--right { width: 38%; } } .price-list-table__label { max-width: 198px; } @media only screen and (min-width: 768px) { .price-list-table__label { width: 67%; max-width: 100%; padding-right: 24px; } } @media only screen and (min-width: 768px) { .price-list-table__price { width: 30%; margin-left: auto; text-align: right; } } @media only screen and (min-width: 768px) { .price-list-table__time { width: 50%; padding-left: 24px; text-align: right; } } .price-list-table__security span { padding-left: 4px; } @media only screen and (min-width: 768px) { .price-list-table__security span { display: none; } } @media only screen and (min-width: 768px) { .price-list-table__security { width: 50%; padding-left: 24px; } } .price-list-table__price, .price-list-table__security { text-align: right; } @media only screen and (min-width: 768px) { .price-list-table--small .price-list-table__col--left { width: 82%; } } @media only screen and (min-width: 768px) { .price-list-table--small .price-list-table__col--right { width: 18%; } } @media only screen and (min-width: 768px) { .price-list-table--small .price-list-table__label { width: 67%; } } @media only screen and (min-width: 768px) { .price-list-table--small .price-list-table__price { width: 30%; } } @media only screen and (min-width: 768px) { .price-list-table--small .price-list-table__time { width: 100%; } } .price-list-table--small .price-list-table__security { width: 100%; } @media only screen and (min-width: 768px) { .price-list-table--small .price-list-table__left { width: 82%; } } @media only screen and (min-width: 768px) { .price-list-table--small .price-list-table__right { width: 18%; } } .price-list-table--small .price-list-table__col-time { width: 100%; } .price-list-table--small .price-list-table__col-security { width: 100%; } .price-list-table--xsmall .price-list-table__row { min-height: auto; } @media only screen and (min-width: 768px) { .price-list-table--xsmall .price-list-table__row { min-height: auto; } } @media only screen and (min-width: 1024px) { .price-list-table--xsmall .price-list-table__row { min-height: auto; } } .price-list-table--xsmall .price-list-table__col--left { margin-bottom: 0; } @media only screen and (min-width: 768px) { .price-list-table--xsmall .price-list-table__col--left { width: 100%; } } @media only screen and (min-width: 768px) { .price-list-table--xsmall .price-list-table__col--right { width: 0; } } @media only screen and (min-width: 768px) { .price-list-table--xsmall .price-list-table__left { width: 100%; } } @media only screen and (min-width: 768px) { .price-list-table--xsmall .price-list-table__right { width: 0; } } .price-list-table--full-visible .price-list-table__row { margin: 0; } .price-list-bottom { margin-top: 24px; } @media only screen and (min-width: 768px) { .price-list-bottom { margin-top: 32px; } } .price-list-bottom__text { font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 1024px) { .price-list-bottom__text { font-size: 1rem; line-height: 1.5rem; } } @media only screen and (min-width: 1280px) { .price-list-bottom__text { font-size: 1.125rem; line-height: 1.625rem; } } .price-list-bottom__text p:first-child { margin-top: 12px; } @media only screen and (min-width: 1024px) { .price-list-bottom__text p:first-child { margin-top: 16px; } } .price-list-bottom__text ul { margin-top: 10px; margin-bottom: 10px; } .price-list-bottom__text ul li { position: relative; padding-left: 40px; } .price-list-bottom__text ul li::before { content: ""; position: absolute; left: 20px; top: 3px; display: block; width: 14px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.85718 8.34795L5.28575 12.1998C6.57146 9.37511 9.40003 3.64869 12.1429 1.7998' stroke='%2351B2C0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; margin-right: 8px; } .price-list-bottom__text a { color: #2364af; display: inline-block; border-bottom: 1px solid #2364af; transition: color 0.2s, border-bottom-color 0.2s; } .price-list-bottom__text a:hover { color: #003674; border-bottom-color: transparent; } .price-list-bottom__text a:hover span { border-bottom-color: transparent; } .faq__title { padding: 0 24px; margin-bottom: 24px; z-index: 2; position: relative; display: inline-flex; } @media only screen and (min-width: 768px) { .faq__title { margin-bottom: 32px; padding: 0 32px; } } @media only screen and (min-width: 1024px) { .faq__title { padding: 0; } } @media only screen and (min-width: 1280px) { .faq__title { margin-bottom: 40px; padding: 0; } } .faq__content { padding-bottom: 24px; overflow: auto; font-size: 1rem; line-height: 1.5rem; } @media only screen and (min-width: 1024px) { .faq__content { padding-bottom: 32px; } } .faq__content p { margin-bottom: 12px; } @media only screen and (min-width: 768px) { .faq__content p { margin-bottom: 16px; } } .faq__content p:last-child { margin-bottom: 0; } .faq__content .faq-table tr:nth-child(even) { background-color: #d3e8ed; } .faq__content .faq-table tr:nth-child(odd) { background-color: #e3f3fd; } .faq__label h2 { margin-right: auto; font-size: 1rem; line-height: 1.625rem; font-weight: 700; color: #2d2d32; text-transform: uppercase; } @media only screen and (min-width: 1024px) { .faq__label h2 { font-size: 1.25rem; line-height: 1.75rem; } } .faq .page-content > ul { margin-top: 0; margin-bottom: 0; } .faq .page-content--column-list > ul { margin-bottom: 15px; } @media only screen and (min-width: 1024px) { .faq .page-content--column-list > ul { -moz-column-count: 5; column-count: 5; } } .faq .contact { margin-bottom: 16px; margin-left: 30px; } .faq .page-content--column-list > ul li { margin-bottom: 0; margin-right: 0; } .faq .page-content b { margin: 0; display: inline; } .faq ol { margin-bottom: 0; padding-left: 24px; } .question-help-result { margin-top: 24px; } @media only screen and (min-width: 768px) { .question-help-result { display: flex; align-items: center; margin-top: 32px; } } .question-help-result__value-row { width: 100%; height: 8px; box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); border-radius: 4px; overflow: hidden; position: relative; background: #eb5757; padding: 2px 0; } .question-help-result__value { font-size: 1rem; line-height: 1.5rem; margin-bottom: 4px; font-weight: 600; } .question-help-result__value--positive { color: #51c069; } .question-help-result__value--negative { color: #eb5757; } .question-help-result__row { display: flex; align-items: center; justify-content: space-between; width: 100%; } .question-help-result__answer { font-size: 0.875rem; line-height: 1.375rem; margin-top: 4px; color: #898686; } .question-help-result__inner { width: 100%; position: relative; } @media only screen and (min-width: 768px) { .question-help-result__inner { width: 506px; } } @media only screen and (min-width: 1024px) { .question-help-result__inner { width: 514px; } } .question-help-result__between { position: absolute; transform: skew(-45deg) translateX(-2px); top: -2px; height: 12px; width: 1px; background: #898686; left: 40%; } .question-help-result__title { margin-bottom: 12px; font-weight: 600; flex-shrink: 0; } @media only screen and (min-width: 768px) { .question-help-result__title { margin-bottom: 0; margin-right: 24px; } } .question-help-result__positive-value { position: absolute; left: 0; top: 0; background: #51c069; height: 100%; width: 40%; transform: skew(-45deg) translateX(-2px); } .write-comment__top { display: inline-flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 32px; } @media only screen and (min-width: 768px) { .write-comment__top { flex-direction: row; justify-content: space-between; } } @media only screen and (min-width: 1024px) { .write-comment__top { margin-bottom: 40px; } } .write-comment__row { display: inline-flex; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .write-comment__row { flex-shrink: 0; margin-bottom: 0; } } .write-comment__row-list { display: flex; flex-direction: column; justify-content: center; } @media only screen and (min-width: 768px) { .write-comment__row-list { flex-direction: row; align-items: flex-end; justify-content: space-between; } } .write-comment__row-list .write-comment__btn { margin-top: 24px; } @media only screen and (min-width: 768px) { .write-comment__row-list .write-comment__btn { margin-top: 0; } } .write-comment__btn { flex-shrink: 0; } .write-comment__views { margin-right: 24px; } .comments-wrapper { display: flex; flex-direction: column; } @media only screen and (min-width: 1024px) { .comments-wrapper { width: 790px; } } .comments-button-wrapper { border-top: 1px solid #d3e8ed; padding-top: 32px; text-align: center; } .comments-button { display: block; text-align: center; margin: auto; cursor: pointer; font-size: 1rem; line-height: 1.5rem; color: #2364af; } .comments-button__icon { width: 12px; height: 7px; margin-left: 12px; fill: currentColor; } .comments-button:hover { color: #003674; } .comments-list__item { margin-top: 40px; } .comments-list__item:first-child { margin-top: 0; } .comments-list__item .comments-list { padding-left: 17px; } .comments-list__item .comments-list__item { margin-top: 40px; } .comments-list__item .comments-list__item .comments-list { padding-left: 0; } @media only screen and (min-width: 1024px) { .comments-list__item .comments-list__item .comments-list { padding-left: 17px; } } .comments-list__item.hidden { display: none; } .comments-list__item > .comments-list { padding-right: 17px; } .comments-list__item .comments-list .comments-item .comments-list { padding-left: 0; } @media only screen and (min-width: 1024px) { .comments-list__item .comments-list .comments-item .comments-list { padding-left: 17px; } } .comments-list__item .comments-list .comments-item .comments-list__item .comments-list .comments-item .comments-list .comments-item .comments-list { padding-left: 0; } .questions-list__filters-row { margin-bottom: 32px; } @media only screen and (min-width: 768px) { .questions-list__filters-row { display: flex; align-items: center; margin-right: -32px; margin-bottom: 40px; } } @media only screen and (min-width: 1280px) { .questions-list__filters-row { margin-bottom: 48px; } } .questions-list__item { border-bottom: 1px solid #d3e8ed; padding: 32px 0; } @media only screen and (min-width: 768px) { .questions-list__item { padding: 24px 0; } } @media only screen and (min-width: 1024px) { .questions-list__item { padding: 40px 0; } } .questions-list__item:first-child { padding-top: 0; } .questions-list__item:last-child { padding-bottom: 0; border-bottom-color: transparent; } .questions-list__comments { padding-left: 16px; margin-top: 40px; } .questions-list__dropdown { width: 100%; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .questions-list__dropdown { width: calc(50% - 32px); margin-right: 32px; } } @media only screen and (min-width: 1280px) { .questions-list__dropdown { width: 375px; } } .questions-list__search { width: 100%; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .questions-list__search { width: calc(50% - 32px); margin-right: 32px; } } @media only screen and (min-width: 1280px) { .questions-list__search { width: 375px; } } .questions-list__questions { width: 100%; max-width: 996px; } .questions-list__bottom { margin-top: 48px; } @media only screen and (min-width: 768px) { .questions-list__bottom { margin-top: 64px; } } @media only screen and (min-width: 1024px) { .questions-list__bottom { margin-top: 72px; } } @media only screen and (min-width: 768px) { .geography__top { display: flex; align-items: center; justify-content: space-between; } } .geography__wrapper--map { height: 600px; /* margin: 0 calc((100vw - 100%) / -2);*/ } @media only screen and (min-width: 1024px) { .geography__wrapper { margin: 0; width: 32%; } .geography__wrapper--map { width: 64.7%; height: 608px; } } .geography__wrapper.hidden { display: none; } @media only screen and (min-width: 1024px) { .geography__wrapper.hidden { display: block; } } .geography__map { width: 100%; height: 100%; margin-bottom: 0; } @media only screen and (min-width: 1024px) { .geography__map { box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); } } .geography__search { margin-bottom: 32px; } @media only screen and (min-width: 768px) { .geography__search { width: 336px; } } @media only screen and (min-width: 1024px) { .geography__search { width: 776px; } } .geography__toggle { font-size: 0.875rem; line-height: 1.375rem; color: #2364af; } .geography__toggle:first-child { margin-right: 24px; } .geography__toggle.active { color: #898686; } .geography__tabs { margin-bottom: 19px; } @media only screen and (min-width: 768px) { .geography__tabs { margin-bottom: 0; } } @media only screen and (min-width: 1024px) { .geography__tabs { display: none; } } @media only screen and (min-width: 1024px) { .geography__container { display: flex; justify-content: space-between; } } .region { border-bottom: 1px solid #d3e8ed; } @media only screen and (min-width: 1024px) { .region { border-bottom: none; } .region:first-child { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .region .top-page__title { margin-bottom: 40px; } } .region.opened .region__icon { transform: rotate(-180deg); } @media only screen and (min-width: 1024px) { .region.opened .region__container { border: 1px solid #d3e8ed; border-radius: 24px; } } .region__label { font-weight: 600; font-size: 1rem; line-height: 1.625rem; color: #2d2d32; display: flex; justify-content: space-between; align-items: center; padding: 16px 0; } @media only screen and (min-width: 1024px) { .region__label { font-size: 1.25rem; line-height: 2rem; padding: 0 0 16px 0; } } .region__icon { width: 12px; height: 7px; fill: #2364af; } .region__container { position: relative; height: 0; overflow: hidden; } .region-list { padding-left: 16px; margin-bottom: 25px; border-left: 1px solid #d3e8ed; } @media only screen and (min-width: 1024px) { .region-list { position: relative; height: 240px; padding-left: 24px; padding-right: 8px; padding-top: 0; margin-left: 0; margin-bottom: 0; } .region-list .ps__thumb-y { border-radius: 8px; background: #51b2c0; } } .region-list__item { padding: 8px 0px; } .region-list__item:last-child { margin-bottom: 0; } .region-list__link { font-size: 1rem; line-height: 1.5rem; color: #2364af; } .masters-page { padding-top: 32px; } @media only screen and (min-width: 1280px) { .masters-page { padding-top: 40px; } } .masters-page h1 { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .masters-page h1 { margin-bottom: 32px; } } .masters-page p { font-size: 1rem; line-height: 1.5rem; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .masters-page p { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .masters-page p { margin-bottom: 40px; } } .masters-page__filters-row { margin-bottom: 32px; } @media only screen and (min-width: 768px) { .masters-page__filters-row { display: flex; align-items: center; margin-right: -32px; margin-bottom: 40px; } } .masters-page__item { border-bottom: 1px solid #d3e8ed; padding: 32px 0; } @media only screen and (min-width: 768px) { .masters-page__item { padding: 24px 0; } } @media only screen and (min-width: 1024px) { .masters-page__item { padding: 40px 0; } } .masters-page__item:first-child { padding-top: 0; } .masters-page__item:last-child { padding-bottom: 0; border-bottom-color: transparent; } .masters-page__dropdown { width: 100%; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .masters-page__dropdown { width: calc(50% - 32px); margin-right: 32px; } } @media only screen and (min-width: 1280px) { .masters-page__dropdown { width: 384px; } } .masters-page__dropdown.dropdown .dropdown__label { font-weight: 500; color: #898686; } .masters-page__search { width: 100%; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .masters-page__search { width: calc(50% - 32px); margin-right: 24px; } } @media only screen and (min-width: 1280px) { .masters-page__search { width: 384px; } } .masters-page__search.dropdown .dropdown__label { font-weight: 500; color: #898686; } .masters-page__bottom { margin-top: 48px; } @media only screen and (min-width: 768px) { .masters-page__bottom { margin-top: 64px; } } @media only screen and (min-width: 1024px) { .masters-page__bottom { margin-top: 72px; } } @media only screen and (min-width: 768px) { .masters-page__list { display: flex; flex-wrap: wrap; margin: 0 -24px -24px 0; } } .question-detail { padding-top: 32px; } @media only screen and (min-width: 1280px) { .question-detail { padding-top: 40px; } } .question-detail__bottom { width: 100vw; margin: 32px calc((100vw - 100%) / -2); padding: 24px calc((100vw - 100%) / 2) 0; border-top: 1px solid #d3e8ed; } @media only screen and (min-width: 1280px) { .question-detail__bottom { width: 100%; padding: 32px 0 0; margin: 40px 0 0; } } .question-detail__row { margin-bottom: 32px; } @media only screen and (min-width: 768px) { .question-detail__row { display: flex; justify-content: space-between; align-items: baseline; } } @media only screen and (min-width: 1280px) { .question-detail__row { margin-bottom: 24px; } } .question-detail__rating { margin: 0 auto 24px; } @media only screen and (min-width: 768px) { .question-detail__rating { margin: 0 0 24px 0; } } .question-detail__buttons { margin: 0 auto; } @media only screen and (min-width: 768px) { .question-detail__buttons { margin: 0; margin-left: auto; } } @media only screen and (min-width: 1024px) { .question-detail__buttons { display: flex; } } .question-detail__button-question { width: 216px; margin: 0 auto; display: flex; } @media only screen and (min-width: 768px) { .question-detail__button-question { margin: 0; margin-left: auto; } } .question-detail__button-write-comment { display: flex; width: 100%; max-width: 227px; margin: 0 auto 24px; } @media only screen and (min-width: 768px) { .question-detail__button-write-comment { display: block; width: auto; max-width: unset; margin: 0 0 24px 0; } } @media only screen and (min-width: 1024px) { .question-detail__button-write-comment { margin: 0 16px 0 0; } } .question-detail__rating { max-width: 360px; } @media only screen and (min-width: 768px) { .question-detail__button { display: flex; } } .question-detail__author { padding-top: 32px; pointer-events: none; } @media only screen and (min-width: 768px) { .question-detail__author { padding-top: 40px; } } @media only screen and (min-width: 1280px) { .question-detail__author { padding-top: 0px; position: absolute; padding-left: 1080px; } } .question-detail__author .author-answer { color: #898686; padding-bottom: 16px; font-size: 0.875rem; line-height: 1.375rem; } @media only screen and (min-width: 1280px) { .question-detail__author .author-answer { padding-bottom: 24px; } } .question-detail__author .author-description { display: flex; } .question-detail__author .author-description .master-item__description { max-width: 303px; } @media only screen and (min-width: 1280px) { .question-detail__author .author-description { flex-direction: column; } } @media only screen and (min-width: 768px) { .question-detail__help { width: calc(60% - 16px); margin-left: 16px; } } .question-detail__tags { width: 100%; margin: 0 auto; } @media only screen and (min-width: 768px) { .question-detail__tags { width: calc(40% - 16px); margin-right: 16px; } } .tags { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 1rem; line-height: 1.5rem; margin-bottom: 16px; } @media only screen and (min-width: 768px) { .tags { justify-content: flex-start; } } @media only screen and (min-width: 1280px) { .tags { font-size: 1.125rem; line-height: 1.625rem; } } .tags__tags { margin-bottom: 8px; margin-right: 12px; } .tags__item { display: block; margin-bottom: 8px; margin-right: 12px; color: #2364af; transition: color 0.2s; } .tags__item:hover { color: #003674; } .help { display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) { .help { justify-content: flex-end; } } .help__question { margin-right: 12px; } @media only screen and (min-width: 768px) { .help__question { font-weight: 700; } } .help__btn { padding: 8px 16px; font-size: 1rem; line-height: 1.625rem; background: transparent; border-radius: 24px; font-weight: 500; margin-left: 16px; flex-shrink: 0; cursor: pointer; } .help__btn:first-child { margin-left: 0; } .help__btn:hover { box-shadow: 0 8px 24px rgba(35, 100, 175, 0.4); } .help__btn.current { pointer-events: none; cursor: default; } .help__btn.current .help__btn-text { color: #fff; } .help__btn.current .help__btn-amount { color: #fff; } .help__btn.disabled { pointer-events: none; cursor: default; } .help__btn--yes { border: 1px solid #51c069; } .help__btn--yes .help__btn-text { color: #51c069; } .help__btn--yes.current { background: #51c069; } .help__btn--not { border: 1px solid #eb5757; } .help__btn--not .help__btn-text { color: #eb5757; } .help__btn--not.current { background: #eb5757; } .help__btn-amount { color: #898686; } .rating-form-wrapper__row { display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) { .rating-form-wrapper__row { justify-content: flex-start; } } .rating-form-wrapper__text { font-size: 1rem; line-height: 1.5rem; color: #898686; margin-right: 12px; } @media only screen and (min-width: 1280px) { .rating-form-wrapper__text { font-size: 1.125rem; line-height: 1.625rem; } } .rating-form-wrapper__note { margin-top: 4px; font-size: 0.875rem; line-height: 1.125rem; color: #898686; text-align: center; } .master-info { padding-top: 32px; } @media only screen and (min-width: 1280px) { .master-info { padding-top: 40px; } } .master-detail-info { position: relative; } @media only screen and (min-width: 768px) { .master-detail-info__top { display: flex; align-items: flex-start; } } .master-detail-info__image { width: 144px; height: 144px; border-radius: 12px; overflow: hidden; flex-shrink: 0; border: 1px solid #d3e8ed; } @media only screen and (min-width: 320px) and (max-width: 767px) { .master-detail-info__image { position: absolute; left: 0; top: 0; } } @media only screen and (min-width: 768px) { .master-detail-info__image { width: 158px; height: 158px; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .master-detail-info__image { width: 282px; height: 282px; margin-right: 40px; } } .master-detail-info__name { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .master-detail-info__name { margin-bottom: 32px; } } .master-detail-info__comments { margin-bottom: 8px; } @media only screen and (min-width: 768px) { .master-detail-info__comments { margin-bottom: 0; } } @media only screen and (min-width: 768px) { .master-detail-info__rating { margin-left: 32px; } } @media only screen and (min-width: 1024px) { .master-detail-info__rating { margin-left: 48px; } } .master-detail-info__button { display: flex; justify-content: center; } @media only screen and (min-width: 768px) { .master-detail-info__button { display: block; margin-left: auto; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .master-detail-info__name, .master-detail-info__comments, .master-detail-info__rating { display: flex; padding-left: 168px; } } .master-detail-info__inner { min-height: 144px; margin-bottom: 32px; } @media only screen and (min-width: 768px) { .master-detail-info__inner { min-height: auto; align-items: center; margin-bottom: 0; } } .master-detail-info__bottom { width: 100%; margin-top: 32px; } @media only screen and (min-width: 1024px) { .master-detail-info__bottom { margin-top: 48px; } } @media only screen and (min-width: 768px) { .master-detail-info__row { display: flex; width: 100%; align-items: flex-end; flex-wrap: wrap; } } .master-detail-info__text-info { margin-bottom: 32px; } @media only screen and (min-width: 768px) { .master-detail-info__text-info { margin-bottom: 40px; } } .master-detail-info__text-info:last-child { margin-bottom: 0; } .master-detail-info__text-info h3 { margin-bottom: 16px; } @media only screen and (min-width: 768px) { .master-detail-info__text-info h3 { margin-bottom: 24px; } } .master-detail-info__text-info p { font-size: 1rem; line-height: 1.5rem; margin: 16px 0; } .master-detail-info__text-info p:last-child { margin-bottom: 0; } .master-detail-info__text-info a { color: #2364af; border-bottom: 1px solid #2364af; transition: border-bottom-color 0.2s; } .master-detail-info__text-info a:hover { border-bottom-color: transparent; } .master-detail-info__text-info ul li { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 16px; margin-right: 10px; } .master-detail-info__text-info ul li::before { content: ""; position: absolute; left: 0; top: 3px; display: block; width: 14px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.85718 8.34795L5.28575 12.1998C6.57146 9.37511 9.40003 3.64869 12.1429 1.7998' stroke='%2351B2C0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; margin-right: 8px; } .master-detail-info__text-info ul li:last-child { margin-bottom: 0; } .master-reviews__row-title { display: flex; align-items: baseline; } .master-reviews__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .master-reviews__title { margin-bottom: 32px; } } .master-reviews__amount { margin-left: 16px; color: #898686; } @media only screen and (min-width: 768px) { .master-reviews__amount { margin-left: 24px; } } .master-reviews__chart-item { margin-bottom: 8px; } @media only screen and (min-width: 768px) { .master-reviews__row { display: flex; justify-content: space-between; margin-bottom: 40px; } } .master-reviews__chart { margin-bottom: 32px; } @media only screen and (min-width: 768px) { .master-reviews__chart { margin-bottom: 0; } } .master-reviews__button { display: flex; justify-content: center; } @media only screen and (min-width: 768px) { .master-reviews__button { display: block; margin-left: auto; } } .master-reviews__item { margin-bottom: 32px; } .master-reviews__item.hidden { display: none; } .master-reviews__reviews { margin-top: 40px; } .chart { display: flex; align-items: center; } .chart__text { color: gray; font-size: 1rem; line-height: 1.5rem; width: 86px; margin-right: 8px; } @media only screen and (min-width: 768px) { .chart__text { margin-right: 16px; } } .chart__scale { width: 177px; background: #d3e8ed; height: 8px; border-radius: 4px; position: relative; } @media only screen and (min-width: 768px) { .chart__scale { width: 181px; } } .chart__scale-current { height: 100%; position: absolute; left: 0; top: 0; background: #51c069; box-shadow: 0px 4px 12px rgba(35, 100, 175, 0.2); z-index: 2; border-radius: 4px; } .chart__rating-amount { margin-left: 24px; } .chart__rating-amount.empty { color: #d3e8ed; } .alphabet-type__search { max-width: 995px; } .alphabet-type__search.dropdown .dropdown__label { font-weight: 500; color: #898686; } .alphabet-type__list { width: 100vw; margin: 32px calc((100vw - 100%) / -2) 0; } @media only screen and (min-width: 768px) { .alphabet-type__list { width: calc(100% + 24px); margin: 40px -24px -40px 0; display: flex; flex-wrap: wrap; } } @media only screen and (min-width: 1024px) { .alphabet-type__list { margin: 48px -24px -56px 0; } } .alphabet-item { border: 1px solid #d3e8ed; padding: 18px 24px; flex-shrink: 0; margin-top: -1px; } .alphabet-item:first-child { border-radius: 40px 40px 0 0; } .alphabet-item:last-child { border-radius: 0 0 40px 40px; } .alphabet-item:first-child:last-child { border-radius: 40px; } @media only screen and (min-width: 768px) { .alphabet-item { border: none; margin-top: 0; padding: 0; width: calc(100% / 4); margin-bottom: 40px; } } @media only screen and (min-width: 1024px) { .alphabet-item { width: calc(100% / 6); margin-bottom: 56px; } } .alphabet-item__label { font-weight: 700; display: flex; justify-content: space-between; align-items: center; } .alphabet-item__label:after { display: none; } @media only screen and (min-width: 768px) { .alphabet-item__container { overflow: visible; height: 100% !important; } } @media only screen and (min-width: 768px) { .alphabet-item__label-icon { display: none; } } .alphabet-item__list { -moz-column-count: 2; column-count: 2; margin-top: 16px; } @media only screen and (min-width: 768px) { .alphabet-item__list { -moz-column-count: unset; column-count: unset; margin-top: 24px; } } .alphabet-item__list li { width: 100%; margin-right: 24px; margin-bottom: 16px; } @media only screen and (min-width: 768px) { .alphabet-item__list li { width: 100%; } } .alphabet-item__list li a { color: #2364af; transition: color 0.2s; font-size: 1rem; line-height: 1.5pxrem; } .alphabet-item__list li a:hover { color: #003674; } .instruction-detail__title { margin-bottom: 24px; display: none; } @media only screen and (min-width: 768px) { .instruction-detail__title { margin-bottom: 32px; display: block; } } @media only screen and (min-width: 1280px) { .instruction-detail__title { margin-bottom: 40px; } } .instruction-detail__list { width: 100vw; margin: 32px calc((100vw - 100%) / -2) 0; } @media only screen and (min-width: 768px) { .instruction-detail__list { width: 100%; margin: 0; } } .instruction-detail-item { border: 1px solid #d3e8ed; padding: 18px 24px; flex-shrink: 0; margin-top: -1px; background: #fff; } .instruction-detail-item:first-child { border-radius: 40px 40px 0 0; } .instruction-detail-item:last-child { border-radius: 0 0 40px 40px; } .instruction-detail-item:first-child:last-child { border-radius: 40px; } @media only screen and (min-width: 768px) { .instruction-detail-item { padding: 0; } } .instruction-detail-item__label { font-weight: 500; display: flex; justify-content: space-between; align-items: center; } .instruction-detail-item__label:after { display: none; } @media only screen and (min-width: 768px) { .instruction-detail-item__label { display: none; } } @media only screen and (min-width: 768px) { .instruction-detail-item__container { overflow: visible; height: 100% !important; } } @media only screen and (min-width: 768px) { .instruction-detail-item__label-icon { display: none; } } .instruction-table { margin-top: 24px; } @media only screen and (min-width: 768px) { .instruction-table { margin-top: 0; } } .instruction-table__item { margin-bottom: 24px; padding: 0 0 0 16px; } @media only screen and (min-width: 768px) { .instruction-table__item { padding: 24px 32px; margin-bottom: 0; border-bottom: 1px solid #d3e8ed; } } .instruction-table__item:last-child { border-bottom: none; } @media only screen and (min-width: 768px) { .instruction-table__row { display: flex; } } .instruction-table__name { color: #898686; font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 16px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .instruction-table__name { width: calc(50% - 24px); margin-bottom: 0; } } .instruction-table__value { font-size: 1rem; line-height: 1.5rem; margin-bottom: 16px; } @media only screen and (min-width: 768px) { .instruction-table__value { width: calc(50% - 24px); margin-bottom: 0; } } .how-call-master__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .how-call-master__title { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .how-call-master__title { margin-bottom: 40px; } } .blog-page h1 { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .blog-page h1 { margin-bottom: 32px; } } .blog-page p { font-size: 1rem; line-height: 1.5rem; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .blog-page p { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .blog-page p { margin-bottom: 40px; } } .blog-page__filters-row { margin-bottom: 32px; } @media only screen and (min-width: 768px) { .blog-page__filters-row { display: flex; align-items: center; margin-right: -32px; margin-bottom: 40px; } } .blog-page__item { border-bottom: 1px solid #d3e8ed; padding: 32px 0; } @media only screen and (min-width: 768px) { .blog-page__item { padding: 24px 0; } } @media only screen and (min-width: 1024px) { .blog-page__item { padding: 40px 0; } } .blog-page__item:first-child { padding-top: 0; } .blog-page__item:last-child { padding-bottom: 0; border-bottom-color: transparent; } .blog-page__dropdown { width: 100%; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .blog-page__dropdown { width: calc(50% - 32px); margin-right: 32px; } } @media only screen and (min-width: 1280px) { .blog-page__dropdown { width: 384px; } } .blog-page__dropdown.dropdown .dropdown__label { font-weight: 500; color: #898686; } .blog-page__search { width: 100%; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .blog-page__search { width: calc(50% - 32px); margin-right: 24px; } } @media only screen and (min-width: 1280px) { .blog-page__search { width: 384px; } } .blog-page__search.dropdown .dropdown__label { font-weight: 500; color: #898686; } .blog-page__bottom { margin-top: 48px; } @media only screen and (min-width: 768px) { .blog-page__bottom { margin-top: 64px; } } @media only screen and (min-width: 1024px) { .blog-page__bottom { margin-top: 72px; } } @media only screen and (min-width: 768px) { .blog-page__list { display: flex; flex-wrap: wrap; margin: 0 -24px -24px 0; } } .blog-list { margin-right: -12px; } @media only screen and (min-width: 768px) { .blog-list { display: flex; flex-wrap: wrap; margin-right: -40px; } } .blog-list__item { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .blog-list__item { width: calc(50% - 40px); margin-right: 40px; margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .blog-list__item { width: calc(33% - 40px); margin-right: 40px; margin-bottom: 32px; } } .blog-list__item:last-child { margin-bottom: 32px; } .warranty-case .top-page__wrapper { height: auto; overflow: auto; } .call-master-guarantee__decorate-insert { opacity: 0.2; } @media only screen and (min-width: 1280px) { .call-master-guarantee__item { padding-bottom: 64px; } } .call-master-guarantee__label { padding-bottom: 0; border-bottom: none; } .call-master-guarantee__label:hover { cursor: default; } .call-master-guarantee__container { height: auto; overflow: auto; } .call-master-guarantee-list { flex-wrap: wrap; padding-bottom: 40px; } @media only screen and (min-width: 768px) { .call-master-guarantee-list__item { width: 33.3%; } } .call-master-guarantee-list__item:nth-last-child(2):after { display: none; } .call-master-guarantee-list__item-btn { width: 100%; text-align: center; } .warranty-contact__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .warranty-contact__title { margin-bottom: 32px; } } .warranty-contact__text { margin-bottom: 16px; } .warranty-contact a { color: #2364af; display: inline-block; border-bottom: 1px solid #2364af; transition: color 0.2s, border-bottom-color 0.2s; } .warranty-contact a:hover { color: #003674; border-bottom-color: transparent; } .warranty-contact a:hover span { border-bottom-color: transparent; } .warranty-questions__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .warranty-questions__title { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .warranty-questions__title { margin-bottom: 40px; } } .contacts-page__top { margin-bottom: 32px; } @media only screen and (min-width: 1024px) { .contacts-page__top { margin-bottom: 42px; } } .contacts-page__title { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .contacts-page__title { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .contacts-page__title { margin-bottom: 40px; } } .contacts-page__text a { color: #2364af; border-bottom: 1px solid #d3e8ed; } .contacts-page__row { margin-bottom: 32px; } @media only screen and (min-width: 768px) { .contacts-page__row { display: flex; align-items: flex-start; justify-content: space-between; } } @media only screen and (min-width: 768px) { .contacts-page__row { margin-bottom: 40px; } } .contacts-page__sub-title { margin-bottom: 17px; } @media only screen and (min-width: 1024px) { .contacts-page__sub-title { margin-bottom: 24px; } } @media only screen and (min-width: 768px) { .contacts-page-contact { width: calc(50% - 24px); } } .contacts-page-contact--margin { margin-bottom: 32px; } .contacts-page-contact__label { text-transform: uppercase; } @media only screen and (min-width: 1024px) { .contacts-page-contact__label { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 24px; } } .contacts-page-contact__item { margin-bottom: 16px; } .contacts-page-contact__button { margin-top: 24px; } @media only screen and (min-width: 768px) { .contacts-page-contact__button { margin-bottom: 32px; font-weight: 600; } } .address { margin: 0 calc((100vw - 100%) / -2); } @media only screen and (min-width: 1024px) { .address { margin: 0; } } .address__item { padding: 16px 24px 0 24px; border-top: 1px solid #d3e8ed; } .address__item:last-child { border-bottom: 1px solid #d3e8ed; } .address__item.opened .address__icon { transform: rotate(-180deg); } @media only screen and (min-width: 768px) { .address__item { padding: 16px 32px 0 32px; } } @media only screen and (min-width: 1024px) { .address__item { border-top: none; padding: 0; } .address__item:last-child { border-bottom: none; } } .address__container { height: 0; overflow: hidden; } @media only screen and (min-width: 1024px) { .address__container { height: auto; overflow: auto; } } .address__content { padding-left: 16px; margin-bottom: 25px; border-left: 1px solid #d3e8ed; } @media only screen and (min-width: 768px) { .address__content { padding-left: 24px; } } @media only screen and (min-width: 1024px) { .address__content { border-left: none; padding-left: 0; margin-bottom: 32px; } } .address__text { font-size: 1rem; line-height: 1.5rem; margin-bottom: 16px; } .address__text b { display: block; } @media only screen and (min-width: 1024px) { .address__text b { display: inline; } } .address__label { margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; font-weight: 600; } @media only screen and (min-width: 1024px) { .address__label { margin-bottom: 24px; font-size: 1.25rem; line-height: 2rem; } } @media only screen and (min-width: 768px) { .address__img-wrapper { display: flex; align-items: flex-start; justify-content: space-between; } } .address__img { margin-bottom: 16px; } .address__img:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .address__img { max-width: 498px; margin-bottom: 0; } .address__img--door { width: 158px; } } @media only screen and (min-width: 1024px) { .address__img { max-width: 690px; } .address__img--door { width: 282px; } } .address__icon { fill: #2364af; width: 12px; height: 7px; } @media only screen and (min-width: 1024px) { .address__icon { display: none; } } .requisites { margin-top: 32px; font-size: 1rem; line-height: 1.625rem; } @media only screen and (min-width: 1024px) { .requisites { margin-top: 40px; } } .requisites__title { margin-bottom: 16px; text-transform: uppercase; font-weight: 600; } @media only screen and (min-width: 1024px) { .requisites__title { margin-bottom: 24px; font-size: 1.25rem; line-height: 2rem; } } .requisites__text { margin-bottom: 16px; } .requisites__text b { display: block; } @media only screen and (min-width: 768px) { .requisites__text b { display: inline; } } .feedback-reviews .master-reviews__reviews { margin-top: 0; } .feedback-reviews__item { padding-bottom: 24px; border-bottom: 1px solid #d3e8ed; } @media only screen and (min-width: 768px) { .feedback-reviews__item { padding-bottom: 32px; } } @media only screen and (min-width: 1024px) { .feedback-reviews__item { padding-bottom: 40px; } } .feedback-reviews__item:last-child { border-bottom: none; } .feedback-reviews__button { text-align: center; } @media only screen and (min-width: 768px) { .feedback-reviews__button { text-align: left; } } .feedback-detail-reviews__title.h2 { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .feedback-detail-reviews__title.h2 { margin-bottom: 32px; } } .feedback-detail-reviews__answer { padding-left: 17px; } .feedback-detail-reviews__answer .comments-list__item > .comments-list { padding-left: 0; } .feedback-top__content { max-width: 100%; } .feedback-top__wrapper { height: auto; overflow: auto; } @media only screen and (min-width: 1024px) { .feedback-top__wrapper { display: flex; justify-content: space-between; align-items: flex-start; } } .feedback-top .top-page__right, .feedback-top .top-page__row { width: 100%; } .percentage-reviews { display: flex; align-items: center; justify-content: space-between; max-width: 312px; margin-top: 24px; padding: 23px 26px; border: 1px solid #d3e8ed; border-radius: 12px; background-color: #fff; } @media only screen and (min-width: 768px) { .percentage-reviews { max-width: 546px; padding: 23px 35px; } } @media only screen and (min-width: 1024px) { .percentage-reviews { margin-top: 0; max-width: 384px; padding: 20px 35px; } } .percentage-reviews__icon { display: block; flex-shrink: 0; margin-right: 23px; width: 48px; height: 48px; } @media only screen and (min-width: 768px) { .percentage-reviews__icon { width: 56px; height: 56px; } } .percentage-reviews__percentage { margin-right: 8px; width: 76px; font-size: 2.5rem; line-height: 3.125rem; font-weight: 700; } @media only screen and (min-width: 1024px) { .percentage-reviews__percentage { width: auto; } } .percentage-reviews__text { font-size: 0.875rem; line-height: 1.375rem; font-weight: 600; } @media only screen and (min-width: 768px) { .percentage-reviews__text { font-size: 1.5rem; line-height: 2.125rem; } } @media only screen and (min-width: 1024px) { .percentage-reviews__text { font-size: 1.25rem; line-height: 2rem; } } .feedback-list__answer { margin-top: 24px; } @media only screen and (min-width: 768px) { .feedback-list__answer { margin-top: 32px; } } @media only screen and (min-width: 1024px) { .feedback-list__answer { margin-top: 40px; } } .feedback-list__answer .comment__text { color: #898686; } .feedback-list__filters-desktop { display: none; } @media only screen and (min-width: 1280px) { .feedback-list__filters-desktop { display: block; } } .feedback-list .dropdown__label { margin-bottom: 12px; color: #898686; } .feedback-list__filters-mobile { text-align: center; margin-bottom: 32px; } @media only screen and (min-width: 768px) { .feedback-list__filters-mobile { text-align: left; } } @media only screen and (min-width: 1280px) { .feedback-list__filters-mobile { display: none; } } .feedback-list__filters-icon { width: 18px; height: 18px; margin-right: 8px; fill: currentColor; -webkit-mask-size: contain; mask-size: contain; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 3h-6.126a4.002 4.002 0 00-7.748 0H1a1 1 0 000 2h2.126a4.002 4.002 0 007.748 0H17a1 1 0 100-2zM1 13a1 1 0 100 2h6.126a4.002 4.002 0 007.748 0H17a1 1 0 100-2h-2.126a4.002 4.002 0 00-7.748 0H1z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 3h-6.126a4.002 4.002 0 00-7.748 0H1a1 1 0 000 2h2.126a4.002 4.002 0 007.748 0H17a1 1 0 100-2zM1 13a1 1 0 100 2h6.126a4.002 4.002 0 007.748 0H17a1 1 0 100-2h-2.126a4.002 4.002 0 00-7.748 0H1z' fill='%23fff'/%3E%3Cpath d='M10.874 3l-1.937.499L9.324 5h1.55V3zM3.126 3v2h1.55l.387-1.501L3.126 3zm0 2l1.937-.499L4.676 3h-1.55v2zm7.748 0V3h-1.55l-.387 1.501L10.874 5zM7.126 15l1.937-.498L8.676 13h-1.55v2zm7.748 0v-2h-1.55l-.387 1.502 1.937.498zm0-2l-1.937.498.387 1.502h1.55v-2zm-7.748 0v2h1.55l.387-1.502L7.126 13zm3.748-8H17V1h-6.126v4zM7 2c.93 0 1.715.635 1.937 1.499l3.874-.998A6.002 6.002 0 007-2v4zM5.063 3.499A2.002 2.002 0 017 2v-4a6.002 6.002 0 00-5.81 4.501l3.873.998zM1 5h2.126V1H1v4zm1-1a1 1 0 01-1 1V1a3 3 0 00-3 3h4zM1 3a1 1 0 011 1h-4a3 3 0 003 3V3zm2.126 0H1v4h2.126V3zM7 6c-.93 0-1.715-.635-1.937-1.499L1.189 5.5A6.002 6.002 0 007 10V6zm1.937-1.499A2.002 2.002 0 017 6v4a6.002 6.002 0 005.81-4.501L8.938 4.5zM17 3h-6.126v4H17V3zm-1 1a1 1 0 011-1v4a3 3 0 003-3h-4zm1 1a1 1 0 01-1-1h4a3 3 0 00-3-3v4zM2 14a1 1 0 01-1 1v-4a3 3 0 00-3 3h4zm-1-1a1 1 0 011 1h-4a3 3 0 003 3v-4zm6.126 0H1v4h6.126v-4zM11 16c-.93 0-1.715-.636-1.937-1.498l-3.874.996A6.002 6.002 0 0011 20v-4zm1.937-1.498A2.002 2.002 0 0111 16v4a6.002 6.002 0 005.81-4.502l-3.873-.996zM17 13h-2.126v4H17v-4zm-1 1a1 1 0 011-1v4a3 3 0 003-3h-4zm1 1a1 1 0 01-1-1h4a3 3 0 00-3-3v4zm-2.126 0H17v-4h-2.126v4zM11 12c.93 0 1.715.636 1.937 1.498l3.874-.996A6.002 6.002 0 0011 8v4zm-1.937 1.498A2.002 2.002 0 0111 12V8a6.002 6.002 0 00-5.81 4.502l3.873.996zM1 15h6.126v-4H1v4z' fill='%232364AF' mask='url%28%23a%29'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .feedback-list__filters-btn:hover .feedback-list__filters-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 3h-6.126a4.002 4.002 0 00-7.748 0H1a1 1 0 000 2h2.126a4.002 4.002 0 007.748 0H17a1 1 0 100-2zM1 13a1 1 0 100 2h6.126a4.002 4.002 0 007.748 0H17a1 1 0 100-2h-2.126a4.002 4.002 0 00-7.748 0H1z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 3h-6.126a4.002 4.002 0 00-7.748 0H1a1 1 0 000 2h2.126a4.002 4.002 0 007.748 0H17a1 1 0 100-2zM1 13a1 1 0 100 2h6.126a4.002 4.002 0 007.748 0H17a1 1 0 100-2h-2.126a4.002 4.002 0 00-7.748 0H1z' fill='%232364AF'/%3E%3Cpath d='M10.874 3l-1.937.499L9.324 5h1.55V3zM3.126 3v2h1.55l.387-1.501L3.126 3zm0 2l1.937-.499L4.676 3h-1.55v2zm7.748 0V3h-1.55l-.387 1.501L10.874 5zM7.126 15l1.937-.498L8.676 13h-1.55v2zm7.748 0v-2h-1.55l-.387 1.502 1.937.498zm0-2l-1.937.498.387 1.502h1.55v-2zm-7.748 0v2h1.55l.387-1.502L7.126 13zm3.748-8H17V1h-6.126v4zM7 2c.93 0 1.715.635 1.937 1.499l3.874-.998A6.002 6.002 0 007-2v4zM5.063 3.499A2.002 2.002 0 017 2v-4a6.002 6.002 0 00-5.81 4.501l3.873.998zM1 5h2.126V1H1v4zm1-1a1 1 0 01-1 1V1a3 3 0 00-3 3h4zM1 3a1 1 0 011 1h-4a3 3 0 003 3V3zm2.126 0H1v4h2.126V3zM7 6c-.93 0-1.715-.635-1.937-1.499L1.189 5.5A6.002 6.002 0 007 10V6zm1.937-1.499A2.002 2.002 0 017 6v4a6.002 6.002 0 005.81-4.501L8.938 4.5zM17 3h-6.126v4H17V3zm-1 1a1 1 0 011-1v4a3 3 0 003-3h-4zm1 1a1 1 0 01-1-1h4a3 3 0 00-3-3v4zM2 14a1 1 0 01-1 1v-4a3 3 0 00-3 3h4zm-1-1a1 1 0 011 1h-4a3 3 0 003 3v-4zm6.126 0H1v4h6.126v-4zM11 16c-.93 0-1.715-.636-1.937-1.498l-3.874.996A6.002 6.002 0 0011 20v-4zm1.937-1.498A2.002 2.002 0 0111 16v4a6.002 6.002 0 005.81-4.502l-3.873-.996zM17 13h-2.126v4H17v-4zm-1 1a1 1 0 011-1v4a3 3 0 003-3h-4zm1 1a1 1 0 01-1-1h4a3 3 0 00-3-3v4zm-2.126 0H17v-4h-2.126v4zM11 12c.93 0 1.715.636 1.937 1.498l3.874-.996A6.002 6.002 0 0011 8v4zm-1.937 1.498A2.002 2.002 0 0111 12V8a6.002 6.002 0 00-5.81 4.502l3.873.996zM1 15h6.126v-4H1v4z' fill='%23fff' mask='url%28%23a%29'/%3E%3C/svg%3E"); } .filters-pop-up { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; z-index: 22; } @media only screen and (min-width: 1280px) { .filters-pop-up { display: none; } } .filters-pop-up__header { display: flex; align-items: center; justify-content: space-between; padding: 24px 25px; border-bottom: 1px solid #d3e8ed; } @media only screen and (min-width: 768px) { .filters-pop-up__header { padding: 26px 32px; } } .filters-pop-up__body { padding: 24px 25px; } @media only screen and (min-width: 768px) { .filters-pop-up__body { padding: 26px 32px; } .filters-pop-up__body .dropdown__label { color: #898686; } .filters-pop-up__body form { display: flex; flex-wrap: wrap; justify-content: space-between; } .filters-pop-up__body .questions-list__search { margin-right: 0; } } .filters-pop-up__btn { width: 48px; height: 48px; padding: 0; background-color: transparent; cursor: pointer; } .filters-pop-up__btn svg { width: 100%; height: 100%; fill: #2364af; } .filters-pop-up__btn svg:hover { fill: #003674; } .filters-pop-up__wrapper { padding-top: 32px; text-align: center; } @media only screen and (min-width: 768px) { .filters-pop-up__wrapper { padding-top: 0; text-align: left; } } .geo-top .top-page { margin-bottom: 40px; } @media only screen and (min-width: 1024px) { .geo-top .top-page { margin-bottom: 48px; } } .geo-top__wrapper { min-height: 140px; height: 140px; overflow: hidden; } @media only screen and (min-width: 768px) { .geo-top__wrapper { min-height: 108px; height: 108px; } } @media only screen and (min-width: 1024px) { .geo-top__wrapper { min-height: 120px; height: 120px; } } .geo-top__repairs .repairs__link { padding: 16px 24px; } .repair-district-map { margin: 0 calc((100vw - 100%) / -2); box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); height: 250px; background-position: center center; overflow: hidden; } @media only screen and (min-width: 768px) { .repair-district-map { height: 350px; } } @media only screen and (min-width: 1024px) { .repair-district-map { margin: 0; border-radius: 24px; } } .repair-district-map__map { width: 100%; height: 100%; } .chief-master .readmore__buttons { margin-top: 16px; } @media only screen and (min-width: 1024px) { .chief-master .readmore__buttons { display: none; } } .chief-master__title.h2 { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .chief-master__title.h2 { margin-bottom: 32px; } } @media only screen and (min-width: 1024px) { .chief-master__title.h2 { margin-bottom: 40px; } } .chief-master__container { display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { .chief-master__container { flex-direction: row; } } .chief-master__avatar { flex-shrink: 0; margin-bottom: 24px; overflow: hidden; width: 143px; height: 143px; border-radius: 50%; } @media only screen and (min-width: 768px) { .chief-master__avatar { width: 158px; height: 158px; margin-bottom: 0; margin-right: 32px; } } @media only screen and (min-width: 1024px) { .chief-master__avatar { width: 164px; height: 164px; margin-right: 40px; } } .chief-master__description p { margin-bottom: 16px; } .chief-master__wrapper { overflow: hidden; min-height: 152px; height: 152px; } @media only screen and (min-width: 768px) { .chief-master__wrapper { min-height: 93px; height: 93px; } } @media only screen and (min-width: 1024px) { .chief-master__wrapper { overflow: auto; min-height: 100%; height: auto; } } .area-responsibility__title.h2 { margin-bottom: 24px; } @media only screen and (min-width: 1024px) { .area-responsibility__title.h2 { margin-bottom: 32px; } } .area-responsibility__container p { margin-bottom: 16px; } @media only screen and (min-width: 1024px) { .area-responsibility__container p:first-child { margin-bottom: 16px; } } @media only screen and (min-width: 1024px) { .area-responsibility__container p { margin-bottom: 24px; } } .area-responsibility__container a { color: #2364af; display: inline-block; border-bottom: 1px solid #2364af; transition: color 0.2s, border-bottom-color 0.2s; } .area-responsibility__container a:hover { color: #003674; border-bottom-color: transparent; } .area-responsibility__container a:hover span { border-bottom-color: transparent; } .area-responsibility__container li { position: relative; padding-left: 20px; margin-bottom: 16px; } .area-responsibility__container li::before { content: ""; position: absolute; left: 0; top: 3px; display: block; width: 14px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.85718 8.34795L5.28575 12.1998C6.57146 9.37511 9.40003 3.64869 12.1429 1.7998' stroke='%2351B2C0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; margin-right: 8px; } .area-responsibility__container li:last-child { margin-bottom: 0; } .area-responsibility__container li p { color: #898686; } .area-responsibility__container li .link { display: inline; } .contact-district .warranty-contact__text { margin-bottom: 32px; } .contact-district .warranty-contact__text:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .contact-district .contact__label { font-size: 1.25rem; line-height: 2rem; } } .contact-district .contact__container { margin-bottom: 16px; } @media only screen and (min-width: 768px) { .contact-district .contact__container { margin-bottom: 24px; } } @media only screen and (min-width: 1024px) { .contact-district .contact__container { margin-bottom: 32px; } } .repair-district-detail__list.page-content { margin-right: 0; } .repair-district-detail__list a:not([href]) { color: #2d2d32; border-bottom: none; } .repair-district-detail .top-page__wrapper { height: auto; overflow: auto; } .warning { width: 100%; background: #d3e8ed; padding: 8px 0; } @media only screen and (min-width: 768px) { .warning { padding: 12px 0; } } .warning__inner { position: relative; } .warning__text { font-size: 0.875rem; line-height: 1.375rem; width: 85%; } .warning__text img { display: inline; vertical-align: middle; } @media only screen and (min-width: 768px) { .warning__text { width: auto; padding-right: 48px; text-align: center; } } .warning a { color: #2364af; display: inline-block; border-bottom: 1px solid #2364af; transition: color 0.2s, border-bottom-color 0.2s; } .warning a:hover { color: #003674; border-bottom-color: transparent; } .warning a:hover span { border-bottom-color: transparent; } .warning__close { position: absolute; right: -8px; top: 50%; transform: translateY(-50%); fill: #2364af; width: 32px; height: 32px; cursor: pointer; } .new-question__wrapper { width: 100%; text-align: right; margin: auto; } @media only screen and (min-width: 768px) { .new-question__wrapper { width: 704px; } } @media only screen and (min-width: 768px) { .new-question__wrapper { width: 792px; } } .new-question__container { text-align: left; background: #fff; border-radius: 24px; } .new-question__title.h1, .new-question__top { margin-bottom: 24px; } @media only screen and (min-width: 1024px) { .new-question__title.h1, .new-question__top { margin-bottom: 32px; } } .new-question__text { margin-bottom: 16px; } .new-question__text:last-child { margin-bottom: 0; } .article-top .top-page h3 { font-size: 1.125rem; line-height: 1.625rem; text-transform: none; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .article-top .top-page h3 { font-size: 1.25rem; line-height: 1.875rem; margin-bottom: 16px; margin-top: 28px; } } @media only screen and (min-width: 1280px) { .article-top .top-page h3 { font-size: 1.625rem; line-height: 2.25rem; } } .article-top .top-page h4 { font-weight: 600; text-transform: uppercase; } .night-discount-popup { background-image: url(../img/picture/moon.png), url(../img/picture/night-house.png); background-repeat: no-repeat, no-repeat; background-position: 24px 16px, bottom right; background-color: #2d2d32; } .night-discount-popup .pop-up__title-orange { color: #f99e15; margin-bottom: 16px; } .night-discount-popup .pop-up__title, .night-discount-popup .pop-up__text { max-width: 580px; color: white; } .night-discount-popup .pop-up__text:last-child { margin-bottom: 32px; } .night-discount-popup .form__buttons .form__note { color: #f4f5f9; } *, *::before, *::after { box-sizing: border-box; } html { font-size: 16px; line-height: 16px; font-family: "Roboto", sans-serif; } html, body { width: 100%; height: 100%; color: #2d2d32; } body.overflow-hidden { overflow: hidden; } body { font-family: "Roboto", sans-serif; font-size: 1rem; line-height: 1.625rem; position: relative; } button { display: inline-block; border: none; } button:focus { outline: none; } a { text-decoration: none; } .layout, .wrapper { position: relative; height: 100%; } .layout::after, .wrapper::after { content: ""; } .wrapper { overflow-y: auto; } .container-footer { width: 100%; height: 100%; padding: 0 24px; } @media only screen and (min-width: 768px) { .container-footer { width: 702px; margin: auto; padding: 0px; } } @media only screen and (min-width: 1280px) { .container-footer { width: 1208px; } } .link { display: inline-block; height: 100%; color: #fff; border-bottom: 1px solid rgba(35, 100, 175, 0.7); cursor: pointer; text-decoration: none; transition: border-bottom-color 0.3s; } .link--dashed { border-style: dashed; } .link--blue-border { border-color: #2364af; color: #2d2d32; } .link--blue { color: #2364af; } .link--blue:hover { color: #003674; } .link:hover { border-bottom-color: transparent; } h1, .h1 { font-weight: 600; font-size: 1.5rem; line-height: 2rem; margin: 0; text-transform: uppercase; } @media only screen and (min-width: 768px) { h1, .h1 { font-size: 2rem; line-height: 2.75rem; } } @media only screen and (min-width: 1280px) { h1, .h1 { font-size: 3.125rem; line-height: 3.75rem; } } h2, .h2 { font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; margin: 0; } @media only screen and (min-width: 768px) { h2, .h2 { font-size: 1.625rem; line-height: 2.125rem; } } @media only screen and (min-width: 1280px) { h2, .h2 { font-size: 2rem; line-height: 2.625rem; } } h3, .h3 { font-weight: 600; font-size: 1rem; line-height: 1.5rem; margin: 0; text-transform: uppercase; } @media only screen and (min-width: 1280px) { h3, .h3 { font-size: 1.25rem; line-height: 1.75rem; } } h4, .h4 { font-weight: 500; font-size: 1rem; line-height: 1.5rem; margin: 0; } @media only screen and (min-width: 1280px) { h4, .h4 { font-size: 1.25rem; line-height: 1.75rem; } } img { display: block; max-width: 100%; height: auto; } #map { width: 100%; height: 100%; padding: 0; margin: 0; } #map ymaps { display: block; } blockquote { border-left: 4px solid #ccc; margin-bottom: 16px; margin-top: 16px; padding-left: 16px; } em, i { font-style: italic; } .instruction-link { background: #fff; box-shadow: 0 4px 12px rgba(35, 100, 175, 0.2); border-radius: 12px; padding: 16px 24px; } @media only screen and (min-width: 1280px) { .instruction-link { padding: 24px; } } .instruction-link__link { display: flex; align-items: center; color: #2364af; transition: color 0.3s; font-weight: 700; font-size: 1rem; line-height: 1.5rem; } .instruction-link__link:hover { color: #003674; } .instruction-link__link:not(:last-child) { margin-bottom: 1rem; } .instruction-link__icon { width: 32px; height: 32px; flex-shrink: 0; fill: #2364af; margin-right: 16px; } .instruction-link__captcha { padding-top: 24px; margin-top: 24px; border-top: 1px solid #d3e8ed; } .sitemap { background: #2d2d32; color: #fff; position: fixed; top: 0; left: 0; width: 400px; height: 100vh; overflow: hidden; opacity: 0; z-index: -1; overflow: auto; } .sitemap.show { z-index: 9999; opacity: 1; } .page-list { height: 100%; overflow: auto; padding: 32px 0; } .page-list li { padding-left: 24px; color: #898686; } .page-list li ul li { padding-left: 0; } .page-list li a { display: block; color: #fff; padding: 4px 32px; } .page-list li a:hover { color: #eb5757; } .display-none { display: none; } img[data-src] { transition: opacity 0.02s; } iframe { width: 100%; height: 100%; border: none; } .grecaptcha-badge { visibility: hidden; } strong.price { color: #51b2c0; } /*# sourceMappingURL=main.css.map*/