/* Start:/local/templates/irisfarma/libs/swiper-7-4-1/swiper-bundle.min.css?175404053415563*/ /** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */ @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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-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-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next: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-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.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-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.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:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-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 .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/irisfarma/libs/magnific-popup/dist/magnific-popup.css?17540405346951*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* End */ /* Start:/local/templates/irisfarma/css/style.css?1754040534376196*/ @charset "UTF-8"; /*=== Helpers ====*/ /* // spacers $spacer: 1rem; $spacers: (0: 0, 1: ($spacer * (0.25)), //4px 2: ($spacer * 0.5), //8px 3: $spacer, //16px 4: ($spacer * 1.5), //24px 5: ($spacer * 3), //48px 6: ($spacer * 2), //32px 7: ($spacer * 2.5), //40px 8: $spacer * 3.5, //56px ); */ /* // headings $headings-font-family: $font-base !default; $headings-font-weight: $font-weight-400 !default; $headings-line-height: 1 !default; */ /* Breakpoints */ /* Fonts generator */ /* Clearfix */ /* default transition */ /* FRONT fonts */ @font-face { font-display: swap; font-family: "Onest-Thin"; font-style: normal; font-weight: 100; src: url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestThin1602-hint.woff2") format("woff2"), url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestThin1602-hint.woff") format("woff"); } @font-face { font-display: swap; font-family: "Onest-Light"; font-style: normal; font-weight: 300; src: url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestLight1602-hint.woff2") format("woff2"), url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestLight1602-hint.woff") format("woff"); } @font-face { font-display: swap; font-family: "Onest-Regular"; font-style: normal; font-weight: 400; src: url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestRegular1602-hint.woff2") format("woff2"), url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestRegular1602-hint.woff") format("woff"); } @font-face { font-display: swap; font-family: "Onest-Medium"; font-style: normal; font-weight: 500; src: url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestMedium1602-hint.woff2") format("woff2"), url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestMedium1602-hint.woff") format("woff"); } @font-face { font-display: swap; font-family: "Onest-Bold"; font-style: normal; font-weight: 700; src: url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestBold1602-hint.woff2") format("woff2"), url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestBold1602-hint.woff") format("woff"); } @font-face { font-display: swap; font-family: "Onest-ExtraBold"; font-style: normal; font-weight: 800; src: url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestExtraBold1602-hint.woff2") format("woff2"), url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestExtraBold1602-hint.woff") format("woff"); } @font-face { font-display: swap; font-family: "Onest-Black"; font-style: normal; font-weight: 900; src: url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestBlack1602-hint.woff2") format("woff2"), url("/local/templates/irisfarma/css/../assets/fonts/Onest/OnestBlack1602-hint.woff") format("woff"); } /* BACK EBD fonts */ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } body.noscroll { overflow-y: hidden !important; } .round { border-radius: 50%; overflow: hidden; } .hide-desk-tablet { display: none; } @media only screen and (max-width: 1023px) { .hide-desk-tablet { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .hide-tablet-desk { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) { .hide-tablet-desk { display: none !important; } } .hide-desk-phone { display: none !important; } @media only screen and (max-width: 767px) { .hide-desk-phone { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .hide-phone-desk { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media only screen and (max-width: 767px) { .hide-phone-desk { display: none !important; } } .color-white { color: #FFFFFF; } .subtitle { display: block; margin-top: 0.625rem; font-family: "Onest-Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.125rem; color: #0F46A0; } @media only screen and (max-width: 1023px) { .subtitle { font-size: 0.875rem; margin-top: 0.3125rem; line-height: 1.25; } } @media only screen and (max-width: 767px) { .subtitle { margin-top: 0.625rem; } } .desc { display: block; font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; color: #002A3A; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .desc { font-size: 0.625rem; } } .name { display: block; font-family: "Onest-Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.25rem; color: #0F46A0; text-transform: uppercase; } .p-50 { padding: 3.125rem; } @media only screen and (max-width: 1199px) { .p-50 { padding: 1.25rem 0.9375rem; } } .triangle.aqua { color: #1FCBC0; } .triangle.blue-multi { color: #0A4EBD; } .triangle.blue-omega { color: #14379B; } .triangle.green-betulin { color: #22A253; } .triangle.multi-color path:first-child { color: #99AE49; } .triangle.multi-color path:nth-child(2) { color: #684643; } .triangle.multi-color path:last-child { color: #B59080; } .triangle.pink-peptid { color: #B8065B; } .triangle.orange-magniy { color: #EA3E17; } .triangle.orange-omega { color: #F16C1C; } .triangle.pink { color: #E41D51; } .triangle.pink-zinc { color: #B6219E; } .triangle.pink-colagen { color: #D91F72; } .triangle.pink-multi { color: #E00781; } .triangle.pink-chrome { color: #D71AB9; } .triangle.stick-beige { color: #B59080; } .triangle.stick-brown { color: #684643; } .triangle.stick-green { color: #99AE49; } .triangle.violet-biotin { color: #8841CD; } .triangle.yellow-d3 { color: #F1C61E; } .triangle.green-multi-adults { color: #0EBC66; } .triangle.pink-lithium { color: #EC79FF; } .triangle.red-colagen { color: #EE0349; } .hide-el-slider { display: none !important; } .slider-no-scroll { -webkit-transform: unset !important; -ms-transform: unset !important; transform: unset !important; } /*=== UI-kit ====*/ /*=== All ====*/ html { height: unset; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-size-adjust: 100%; -ms-touch-action: manipulation; touch-action: manipulation; } body { background: #FFFFFF; color: #333333; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; min-height: 100%; padding-right: 0 !important; width: 100%; } .header, .footer { -ms-flex-negative: 0; flex-shrink: 0; } .page-wrapper { position: relative; width: 100%; } [type='search']::-ms-clear, [type='text']::-ms-clear, [type='passowrd']::-ms-clear, [type='tel']::-ms-clear { display: none; } body * { -webkit-box-sizing: border-box; box-sizing: border-box; } body *:after, body *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } /* img { max-width: 100%; vertical-align: middle; } */ /* video { height: 100%; max-width: 100%; object-fit: inherit; } */ .icon { -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; display: inline-block; fill: currentColor; stroke: currentColor; } button { background-color: transparent; border: 0; cursor: pointer; font-family: inherit; font-weight: inherit; outline: none; padding: 0; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button:disabled, button[disabled='disabled'] { cursor: default; opacity: 0.5; } textarea:focus, input:focus, select:focus { outline: none; } ol, ul { background: transparent; border: 0; font-size: 100%; font-weight: 400; list-style: none; margin: 0; padding: 0; vertical-align: baseline; } ul { margin: 1.4375rem 0; } @media only screen and (max-width: 1199px) { ul { margin: 1rem 0; } } ul:last-child { margin-bottom: 0; } ul > li { position: relative; display: block; padding-left: 2.75rem; font-size: 1.125rem; line-height: 1.5; } @media only screen and (max-width: 1199px) { ul > li { font-size: 1rem; } } @media only screen and (max-width: 767px) { ul > li { padding-left: 2rem; } } ul > li + li { margin-top: 0.9375rem; } ul > li::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 0.875rem; height: 0.875rem; 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='M14 -9.53674e-07L9.53674e-07 14L-2.70245e-07 2.70244e-07L14 -9.53674e-07Z' fill='%230F46A0'/%3e%3c/svg%3e"); } ul.medium > li::before { width: 1.875rem; height: 1.875rem; background-repeat: repeat; background-size: 100%; } ol { counter-reset: myCounter; } ol:last-child { margin-bottom: 0; } ol > li { position: relative; display: block; padding-left: 2.75rem; font-size: 1.125rem; line-height: 1.5; list-style: none; } @media only screen and (max-width: 1199px) { ol > li { font-size: 1rem; } } @media only screen and (max-width: 767px) { ol > li { padding-left: 2rem; } } ol > li + li { margin-top: 1.25rem; } ol > li:before { position: absolute; top: 0; left: 0; counter-increment: myCounter; content: counter(myCounter); font-size: 1.125rem; font-weight: 800; color: #0F46A0; } @media only screen and (max-width: 1023px) { .no-scroll { position: relative; overflow: hidden; } } @media only screen and (max-width: 1023px) { .no-scroll header { z-index: unset; } } .dropdown-bg { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: 3; background: #00C1B5CC; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .dropdown { position: fixed; display: inline-block; display: none; top: 0; right: 0; width: 80%; height: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; z-index: 11; } .dropdown .closebtn { position: absolute; right: 1rem; top: 1rem; z-index: 2; } .dropdown-content { width: 100%; height: 100%; padding: 3.25rem 1rem 1rem; background: #fff; z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .dropdown.mobile-menu-show { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); display: block; } .dropbtn { position: absolute; right: 1rem; top: 1.75rem; } .dropbtn .icon { color: #333333; } .top-850 { position: relative; min-height: 38.75rem; } @media only screen and (max-width: 1199px) { .top-850 { min-height: 21.5625rem; } } .top-800 { position: relative; min-height: 35.625rem; } @media only screen and (max-width: 1199px) { .top-800 { min-height: 23.125rem; } } .top-500 { position: relative; min-height: 16.875rem; } @media only screen and (max-width: 1199px) { .top-500 { min-height: 6.625rem; } } .section-top-wrap { margin-top: -7.5rem; padding-top: 7.5rem; overflow: hidden; } @media only screen and (max-width: 1199px) { .section-top-wrap { margin-top: -8.75rem; } } @media only screen and (max-width: 1023px) { .section-top-wrap { margin-top: -7.5rem; } } .section-top-two-col-wrap { padding: 3.125rem 0 0; /* .breadcrumbs { margin: 5px 0 0 0; justify-content: flex-start; @include mq('tablet') { //max-width 1024px (мобильное меню) margin-top: -7px; } } */ } @media only screen and (max-width: 1199px) { .section-top-two-col-wrap { padding-top: 1.8125rem; } } @media only screen and (max-width: 767px) { .section-top-two-col-wrap { padding: 0; } } .section-top-two-col-wrap .container > .row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -0.9375rem; } @media only screen and (max-width: 1199px) { .section-top-two-col-wrap .container > .row { margin: 0 0.625rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .section-top-two-col-wrap .container > .row { margin: 0; } } .section-top-two-col-wrap .col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 1.5625rem; } @media only screen and (max-width: 1199px) { .section-top-two-col-wrap .col { padding: 0 10px; } } @media only screen and (max-width: 767px) { .section-top-two-col-wrap .col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } } .section-detail-page-header { padding-bottom: 5.625rem; } @media only screen and (max-width: 1199px) { .section-detail-page-header { padding-bottom: 1.25rem; } } @media only screen and (max-width: 767px) { .section-detail-page-header { padding-bottom: 1.25rem; } } .section-detail-page-header.orange::before { content: ''; width: 104.86706rem; height: 28.0435rem; -webkit-transform: rotate(13.87deg); -ms-transform: rotate(13.87deg); transform: rotate(13.87deg); border-radius: 104.86706rem; background: #FED847; -webkit-filter: blur(250px); filter: blur(250px); position: absolute; top: 50%; margin-top: 2.9375rem; left: 50%; margin-left: -15.625rem; z-index: 0; } .section-detail-page-header.orange::after { content: ""; position: absolute; display: block; width: 100%; height: 300%; bottom: 0; left: 0; background: #E9970E; z-index: -1; } @media only screen and (max-width: 1023px) { .section-detail-page-header.orange::after { height: 300%; } } .section-detail-page-header.aqua::before { content: ''; width: 104.86706rem; height: 28.0435rem; -webkit-transform: rotate(13.87deg); -ms-transform: rotate(13.87deg); transform: rotate(13.87deg); border-radius: 104.86706rem; background: #36E4D9; -webkit-filter: blur(250px); filter: blur(250px); position: absolute; top: 50%; margin-top: 2.9375rem; left: 50%; margin-left: -15.625rem; z-index: 0; } .section-detail-page-header.aqua.aqua::after { content: ""; position: absolute; display: block; width: 100%; height: 300%; bottom: 0; left: 0; background: #00C1B5; z-index: -1; } .section-detail-page-header.aqua.orange::after { content: ""; position: absolute; display: block; width: 100%; height: 300%; bottom: 0; left: 0; background: red; } .section-detail-page-header .visual-obj { position: absolute; bottom: -5.625rem; } @media only screen and (max-width: 1199px) { .section-detail-page-header .visual-obj { bottom: -3.125rem; } } @media only screen and (max-width: 767px) { .section-detail-page-header .visual-obj { bottom: 1.25rem; } } .section-detail-page-header .visual-obj img { width: 100%; height: auto; } .section-detail-page-header .visual-obj--l { width: 31.3125rem; left: 50%; margin-left: -52.6875rem; } @media only screen and (max-width: 1199px) { .section-detail-page-header .visual-obj--l { width: 16.1875rem; margin-left: -25.875rem; } } @media only screen and (max-width: 767px) { .section-detail-page-header .visual-obj--l { width: 10.3125rem; margin-left: -14rem; } } .section-detail-page-header .visual-obj--r { width: 31.875rem; right: 50%; margin-right: -53.125rem; } @media only screen and (max-width: 1199px) { .section-detail-page-header .visual-obj--r { width: 16.1875rem; margin-right: -26.3125rem; } } @media only screen and (max-width: 767px) { .section-detail-page-header .visual-obj--r { width: 8rem; margin-right: -11.375rem; bottom: 2.9375rem; } } .section-detail-page-header__title { position: relative; max-width: 45.8125rem; margin: 0 auto; color: #FFFFFF; } @media only screen and (max-width: 1199px) { .section-detail-page-header__title { max-width: 50%; } } @media only screen and (max-width: 767px) { .section-detail-page-header__title { max-width: 100%; } } .section-detail-page-header .section-top-decore { position: absolute; width: 100%; height: 200%; } .block-caption { margin: 3.125rem 0; } @media only screen and (max-width: 1199px) { .block-caption { margin: 1.875rem 0; } } .block-caption img { margin: 0 !important; } .block-caption figcaption { margin-top: 0.9375rem; font-size: 0.875rem; color: #96ABCA; } @media only screen and (max-width: 767px) { .block-caption figcaption { margin-top: 0.625rem; font-size: 0.75rem; } } .block-caption + img { margin-top: 0 !important; } .border__wrap { margin-top: 2.8125rem; border-top: 1px solid #D4DFEF; } .border__wrap .container { position: relative; padding-left: 0; padding-right: 0; } .border__wrap .border { position: absolute; top: 0; background: #D4DFEF; width: 1px; height: 100%; } .border__wrap .border:nth-child(1) { left: 0; } .border__wrap .border:nth-child(2) { right: 0; } .direct-speech__start { margin-bottom: 1.875rem; } @media only screen and (max-width: 1199px) { .direct-speech__start { margin-top: 1.25rem; margin-bottom: 1.25rem; } } .direct-speech .authors-words { font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.25rem; line-height: 1.6; } @media only screen and (max-width: 1199px) { .direct-speech .authors-words { font-size: 1rem; } } .direct-speech blockquote { margin: 0.875rem 0; padding: 0 2.6875rem; } @media only screen and (max-width: 767px) { .direct-speech blockquote { padding-left: 2.1875rem; padding-right: 0.625rem; } } .blockquote { position: relative; margin: 4.375rem 0; padding: 5rem 0; } @media only screen and (max-width: 1199px) { .blockquote { margin: 3.125rem 0; padding: 2.5rem 0; } } .blockquote::before { content: ""; position: absolute; top: 0; left: 0; width: 3.125rem; height: 3.125rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1360_8724)'%3e%3cpath d='M0 50L50 0L-5.96244e-07 5.96244e-07L0 50Z' fill='%230F46A0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1360_8724'%3e%3crect width='50' height='50' fill='white' transform='translate(50) rotate(90)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: contain; } @media only screen and (max-width: 1199px) { .blockquote::before { width: 1.875rem; height: 1.875rem; } } .blockquote::after { content: ""; position: absolute; right: 0; bottom: 0; width: 3.125rem; height: 3.125rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1360_8726)'%3e%3cpath d='M49.5 49.5L1.2071 49.5L49.5 1.20711L49.5 49.5Z' stroke='%230F46A0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1360_8726'%3e%3crect width='50' height='50' fill='white' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 50 0)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: contain; } @media only screen and (max-width: 1199px) { .blockquote::after { width: 1.875rem; height: 1.875rem; } } .blockquote__author { display: block; font-family: "Onest-Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.25rem; line-height: 1; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .blockquote__author { font-size: 0.875rem; } } .blockquote__post { display: block; margin-top: 0.625rem; font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; line-height: 1.3; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .blockquote__post { font-size: 0.75rem; } } .blockquote blockquote { margin: 0; color: #0F46A0; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.6; font-size: 1.25rem; } @media only screen and (max-width: 1199px) { .blockquote blockquote { font-size: 1rem; } } .blockquote blockquote p { margin: 0; font-size: 1.25rem; line-height: 1.6; } @media only screen and (max-width: 1199px) { .blockquote blockquote p { font-size: 1rem; } } .blockquote figcaption { margin-top: 1.875rem; } @media only screen and (max-width: 1199px) { .blockquote figcaption { margin-top: 1.25rem; } } .faq__container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1199px) { .faq__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .faq__col { width: 50%; } @media only screen and (max-width: 1199px) { .faq__col { width: 100%; } } .faq__col:nth-child(1) { border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .faq__col:nth-child(1) { border-right: none; border-bottom: 1px solid #D4DFEF; } } .faq__img { width: 100%; height: 32.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } @media only screen and (max-width: 1199px) { .faq__img { height: 30.125rem; } } @media only screen and (max-width: 767px) { .faq__img { height: auto; margin: 0 auto; } } .faq__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .adv__container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .adv__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .adv__col { width: 50%; } @media only screen and (max-width: 767px) { .adv__col { width: 100%; } } .adv__col:first-child { padding: 3.125rem 3.125rem 3.125rem 0; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 1023px) { .adv__col:first-child { padding: 1.875rem 1rem 1.875rem 0; } } @media only screen and (max-width: 767px) { .adv__col:first-child { border-right: none; padding: 1.25rem 1rem 1.25rem 0; padding-right: 0; } } .adv__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding-right: 0; overflow: hidden; } @media only screen and (max-width: 1023px) { .adv__img { width: 100%; padding-right: 0; padding-top: 1rem; } } @media only screen and (max-width: 767px) { .adv__img { padding-left: 0; margin: 0 -1rem; padding: 1rem 1rem; width: calc(100% + 2rem); border-top: 1px solid #D4DFEF; } } .adv__img img { width: 100%; height: 100%; max-height: 26.25rem; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 1023px) { .adv__img img { max-height: 15.625rem; } } @media only screen and (max-width: 767px) { .adv__img img { height: 12.8125rem; max-height: 12.8125rem; max-width: 30rem; } } main { position: relative; } .page { position: relative; } .section-main-slider .container { position: relative; } .section-main-slider .main-slider__pagination { position: absolute; width: calc(100% - 6.125rem); left: 3.0625rem; bottom: 3.125rem; } @media only screen and (max-width: 1439px) { .section-main-slider .main-slider__pagination { width: calc(100% - 2rem); left: 1rem; } } @media only screen and (max-width: 1023px) { .section-main-slider .main-slider__pagination { bottom: 0.9375rem; left: 1rem; } } @media only screen and (max-width: 767px) { .section-main-slider .main-slider__pagination { left: 1rem; } } .section-main-slider h1 { margin-bottom: 1.6875rem; font-size: 4.375rem; font-weight: normal; color: #FFFFFF; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1; text-align: start; } @media only screen and (max-width: 1199px) { .section-main-slider h1 { font-size: 1.875rem; } } .section-main-slider .button-str { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-best { padding: 6.25rem 0; background: #00C1B5; } @media only screen and (max-width: 1199px) { .section-best { padding: 3.125rem 0 3.125rem; } } @media only screen and (max-width: 1199px) { .section-best h2 { margin-bottom: 1.25rem; } } .section-best .list-icon-round { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1199px) { .section-best .list-icon-round { overflow-x: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 767px) { .section-best .list-icon-round { padding-top: 0.625rem; } } .section-best .list-icon-round li { margin-top: 3.125rem; } @media only screen and (max-width: 1023px) { .section-best .list-icon-round li { max-width: 10rem; margin-top: 1.875rem; } } @media only screen and (max-width: 767px) { .section-best .list-icon-round li { margin-top: 1.25rem; padding: 0 0.4375rem; -webkit-box-sizing: content-box; box-sizing: content-box; } } @media only screen and (max-width: 1023px) { .section-best .list-icon-round li:not(:first-child) { margin-left: 0.9375rem; } } @media only screen and (max-width: 767px) { .section-best .list-icon-round li:not(:first-child) { margin-left: 0; } } .section-best .tab { margin-top: 2.5rem; } @media only screen and (max-width: 1199px) { .section-best .tab { margin-top: 0; } } .section-best .tab .tab-content { padding: 0 1.875rem; } @media only screen and (max-width: 1199px) { .section-best .tab .tab-content { margin: 0 -1rem; } } @media only screen and (max-width: 1023px) { .section-best .tab .tab-content { padding: 0; } } @media only screen and (max-width: 767px) { .section-best .tab .tab-content { padding: 0 1.875rem; } } .section-popular { padding: 6.25rem 0 0; border-top: 1px solid #FFFFFF; background: #00C1B5; } @media only screen and (max-width: 1199px) { .section-popular { padding: 3.125rem 0 0; } } .section-popular .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .section-popular h2 { width: 100%; } @media only screen and (max-width: 1439px) { .section-popular .category h3 { font-size: 1.875rem; } } @media only screen and (max-width: 1199px) { .section-popular .category h3 { font-size: 1.25rem; line-height: 1.2; } } .section-popular .category + .button-str { margin-top: 0; } .section-hits .container { position: relative; padding: 0; } .section-hits h2 { position: relative; z-index: 2; padding-top: 6.25rem; width: 100%; } @media only screen and (max-width: 1199px) { .section-hits h2 { padding-top: 3.125rem; } } .section-hits .slider-wrap { margin-left: -1px; border-bottom: 1px solid #D4DFEF; overflow: unset; } .section-hits .slider-wrap .container { margin-top: -9.0625rem; padding-top: 9.0625rem; overflow: hidden; } @media only screen and (max-width: 1199px) { .section-hits .slider-wrap .container { margin-top: -6.5625rem; padding-top: 6.5625rem; } } @media only screen and (max-width: 1023px) { .section-hits .slider-wrap .container { padding-top: 0; margin-top: 0; } } .section-hits--about { margin-bottom: 6.25rem; } @media only screen and (max-width: 767px) { .section-hits--about { margin-bottom: 0; } } .section-banner-1 { padding-top: 6.25rem; } @media only screen and (max-width: 1199px) { .section-banner-1 { padding-top: 3.125rem; } } .section-banner-1 .banner-1 { margin-top: 2.8125rem; min-height: 40.625rem; } @media only screen and (max-width: 1199px) { .section-banner-1 .banner-1 { min-height: unset; } } @media only screen and (max-width: 1023px) { .section-banner-1 .banner-1 { margin-top: 0; min-height: 26.25rem; } } .section-banner-1 .product-card { min-height: unset; } @media only screen and (max-width: 1023px) { .section-banner-1 .product-card { min-height: 26.25rem; } } .section-banner-1 .product-card__img { height: 22.1875rem; } @media only screen and (max-width: 1023px) { .section-banner-1 .product-card__img { height: 12.5rem; } } @media only screen and (max-width: 767px) { .section-banner-1 .product-card__img { height: 17.1875rem; } } .section-banner-1 .product-card .desc { margin-left: 7.8125rem; } @media only screen and (max-width: 1023px) { .section-banner-1 .product-card .desc { margin-left: 2.1875rem; } } .section-banner-1 .product-card .priсe-tag { left: 10.9375rem; } @media only screen and (max-width: 1023px) { .section-banner-1 .product-card .priсe-tag { left: 3.1875rem; } } .section-recommended .container { position: relative; padding: 0; } @media only screen and (max-width: 767px) { .section-recommended .section-header .container { padding: 0 1rem; } } .section-recommended .slider-wrap { margin-left: -1px; border-bottom: 1px solid #D4DFEF; overflow: unset; } .section-recommended .slider-wrap .container { margin-top: -9.0625rem; padding-top: 9.0625rem; overflow: hidden; } @media only screen and (max-width: 1199px) { .section-recommended .slider-wrap .container { margin-top: -6.5625rem; padding-top: 6.5625rem; } } .section-recommended h2 { position: relative; z-index: 2; padding-top: 6.25rem; width: 100%; } @media only screen and (max-width: 1199px) { .section-recommended h2 { padding-top: 3.125rem; padding-bottom: 0; margin-bottom: 1.5625rem; } } .section-when-buy { padding: 6.25rem 0; background: url(/local/templates/irisfarma/css/../assets/images/example/bg/bg.png) no-repeat center; background-size: cover; } @media only screen and (max-width: 1199px) { .section-when-buy { padding: 3.4375rem 0; } } .section-when-buy .button-str { margin: 0 auto; width: 25%; } @media only screen and (max-width: 767px) { .section-when-buy .button-str { width: 50%; } } .section-articles { padding-top: 6.25rem; } @media only screen and (max-width: 1023px) { .section-articles { padding-top: 4.375rem; } } @media only screen and (max-width: 767px) { .section-articles { padding-top: 3.125rem; } } .section-articles .section-header { text-align: center; } .section-articles .section-body { padding-top: 3.25rem; } @media only screen and (max-width: 1023px) { .section-articles .section-body { padding-top: 1.5625rem; } } .section-articles h2 { margin-bottom: 1.5625rem !important; } @media only screen and (max-width: 1023px) { .section-articles h2 { margin-bottom: 1.25rem !important; } } @media only screen and (max-width: 767px) { .section-articles h2 { margin-bottom: 0.9375rem !important; } } .section-articles .button-str { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-articles .border { height: calc(100% + 3.125rem); } .section-connect { padding: 6.25rem 0; background: url(/local/templates/irisfarma/css/../assets/images/example/bg/bg.png) no-repeat center; background-size: cover; } @media only screen and (max-width: 1199px) { .section-connect { padding: 3.125rem 0; } } @media only screen and (max-width: 1199px) { .section-connect h2 { margin-bottom: 1.875rem; } } .section-list-values { padding: 6.25rem 0 0 0; } @media only screen and (max-width: 1023px) { .section-list-values { padding-top: 3.125rem; } } @media only screen and (max-width: 1023px) { .section-list-values h2, .section-list-values .h2 { margin-bottom: 1.75rem; } } .section-products { padding: 6.25rem 0 0 0; } @media only screen and (max-width: 1023px) { .section-products { padding: 3.375rem 0 0 0; } } .section-products .section-body .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } @media only screen and (max-width: 1023px) { .section-products .section-body .category + .button-str { margin-top: -2.4375rem; } } .section-products .section-body .button-str { color: #0F46A0; } @media only screen and (max-width: 1023px) { .section-products .section-body .button-str { display: block; } } .section-products .section-body .button-str { color: #0F46A0; } .section-products .section-body .button-str svg { color: #0F46A0; } .section-products .section-body .button-str svg path { stroke: #0F46A0; } .section-banner-2--alt .banner-2 { min-height: 43.75rem; } @media only screen and (max-width: 1023px) { .section-banner-2--alt .banner-2 { min-height: unset; } } .section-banner-2--alt .banner-product-about { min-height: 31.25rem; } @media only screen and (max-width: 1023px) { .section-banner-2--alt .banner-product-about { min-height: 15.625rem; } } .section-banner-2--green-bg .banner-2 { background: #00C1B5; } .section-banner-2--orange-bg .banner-2 { background: #efa01e; } .section-guaranties { padding: 6.25rem 0 0 0; } @media only screen and (max-width: 1023px) { .section-guaranties { padding: 3.375rem 0 0 0; } } .section-guaranties h2, .section-guaranties .h2 { margin-bottom: 1.6875rem; } @media only screen and (max-width: 1023px) { .section-guaranties h2, .section-guaranties .h2 { margin-bottom: 1.0625rem; } } .section-guaranties .subttl { margin-bottom: 3.125rem; } @media only screen and (max-width: 1023px) { .section-guaranties .subttl { font-size: 1rem; margin-bottom: 1.8125rem; } } .section-certificates .container { padding: 0; } .section-certificates .certificates__col-l { padding-left: 3.125rem; } @media only screen and (max-width: 1023px) { .section-certificates .certificates__col-l { padding-left: 0.9375rem; } } .section-read { margin-bottom: 6.25rem; } @media only screen and (max-width: 1023px) { .section-read { margin-bottom: 0; } } .section-read .container { position: relative; padding: 0; } .section-read .slider-wrap { margin-left: -1px; border-bottom: 1px solid #D4DFEF; overflow: unset; } .section-read .slider-wrap .container { margin-top: -6rem; padding-top: 8.75rem; overflow: hidden; } @media only screen and (max-width: 1023px) { .section-read .slider-wrap .container { padding-top: 0; margin-top: 0; } } .section-read .slider__border { top: 2.8125rem; } @media only screen and (max-width: 1023px) { .section-read .slider__border { top: 0; } } .section-read .slider + .swiper-navigation { top: 1.25rem; } .section-read h2 { position: relative; padding-top: 6.25rem; margin: 0; width: 100%; } @media only screen and (max-width: 1023px) { .section-read h2 { padding-top: 3.125rem; margin-bottom: 1.875rem !important; } } .section-read .article { border-left: none; border-bottom: 0; } .border-bottom { border-bottom: 1px solid #D4DFEF; } .border-top { border-top: 1px solid #D4DFEF; } .section-marketplaces { padding-top: 6.25rem; } @media only screen and (max-width: 1023px) { .section-marketplaces { padding-top: 3.125rem; } } @media only screen and (max-width: 1023px) { .section-marketplaces .list-logo__item { min-height: 8.125rem; } } @media only screen and (max-width: 767px) { .section-marketplaces .list-logo__item { min-height: 6.3125rem; min-width: 6.3125rem; } } .section-pharmacies { border-top: 1px solid #D4DFEF; border-bottom: 1px solid #D4DFEF; } .section-pharmacies .container { padding: 0; } .section-pharmacies .pharmacies { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -1px; } @media only screen and (max-width: 767px) { .section-pharmacies .pharmacies { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-map-filter { padding-top: 6.25rem; } @media only screen and (max-width: 1023px) { .section-map-filter { padding-top: 3.4375rem; } } @media only screen and (max-width: 767px) { .section-map-filter { padding-top: 3.125rem; } } .section-map-filter h2 { margin-bottom: 1.875rem; } @media only screen and (max-width: 767px) { .section-map-filter h2 { margin-bottom: 1.5625rem; } } .section-map-filter .map { margin: 3.125rem 0; } @media only screen and (max-width: 1023px) { .section-map-filter .map { margin: 1.25rem 0 1.875rem; } } .section-how-consultation { padding: 6.25rem 0; } @media only screen and (max-width: 1199px) { .section-how-consultation { padding: 3.125rem 0; } } @media only screen and (max-width: 1199px) { .section-how-consultation h2 { margin-bottom: 1.875rem; } } .section-cooperation { padding-top: 6.25rem; padding-bottom: 6.25rem; } @media only screen and (max-width: 1199px) { .section-cooperation { padding-top: 3.125rem; padding-bottom: 3.125rem; } } @media only screen and (max-width: 767px) { .section-cooperation { padding-bottom: 0.625rem; } } .section-cooperation h2 { margin-bottom: 1.875rem; } @media only screen and (max-width: 1199px) { .section-cooperation h2 { margin-bottom: 1.25rem; } } .section-cooperation h2 + .h3 { max-width: 50%; margin-top: 0; } @media only screen and (max-width: 767px) { .section-cooperation h2 + .h3 { max-width: none; } } .section-cooperation .h3 { display: block; margin: 0 auto; margin-top: 6.25rem; max-width: 59%; text-align: center; line-height: 1.1; } @media only screen and (max-width: 1199px) { .section-cooperation .h3 { font-size: 1rem; line-height: 0.95; margin-top: 3.125rem; } } @media only screen and (max-width: 767px) { .section-cooperation .h3 { max-width: none; } } .section-cooperation .list-info { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2.5rem; } @media only screen and (max-width: 1199px) { .section-cooperation .list-info { margin-top: 1.875rem; } } @media only screen and (max-width: 767px) { .section-cooperation .list-info { margin-top: 1.25rem; overflow-x: scroll; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr 1fr; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; margin-right: -1rem; scrollbar-width: none; } .section-cooperation .list-info::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .section-cooperation .list-info__item { width: calc(100% / 3); margin-bottom: 3.125rem; } @media only screen and (max-width: 1199px) { .section-cooperation .list-info__item { margin-bottom: 1.25rem; } } @media only screen and (max-width: 767px) { .section-cooperation .list-info__item { width: 15.9375rem; min-width: 15.9375rem; } } .section-cooperation .list-info__item:first-child { padding-left: 6.25rem; } @media only screen and (max-width: 1199px) { .section-cooperation .list-info__item:first-child { padding-left: 2.5rem; } } @media only screen and (max-width: 1199px) { .section-cooperation .list-info__item:first-child::before { top: 0; } } .section-cooperation .list-info__item:not(:first-child) { border-left: none; } @media only screen and (max-width: 1199px) { .section-cooperation .list-info__item:not(:first-child) { padding-left: 2.5rem; } } .section-cooperation .list-info__item:not(:first-child)::before { left: 0; } @media only screen and (max-width: 1199px) { .section-cooperation .list-info__item:not(:first-child)::before { top: 0; } } .section-cooperation .list-info__item:nth-last-child(-n+3) { margin-bottom: 0; } .section-cooperation .list-info__item-ttl { color: #0F46A0; } @media only screen and (max-width: 1199px) { .section-cooperation .list-info__item-ttl { font-size: 0.875rem; } } .section-cooperation .list-info__item-desc { font-size: 1.125rem; } @media only screen and (max-width: 1199px) { .section-cooperation .list-info__item-desc { font-size: 1rem; line-height: 1.3; } } .section-cooperation .list-logo { margin: 3.125rem 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1023px) { .section-cooperation .list-logo { margin: 1.6875rem 0; } } @media only screen and (max-width: 767px) { .section-cooperation .list-logo { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0.9375rem -1rem 1.875rem; } } .section-cooperation .list-logo__item { width: calc(100% / 6 - 0.9375rem); } @media only screen and (max-width: 1023px) { .section-cooperation .list-logo__item { width: calc(100% / 6 - 1rem); } } @media only screen and (max-width: 767px) { .section-cooperation .list-logo__item { width: 6.75rem; } } .section-cooperation .button { display: -webkit-box; display: -ms-flexbox; display: flex; width: 15rem; margin: 0 auto; } .section-product-header .product__ttl, .section-product-header .product__ttl { margin: 2.0625rem 0 0.625rem; } @media only screen and (max-width: 1023px) { .section-product-header .product__ttl, .section-product-header .product__ttl { margin: 1.5rem 0 1.0625rem; } } .section-product-header .product__ttl h1, .section-product-header .product__ttl .h1, .section-product-header .product__ttl h1, .section-product-header .product__ttl .h1 { text-align: left; } .section-product-header .product__desc p { font-size: 1.125rem; line-height: 100%; } @media only screen and (max-width: 1023px) { .section-product-header .product__desc p { font-size: 1rem; } } .section-product-header .product__desc p:last-child { margin-bottom: 0; } .section-product-header .product__desc .lead { margin: 0 0 1.25rem 0; font-size: 1.5rem; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 120%; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .section-product-header .product__desc .lead { margin: 0 0 0.9375rem 0; } } .section-product-header .product__desc .lead p { font-size: 1.5rem; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 120%; } @media only screen and (max-width: 1023px) { .section-product-header .product__desc .lead p { font-size: 1.125rem; } } .section-product-header .product__desc .lead p:last-child { margin-bottom: 0; } .section-product-header .product__info-list { margin: 3.125rem 0 0 0; } @media only screen and (max-width: 1023px) { .section-product-header .product__info-list { margin-top: 1.875rem; } } @media only screen and (max-width: 767px) { .section-product-header .product__info-list { padding: 0 1rem; margin: 0 -1rem; margin-top: 1.25rem; } } .section-product-header .product__where-to-buy { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 3.125rem 0 0 0; } @media only screen and (max-width: 1023px) { .section-product-header .product__where-to-buy { margin-top: 1.875rem; } } @media only screen and (max-width: 767px) { .section-product-header .product__where-to-buy { padding: 0 1rem; margin: 0 -1rem; margin-top: 1.875rem; overflow-x: scroll; scrollbar-width: none; } .section-product-header .product__where-to-buy::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .section-product-header .product__where-to-buy .where-to-buy__ttl { width: 100%; display: block; font-size: 1.5rem; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 155%; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .section-product-header .product__where-to-buy .where-to-buy__ttl { font-size: 0.75rem; } } .section-product-header .product__where-to-buy .slider-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 10.625rem - 6.5625rem); margin-left: 6.5625rem; margin-top: 0.625rem; overflow: visible; } @media only screen and (max-width: 1599px) { .section-product-header .product__where-to-buy .slider-wrap { width: 100%; margin-left: 0; } } @media only screen and (max-width: 1023px) { .section-product-header .product__where-to-buy .slider-wrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .section-product-header .product__where-to-buy .slider { width: 60%; overflow: hidden; } @media only screen and (max-width: 1599px) { .section-product-header .product__where-to-buy .slider { width: 64%; } } @media only screen and (max-width: 1023px) { .section-product-header .product__where-to-buy .slider { width: 100%; } } .section-product-header .product__where-to-buy .swiper-slide { width: 5rem; height: 5rem; border: 1px solid #D4DFEF; border-radius: 50%; } @media only screen and (max-width: 1023px) { .section-product-header .product__where-to-buy .swiper-slide { width: 3.125rem; height: 3.125rem; } } .section-product-header .product__where-to-buy .swiper-slide a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-product-header .product__where-to-buy .swiper-slide img { width: 100%; height: 100%; max-width: 100%; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .section-product-header .product__where-to-buy .swiper-navigation { right: unset; width: 100%; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 0; } .section-product-header .product__where-to-buy .swiper-navigation .swiper-button svg { height: 1.5625rem; } .section-product-header .product__price { margin: 2.5rem 0 0 0; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media only screen and (max-width: 1023px) { .section-product-header .product__price { margin: 1.875rem 0 0 0; } } .section-product-header .product__price-ttl { font-size: 1.5rem; line-height: 155%; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .section-product-header .product__price-ttl { font-size: 0.75rem; } } .section-product-header .product__price-desc { display: inline-block; position: relative; margin: 0.5rem 0 0 0; color: #0F46A0; font-size: 2.5rem; line-height: 90%; } @media only screen and (max-width: 1023px) { .section-product-header .product__price-desc { font-size: 1.875rem; } } .section-product-header .product__price-desc svg { position: absolute; top: 0.1875rem; right: -1.8125rem; } @media only screen and (max-width: 1023px) { .section-product-header .product__price-desc svg { width: 0.9375rem; height: auto; right: -1.0625rem; top: -0.3125rem; } } .section-product-tabs { padding: 7.1875rem 0 0 0; } @media only screen and (max-width: 1023px) { .section-product-tabs { padding: 1.875rem 0 0 0; } } .section-product-tabs .tab-header .container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-product-tabs .tab-content { margin-top: 2.125rem; } @media only screen and (max-width: 1023px) { .section-product-tabs .tab-content { margin-top: 1.6875rem; } } @media only screen and (max-width: 767px) { .section-product-tabs .tab-content { margin-top: 0; } } @media only screen and (max-width: 767px) { .section-product-tabs .tab-content .border-top { border-top: none; } } .section-why-we { position: relative; z-index: 30; padding: 6.25rem 0 6.3125rem 0; } @media only screen and (max-width: 1023px) { .section-why-we { padding: 3.125rem 0 3.125rem 0; } } @media only screen and (max-width: 1023px) { .section-why-we h2 { margin-bottom: 1.25rem; } } .section-promo-block { padding: 6.25rem 0 0 0; } @media only screen and (max-width: 1023px) { .section-promo-block { padding: 3.125rem 0 0 0; } } @media only screen and (max-width: 1023px) { .section-promo-block h2 { margin-bottom: 1.5625rem; } } .section-contacts { padding-bottom: 1.875rem; } @media only screen and (max-width: 767px) { .section-contacts { padding-bottom: 2.1875rem; } } .section-partners { position: relative; padding: 6.25rem 0 6.875rem; } @media only screen and (max-width: 1199px) { .section-partners { padding: 3.125rem 0 2.5rem; } } @media only screen and (max-width: 767px) { .section-partners { padding: 3.125rem 0; } } .section-partners h2 { position: relative; margin-bottom: 1.5625rem; } @media only screen and (max-width: 1199px) { .section-partners h2 { margin-bottom: 1.25rem; } } .section-partners h2 + .desc { position: relative; display: block; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.5625rem; text-align: center; } @media only screen and (max-width: 1199px) { .section-partners h2 + .desc { font-size: 1rem; } } @media only screen and (max-width: 767px) { .section-partners h2 + .desc { line-height: 0.95; } } .section-partners .button-str { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 10rem; margin: 0 auto; } .section-partners .visual-obj { position: absolute; top: -6.25rem; } @media only screen and (max-width: 1199px) { .section-partners .visual-obj { top: -3.125rem; } } .section-partners .visual-obj--l { left: 50%; margin-left: -50rem; } @media only screen and (max-width: 1599px) { .section-partners .visual-obj--l { margin-left: 0; left: 0; } } @media only screen and (max-width: 1199px) { .section-partners .visual-obj--l { left: 0; width: 11.875rem; } } @media only screen and (max-width: 767px) { .section-partners .visual-obj--l { width: 8.4375rem; } } .section-partners .visual-obj--r { right: 50%; margin-right: -50rem; } @media only screen and (max-width: 1599px) { .section-partners .visual-obj--r { margin-right: 0; right: 0; height: 25rem; } } @media only screen and (max-width: 1199px) { .section-partners .visual-obj--r { right: 0; width: 12.5rem; margin-right: 0; height: auto; } } @media only screen and (max-width: 767px) { .section-partners .visual-obj--r { width: 7.8125rem; } } .section-partners .list-number { margin: 2.5rem 0 2.8125rem; } @media only screen and (max-width: 1199px) { .section-partners .list-number { margin: 1.5625rem 0; margin-bottom: 2.8125rem; } } @media only screen and (max-width: 767px) { .section-partners .list-number { margin: 1.5625rem 0; } } #tablet-indicator { display: none; } @media only screen and (max-width: 1023px) { #tablet-indicator { display: block; } } #mobile-indicator { display: none; } @media only screen and (max-width: 767px) { #mobile-indicator { display: block; } } .top-img { position: absolute; bottom: 0; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; overflow: hidden; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .top-img img { max-width: 160%; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, transparent), color-stop(50%, #000000)); -webkit-mask-image: linear-gradient(to bottom, transparent 1%, #000000 50%); mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, transparent), color-stop(50%, #000000)); mask-image: linear-gradient(to bottom, transparent 1%, #000000 50%); } h1, .h1 { margin: 0; font-size: 4.375rem; font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: normal; line-height: 1.1; text-transform: uppercase; text-align: center; } @media only screen and (max-width: 1199px) { h1, .h1 { font-size: 1.875rem; line-height: 0.89; } } h2, .h2 { margin: 0; font-size: 3.4375rem; font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: normal; line-height: 0.95; text-transform: uppercase; text-align: center; margin-bottom: 3.125rem; } @media only screen and (max-width: 1199px) { h2, .h2 { font-size: 1.5625rem; margin-bottom: 1.875rem; } } @media only screen and (max-width: 767px) { h2, .h2 { margin-bottom: 1.5625rem; } } h3, .h3 { margin: 0; font-size: 2.1875rem; font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: normal; line-height: 1; text-transform: uppercase; } @media only screen and (max-width: 1199px) { h3, .h3 { font-size: 1.5625rem; } } h4, .h4 { margin: 0; font-size: 1.375rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.2; text-transform: uppercase; } p { font-size: 1.125rem; line-height: 1.5; margin: 0.75rem 0; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } @media only screen and (max-width: 1199px) { p { font-size: 1rem; line-height: 1.5; } } a, .link { color: inherit; cursor: pointer; text-decoration: none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } a:hover, .link:hover { opacity: 0.7; } a[href^='tel:'], a[href^='mailto:'] { white-space: nowrap; } img, picture { vertical-align: top; } button { cursor: pointer; } hr { border: 0; display: block; height: 1px; margin: 1rem 0; padding: 0; } .thin { font-family: "Onest-Thin", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .light { font-family: "Onest-Light", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .regular { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .medium { font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .bold { font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .extraBold { font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .black { font-family: "Onest-Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .subttl { font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.5625rem; line-height: 95%; text-transform: uppercase; text-align: center; } .ttl-desc { text-align: center; font-size: 1.5rem; font-weight: 400; line-height: 150%; margin: 1.875rem auto 0; } @media only screen and (max-width: 1199px) { .ttl-desc { margin-top: 0.625rem; font-size: 1rem; } } @media only screen and (max-width: 767px) { .ttl-desc { margin-top: 0.875rem; max-width: 100%; } } .ttl-desc p { font-size: 1.5rem; } @media only screen and (max-width: 1023px) { .ttl-desc p { font-size: 1rem; } } .ttl-desc p:last-child { margin-bottom: 0; } .text-note { font-size: 0.875rem !important; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #96ABCA; line-height: 160% !important; } .container { margin: 0 auto; max-width: 100rem; width: 100%; padding: 0 3.0625rem; /* @include mq('desktop-default') { padding: 0 $container-padding2; } */ } @media only screen and (max-width: 1439px) { .container { padding: 0 1rem; } } /*=== Pages ====*/ .catalog-page .section-404 { margin-top: 0; padding-top: 0; } .news-page .section-404 { margin-top: 0; padding-top: 0; } .section-404 { margin-top: -14.5rem; padding-top: 14.5rem; background: #ff94a8; } .section-404 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-404 .banner-2 { min-height: 45.625rem; overflow: hidden; } @media only screen and (max-width: 1199px) { .section-404 .banner-2 { min-height: 22.8125rem; } } @media only screen and (max-width: 767px) { .section-404 .banner-2 { padding: 0 1rem; min-height: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .section-404 .banner-2__content { margin-top: 0; padding-left: 4.375rem; max-width: 40%; text-align: center; } @media only screen and (max-width: 1199px) { .section-404 .banner-2__content { padding-left: 0; } } @media only screen and (max-width: 767px) { .section-404 .banner-2__content { max-width: unset; margin-top: 3.125rem; padding-right: 0; width: 100%; } } .section-404 .banner-2 h2 { width: 100%; margin-bottom: 0; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 12.5rem; text-align: center; } @media only screen and (max-width: 1199px) { .section-404 .banner-2 h2 { font-size: 6.25rem; } } .section-404 .banner-2 p { margin-top: 0.3125rem; margin-bottom: 3.125rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2.1875rem; line-height: 1; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .section-404 .banner-2 p { font-size: 1.25rem; margin-bottom: 1.5625rem; } } .section-404 .banner-2 .button-str { margin: 0 auto; } @media only screen and (max-width: 767px) { .section-404 .banner-2 .button-str { width: 7.5rem; } } .section-404 .banner-2 .img-big { left: 50%; margin-left: -18.4375rem; } @media only screen and (max-width: 1199px) { .section-404 .banner-2 .img-big { bottom: 0; top: unset; margin-left: -10.3125rem; } } @media only screen and (max-width: 767px) { .section-404 .banner-2 .img-big { left: unset; margin-left: 0; } } .about-page { overflow: hidden; } .about-page .section-detail-page-header .visual-obj { position: absolute; bottom: -5.625rem; } @media only screen and (max-width: 1023px) { .about-page .section-detail-page-header .visual-obj { bottom: -3.125rem; } } @media only screen and (max-width: 767px) { .about-page .section-detail-page-header .visual-obj { bottom: 1.25rem; } } .about-page .section-detail-page-header .visual-obj img { width: 100%; height: auto; } .about-page .section-detail-page-header .visual-obj--l { width: 31.3125rem; left: 50%; margin-left: -52.8125rem; } @media only screen and (max-width: 1599px) { .about-page .section-detail-page-header .visual-obj--l { left: 0; margin-left: 0; } } @media only screen and (max-width: 1023px) { .about-page .section-detail-page-header .visual-obj--l { width: 16.1875rem; } } @media only screen and (max-width: 767px) { .about-page .section-detail-page-header .visual-obj--l { width: 10.3125rem; left: -3.125rem; } } .about-page .section-detail-page-header .visual-obj--r { width: 510px; right: 50%; margin-right: -53.125rem; } @media only screen and (max-width: 1599px) { .about-page .section-detail-page-header .visual-obj--r { right: 0; margin-right: 0; } } @media only screen and (max-width: 1023px) { .about-page .section-detail-page-header .visual-obj--r { width: 16.1875rem; } } @media only screen and (max-width: 767px) { .about-page .section-detail-page-header .visual-obj--r { width: 8rem; bottom: 2.9375rem; right: -1.875rem; } } .about-page .section-banner-2.section-banner-2--green-bg h2 { margin-bottom: 0; } @media only screen and (max-width: 767px) { .about-page .section-banner-2.section-banner-2--green-bg .banner-2 { min-height: unset; } } .about-page .section-banner-2.section-banner-2--green-bg .banner-2__preview { margin: 0.9375rem 0; } .about-page .section-banner-2.section-banner-2--green-bg .banner-2__content { margin-top: 0; padding: 3.125rem 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1023px) { .about-page .section-banner-2.section-banner-2--green-bg .banner-2__content { margin-top: 0; } } @media only screen and (max-width: 767px) { .about-page .section-banner-2.section-banner-2--green-bg .banner-2 .img-big { max-height: 14.0625rem; } } @media only screen and (max-width: 1023px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2 { min-height: unset; } } @media only screen and (max-width: 767px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 1023px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2 .img-big-png { max-width: 77%; } } @media only screen and (max-width: 767px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2 .img-big-png { position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; max-width: none !important; max-height: 14.0625rem; } } .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .container { position: relative; } .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .img-big-png { max-width: none; } @media only screen and (max-width: 1199px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .img-big-png { max-width: 70%; } } .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .img-small:nth-child(2) { top: 4rem; right: 35rem; left: unset; z-index: -1; } @media only screen and (max-width: 1439px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .img-small:nth-child(2) { right: 32.1875rem; max-height: 6.625rem; } } @media only screen and (max-width: 1199px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .img-small:nth-child(2) { top: 10rem; right: 25rem; } } @media only screen and (max-width: 1023px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .img-small:nth-child(2) { top: 5rem; right: 16.875rem; } } @media only screen and (max-width: 767px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .img-small:nth-child(2) { top: unset; right: unset; bottom: 6.6875rem; left: 0.9375rem; } } .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .img-small:nth-child(3) { bottom: 3.25rem; top: unset; right: 3.125rem; } @media only screen and (max-width: 1439px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .img-small:nth-child(3) { max-height: 6.625rem; } } @media only screen and (max-width: 1023px) { .about-page .section-banner-2:not(.section-banner-2--green-bg) .banner-2.banner-about .img-small:nth-child(3) { bottom: 1.125rem; top: unset; right: 1rem; } } @media only screen and (max-width: 1023px) { .about-page .section-certificates { min-height: 20.9375rem; } } .article-detail__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1023px) { .article-detail__top { border-bottom: 1px solid #D4DFEF; } } @media only screen and (max-width: 767px) { .article-detail__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .article-detail__top h1 { margin-top: 0; margin-bottom: 1.875rem; text-align: start; font-size: 3.125rem; line-height: 1.1; } @media only screen and (max-width: 1199px) { .article-detail__top h1 { margin-bottom: 1.25rem; font-size: 1.875rem; line-height: 0.95; } } .article-detail__wrap { width: calc(50% - 0.9375rem); } @media only screen and (max-width: 767px) { .article-detail__wrap { width: 100%; } } .article-detail__wrap:nth-child(1) { border-bottom: 1px solid #D4DFEF; } @media only screen and (max-width: 1023px) { .article-detail__wrap:nth-child(1) { border-bottom: none; } } .article-detail__desc { font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.25rem; line-height: 1.6; } @media only screen and (max-width: 1199px) { .article-detail__desc { padding-bottom: 1.875rem; font-size: 1rem; line-height: 1.6; } } @media only screen and (max-width: 767px) { .article-detail__desc { padding-bottom: 1.25rem; } } .article-detail__desc p { font-size: 1.25rem; } @media only screen and (max-width: 1199px) { .article-detail__desc p { font-size: 1rem; line-height: 1.6; } } .article-detail__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 31.25rem; overflow: hidden; } @media only screen and (max-width: 1199px) { .article-detail__img { height: 15.3125rem; } } @media only screen and (max-width: 767px) { .article-detail__img { height: auto; } } .article-detail__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article-detail__left { max-width: 61.875rem; } @media only screen and (max-width: 1199px) { .article-detail__left { max-width: calc(100% - 11.25rem); } } @media only screen and (max-width: 767px) { .article-detail__left { max-width: none; } } .article-detail__content { padding-top: 3.125rem; padding-bottom: 4.375rem; } @media only screen and (max-width: 1199px) { .article-detail__content { padding-top: 1.25rem; padding-bottom: 3.125rem; } } @media only screen and (max-width: 767px) { .article-detail__content { padding-top: 1.5625rem; padding-bottom: 3.4375rem; } } .article-detail__content h3 { margin-top: 4.375rem; margin-bottom: 1.875rem; font-size: 2.8125rem; } @media only screen and (max-width: 1199px) { .article-detail__content h3 { font-size: 1.5625rem; margin-top: 3.125rem; margin-bottom: 0.625rem; } } @media only screen and (max-width: 1199px) { .article-detail__content h3 + h4 { margin-bottom: 0.625rem; } } @media only screen and (max-width: 767px) { .article-detail__content h3 + h4 { margin-top: 0.625rem; margin-bottom: 1.875rem; } } .article-detail__content h4 { margin-top: 1.875rem; margin-bottom: 1.875rem; text-transform: none; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2.125rem; } @media only screen and (max-width: 1199px) { .article-detail__content h4 { font-size: 1.5rem; margin-top: 1.875rem; margin-bottom: 1rem; } } @media only screen and (max-width: 767px) { .article-detail__content h4 { margin-bottom: 1.875rem; } } .article-detail__content img { width: 100%; height: auto; margin-top: 3.125rem; margin-bottom: 3.125rem; } @media only screen and (max-width: 1199px) { .article-detail__content img { margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .article-detail__content img:last-child { margin-bottom: 0; } .article-detail__content figure:last-child { margin-bottom: 0; } .article-detail__content p:first-child { margin-top: 0; } .article-detail__content p:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .article-detail__product { border-top: 1px solid #D4DFEF; border-bottom: 1px solid #D4DFEF; } } .article-detail__product .product-card { height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.5625rem 0; max-width: none; min-height: 16.4375rem; border-top: 1px solid #D4DFEF; border-bottom: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .article-detail__product .product-card { min-height: 16.4375rem; padding: 1.25rem 0; } } @media only screen and (max-width: 767px) { .article-detail__product .product-card { max-width: 20rem; margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: none; border-bottom: none; } } .article-detail__product .product-card__img { width: 30rem; height: 100%; } .article-detail__product .product-card__img .triangle { top: 0; right: 0; } @media only screen and (max-width: 1199px) { .article-detail__product .product-card__img .triangle { height: 10.9375rem; width: 10.9375rem; } } @media only screen and (max-width: 767px) { .article-detail__product .product-card__img .triangle { height: 13.875rem; width: 13.875rem; } } @media only screen and (max-width: 1199px) { .article-detail__product .product-card__img { width: 14.6875rem; } } @media only screen and (max-width: 767px) { .article-detail__product .product-card__img { width: 100%; height: 17.1875rem; } } .article-detail__product .product-card__name { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; max-width: 40%; padding-top: 3.125rem; } @media only screen and (max-width: 1199px) { .article-detail__product .product-card__name { max-width: 50%; padding-top: 2.5rem; } } @media only screen and (max-width: 767px) { .article-detail__product .product-card__name { max-width: none; padding-top: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .article-detail__product .product-card .desc { margin-left: 8.125rem; } @media only screen and (max-width: 1199px) { .article-detail__product .product-card .desc { margin-left: 1.875rem; } } .article-detail__product .product-card .priсe-tag { position: static; margin-top: 2.8125rem; margin-left: 8.125rem; } @media only screen and (max-width: 1199px) { .article-detail__product .product-card .priсe-tag { margin-top: 0.9375rem; margin-left: 1.875rem; } } .article-detail__sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 20.9375rem; margin-top: 3.125rem; margin-left: 1.25rem; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 1199px) { .article-detail__sidebar { width: 10.625rem; margin-top: 0; } } @media only screen and (max-width: 767px) { .article-detail__sidebar { width: 100%; margin-top: 1.25rem; margin-left: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .article-detail__sidebar-wrap { position: -webkit-sticky; position: sticky; top: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1199px) { .article-detail__sidebar-wrap { top: 1.25rem; } } @media only screen and (max-width: 767px) { .article-detail__sidebar-wrap { position: static; } } .article-detail__sidebar-section { padding: 1.875rem 0; border-top: 1px solid #D4DFEF; border-bottom: 1px solid #D4DFEF; font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; line-height: 1; text-transform: uppercase; color: #D4DFEF; } @media only screen and (max-width: 1199px) { .article-detail__sidebar-section { padding: 1.25rem 0; font-size: 0.625rem; border-top: none; line-height: 0.95; } } @media only screen and (max-width: 767px) { .article-detail__sidebar-section { border-top: 1px solid #D4DFEF; padding: 0.9375rem 0; } } .article-detail__sidebar-section span { display: block; } .article-detail__sidebar-section span:first-child { padding-bottom: 0.625rem; } @media only screen and (max-width: 1199px) { .article-detail__sidebar-section span:first-child { padding-bottom: 0.3125rem; } } .article-detail__sidebar-source { padding: 1.875rem 0; border-bottom: 1px solid #D4DFEF; font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; line-height: 1; text-transform: uppercase; color: #0F46A0; } @media only screen and (max-width: 1199px) { .article-detail__sidebar-source { padding: 1.25rem 0; font-size: 0.625rem; } } @media only screen and (max-width: 767px) { .article-detail__sidebar-source { padding: 0.9375rem 0; } } .article-detail .section-header { text-align: start; } .article-detail .section-body .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .article-detail .section-body .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .article-detail .button-str { margin-top: 3.125rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 1rem; } @media only screen and (max-width: 1199px) { .article-detail .button-str { margin-top: 1.25rem; font-size: 0.875rem; } } @media only screen and (max-width: 767px) { .article-detail .button-str { margin-top: 0.9375rem; } } .article-detail .button-str svg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-left: 0; margin-right: 0.9375rem; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } @media only screen and (max-width: 1199px) { .article-detail .button-str svg { height: 0.625rem; } } .blog-page .section-articles h2 { margin-top: 3.125rem; } .buy-page .section-detail-page-header .visual-obj { position: absolute; } .buy-page .section-detail-page-header .visual-obj img { width: 100%; height: auto; } .buy-page .section-detail-page-header .visual-obj--l { left: 50%; margin-left: -45.625rem; bottom: -4.375rem; width: auto; } @media only screen and (max-width: 1199px) { .buy-page .section-detail-page-header .visual-obj--l { left: unset; right: 50%; bottom: -9.0625rem; margin-right: 23.75rem; } } @media only screen and (max-width: 1023px) { .buy-page .section-detail-page-header .visual-obj--l { bottom: -11.875rem; margin-right: 13.5625rem; } } @media only screen and (max-width: 767px) { .buy-page .section-detail-page-header .visual-obj--l { bottom: -2.5rem; right: 90%; margin-right: 0; } } @media only screen and (max-width: 479px) { .buy-page .section-detail-page-header .visual-obj--l { display: none; } } .buy-page .section-detail-page-header .visual-obj--l img { width: auto; } @media only screen and (max-width: 767px) { .buy-page .section-detail-page-header .visual-obj--l img { max-height: 10rem; } } .buy-page .section-detail-page-header .visual-obj--r { bottom: 0; right: 50%; margin-right: -55.625rem; width: auto; } @media only screen and (max-width: 1199px) { .buy-page .section-detail-page-header .visual-obj--r { right: unset; left: 50%; bottom: -9.0625rem; margin-left: 16.25rem; } } @media only screen and (max-width: 1023px) { .buy-page .section-detail-page-header .visual-obj--r { bottom: -12.1875rem; margin-left: 8.125rem; } } @media only screen and (max-width: 767px) { .buy-page .section-detail-page-header .visual-obj--r { bottom: -2.5rem; left: 78%; margin-left: 0; } } @media only screen and (max-width: 479px) { .buy-page .section-detail-page-header .visual-obj--r { display: none; } } .buy-page .section-detail-page-header .visual-obj--r img { width: auto; } @media only screen and (max-width: 767px) { .buy-page .section-detail-page-header .visual-obj--r img { max-height: 10rem; } } @media only screen and (max-width: 1023px) { .buy-page .ttl-desc { max-width: 65%; } } @media only screen and (max-width: 479px) { .buy-page .ttl-desc { max-width: none; } } .buy-page .section-detail-page-header__title { max-width: 48.4375rem; } .buy-page .list-logo { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .buy-page .list-logo__item { min-height: 17.1875rem; } @media only screen and (max-width: 1439px) { .buy-page .list-logo__item { min-height: 8.4375rem; } } @media only screen and (max-width: 767px) { .buy-page .list-logo__item { min-height: 6.25rem; } } .catalog-page { overflow: hidden; } .catalog-page .section-catalog .catalog__desc { max-width: 61.875rem; margin: 0 auto; margin-top: 1.875rem; text-align: center; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.5rem; line-height: 1.5; } @media only screen and (max-width: 1199px) { .catalog-page .section-catalog .catalog__desc { font-size: 1rem; margin-top: 1.25rem; } } .catalog-page .section-catalog .catalog__desc p { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.5rem; line-height: 1.5; } @media only screen and (max-width: 1199px) { .catalog-page .section-catalog .catalog__desc p { font-size: 1rem; } } .catalog-page .border__wrap { border-bottom: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .catalog-page .border__wrap { margin-top: 0; } } .catalog-page .product__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -1px; } @media only screen and (max-width: 767px) { .catalog-page .product__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 1199px) { .catalog-page .product-card { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .catalog-page .product-card__wrap { border-left: 1px solid #D4DFEF; border-bottom: 1px solid #D4DFEF; } @media only screen and (max-width: 767px) { .catalog-page .product-card__wrap { max-width: 100%; border-left: none; } } .catalog-page .product-card__wrap:nth-child(3n) { border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 767px) { .catalog-page .product-card__wrap:nth-child(3n) { border-right: none; } } .catalog-page .product-card__wrap:last-child:not(:nth-child(3n)) { width: calc(100% / 3 - 1px); -webkit-box-sizing: unset; box-sizing: unset; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 767px) { .catalog-page .product-card__wrap:last-child:not(:nth-child(3n)) { width: 100%; } } @media only screen and (max-width: 767px) { .catalog-page .product-card .triangle { right: 50%; margin-right: -13.25rem; } } @media only screen and (max-width: 479px) { .catalog-page .product-card .triangle { right: 0; margin-right: 0; } } .catalog-page .filter-wrap { margin-top: 1.875rem; } @media only screen and (max-width: 767px) { .catalog-page .filter-wrap { margin-top: 1.25rem; } } .catalog-page .section-desc { padding: 6.25rem 0; } @media only screen and (max-width: 1199px) { .catalog-page .section-desc { padding: 3.125rem 0; } } .catalog-page .section-desc h2 { max-width: 61.875rem; margin-bottom: 1.875rem; text-align: start; } @media only screen and (max-width: 1199px) { .catalog-page .section-desc h2 { margin-bottom: 1.125rem; } } .catalog-page .section-desc .catalog__desc { max-width: 61.875rem; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.125rem; line-height: 1.5; } @media only screen and (max-width: 1199px) { .catalog-page .section-desc .catalog__desc { font-size: 1rem; } } .catalog-page .section-desc .catalog__desc p { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.125rem; line-height: 1.5; } @media only screen and (max-width: 1199px) { .catalog-page .section-desc .catalog__desc p { font-size: 1rem; } } .catalog-page .section-faq { padding-top: 6.25rem; } @media only screen and (max-width: 1199px) { .catalog-page .section-faq { padding-top: 3.125rem; } } .catalog-page .catalog-wrap { margin-top: 1.875rem; } @media only screen and (max-width: 1199px) { .catalog-page .catalog-wrap { margin-top: 0; } } @media only screen and (max-width: 1199px) { .catalog-page .subcategory { margin-top: 1.875rem; } } @media only screen and (max-width: 767px) { .catalog-page .subcategory { margin-top: 2.8125rem; } } .consultation-page h1 { text-align: start; color: #FFFFFF; } .consultation-page .section-detail-page-header { padding-bottom: 1.875rem; } .consultation-page .banner-3 { padding-top: 0; padding-bottom: 0; min-height: unset; overflow: visible; background: none; } .consultation-page .banner-3__desc { max-width: 95%; margin-left: 0; margin-top: 1.875rem; font-size: 1.5rem; } @media only screen and (max-width: 1199px) { .consultation-page .banner-3__desc { font-size: 1rem; margin-top: 0.9375rem; } } @media only screen and (max-width: 767px) { .consultation-page .banner-3__desc { margin-top: 0.75rem; } } .consultation-page .banner-3__desc p { font-size: 1.5rem; } @media only screen and (max-width: 1199px) { .consultation-page .banner-3__desc p { font-size: 1rem; } } .consultation-page .banner-3__wrap img:nth-child(1) { bottom: -6.25rem; } @media only screen and (max-width: 1199px) { .consultation-page .banner-3__wrap img:nth-child(1) { left: 7.5rem; } } @media only screen and (max-width: 1023px) { .consultation-page .banner-3__wrap img:nth-child(1) { height: 20.3125rem; margin-left: -2.1875rem; bottom: unset; top: 0; left: 2.8125rem; } } @media only screen and (max-width: 767px) { .consultation-page .banner-3__wrap img:nth-child(1) { height: 15.625rem; left: 50%; margin-left: -20%; } } @media only screen and (max-width: 479px) { .consultation-page .banner-3__wrap img:nth-child(1) { left: 0; margin-left: 0; } } .consultation-page .banner-3 .button { margin-left: 0; margin-top: 3.125rem; height: 3.875rem; } @media only screen and (max-width: 1199px) { .consultation-page .banner-3 .button { height: 3.125rem; margin-top: 0.9375rem; } } @media only screen and (max-width: 767px) { .consultation-page .banner-3 .button { padding: 0; } } .consultation-page .section-recommended { border-bottom: 1px solid #D4DFEF; } .consultation-page .section-recommended .h2 { display: block; padding: 0; margin-bottom: 1.25rem; text-align: start; } @media only screen and (max-width: 1199px) { .consultation-page .section-recommended .h2 { margin-bottom: 0.9375rem; } } .consultation-page .section-recommended .recommended { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 43.75rem; } @media only screen and (max-width: 1199px) { .consultation-page .section-recommended .recommended { min-height: unset; } } @media only screen and (max-width: 767px) { .consultation-page .section-recommended .recommended { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .consultation-page .section-recommended .recommended__col { width: 50%; } @media only screen and (max-width: 1199px) { .consultation-page .section-recommended .recommended__col { padding: 1.875rem 1rem; } } @media only screen and (max-width: 767px) { .consultation-page .section-recommended .recommended__col { width: 100%; } } .consultation-page .section-recommended .recommended__col:first-child { border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 767px) { .consultation-page .section-recommended .recommended__col:first-child { border-bottom: 1px solid #D4DFEF; } } @media only screen and (max-width: 1199px) { .consultation-page .section-recommended .recommended__col:not(:first-child) { padding: 1.25rem 1rem; } } .consultation-page .section-recommended .recommended__desc { position: static; margin-top: 1.5625rem; } .consultation-page .section-recommended .recommended__desc .desc { color: #0F46A0; } @media only screen and (max-width: 1199px) { .consultation-page .section-recommended .recommended__desc .desc { font-size: 0.75rem; } } .consultation-page .section-recommended .recommended__img { min-height: 37.5rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; } @media only screen and (max-width: 1199px) { .consultation-page .section-recommended .recommended__img { height: 18.75rem; min-height: 18.75rem; } } @media only screen and (max-width: 767px) { .consultation-page .section-recommended .recommended__img { float: right; height: 14.6875rem; min-height: 14.6875rem; max-width: 18.125rem; } } .consultation-page .section-recommended .recommended__img img { position: relative; z-index: 2; } @media only screen and (max-width: 1199px) { .consultation-page .section-recommended .recommended__img img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } } .consultation-page .section-recommended .recommended__img .triangle { position: absolute; bottom: 0; right: 0; width: 100%; } @media only screen and (max-width: 1199px) { .consultation-page .section-recommended .recommended__img .triangle { bottom: unset; top: 0; right: 0; width: 18.75rem; height: 18.75rem; } } @media only screen and (max-width: 767px) { .consultation-page .section-recommended .recommended__img .triangle { width: 14.6875rem; height: 14.6875rem; } } .consultation-page .section-connect .section-header h2 { margin-bottom: 1.875rem; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .section-header h2 { margin-bottom: 0.625rem; } } .consultation-page .section-connect .section-header h2 + span { display: block; max-width: 62%; margin: 0 auto; text-align: center; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.125rem; line-height: 1.5; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .section-header h2 + span { font-size: 0.875rem; max-width: 75%; } } @media only screen and (max-width: 767px) { .consultation-page .section-connect .section-header h2 + span { max-width: none; } } .consultation-page .section-connect .section-header ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .section-header ul { margin-top: 0.625rem; } } @media only screen and (max-width: 767px) { .consultation-page .section-connect .section-header ul { max-width: 60%; margin: 0 auto; margin-top: 0.625rem; } } @media only screen and (max-width: 479px) { .consultation-page .section-connect .section-header ul { max-width: none; } } .consultation-page .section-connect .section-header ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 20%; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .section-header ul li { width: 25%; } } @media only screen and (max-width: 767px) { .consultation-page .section-connect .section-header ul li { width: 50%; padding-left: 0; } } .consultation-page .section-connect .section-header ul li:first-child { padding-right: 3.125rem; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .section-header ul li:first-child { padding-right: 0; } } .consultation-page .section-connect .section-header ul li:not(:first-child) { margin-top: 0; padding-left: 6.25rem; border-left: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .section-header ul li:not(:first-child) { border-left: none; padding-left: 3.125rem; } } @media only screen and (max-width: 767px) { .consultation-page .section-connect .section-header ul li:not(:first-child) { padding-left: 0; } } .consultation-page .section-connect .section-header ul li:not(:first-child)::before { left: 3.125rem; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .section-header ul li:not(:first-child)::before { left: 1.5625rem; } } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .section-header ul li::before { top: 3px; width: 1.25rem; height: 1.25rem; background-repeat: no-repeat; background-size: 100%; } } @media only screen and (max-width: 767px) { .consultation-page .section-connect .section-header ul li::before { position: static; width: 0.625rem; height: 0.625rem; } } .consultation-page .section-connect .section-header ul li span:first-child { font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; color: #96ABCA; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .section-header ul li span:first-child { font-size: 0.875rem; } } @media only screen and (max-width: 767px) { .consultation-page .section-connect .section-header ul li span:first-child { font-size: 0.6875rem; } } .consultation-page .section-connect .section-header ul li span:nth-child(2) { font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.375rem; color: #0F46A0; text-transform: uppercase; white-space: nowrap; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .section-header ul li span:nth-child(2) { font-size: 1rem; } } @media only screen and (max-width: 767px) { .consultation-page .section-connect .section-header ul li span:nth-child(2) { font-size: 0.875rem; } } .consultation-page .section-connect .general-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2.1875rem; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .general-form { margin-top: 0.9375rem; } } @media only screen and (max-width: 767px) { .consultation-page .section-connect .general-form { margin-top: 0; } } .consultation-page .section-connect .general-form .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .consultation-page .section-connect .general-form .form__row .field-wrap { width: calc(50% - 0.9375rem); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1199px) { .consultation-page .section-connect .general-form .form__row .field-wrap { width: calc(50% - 0.625rem); } } @media only screen and (max-width: 767px) { .consultation-page .section-connect .general-form .form__row .field-wrap { width: 100%; } } .consultation-page .section-connect .general-form .form__row:first-child { margin-top: 0; } .consultation-page .section-connect .general-form .form__row:nth-child(2) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .consultation-page .section-connect .general-form .form__row:nth-child(2) .field-wrap { width: 100%; } @media only screen and (max-width: 767px) { .consultation-page .section-connect .general-form .form__row:nth-child(2) .field-wrap { margin-top: 0; } } .consultation-page .section-connect .general-form textarea { width: 100%; } .consultation-page .section-connect .general-form .form__policy { width: calc(50% - 1.875rem); } @media only screen and (max-width: 767px) { .consultation-page .section-connect .general-form .form__policy { width: 100%; margin-top: 1.25rem; } } .consultation-page .section-connect .general-form .button { width: calc(50% - 1.875rem); } @media only screen and (max-width: 767px) { .consultation-page .section-connect .general-form .button { width: 100%; } } .contacts-page { overflow: hidden; } .contacts-page .list-info { margin-top: 0; border-bottom: 1px solid #D4DFEF; padding-bottom: 2.8125rem; margin-bottom: 3.125rem; } @media only screen and (max-width: 1199px) { .contacts-page .list-info { margin-bottom: 1.25rem; } } @media only screen and (max-width: 767px) { .contacts-page .list-info { padding-bottom: 1.5625rem; margin-top: 1.25rem; } } .contacts-page .list-info > li { width: 100%; } .contacts-page .list-info > li::before { top: 0; } .contacts-page .list-info__item-desc { line-height: 1.5; font-size: 1.5rem; } @media only screen and (max-width: 1199px) { .contacts-page .list-info__item-desc { font-size: 1rem; } } .contacts-page .list-info a { color: #333333; } .contacts-page .contacts { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .contacts-page .contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .contacts-page .contacts .col { width: 50%; } @media only screen and (max-width: 767px) { .contacts-page .contacts .col { width: 100%; } } .contacts-page .contacts .col--l { padding: 3.125rem 3.125rem 3.125rem 0; } @media only screen and (max-width: 1199px) { .contacts-page .contacts .col--l { padding: 1.875rem 1.25rem 1.875rem 0; } } @media only screen and (max-width: 767px) { .contacts-page .contacts .col--l { padding: 0rem 0 0 0; } } .contacts-page .contacts .col--r { padding: 3.125rem 0 3.125rem 3.125rem; } @media only screen and (max-width: 1199px) { .contacts-page .contacts .col--r { padding: 1.875rem 0; } } @media only screen and (max-width: 767px) { .contacts-page .contacts .col--r { padding: 0.9375rem 0; } } .contacts-page .contacts .link-map { font-size: 1.25rem; } @media only screen and (max-width: 1199px) { .contacts-page .contacts .link-map { font-size: 0.75rem; } } .contacts-page .contacts .map { height: 19.375rem; } @media only screen and (max-width: 1199px) { .contacts-page .contacts .map { height: 13.75rem; } } .contacts-page .contacts .map img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .contacts-page .section-contacts { padding-bottom: 0; } @media only screen and (max-width: 767px) { .contacts-page .section-contacts { padding-bottom: 2.5rem; } } #design { background: #D4DFEF; } .design h1 { width: 100%; } .design h2 { width: 100%; margin: 3.125rem 0; } .design h3 { width: 100%; } .design h4 { width: 100%; } .design section { margin: 30px 0; } .design .color-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .design .color-round { width: 50px; height: 50px; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); border: 3px solid #FFF; border-radius: 50%; margin-right: 10px; } .design__background { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .design__background-1 .color-round { background: #00C1B5; } .design__content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .design__content-1 .color-round { background: #FFFFFF; } .design__content-2 .color-round { background: #333333; } .design__content-3 .color-round { background: #0F46A0; } .design__content-4 .color-round { background: #D4DFEF; } .design__content-5 .color-round { background: #B8065B; } .design__content-6 .color-round { background: #E41D51; } .design__content-7 .color-round { background: #F1C61E; } .design__content-8 .color-round { background: #002A3A; } .design__content-9 .color-round { background: #1FCBC0; } .design__content-10 .color-round { background: #96ABCA; } .faq-page .section-faq { border-bottom: 1px solid #D4DFEF; margin-bottom: 6.25rem; } @media only screen and (max-width: 1023px) { .faq-page .section-faq { margin-bottom: 0; } } @media only screen and (max-width: 767px) { .faq-page .section-faq .container { padding-right: 0; } } @media only screen and (max-width: 767px) { .faq-page .section-faq .accordion { padding: 0.25rem 1rem 0; } } .faq-page .border__wrap { margin-top: 3.125rem; } @media only screen and (max-width: 1023px) { .faq-page .border__wrap { margin-top: 0.9375rem; } } .main-page { overflow: hidden; } .main-page .top-850 { margin-top: -7.5rem; min-height: 53rem; } @media only screen and (max-width: 1023px) { .main-page .top-850 { min-height: 28.3125rem; } } .main-page h1 { font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media only screen and (max-width: 1023px) { .main-page h1 { margin-bottom: 0.9375rem; font-size: 1.5625rem; } } .main-page h2 { font-size: 3.4375rem; margin-bottom: 2.5rem; } @media only screen and (max-width: 1199px) { .main-page h2 { font-size: 1.875rem; margin-bottom: 1.5625rem; } } .main-page .banner-2 h2 { margin-bottom: 0; } @media only screen and (max-width: 1023px) { .main-page .banner-2 h2 { font-size: 1.5625rem; } } .main-page .section-banner-3 .banner-3__wrap img:nth-child(1) { left: 4.375rem; top: -6.25rem; } @media only screen and (max-width: 1023px) { .main-page .section-banner-3 .banner-3__wrap img:nth-child(1) { bottom: unset; top: -1.875rem; left: 0.625rem; height: 23.75rem; } } @media only screen and (max-width: 767px) { .main-page .section-banner-3 .banner-3__wrap img:nth-child(1) { top: 0; left: 0; } } .main-page .section-recommended .slider__border { top: 0; /* @include mq('tablet') { //max-width 1024px (мобильное меню) top: rem(105); } */ } @media only screen and (max-width: 767px) { .main-page .section-recommended .slider__border { display: none; } } .main-page .section-articles h2 { margin-bottom: 1.5625rem; } .main-page .section-articles .slider__border { top: 0; /* @include mq('tablet') { //max-width 1024px (мобильное меню) top: rem(90); } */ } .main-page .section-articles .section-body .container { padding: 0; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 1023px) { .main-page .section-articles .section-body .container { padding: 0; } } .news-page .section-articles { padding-top: 0; } .news-page .section-articles .tab.news { margin-top: 1.6875rem; } .news-page .section-articles .tab-header { margin-bottom: 3.375rem; } .news-page .section-articles .section-body { padding-top: 0; } @media only screen and (max-width: 1023px) { .news-page .section-articles .section-body .border__wrap { margin-top: 1.5625rem; } } .partners-page .top-800 .section-detail-page-header__title { max-width: 70%; } @media only screen and (max-width: 1023px) { .partners-page .top-800 .section-detail-page-header__title { max-width: 100%; } } .partners-page .top-800 .h3 { display: block; font-size: 1.5rem; margin-top: 1.875rem; text-align: center; line-height: 1.5; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media only screen and (max-width: 1023px) { .partners-page .top-800 .h3 { margin-top: 1.25rem; font-size: 1.25rem; line-height: 1.4; } } .partners-page .top-800 .ttl-desc { margin-top: 0.625rem; } @media only screen and (max-width: 1023px) { .partners-page .top-800 .ttl-desc { font-size: 1.125rem; } } @media only screen and (max-width: 767px) { .partners-page .top-800 .ttl-desc { margin-top: 0; } } @media only screen and (max-width: 1023px) { .partners-page .top-800 .ttl-desc p { font-size: 1.125rem; } } .partners-page .top-800 .list-info { margin: 1.25rem 0 2.8125rem; } @media only screen and (max-width: 767px) { .partners-page .top-800 .list-info { margin: 0.9375rem 0 0.625rem; } } .partners-page .top-800 .list-info__item { position: relative; width: 35%; } @media only screen and (max-width: 1023px) { .partners-page .top-800 .list-info__item { width: 37%; } } @media only screen and (max-width: 767px) { .partners-page .top-800 .list-info__item { width: 50%; } } @media only screen and (max-width: 767px) { .partners-page .top-800 .list-info__item:not(:first-child) { padding-left: 3.125rem; border-left: none; } } @media only screen and (max-width: 767px) { .partners-page .top-800 .list-info__item:not(:first-child)::before { left: 1rem; } } .partners-page .top-800 .list-info__item-ttl { color: #FFFFFF; } .partners-page .top-800 .list-info__item-desc { color: #FFFFFF; } @media only screen and (max-width: 767px) { .partners-page .top-800 .list-info__item .delimiter { position: absolute; top: 0; right: 0; display: block; width: 1px; height: 50%; background: #D4DFEF; } } .partners-page .top-800 .button { display: -webkit-box; display: -ms-flexbox; display: flex; width: 15rem; margin: 0 auto; } .partners-page .visual-obj--l { right: 50%; left: unset; top: 5.3125rem; bottom: unset; width: auto; margin-left: 0; margin-right: 14.6875rem; } @media only screen and (max-width: 1199px) { .partners-page .visual-obj--l { margin-right: 5rem; } } @media only screen and (max-width: 767px) { .partners-page .visual-obj--l { top: 8.125rem; } } @media only screen and (max-width: 1023px) { .partners-page .visual-obj--l img { max-height: 25rem; } } .partners-page .visual-obj--r { right: unset; left: 50%; top: 3.4375rem; bottom: unset; width: auto; margin-right: 0; margin-left: 20.3125rem; } @media only screen and (max-width: 1199px) { .partners-page .visual-obj--r { top: 15.3125rem; margin-left: 7.8125rem; } } @media only screen and (max-width: 1023px) { .partners-page .visual-obj--r { top: 4.6875rem; } } @media only screen and (max-width: 767px) { .partners-page .visual-obj--r { top: 8.75rem; } } @media only screen and (max-width: 1199px) { .partners-page .visual-obj--r img { max-height: 30rem; } } .partners-page .visual-obj img { width: auto; } .partners-page .section-adv .tab-content { border-top: 1px solid #D4DFEF; border-bottom: 1px solid #D4DFEF; } @media only screen and (max-width: 767px) { .partners-page .section-adv .tab-content { border-top: none; } } .partners-page .section-adv .tab-header { padding: 1.875rem 0 2.1875rem; } @media only screen and (max-width: 1023px) { .partners-page .section-adv .tab-header { padding: 1.25rem 0; } } .partners-page .section-adv .tab-header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1023px) { .partners-page .section-adv .tab-header__item { font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; } } .partners-page .section-adv .tab-header__item.active::before { width: 0.9375rem; height: 0.9375rem; } @media only screen and (max-width: 1023px) { .partners-page .section-adv .list-img { margin-top: 0; } } .partners-page .list-logo__item { min-height: 14.0625rem; } @media only screen and (max-width: 1599px) { .partners-page .list-logo__item { min-height: unset; } } @media only screen and (max-width: 1199px) { .partners-page .list-logo__item { min-height: 8.125rem; } } @media only screen and (max-width: 1023px) { .partners-page .list-logo__item { min-height: 6.5625rem; } } .product-page { overflow: hidden; } .product-page .section-top-wrap { width: 50%; float: right; } @media only screen and (max-width: 767px) { .product-page .section-top-wrap { width: 100%; float: none; } } .product-page .section-top-wrap .container { max-width: 45.9375rem; margin: 0; } .product-page .section-top-two-col-wrap .col--l { position: absolute; top: 3.125rem; width: 40%; max-width: 45.9375rem; padding-left: 0.9375rem; } @media only screen and (max-width: 1023px) { .product-page .section-top-two-col-wrap .col--l { top: 1.875rem; width: 50%; } } @media only screen and (max-width: 767px) { .product-page .section-top-two-col-wrap .col--l { width: 100%; position: static; padding-left: 0; } } .product-page .section-top-two-col-wrap .col--r { margin-left: auto; padding-right: 0.9375rem; padding-left: 1.25rem; } @media only screen and (max-width: 767px) { .product-page .section-top-two-col-wrap .col--r { margin-left: 0; padding-right: 0; padding-left: 0; } } .product-page .section-top-two-col-wrap .container > .row { width: 100%; } .product-page .section-breadcrumbs .container { padding: 0; } @media only screen and (max-width: 767px) { .product-page .section-breadcrumbs .container { padding: 0 1rem; } } .product-page .section-breadcrumbs .breadcrumbs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media only screen and (max-width: 767px) { .product-page .section-breadcrumbs .breadcrumbs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .product-page .section-product-header .product__ttl { margin-top: 0; } .product-page .section-product-header .product__ttl h1 { font-size: 3.4375rem; } @media only screen and (max-width: 767px) { .product-page .section-product-header .product__ttl { margin-top: 1.875rem; margin-bottom: 1.25rem; } } .product-page .banner-2 h2 { margin-bottom: 0; } .product-page .banner-2 .img-big { -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(7%, #000), color-stop(93%, #000), to(transparent)); -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%); mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(7%, #000), color-stop(93%, #000), to(transparent)); mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%); } .search-page .section-search .container { max-width: 84.0625rem; } .search-page .section-search .search { position: relative; height: auto; margin: 3.125rem 0; padding: 0; } @media only screen and (max-width: 1199px) { .search-page .section-search .search { margin: 1.875rem 0; } } .search-page .section-search .search input[type="search"] { max-width: none; } .search-page .section-search .search input[type="submit"] { width: 14.0625rem; } @media only screen and (max-width: 1199px) { .search-page .section-search .search input[type="submit"] { width: 10.625rem; } } .why-we-page { overflow: hidden; } .why-we-page .section-detail-page-header .visual-obj--l { width: 27.5rem; bottom: 0; left: 50%; margin-left: -50rem; } @media only screen and (max-width: 1599px) { .why-we-page .section-detail-page-header .visual-obj--l { margin-left: 0; left: 0; } } @media only screen and (max-width: 1199px) { .why-we-page .section-detail-page-header .visual-obj--l { width: 12.3125rem; } } @media only screen and (max-width: 767px) { .why-we-page .section-detail-page-header .visual-obj--l { width: 7.9375rem; bottom: -2.0625rem; } } .why-we-page .section-detail-page-header .visual-obj--r { width: 34.125rem; bottom: 0; right: 50%; margin-right: -50rem; } @media only screen and (max-width: 1599px) { .why-we-page .section-detail-page-header .visual-obj--r { margin-right: 0; right: 0; } } @media only screen and (max-width: 1199px) { .why-we-page .section-detail-page-header .visual-obj--r { width: 15.3125rem; } } @media only screen and (max-width: 767px) { .why-we-page .section-detail-page-header .visual-obj--r { width: 7.9375rem; bottom: -0.5625rem; } } @media only screen and (max-width: 1199px) { .why-we-page .about__col-l .about__img { display: none; } } @media only screen and (max-width: 767px) { .why-we-page .about__col-l .about__img { display: block; } } .why-we-page .section-banner-2 .banner-2 .container { position: relative; } @media only screen and (max-width: 767px) { .why-we-page .section-banner-2 .banner-2 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .why-we-page .section-banner-2 .banner-2.banner-about { min-height: 45rem; } @media only screen and (max-width: 1199px) { .why-we-page .section-banner-2 .banner-2.banner-about { min-height: 20.9375rem; } } /*=== Components ====*/ .about { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 0 0; margin: 0 -3.125rem; position: relative; } @media only screen and (max-width: 1199px) { .about { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.9375rem; } } .about__col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 8.75rem; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .about__col-l { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0.9375rem; padding-bottom: 3rem; border-right: none; } } @media only screen and (max-width: 767px) { .about__col-l { padding-bottom: 1.875rem !important; } } .about__col-l h2, .about__col-l .h2 { margin: 3.125rem 0 1.5625rem; text-align: left; } @media only screen and (max-width: 1199px) { .about__col-l h2, .about__col-l .h2 { margin: 0.625rem 0 0.9375rem; } } .about__col-l h2:first-child, .about__col-l .h2:first-child { margin-top: 2.9375rem; margin-bottom: 1.875rem; } @media only screen and (max-width: 1199px) { .about__col-l h2:first-child, .about__col-l .h2:first-child { margin-top: 0.625rem; margin-bottom: 0.9375rem; } } @media only screen and (max-width: 767px) { .about__col-l h2:first-child, .about__col-l .h2:first-child { margin-top: 1.875rem; } } .about__col-l .about__img { display: none; } @media only screen and (max-width: 1199px) { .about__col-l .about__img { display: block; margin: 1.875rem 0; } } @media only screen and (max-width: 479px) { .about__col-l .about__img { height: 12.8125rem; } } .about__col-l .about__img img { width: 100%; height: auto; } @media only screen and (max-width: 479px) { .about__col-l .about__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .about__cont { font-style: normal; font-weight: 400; } .about__cont p { font-size: 1.125rem; line-height: 150%; margin: 0 0 0.625rem; } @media only screen and (max-width: 1199px) { .about__cont p { font-size: 1rem; } } .about__cont p:last-child { margin-bottom: 0; } .about__col-r { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media only screen and (max-width: 1199px) { .about__col-r { display: none; } } @media only screen and (max-width: 479px) { .about__col-r .about__img { height: 12.8125rem; } } .about__col-r .about__img img { width: 100%; height: auto; } @media only screen and (max-width: 479px) { .about__col-r .about__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .about__ico-list { margin: -3.125rem; } @media only screen and (max-width: 1199px) { .about__ico-list { margin: -1.25rem -0.9375rem; } } @media only screen and (max-width: 767px) { .about__ico-list { margin: 0; } } .about__ico-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .about__ico-item { border-top: 1px solid #D4DFEF; } } .about__ico-item:last-child { border-bottom: none; } .about__ico-item-pic { -webkit-box-flex: 0; -ms-flex: 0 0 9.375rem; flex: 0 0 9.375rem; max-width: 9.375rem; margin: 0 1.875rem 0 0; } @media only screen and (max-width: 1199px) { .about__ico-item-pic { -webkit-box-flex: 0; -ms-flex: 0 0 5rem; flex: 0 0 5rem; max-width: 5rem; margin: 0 1.25rem 0 0; } } .about__ico-item-pic img { width: 100%; height: auto; } .about__ico-item-desc { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .about__ico-item-ttl { color: #0F46A0; font-size: 2.1875rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 95%; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .about__ico-item-ttl { font-size: 1.25rem; } } .about__ico-item-cont { color: #96ABCA; font-size: 1.5625rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 95%; text-transform: uppercase; margin-top: 0.9375rem; } @media only screen and (max-width: 1199px) { .about__ico-item-cont { font-size: 1rem; } } .about-visual { margin: 0 -3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1199px) { .about-visual { margin: 0 -0.9375rem; } } @media only screen and (max-width: 767px) { .about-visual { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .about-visual__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; overflow: hidden; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .about-visual__item { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } @media only screen and (max-width: 767px) { .about-visual__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border-right: none; border-bottom: 1px solid #D4DFEF; padding-top: 1.25rem; padding-bottom: 1.25rem; } } .about-visual__item:first-child { border-left: 1px solid #D4DFEF; } @media only screen and (max-width: 767px) { .about-visual__item:first-child { border-left: none; } } @media only screen and (max-width: 767px) { .about-visual__item:last-child { border-bottom: none; } } .about-visual__inner-wrapper { overflow: hidden; position: relative; width: 100%; height: 100%; min-height: 34.375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 3.125rem 3.125rem 3.125rem 2.8125rem; color: #FFFFFF; } @media only screen and (max-width: 1199px) { .about-visual__inner-wrapper { min-height: 25rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 5rem 1.25rem 0.9375rem; } } @media only screen and (max-width: 767px) { .about-visual__inner-wrapper { padding: 6.25rem 1.25rem 0.9375rem; } } .about-visual__inner-wrapper.blue { background-color: #61CBE9; } .about-visual__inner-wrapper.dark-blue { background-color: #1A97D5; } .about-visual__inner-wrapper img { position: absolute; top: 0; right: 0; z-index: 0; } @media only screen and (max-width: 1199px) { .about-visual__inner-wrapper img { width: 32.063vw; top: -1.625rem; } } @media only screen and (max-width: 767px) { .about-visual__inner-wrapper img { width: 65.75vw; top: -1.1875rem; right: -2.4375rem; } } .about-visual__desc { position: relative; z-index: 10; } .about-visual__ttl { font-size: 2.1875rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 95%; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .about-visual__ttl { font-size: 1.25rem; } } .about-visual__cont { margin-top: 1.25rem; } @media only screen and (max-width: 1199px) { .about-visual__cont { margin-top: 0.6875rem; } } .about-visual__cont p { font-size: 1.125rem; } @media only screen and (max-width: 1199px) { .about-visual__cont p { font-size: 1rem; } } @media only screen and (max-width: 1199px) { .about-alt .about__col-l { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-bottom: 1.6875rem; border-right: 1px solid #D4DFEF; } .about-alt .about__col-r { display: block; } } @media only screen and (max-width: 767px) { .about-alt .about__col-l { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 0.125rem; border-right: none; } .about-alt .about__col-r { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } } @media only screen and (max-width: 767px) { .about-alt2 .about__col-l { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-alt2 .about__col-l h2, .about-alt2 .about__col-l .h2 { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .about-alt2 .about__col-l .about__cont { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; padding-bottom: 1.6875rem; } .about-alt2 .about__col-l .about__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-top: 0; margin-bottom: 0.9375rem; } .about-alt2 .about__col-r { display: none; } } .accordion__item { margin-bottom: 1.875rem; } @media only screen and (max-width: 1199px) { .accordion__item { margin-bottom: 1.5625rem; } } @media only screen and (max-width: 1199px) { .accordion__item:first-child { padding-top: 0.875rem; } } .accordion__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0F46A0; cursor: pointer; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-family: "Onest-Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.25rem; line-height: 1; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .accordion__header { font-size: 1rem; } } .accordion__header::before { -ms-flex-negative: 0; flex-shrink: 0; width: 1.5625rem; height: 1.5625rem; margin-right: 1.875rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1078_7362)'%3e%3cpath d='M12.5 0V12.5M12.5 12.5V25M12.5 12.5H25M12.5 12.5H0' stroke='%230F46A0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1078_7362'%3e%3crect width='25' height='25.0001' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 100%; content: ""; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1199px) { .accordion__header::before { width: 1.25rem; height: 1.25rem; margin-top: -0.1875rem; margin-right: 1.25rem; } } ._show .accordion__header::before, ._slidedown .accordion__header::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .accordion__header:hover { color: #00C1B5; } .accordion__header:hover::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1078_7362)'%3e%3cpath d='M12.5 0V12.5M12.5 12.5V25M12.5 12.5H25M12.5 12.5H0' stroke='%2300C1B5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1078_7362'%3e%3crect width='25' height='25.0001' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); } .accordion__body { max-height: 62.5rem; height: 100%; overflow: hidden; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .accordion__content { padding-top: 2.1875rem; padding-left: 5.8125rem; max-width: 87%; line-height: 1.5; visibility: visible; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } @media only screen and (max-width: 1023px) { .accordion__content { padding-top: 0.75rem; padding-left: 5.1875rem; } } @media only screen and (max-width: 767px) { .accordion__content { padding-left: 2rem; } } .accordion__item:not(._show) .accordion__body { max-height: 0; } .accordion__item:not(._show) .accordion__content { visibility: hidden; } .banner-1 { border-top: 1px solid #D4DFEF; } .banner-1 .container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } @media only screen and (max-width: 767px) { .banner-1 .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .banner-1__wrap { width: calc(100% - (100% / 3)); border-left: 1px solid #D4DFEF; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 1023px) { .banner-1__wrap { width: calc(100% - 15.1875rem); } } @media only screen and (max-width: 767px) { .banner-1__wrap { height: 24.375rem; width: 100%; border-top: 1px solid #D4DFEF; } } .banner-1__wrap:hover h3 { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .banner-1__wrap:hover { opacity: 1; } .banner-1__article { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .banner-1__article:hover { opacity: 1; } .banner-1__img { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; } .banner-1__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .banner-1__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 27.5rem; width: 50%; padding: 3.125rem; padding-right: 0; z-index: 2; } @media only screen and (max-width: 1199px) { .banner-1__inner { width: 70%; max-width: none; } } @media only screen and (max-width: 1023px) { .banner-1__inner { padding: 1.25rem; width: 50%; } } @media only screen and (max-width: 767px) { .banner-1__inner { width: 65%; } } .banner-1__inner h3 { color: #0F46A0; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-size: 2.8125rem; line-height: 1.05; } @media only screen and (max-width: 1199px) { .banner-1__inner h3 { font-size: 1.25rem; } } @media only screen and (max-width: 1023px) { .banner-1__desc { margin-bottom: 2.1875rem; } } @media only screen and (max-width: 767px) { .banner-1__desc { margin-bottom: 0; } } .banner-1 .product-card { height: 100%; width: 100%; max-width: none; border-left: 1px solid #D4DFEF; } @media only screen and (max-width: 767px) { .banner-1 .product-card { border-left: none; } } .banner-1 .product-card__wrap { width: calc(100% / 3); } @media only screen and (max-width: 1023px) { .banner-1 .product-card__wrap { width: 15.1875rem; } } @media only screen and (max-width: 767px) { .banner-1 .product-card__wrap { width: 20rem; margin: 0 auto; max-width: none; } } .banner-1 .desc { margin-top: 0.3125rem; } @media only screen and (max-width: 1023px) { .banner-1 .desc { margin-top: 0.0625rem; } } .banner-2 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 55.8125rem; background: #ff94a8; } @media only screen and (max-width: 1023px) { .banner-2 { min-height: 31.375rem; padding: 3.125rem 0; } } @media only screen and (max-width: 767px) { .banner-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0; } } .banner-2__preview { margin: 2.1875rem 0; color: #FFFFFF; line-height: 1.5; } @media only screen and (max-width: 1023px) { .banner-2__preview { margin: 1.25rem 0; } } .banner-2__content { margin-top: 6.25rem; max-width: 31.875rem; padding-left: 3.125rem; } @media only screen and (max-width: 1023px) { .banner-2__content { padding-left: 1rem; max-width: 22.5rem; margin-top: 0; } } @media only screen and (max-width: 767px) { .banner-2__content { max-width: none; padding-right: 1rem; } } .banner-2__list { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 100rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 1023px) { .banner-2__list { overflow-x: scroll; scrollbar-width: none; } .banner-2__list::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .banner-2__list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: calc(100% / 4 + 1px); margin-right: -1px; padding: 3.125rem; padding-top: 6.875rem; border: 1px solid #FFFFFF; border-bottom: none; font-family: "Onest-Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.5625rem; text-transform: uppercase; line-height: 1; color: #FFFFFF; letter-spacing: 0em; } @media only screen and (max-width: 1439px) { .banner-2__list li { font-size: 1.125rem; padding: 1.25rem; padding-top: 5rem; } } @media only screen and (max-width: 1023px) { .banner-2__list li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-width: 15.3125rem; padding: 0.625rem 0.9375rem; padding-top: 1.875rem; font-size: 0.875rem; } } .banner-2__list li + li { margin-top: 0; } .banner-2__list li:hover span { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .banner-2__list li:before { position: absolute; top: 3.125rem; left: 3.125rem; counter-increment: myCounter; content: "0" counter(myCounter); font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.9375rem; color: #FFFFFF; } @media only screen and (max-width: 1199px) { .banner-2__list li:before { left: 1.25rem; } } @media only screen and (max-width: 1023px) { .banner-2__list li:before { font-size: 0.625rem; top: 0.625rem; left: 0.9375rem; } } .banner-2__list li span { -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .banner-2 .container { z-index: 2; padding: 0; } @media only screen and (max-width: 1919px) { .banner-2 .container { padding: 0 3.125rem; } } @media only screen and (max-width: 1199px) { .banner-2 .container { padding: 0 1rem; } } .banner-2 .img-big { position: absolute; top: 0; width: auto; height: 100%; -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(5%, transparent), color-stop(7%, #000), color-stop(93%, #000), color-stop(95%, transparent)); -webkit-mask-image: linear-gradient(90deg, transparent 5%, #000 7%, #000 93%, transparent 95%); /*для хрома*/ mask-image: -webkit-gradient(linear, left top, right top, color-stop(5%, transparent), color-stop(7%, #000), color-stop(93%, #000), color-stop(95%, transparent)); mask-image: linear-gradient(90deg, transparent 5%, #000 7%, #000 93%, transparent 95%); } @media only screen and (max-width: 767px) { .banner-2 .img-big { position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 17.8125rem; width: auto; } } .banner-2 .img-small { position: absolute; top: 0; width: auto; height: auto; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .banner-2 .img-small:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .banner-2 .img-small:nth-child(1) { top: 24rem; left: calc(50% - 13.0652rem); } @media only screen and (max-width: 1439px) { .banner-2 .img-small:nth-child(1) { left: calc(50% - 3.0652rem); } } @media only screen and (max-width: 1023px) { .banner-2 .img-small:nth-child(1) { top: 17.1875rem; left: calc(50% - 3.4375rem); width: 5.3125rem; } } @media only screen and (max-width: 767px) { .banner-2 .img-small:nth-child(1) { bottom: 6.5625rem; left: calc(50% - 9.0625rem); top: unset; } } .banner-2 .img-small:nth-child(2) { top: -1.0625rem; left: calc(50% + 33.875rem); } @media only screen and (max-width: 1439px) { .banner-2 .img-small:nth-child(2) { left: calc(50% + 26.875rem); } } @media only screen and (max-width: 1023px) { .banner-2 .img-small:nth-child(2) { width: 5.3125rem; top: 2.8125rem; left: calc(50% + 17.8125rem); } } @media only screen and (max-width: 767px) { .banner-2 .img-small:nth-child(2) { bottom: 13.125rem; left: calc(50% + 3.75rem); top: unset; } } .banner-2 h2 { text-align: start; line-height: 0.95; } @media only screen and (max-width: 1023px) { .banner-2 h2 { margin-bottom: 0; } } @media only screen and (max-width: 767px) { .banner-2 h2 { width: 60%; } } .banner-2 .img-big-png { position: absolute; right: 0; bottom: 0; pointer-events: none; max-height: 100%; max-width: 50%; } @media only screen and (max-width: 1023px) { .banner-2 .img-big-png { max-width: 45%; } } @media only screen and (max-width: 767px) { .banner-2 .img-big-png { position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: 80%; margin: 1.25rem auto 0.625rem; } } .banner-2.banner-research__contant { margin-top: 7.25rem; } .banner-2.banner-about h2 { margin-bottom: 0; } .banner-2.banner-about .banner-2__preview { margin: 1.5625rem 0; } @media only screen and (max-width: 1023px) { .banner-2.banner-about .banner-2__preview { margin: 0.9375rem 0; } } .banner-2.banner-about__contant { margin-top: 7.25rem; } .banner-2.banner-about .img-small:nth-child(1) { top: 28.125rem; left: calc(50% + 36.9348rem); z-index: 20; } .banner-2.banner-about .img-small:nth-child(2) { top: 4rem; left: calc(50% + 4.875rem); } .banner-2 .button-str { width: 40%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media only screen and (max-width: 767px) { .banner-2 .button-str { width: 50%; } } .banner-3 { min-height: 38.75rem; padding: 6.25rem 0; background: #0DC4B9; overflow: hidden; } @media only screen and (max-width: 1199px) { .banner-3 { padding: 3.125rem 0; min-height: 29.0625rem; } } @media only screen and (max-width: 767px) { .banner-3 { min-height: 40.625rem; } } .banner-3__desc { margin-left: 8.125rem; max-width: 60%; color: #FFFFFF; line-height: 1.6; } @media only screen and (max-width: 1199px) { .banner-3__desc { max-width: none; margin-left: 0; line-height: 1.5; } } .banner-3__wrap { position: relative; width: 50%; } @media only screen and (max-width: 767px) { .banner-3__wrap { width: 100%; } } .banner-3__wrap:nth-child(2) { min-height: 10.625rem; } @media only screen and (max-width: 767px) { .banner-3__wrap:nth-child(2) { min-height: 7.1875rem; } } .banner-3__wrap img { position: absolute; } .banner-3__wrap img:nth-child(1) { top: -3.75rem; left: 0.9375rem; } @media only screen and (max-width: 1023px) { .banner-3__wrap img:nth-child(1) { left: 2.8125rem; } } .banner-3__wrap img:nth-child(2) { top: -6.25rem; right: -3.125rem; } .banner-3 h2 { margin: 2.1875rem 0 1.5625rem; text-align: start; font-size: 3.4375rem; color: #FFFFFF; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1199px) { .banner-3 h2 { font-size: 1.875rem; line-height: 0.95; margin-top: 1.5625rem; margin-bottom: 1.25rem; } } .banner-3 .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .banner-3 .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .banner-3 .button { height: 3.4375rem; padding: 0 2.0625rem; margin-left: 8.125rem; margin-top: 1.5625rem; color: #fff; font-size: 1rem; } @media only screen and (max-width: 1199px) { .banner-3 .button { margin-top: 1.875rem; margin-left: 0; font-size: 0.875rem; height: 3.125rem; } } @media only screen and (max-width: 767px) { .banner-3 .button { margin-top: 1.25rem; width: 100%; max-width: 18.125rem; } } @media only screen and (max-width: 479px) { .banner-3 .button { max-width: none; } } .banner-catalog { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: calc(100% / 3); width: calc(100% / 3); border: 1px solid #D4DFEF; border-top: none; border-right: none; } @media only screen and (max-width: 767px) { .banner-catalog { min-height: 26.375rem; width: 100%; max-width: none; border: none; border-bottom: 1px solid #D4DFEF; } } .banner-catalog__inner { position: relative; width: 100%; padding: 3.125rem; background: #00C1B5; } @media only screen and (max-width: 1439px) { .banner-catalog__inner { padding: 1.875rem 1.125rem 0; } } @media only screen and (max-width: 1023px) { .banner-catalog__inner { padding: 1.875rem 1.125rem 0; } } .banner-catalog .h3 { display: block; text-align: center; color: #FFFFFF; } @media only screen and (max-width: 1439px) { .banner-catalog .h3 { font-size: 1.5625rem; } } @media only screen and (max-width: 1023px) { .banner-catalog .h3 { font-size: 1.25rem; line-height: 0.9; } } @media only screen and (max-width: 767px) { .banner-catalog .h3 { max-width: 12.5rem; margin: 0 auto; } } .banner-catalog img { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 1439px) { .banner-catalog img { max-width: 100%; } } @media only screen and (max-width: 767px) { .banner-catalog img { height: 17.8125rem; } } .breadcrumbs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 3.4375rem 0 2.1875rem; z-index: 2; } @media only screen and (max-width: 1023px) { .breadcrumbs { margin: 1.375rem 0 1.5rem; } } @media only screen and (max-width: 767px) { .breadcrumbs { margin-top: 0.625rem; } } .breadcrumbs__item { position: relative; margin-top: 0.625rem; font-size: 0.75rem; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs__item:not(:first-child) { padding-left: 2.5rem; } .breadcrumbs__item:not(:first-child):before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 2.5rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='7' height='9' viewBox='0 0 7 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.329 4.243L0.5 1.415L1.914 0L6.157 4.243L1.914 8.486L0.5 7.071L3.329 4.243Z' fill='%2396ABCA'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; } .breadcrumbs__text { color: #96ABCA; } .breadcrumbs__link { color: #96ABCA; } .header-white ~ main .breadcrumbs__item:not(:first-child):before { content: ''; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.829 4.243L0 1.415L1.414 0L5.657 4.243L1.414 8.486L0 7.071L2.829 4.243Z' fill='white'/%3e%3c/svg%3e"); } .header-white ~ main .breadcrumbs__text { color: #FFFFFF; } .header-white ~ main .breadcrumbs__link { color: #FFFFFF; } .button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.8125rem; padding: 0 1.375rem; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; line-height: 160%; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; text-transform: uppercase; cursor: pointer; } .button-border { border: 1px solid #0F46A0; color: #0F46A0; } .button-border:hover { color: #FFFFFF; background: #0F46A0; } .button-border-white { color: #FFFFFF; border: 1px solid #FFFFFF !important; } .button-str { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.125rem; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; text-transform: uppercase; color: #FFFFFF; line-height: 1; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; cursor: pointer; } @media only screen and (max-width: 1023px) { .button-str { font-size: 0.875rem; } } .button-str svg { margin-left: 0.9375rem; color: #FFFFFF; stroke: currentColor; } @media only screen and (max-width: 1023px) { .button-str svg { height: 0.625rem; margin-left: 0.5rem; } } .button-str.blue { color: #0F46A0; } .button-str.blue svg { color: #0F46A0; } .button-str.aqua { color: #1FCBC0; } .button-str.aqua svg { color: #1FCBC0; } .button-blue { height: 3.9375rem; text-align: center; color: #FFFFFF; background: #0F46A0; } @media only screen and (max-width: 1023px) { .button-blue { height: 3.125rem; } } .link-map { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; text-transform: uppercase; color: #1FCBC0; line-height: 1; } @media only screen and (max-width: 1023px) { .link-map { font-size: 0.75rem; } } .link-map svg { margin-left: 1.25rem; } @media only screen and (max-width: 1023px) { .link-map svg { height: 0.9375rem; margin-left: 0.625rem; } } .certificates { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .certificates { -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 29.6875rem; } } .certificates__col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 6.125rem 16.5625rem 0 0; } @media only screen and (max-width: 1023px) { .certificates__col-l { padding: 1.875rem 0.9375rem 0 0; } } @media only screen and (max-width: 767px) { .certificates__col-l { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 1rem; padding-top: 0.9375rem; } } .certificates__col-l .button-str { color: #0F46A0; } @media only screen and (max-width: 1023px) { .certificates__col-l .button-str { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .certificates__col-l .button-str svg { color: #0F46A0; } .certificates__col-l .button-str svg path { stroke: #0F46A0; } .certificates__col-r { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media only screen and (max-width: 767px) { .certificates__col-r { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .certificates h2, .certificates .h2 { text-align: left; } @media only screen and (max-width: 1023px) { .certificates h2, .certificates .h2 { margin-bottom: 1.25rem; } } @media only screen and (max-width: 767px) { .certificates h2, .certificates .h2 { margin-top: 1.875rem; } } .certificates__img img { width: 100%; height: auto; } @media only screen and (max-width: 767px) { .certificates__img img { max-height: 14.0625rem; -o-object-fit: contain; object-fit: contain; } } .certificates__cont { font-size: 1.125rem; line-height: 150%; margin: 20px 0; } .certificates__cont p { margin-top: 0; } .certificates__cont p:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .articles { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .article { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 37.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-left: 1px solid #D4DFEF; border-bottom: 1px solid #D4DFEF; } @media only screen and (max-width: 1023px) { .article { height: 23.375rem; } } @media only screen and (max-width: 767px) { .article { height: auto; } } .article__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 19.375rem; margin-bottom: 2.1875rem; overflow: hidden; } @media only screen and (max-width: 1023px) { .article__img { height: 10rem; margin-bottom: 0.9375rem; } } @media only screen and (max-width: 767px) { .article__img { height: 12.8125rem; max-width: 17.5rem; } } @media only screen and (max-width: 479px) { .article__img { max-width: none; } } .article__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .article:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .article__content .desc { text-align: end; color: #96ABCA; } @media only screen and (max-width: 767px) { .article__content .desc { text-align: start; } } @media only screen and (max-width: 479px) { .article__content .desc { text-align: end; } } .article__desc { position: absolute; right: 3.125rem; bottom: 3.125rem; } @media only screen and (max-width: 1023px) { .article__desc { right: 1.875rem; bottom: 1.875rem; } } @media only screen and (max-width: 767px) { .article__desc { position: static; right: 0.9375rem; bottom: 1.25rem; } } @media only screen and (max-width: 767px) { .article__desc .desc { margin-top: 0; } } .article__preview { display: none; color: #002A3A; font-size: 1rem; line-height: 1.5; } @media only screen and (max-width: 1023px) { .article__preview { font-size: 0.875rem; } } .article__preview p { font-size: 1rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: calc(1rem * 1.5 * 8); display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (max-width: 1023px) { .article__preview p { font-size: 0.875rem; } } .article__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc( 100% / 3); } @media only screen and (max-width: 767px) { .article__wrap { width: 100%; } } .article__wrap:first-of-type:not(.slide), .article__wrap:nth-of-type(10n+7):not(.slide), .article__wrap:nth-of-type(10n+11):not(.slide) { width: calc(100% - ( 100% / 3)); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } @media only screen and (max-width: 767px) { .article__wrap:first-of-type:not(.slide), .article__wrap:nth-of-type(10n+7):not(.slide), .article__wrap:nth-of-type(10n+11):not(.slide) { width: 100%; } } .article__wrap:first-of-type:not(.slide) .article, .article__wrap:nth-of-type(10n+7):not(.slide) .article, .article__wrap:nth-of-type(10n+11):not(.slide) .article { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .article__wrap:first-of-type:not(.slide) .article, .article__wrap:nth-of-type(10n+7):not(.slide) .article, .article__wrap:nth-of-type(10n+11):not(.slide) .article { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .article__wrap:first-of-type:not(.slide) .article__img, .article__wrap:nth-of-type(10n+7):not(.slide) .article__img, .article__wrap:nth-of-type(10n+11):not(.slide) .article__img { height: 100%; width: calc(100% / 2 - 3.125rem); margin-bottom: 0; } @media only screen and (max-width: 1199px) { .article__wrap:first-of-type:not(.slide) .article__img, .article__wrap:nth-of-type(10n+7):not(.slide) .article__img, .article__wrap:nth-of-type(10n+11):not(.slide) .article__img { width: calc(100% / 2 - 0.9375rem); } } @media only screen and (max-width: 767px) { .article__wrap:first-of-type:not(.slide) .article__img, .article__wrap:nth-of-type(10n+7):not(.slide) .article__img, .article__wrap:nth-of-type(10n+11):not(.slide) .article__img { height: 12.8125rem; width: 100%; margin-bottom: 0.9375rem; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .article__wrap:first-of-type:not(.slide) .article__content, .article__wrap:nth-of-type(10n+7):not(.slide) .article__content, .article__wrap:nth-of-type(10n+11):not(.slide) .article__content { position: relative; width: calc(100% / 2); -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding-right: 6.25rem; line-height: 1.5; } @media only screen and (max-width: 1439px) { .article__wrap:first-of-type:not(.slide) .article__content, .article__wrap:nth-of-type(10n+7):not(.slide) .article__content, .article__wrap:nth-of-type(10n+11):not(.slide) .article__content { padding-right: 3.125rem; } } @media only screen and (max-width: 767px) { .article__wrap:first-of-type:not(.slide) .article__content, .article__wrap:nth-of-type(10n+7):not(.slide) .article__content, .article__wrap:nth-of-type(10n+11):not(.slide) .article__content { width: 100%; padding-right: 0; } } .article__wrap:first-of-type:not(.slide) .article__desc, .article__wrap:nth-of-type(10n+7):not(.slide) .article__desc, .article__wrap:nth-of-type(10n+11):not(.slide) .article__desc { right: 6.25rem; bottom: 0; } @media only screen and (max-width: 1023px) { .article__wrap:first-of-type:not(.slide) .article__desc, .article__wrap:nth-of-type(10n+7):not(.slide) .article__desc, .article__wrap:nth-of-type(10n+11):not(.slide) .article__desc { right: 3.125rem; } } @media only screen and (max-width: 767px) { .article__wrap:first-of-type:not(.slide) .article__desc, .article__wrap:nth-of-type(10n+7):not(.slide) .article__desc, .article__wrap:nth-of-type(10n+11):not(.slide) .article__desc { right: 0.9375rem; bottom: 1.25rem; } } .article__wrap:first-of-type:not(.slide) .article__preview, .article__wrap:nth-of-type(10n+7):not(.slide) .article__preview, .article__wrap:nth-of-type(10n+11):not(.slide) .article__preview { display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: calc(1rem * 1.5 * 8); display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (max-width: 767px) { .article__wrap:first-of-type:not(.slide) .article__preview, .article__wrap:nth-of-type(10n+7):not(.slide) .article__preview, .article__wrap:nth-of-type(10n+11):not(.slide) .article__preview { display: none; } } .article__wrap:first-of-type:not(.slide) h4, .article__wrap:nth-of-type(10n+7):not(.slide) h4, .article__wrap:nth-of-type(10n+11):not(.slide) h4 { margin-bottom: 1.5625rem; font-size: 2.8125rem; line-height: 1.05; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: calc(2.8125rem * 1.05 * 5); display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (max-width: 1439px) { .article__wrap:first-of-type:not(.slide) h4, .article__wrap:nth-of-type(10n+7):not(.slide) h4, .article__wrap:nth-of-type(10n+11):not(.slide) h4 { font-size: 2.1875rem; } } @media only screen and (max-width: 1199px) { .article__wrap:first-of-type:not(.slide) h4, .article__wrap:nth-of-type(10n+7):not(.slide) h4, .article__wrap:nth-of-type(10n+11):not(.slide) h4 { font-size: 1.375rem; } } @media only screen and (max-width: 1023px) { .article__wrap:first-of-type:not(.slide) h4, .article__wrap:nth-of-type(10n+7):not(.slide) h4, .article__wrap:nth-of-type(10n+11):not(.slide) h4 { font-size: 1rem; line-height: 1.2; margin-bottom: 0.625rem; } } @media only screen and (max-width: 767px) { .article__wrap:first-of-type:not(.slide) h4, .article__wrap:nth-of-type(10n+7):not(.slide) h4, .article__wrap:nth-of-type(10n+11):not(.slide) h4 { max-height: calc(1.375rem * 1.2 * 5); -webkit-line-clamp: 5; margin-bottom: 1.875rem; } } .article__wrap:hover { opacity: 1; } .article__wrap.slide { width: 100%; } .article__wrap:last-child:not(:nth-child(5n)) { border-right: 1px solid #D4DFEF; } .article__wrap:nth-last-child(-n+3) { margin-bottom: -1px; } .article h4 { line-height: 1.2; color: #0F46A0; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: calc(1.375rem * 1.2 * 3); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media only screen and (max-width: 1023px) { .article h4 { max-height: calc(1.375rem * 1.2 * 4); -webkit-line-clamp: 4; font-size: 1rem; } } @media only screen and (max-width: 767px) { .article h4 { margin-bottom: 1.875rem; } } .border__wrap .articles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #D4DFEF; } .pharmacy { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% / 2); padding: 3.125rem 3.125rem 2.5rem 3.125rem; border-bottom: 1px solid #D4DFEF; border-left: 1px solid #D4DFEF; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 1023px) { .pharmacy { padding: 1.25rem 1rem; } } @media only screen and (max-width: 767px) { .pharmacy { width: 100%; } } .pharmacy:nth-child(1) { border-top: none; } .pharmacy:nth-child(2) { border-top: none; } @media only screen and (max-width: 767px) { .pharmacy:nth-child(2) { border-top: 1px solid #D4DFEF; } } .pharmacy:nth-child(2n) { margin-left: -1px; } @media only screen and (max-width: 767px) { .pharmacy:nth-child(2n) { margin-left: 0; } } .pharmacy__content { width: calc(100% - 8.125rem); } @media only screen and (max-width: 1023px) { .pharmacy__content { width: calc(100% - 7.5rem); } } @media only screen and (max-width: 767px) { .pharmacy__content { width: calc(100% - 6.25rem); } } .pharmacy__content a { display: -webkit-box; display: -ms-flexbox; display: flex; } .pharmacy__info { max-width: 30rem; margin-top: 0.625rem; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.125rem; line-height: 1.125; color: #333333; } @media only screen and (max-width: 1023px) { .pharmacy__info { margin-top: 0.3125rem; line-height: 1.5; font-size: 1rem; } } .pharmacy__info p { margin: 0; line-height: 1.125; } @media only screen and (max-width: 1023px) { .pharmacy__info p { line-height: 1.5; font-size: 1rem; } } .pharmacy__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 1; flex-shrink: 1; width: 8.125rem; height: 8.125rem; border-radius: 50%; border: 1px solid #D4DFEF; padding: 0.625rem; overflow: hidden; } @media only screen and (max-width: 1023px) { .pharmacy__img { width: 6.25rem; height: 6.25rem; } } @media only screen and (max-width: 767px) { .pharmacy__img { width: 5.3125rem; height: 5.3125rem; } } .pharmacy__img.no-border { border: none; padding: 0; } .pharmacy__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .pharmacy h4 { color: #0F46A0; } @media only screen and (max-width: 1023px) { .pharmacy h4 { font-size: 1.125rem; } } .pharmacy .link-phone, .pharmacy .link-cite { font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.5; color: #0F46A0; } @media only screen and (max-width: 1023px) { .pharmacy .link-phone, .pharmacy .link-cite { font-size: 0.875rem; } } .pharmacy .link-phone { margin-top: 1.875rem; } @media only screen and (max-width: 1023px) { .pharmacy .link-phone { margin-top: 0.9375rem; margin-bottom: 0.1875rem; } } .pharmacy .link-cite { margin-bottom: 3.4375rem; } @media only screen and (max-width: 1023px) { .pharmacy .link-cite { margin-bottom: 2.1875rem; } } .pharmacy .link-map { position: absolute; left: 3.125rem; bottom: 2.5rem; } @media only screen and (max-width: 1023px) { .pharmacy .link-map { left: 1rem; bottom: 1.25rem; } } .search-result__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3.125rem 0; border-bottom: 1px solid #D4DFEF; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1199px) { .search-result__item { padding: 1.875rem 0; } } @media only screen and (max-width: 767px) { .search-result__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .search-result__item:first-child { border-top: 1px solid #D4DFEF; } .search-result__item:hover { cursor: pointer; } .search-result__item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .search-result__img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 21.875rem; height: 15.625rem; } @media only screen and (max-width: 1199px) { .search-result__img { width: 14.375rem; height: 10rem; } } @media only screen and (max-width: 767px) { .search-result__img { width: 50%; height: 12.8125rem; } } @media only screen and (max-width: 479px) { .search-result__img { width: 100%; } } .search-result__img .triangle { position: absolute; top: 0; right: 0; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; max-height: 100%; } @media only screen and (max-width: 1199px) { .search-result__img .triangle { max-width: 65%; } } .search-result__img.img--article { overflow: hidden; } .search-result__img.img--product img { position: relative; height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; z-index: 2; } .search-result__img.img--product ~ .search-result__wrap .search-result__info { width: 80%; } @media only screen and (max-width: 1199px) { .search-result__img.img--product ~ .search-result__wrap .search-result__info { width: 76%; } } @media only screen and (max-width: 767px) { .search-result__img.img--product ~ .search-result__wrap .search-result__info { width: 100%; } } .search-result__img.img--article img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .search-result__img:hover { opacity: 1; } .search-result__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-item-align: start; align-self: flex-start; margin-left: 3.125rem; width: 100%; } @media only screen and (max-width: 1199px) { .search-result__wrap { margin-left: 1.25rem; } } @media only screen and (max-width: 767px) { .search-result__wrap { margin-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .search-result__wrap:hover { opacity: 1; } .search-result__info:hover { opacity: 1; } .search-result__ttl { width: 100%; margin-bottom: 0.625rem; font-size: 1.875rem; line-height: 1.2; color: #0F46A0; } @media only screen and (max-width: 1199px) { .search-result__ttl { font-size: 1.375rem; line-height: 1.25; } } @media only screen and (max-width: 767px) { .search-result__ttl { font-size: 1rem; margin-top: 1.25rem; margin-bottom: 0; } } .search-result__preview { width: 100%; color: #333333; font-size: 1rem; } @media only screen and (max-width: 1199px) { .search-result__preview { font-size: 0.875rem; } } @media only screen and (max-width: 767px) { .search-result__preview { display: none; } } .search-result__preview p { font-size: 1rem; } @media only screen and (max-width: 1199px) { .search-result__preview p { font-size: 0.875rem; } } .search-result__price { width: 14%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 6%; } @media only screen and (max-width: 1199px) { .search-result__price { margin-left: 1.25rem; width: 20%; } } @media only screen and (max-width: 767px) { .search-result__price { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-left: 0; margin-top: 0.625rem; } } .search-result__price span:first-child { font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.75rem; color: #333333; text-transform: uppercase; padding-bottom: 0.3125rem; } @media only screen and (max-width: 1199px) { .search-result__price span:first-child { font-size: 0.625rem; } } @media only screen and (max-width: 767px) { .search-result__price span:first-child { padding-bottom: 0; } } .search-result__price span:last-child { font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.5rem; color: #0F46A0; } @media only screen and (max-width: 1199px) { .search-result__price span:last-child { font-size: 1.25rem; } } @media only screen and (max-width: 767px) { .search-result__price span:last-child { padding-left: 0.625rem; line-height: 1; } } .search-result .list-nav { width: 100%; margin-top: 2.5rem; margin-bottom: 0; } @media only screen and (max-width: 1199px) { .search-result .list-nav { margin-top: 1.25rem; } } @media only screen and (max-width: 767px) { .search-result .list-nav { margin-top: 0; } } .priсe-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 3.125rem; margin-left: 8.125rem; font-size: 1.25rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #0F46A0; } @media only screen and (max-width: 1199px) { .priсe-tag { font-size: 1rem; height: 1.875rem; margin-left: 2.8125rem; } } .priсe-tag__back { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 2.8125rem; height: 100%; overflow: hidden; } @media only screen and (max-width: 1199px) { .priсe-tag__back svg { height: 1.875rem; } } .priсe-tag__img { position: absolute; top: 0; right: 0; } .priсe-tag__wrap { display: block; line-height: 3.125rem; height: 100%; padding-left: 0.9375rem; border-top: 1px solid #0f46a042; border-bottom: 1px solid #0f46a042; border-left: 1px solid #0f46a042; } @media only screen and (max-width: 1199px) { .priсe-tag__wrap { height: 1.875rem; line-height: 1.875rem; padding-left: 0.3125rem; } } .priсe-tag__wrap span:first-child { font-size: 0.875rem; padding-right: 0.3125rem; } @media only screen and (max-width: 1199px) { .priсe-tag__wrap span:first-child { font-size: 0.75rem; } } .subtitle-triangle { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1199px) { .subtitle-triangle { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .subtitle-triangle__bg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1.875rem; } .subtitle-triangle__bg svg { color: #FFFFFF; stroke: currentColor; } @media only screen and (max-width: 1199px) { .subtitle-triangle__bg svg { height: 1.0625rem; width: 1.0625rem; } } .subtitle-triangle__title { color: #FFFFFF; line-height: 1.25; font-size: 0.875rem; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .subtitle-triangle__title { margin-top: 0.4375rem; font-size: 0.75rem; } } .list-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1023px) { .list-nav { margin: 1.375rem 0 1.5rem; } } @media only screen and (max-width: 767px) { .list-nav { margin-top: 0.625rem; } } .list-nav__item { position: relative; margin-top: 0.625rem; font-size: 0.75rem; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #96ABCA; } .list-nav__item:not(:first-child) { padding-left: 2.5rem; } .list-nav__item:not(:first-child):before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 2.5rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='7' height='9' viewBox='0 0 7 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.329 4.243L0.5 1.415L1.914 0L6.157 4.243L1.914 8.486L0.5 7.071L3.329 4.243Z' fill='%2396ABCA'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; } .list-nav__link { color: #96ABCA; } .document-card__pic-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 26.625rem; padding: 1rem 0.625rem; border: 1px solid #D4DFEF; } @media only screen and (max-width: 1023px) { .document-card__pic-inner { height: 20.875rem; } } .document-card__pic-inner img { max-width: 100%; max-height: 100%; -ms-flex-negative: 1; flex-shrink: 1; } .document-card__ttl { font-size: 1.375rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 120%; /* 26.4px */ text-transform: uppercase; color: #0F46A0; margin: 0.9375rem 0 0 0; } @media only screen and (max-width: 1023px) { .document-card__ttl { font-size: 1rem; } } .expandable__ttl { margin: 0 0 1.25rem; } .expandable__ttl h2, .expandable__ttl .h2 { text-align: left; margin-bottom: 0; } .expandable__desc { padding: 0 6.25rem 0 0; } @media only screen and (max-width: 1023px) { .expandable__desc { padding: 0 1.875rem 0 0; } } .expandable__desc p:last-child { margin-bottom: 0; } .expandable__content { display: none; } .expandable__trigger { margin: 1.625rem 0 0 0; } @media only screen and (max-width: 1023px) { .expandable__trigger { margin: 1.25rem 0 0 0; } } .expandable__trigger .note { font-size: 1.5rem; font-style: "Onest-Thin", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 110%; letter-spacing: -0.03rem; text-transform: uppercase; color: #D4DFEF; } @media only screen and (max-width: 1023px) { .expandable__trigger .note { font-size: 1.125rem; } } .expandable__trigger .text { display: inline-block; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 90%; text-transform: uppercase; color: #1FCBC0; position: relative; padding: 0 2.1875rem 0 0; margin: 1.5625rem 0 0 0; } @media only screen and (max-width: 1023px) { .expandable__trigger .text { font-size: 0.875rem; margin: 1rem 0 0 0; padding: 0 1.25rem 0 0; } } .expandable__trigger .text::before { content: ''; width: 0.9375rem; height: 1px; position: absolute; top: 50%; margin-top: -2px; right: 0; background-color: #1FCBC0; } @media only screen and (max-width: 1023px) { .expandable__trigger .text::before { width: 0.625rem; margin-top: -1px; } } .expandable__trigger .text::after { content: ''; width: 1px; height: 0.9375rem; position: absolute; top: 50%; margin-top: -0.5625rem; right: 0.46875rem; background-color: #1FCBC0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (max-width: 1023px) { .expandable__trigger .text::after { height: 0.625rem; right: 0.3125rem; top: 0.5625rem; } } .expandable__trigger.active .text::after { opacity: 0; } .footer-menu { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .footer-menu > li { display: inline-block; margin-top: 0; padding-left: 0; } .footer-menu > li::before { display: none; } .footer-menu > li + li { margin-top: 0.9375rem; } @media only screen and (max-width: 1023px) { .footer-menu > li + li { margin-top: 0.625rem; } } .footer-menu > li > a { display: block; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.2; color: #333333; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1023px) { .footer-menu > li > a { font-size: 0.875rem; } } .footer-menu > li > a:hover { opacity: 0.7; } @media only screen and (max-width: 1023px) { .footer-menu:not(:first-child) { margin-top: 0.625rem; } } .footer { position: relative; margin-top: -1px; border-top: 1px solid #D4DFEF; } .footer__subscription { height: 12.5rem; padding: 2.5rem 0; background: #00C1B5; } @media only screen and (max-width: 1599px) { .footer__subscription { padding: 1.875rem 0; height: auto; } } .footer__subscription .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1599px) { .footer__subscription .container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (max-width: 767px) { .footer__subscription .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer__subscription h3 { max-width: calc(100% / 3); padding-right: 3.0625rem; font-size: 2.1875rem; line-height: 1; color: #FFFFFF; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .footer__subscription h3 { font-size: 1.25rem; } } @media only screen and (max-width: 767px) { .footer__subscription h3 { max-width: none; padding-right: 0; } } .footer__menu { padding: 5rem 0; /* nav { display: inline-flex; .footer__col { width: calc(100% - (100% / 5)); } @include mq('phone') { //max-width 768px display: none; } } */ } @media only screen and (max-width: 1023px) { .footer__menu { padding: 1.875rem 0; } } .footer__menu .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .footer__menu .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer__menu h4 { margin-bottom: 1.875rem; color: #0F46A0; } @media only screen and (max-width: 1023px) { .footer__menu h4 { font-size: 0.875rem; margin-bottom: 0.9375rem; } } .footer__menu p { margin-top: 0; font-size: 0.9375rem; line-height: 1.3; margin-bottom: 0.625rem; } .footer__col { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__col:first-child { width: 17.7%; } @media only screen and (max-width: 1023px) { .footer__col:first-child { width: 25%; } } @media only screen and (max-width: 767px) { .footer__col:first-child { width: 100%; } } .footer__col:nth-child(2) { width: 18%; } @media only screen and (max-width: 1023px) { .footer__col:nth-child(2) { width: 25%; } } @media only screen and (max-width: 767px) { .footer__col:nth-child(2) { width: 100%; } } .footer__col:nth-child(3) { width: 51.7%; } @media only screen and (max-width: 1023px) { .footer__col:nth-child(3) { width: 25%; } } @media only screen and (max-width: 767px) { .footer__col:nth-child(3) { width: 100%; } } .footer__col:nth-child(3) nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } @media only screen and (max-width: 1023px) { .footer__col:nth-child(3) nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer__col:nth-child(3) .footer-menu { max-width: 25%; } @media only screen and (max-width: 1023px) { .footer__col:nth-child(3) .footer-menu { max-width: none; width: 100%; } } @media only screen and (max-width: 767px) { .footer__col:nth-child(3) .footer-menu:not(:first-child) { margin-top: 0.9375rem; } } .footer__col:nth-child(4) { width: 17%; padding-left: 2.1875rem; } @media only screen and (max-width: 1023px) { .footer__col:nth-child(4) { width: 25%; } } @media only screen and (max-width: 767px) { .footer__col:nth-child(4) { padding-left: 0; width: 100%; } } .footer__col:nth-child(4) h4 { left: 2.1875rem; } .footer__col:nth-child(4) h4:not(:first-child) { margin-top: 5rem; } @media only screen and (max-width: 767px) { .footer__col:nth-child(4) h4:not(:first-child) { margin-top: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .footer__col:nth-child(4) a { color: #333333; } .footer__col nav { height: 100%; max-height: 62.5rem; overflow: hidden; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 767px) { .footer__col nav { margin-bottom: 0.9375rem; } } @media only screen and (max-width: 767px) { .footer__col:not(.active) nav { max-height: 0; margin-bottom: 0; } } .footer .copyright { border-top: 1px solid #D4DFEF; border-bottom: 1px solid #D4DFEF; padding: 2.5rem 0 1.875rem; } @media only screen and (max-width: 1023px) { .footer .copyright { padding: 0.9375rem 0; } } .footer .copyright .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer .copyright p { margin: 0; } @media only screen and (max-width: 1023px) { .footer .copyright p { font-size: 0.625rem; } } @media only screen and (max-width: 1023px) { .footer .copyright p svg { height: 0.75rem; } } .footer .note { padding: 1.875rem 0; } @media only screen and (max-width: 1023px) { .footer .note { padding: 1.25rem 1rem; } } @media only screen and (max-width: 767px) { .footer .note { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; } } .footer .note p { margin: 0; font-family: "Onest-Thin", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 4.0625rem; font-weight: 200; line-height: 1.1; letter-spacing: -0.02em; text-align: center; text-transform: uppercase; color: #D4DFEF; white-space: nowrap; } @media only screen and (max-width: 1599px) { .footer .note p { font-size: 1.9375rem; } } @media only screen and (max-width: 767px) { .footer .note p { font-size: 1.1875rem; white-space: break-spaces; text-align: start; } } .checkbox ~ label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; text-transform: uppercase; color: #0F46A0; white-space: nowrap; cursor: pointer; } @media only screen and (max-width: 1023px) { .checkbox ~ label { font-size: 0.75rem; } } .checkbox ~ label span:first-child { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 1rem; height: 1rem; margin-right: 0.625rem; border: 1px solid #E8EBF2; border-radius: 5px; } .checkbox ~ label svg { margin-right: 0.9375rem; } @media only screen and (max-width: 1023px) { .checkbox ~ label svg { width: 1.25rem; height: 1.25rem; margin-right: 0.625rem; } } .checkbox:checked ~ label svg { fill: #0F46A0; } .custom-button { margin-right: 0.9375rem; } @media only screen and (max-width: 1023px) { .custom-button { margin-right: 0.625rem; } } .custom-text { font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; line-height: 1.28; text-transform: uppercase; color: #0F46A0; } @media only screen and (max-width: 1023px) { .custom-text { font-size: 0.75rem; } } input[type="checkbox"] { display: none; cursor: pointer; } input[type="radio"] + label { position: relative; } input[type="radio"] { display: none; } input[type="submit"] { border: none; } .input { width: 100%; height: 3.9375rem; line-height: 160%; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; } .input::-webkit-input-placeholder { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; } .input::-moz-placeholder { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; } .input:-ms-input-placeholder { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; } .input::-ms-input-placeholder { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; } .input::placeholder { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; } .input__label { position: absolute; right: 0; left: 0; top: 0; display: block; height: 3.125rem; padding: 0 1.25rem; border-radius: 0.625rem; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 0.875rem; line-height: 3.125rem; opacity: 1; } .input:focus ~ .input__label { opacity: 0; } .input.active ~ .input__label { opacity: 0; } @media only screen and (max-width: 767px) { form { width: 100%; } } .field-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-item-align: start; align-self: flex-start; } .form { position: relative; } .form-message { width: 100%; } .form-error { margin-top: 0.75rem; color: red; font-size: 0.75rem; } .form-success { position: absolute; background: #fff; height: 100%; width: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .invalid + .form-message-fild { color: red; font-size: 0.75rem; } .footer-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-left: 0.9375rem; margin-top: 1.5625rem; } @media only screen and (max-width: 1023px) { .footer-form { margin-top: 0; padding-left: 0; } } @media only screen and (max-width: 767px) { .footer-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding-left: 0; } } .footer-form .input { width: 100%; height: 3.4375rem; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; } .footer-form .input::-webkit-input-placeholder { color: #FFFFFF; } .footer-form .input::-moz-placeholder { color: #FFFFFF; } .footer-form .input:-ms-input-placeholder { color: #FFFFFF; } .footer-form .input::-ms-input-placeholder { color: #FFFFFF; } .footer-form .input::placeholder { color: #FFFFFF; } @media only screen and (max-width: 1023px) { .footer-form .input::-webkit-input-placeholder { font-size: 0.875rem; } .footer-form .input::-moz-placeholder { font-size: 0.875rem; } .footer-form .input:-ms-input-placeholder { font-size: 0.875rem; } .footer-form .input::-ms-input-placeholder { font-size: 0.875rem; } .footer-form .input::placeholder { font-size: 0.875rem; } } @media only screen and (max-width: 1023px) { .footer-form .input { height: 2.1875rem; padding-bottom: 0.9375rem; } } .footer-form input[type="submit"] { height: 3.4375rem; width: calc(100% - 48.5rem); background: none; } @media only screen and (max-width: 1599px) { .footer-form input[type="submit"] { width: calc(50% - 0.625rem); height: 3.125rem; margin-right: 0; margin-top: 1.25rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 767px) { .footer-form input[type="submit"] { width: 100%; } } .footer-form .field-wrap { width: calc(50% - 3.0625rem); max-width: 21.1875rem; margin-right: 3.0625rem; } @media only screen and (max-width: 1599px) { .footer-form .field-wrap { max-width: none; width: calc(50% - 0.625rem); margin-right: 0; } } @media only screen and (max-width: 767px) { .footer-form .field-wrap { padding-top: 1.875rem; width: 100%; } } .footer-form .form__policy { margin-top: 1.25rem; margin-bottom: 0; font-size: 0.75rem; line-height: 1.35; color: #FFFFFF; } @media only screen and (max-width: 1599px) { .footer-form .form__policy { width: calc(50% - 0.625rem); } } @media only screen and (max-width: 767px) { .footer-form .form__policy { width: 100%; } } .footer-form .form__policy a { text-decoration: underline; color: #FFFFFF; } .footer-form .form-success { background: #00C1B5; } @media only screen and (max-width: 1023px) { .footer-form .form-message { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .general-form .input { padding: 0 1.5625rem; border: 1px solid #D4DFEF; background: #FFFFFF; } .general-form .input::-webkit-input-placeholder { color: #002A3A; } .general-form .input::-moz-placeholder { color: #002A3A; } .general-form .input:-ms-input-placeholder { color: #002A3A; } .general-form .input::-ms-input-placeholder { color: #002A3A; } .general-form .input::placeholder { color: #002A3A; } .general-form .form__policy { font-size: 0.75rem; line-height: 1.35; color: #96ABCA; } .general-form .form__policy a { color: #96ABCA; text-decoration: underline; } .popup .general-form .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .popup .general-form .form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .popup .general-form .form__row:nth-child(1) .field-wrap { width: calc(50% - 0.9375rem); } @media only screen and (max-width: 767px) { .popup .general-form .form__row:nth-child(1) .field-wrap { width: 100%; } } @media only screen and (max-width: 767px) { .popup .general-form .form__row:nth-child(1) .field-wrap:nth-child(2) { margin-top: 1.25rem; } } .popup .general-form .form__row:nth-child(2) { margin-top: 1.25rem; } .popup .general-form .form__row:nth-child(2) .field-wrap { width: 100%; } .popup .general-form .form__row:nth-child(3) { margin-top: 1.875rem; } .popup .general-form .button { width: calc(50% - 0.9375rem); } @media only screen and (max-width: 767px) { .popup .general-form .button { width: 100%; max-width: 18.125rem; } } @media only screen and (max-width: 479px) { .popup .general-form .button { max-width: none; } } .popup .general-form .form__policy { width: calc(50% - 0.9375rem); } @media only screen and (max-width: 767px) { .popup .general-form .form__policy { width: 100%; } } .section-connect .general-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 70%; margin: 0 auto; } @media only screen and (max-width: 1199px) { .section-connect .general-form { max-width: none; } } @media only screen and (max-width: 767px) { .section-connect .general-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section-connect .general-form .form__col { width: calc(50% - 0.9375rem); } @media only screen and (max-width: 767px) { .section-connect .general-form .form__col { width: 100%; } } .section-connect .general-form .form__col:not(:first-child) .form__row:nth-child(2) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; } .section-connect .general-form .form__col:not(:first-child) .form__row:nth-child(2) .field-wrap { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-item-align: center; align-self: center; } @media only screen and (max-width: 767px) { .section-connect .general-form .form__col:not(:first-child) { margin-top: 1.25rem; } } .section-connect .general-form .form__col .field-wrap:not(:first-child) { margin-top: 1.875rem; } @media only screen and (max-width: 1023px) { .section-connect .general-form .form__col .field-wrap:not(:first-child) { margin-top: 1.25rem; } } .section-connect .general-form .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1.875rem; } @media only screen and (max-width: 767px) { .section-connect .general-form .form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0.9375rem; } } .section-connect .general-form .form__row .field-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .section-connect .general-form .form__row .field-wrap { margin-top: 1.25rem; } } .section-connect .general-form .button { width: 17.8125rem; } @media only screen and (max-width: 1023px) { .section-connect .general-form .button { height: 3.125rem; width: 10.625rem; } } @media only screen and (max-width: 767px) { .section-connect .general-form .button { width: 100%; height: 3.9375rem; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .form-fiter-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .form-fiter-map { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-fiter-map .field-wrap { width: 27%; } @media only screen and (max-width: 1199px) { .form-fiter-map .field-wrap { width: 50%; } } @media only screen and (max-width: 767px) { .form-fiter-map .field-wrap { width: 100%; } } .form-fiter-map .field-wrap:nth-child(2) { margin-left: -1px; } @media only screen and (max-width: 767px) { .form-fiter-map .field-wrap:nth-child(2) select { border-top: none; } } .form-fiter-catalog { margin-bottom: 1.25rem; } .form-fiter-catalog .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.875rem; } @media only screen and (max-width: 1199px) { .form-fiter-catalog .form__row { margin-bottom: 1.25rem; } } .form-fiter-catalog .form__row:nth-child(2) .field-wrap { width: calc(100% / 3); } .form-fiter-catalog .form__row:nth-child(2) .field-wrap:not(:first-child) .select { border-left: none; } @media only screen and (max-width: 767px) { .form-fiter-catalog .form__row:nth-child(4) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-fiter-catalog .filter-mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 3.25rem; width: 100%; padding: 0.625rem 1.5rem; margin-bottom: 1.25rem; border: 1px solid #D4DFEF; } .form-fiter-catalog .filter-mob svg circle { fill: #FFFFFF; } .form-fiter-catalog .filter-mob.show { background: #D4DFEF; } .form-fiter-catalog .filter-mob.show svg circle { fill: #D4DFEF; } .form-fiter-catalog .filter-mob + .filter-drop-wrap.show { margin-top: -1px; } @media only screen and (max-width: 767px) { .form-fiter-catalog .filter-drop-content { position: absolute; top: 3.25rem; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; background: #FFFFFF; overflow: hidden; z-index: 3; } .form-fiter-catalog .filter-drop-content.show { overflow: unset; } .form-fiter-catalog .filter-drop-content .field-wrap { width: 100% !important; } .form-fiter-catalog .filter-drop-content .field-wrap:not(:first-child) .select { border-left: 1px solid #D4DFEF !important; border-top: none; } } @media only screen and (max-width: 767px) { .form-fiter-catalog .filter-drop-content:not(.show) { max-height: 0; } } @media only screen and (max-width: 767px) { .form-fiter-catalog .sort { margin-top: 0.3125rem; } } @media (max-width: 360px) { .form-fiter-catalog .sort { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-fiter-catalog .filter-drop-content { margin-bottom: 0.8125rem; } .form-fiter-catalog .filter-clear { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 767px) { .form-fiter-catalog .filter-clear { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .form-fiter-catalog .form-reset input { border: none; background: transparent; padding: 0; padding-left: 1.75rem; padding-top: 0.125rem; font-size: 0.75rem; color: #96ABCA; text-transform: uppercase; line-height: 0.9375rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3e%3cpath d='M14 1 1 14M1 1l13 13' stroke='%2396ABCA' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center left; cursor: pointer; } .form-fiter-catalog .form-reset input:hover { opacity: .5; } .form-fiter-catalog .radio__label span { white-space: nowrap; } .sort { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1199px) { .sort { margin-top: -0.1875rem; } } .sort input[type=radio]:checked ~ .radio__label span { border-bottom: 1px solid #0F46A0; } .sort__title { white-space: nowrap; font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; text-transform: uppercase; color: #96ABCA; } @media only screen and (max-width: 1199px) { .sort__title { font-size: 0.75rem; line-height: 1.25rem; } } .sort .radio__label { padding-left: 1.25rem; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; text-transform: uppercase; color: #0F46A0; cursor: pointer; } @media only screen and (max-width: 1199px) { .sort .radio__label { font-size: 0.75rem; padding-left: 0.625rem; } } @media (max-width: 360px) { .sort .radio__label { padding-left: 0; } } .sort .radio__label span { -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .sort .field-wrap { margin-top: -1px; } input[type="text"] { border: none; background: transparent; } input[type="email"] { border: none; background: transparent; } input[type="radio"] { display: none; } .select { padding: 0 1.5rem; border: 0; height: 3.9375rem; width: 100%; border: 1px solid #D4DFEF; -webkit-appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.03125 0H13.0313L6.53125 8L0.03125 0Z' fill='%23002A3A'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 0.8125rem; background-position: right 1.5rem center; cursor: pointer; } @media only screen and (max-width: 1199px) { .select { height: 3.25rem; } } .select__option { padding: 1.125rem 1.25rem; } .select-wrap { width: calc(100% / 3); position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 767px) { .select-wrap { width: 100%; } } .select-wrap:not(:first-child) .select-selected { border-left: 1px solid transparent; } @media only screen and (max-width: 767px) { .select-wrap:not(:first-child) .select-selected { border-left: 1px solid #D4DFEF; } } .select-wrap:not(:first-child) .select-items { width: calc(100% + 1px); margin-left: -1px; } @media only screen and (max-width: 767px) { .select-wrap:not(:first-child) .select-items { width: 100%; margin-left: 0; } } .select-wrap .select-selected { border: 1px solid #D4DFEF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 3.9375rem; padding: 0 1.5rem; margin-top: -1px; background-color: #FFFFFF; top: 100%; left: 0; right: 0; color: #ffffff; color: #333333; cursor: pointer; } .select-wrap .select-selected::before { content: ""; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; top: 0; right: 1.5rem; width: 0.8125rem; height: 100%; margin-left: 1rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.03125 0H13.0313L6.53125 8L0.03125 0Z' fill='%23002A3A'/%3e%3c/svg%3e"); background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 767px) { .select-wrap .select-selected::before { height: 3.9375rem; } } .select-wrap .select-items { position: absolute; top: 3.8125rem; left: 0; width: 100%; margin-top: 0; background: #fff; border: 1px solid #D4DFEF; display: none; z-index: 3; } @media only screen and (max-width: 767px) { .select-wrap .select-items { position: relative; top: unset; margin-top: -1px; } } .select-wrap .select-items li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 3.9375rem; padding: 0 1.5rem; cursor: pointer; } .select-wrap .select-items li::before { display: none; } .select-wrap .select-items li:hover { background: #D4DFEF; } .select-wrap .option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select-wrap.active .select-items { display: block; } .select-wrap.active .select-selected::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } textarea { width: 100%; height: 100% !important; padding-top: 1.25rem !important; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; resize: none; } textarea + .input__label { height: 100%; border: none; } .header { position: relative; width: 100%; top: 0; left: 0; background: transparent; z-index: 2; } .header__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.875rem 0 1.5625rem; height: 6.25rem; } @media only screen and (max-width: 1023px) { .header__top { padding-top: 1.25rem; padding-bottom: 0; height: auto; } } .header .logo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; cursor: pointer; /* .icon { color: $color-background-1; height: rem(52); width: auto; @include mq('tablet') { //max-width 1200px height: rem(25); } } */ } @media only screen and (max-width: 1023px) { .header .logo { height: auto; } } .header .logo img { height: 3.25rem; width: auto; } @media only screen and (max-width: 1023px) { .header .logo img { height: 1.5625rem; } } .header .logo a:hover { opacity: 1; } .header a:hover { opacity: 1; } .header-white .logo .icon { color: #FFFFFF; } .header-white .button-border { border: 1px solid #FFFFFF; color: #FFFFFF; } .header-white .button-border:hover { background: #FFFFFF; color: #333333; } .header-white .dropbtn .icon { color: #333333; } .list-pages { font-size: 1.375rem; margin-top: 1.25rem; } .list-pages__item { margin-bottom: 1.25rem; } .list-icon-round { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1199px) { .list-icon-round { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; scrollbar-width: none; } .list-icon-round::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .list-icon-round li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% / 6); padding: 0; margin-top: 3.4375rem; } @media only screen and (max-width: 1023px) { .list-icon-round li { width: auto; margin-top: 1.875rem; } } .list-icon-round li + li { margin-top: 3.4375rem; } @media only screen and (max-width: 1199px) { .list-icon-round li + li { margin-top: 1.875rem; } } .list-icon-round li::before { display: none; } .list-icon-round li:hover a { opacity: 1; } .list-icon-round li:hover span { color: #0F46A0; } @media only screen and (max-width: 1199px) { .list-icon-round li:not(:first-child) { margin-left: 1.25rem; } } .list-icon-round li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .list-icon-round li .round { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 8.4375rem; height: 8.4375rem; background: #FFFFFF; } @media only screen and (max-width: 1199px) { .list-icon-round li .round { width: 5.625rem; height: 5.625rem; } } .list-icon-round li .round img { width: 5.3125rem; height: 5.3125rem; -o-object-fit: contain; object-fit: contain; } @media only screen and (max-width: 1199px) { .list-icon-round li .round img { width: 3.4375rem; height: 3.4375rem; max-height: none; } } .list-icon-round li span { display: block; margin-top: 1rem; text-align: center; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #FFFFFF; font-size: 1.125rem; line-height: 1.25rem; text-transform: uppercase; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1199px) { .list-icon-round li span { font-size: 0.875rem; } } @media only screen and (max-width: 1023px) { .list-icon-round li span { width: 10rem; margin-top: 0.625rem; max-width: none; } } @media only screen and (max-width: 767px) { .list-icon-round li span { width: 7.3125rem; } } .list-top-catalog { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1.875rem 0; } @media only screen and (max-width: 1199px) { .list-top-catalog { margin: 1.25rem 0; } } @media only screen and (max-width: 767px) { .list-top-catalog { margin: 0.625rem 0; overflow-x: scroll; scrollbar-width: none; } .list-top-catalog::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .list-top-catalog li { position: relative; width: calc(100% / 4); max-width: 18.75rem; padding: 0; padding-left: 4.6875rem; line-height: .9; } @media only screen and (max-width: 1199px) { .list-top-catalog li { padding-left: 2.5rem; } } @media only screen and (max-width: 767px) { .list-top-catalog li { width: auto; min-width: 10rem; } } .list-top-catalog li.active a { color: #00C1B5; } .list-top-catalog li.active svg { color: #00C1B5; } .list-top-catalog li:not(:first-child) { margin-top: 0; margin-left: 7%; } @media only screen and (max-width: 1199px) { .list-top-catalog li:not(:first-child) { margin-left: 1.25rem; } } .list-top-catalog li:before { display: none; } .list-top-catalog li a { font-family: "Onest-Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.25rem; text-transform: uppercase; color: #96ABCA; line-height: 1; } @media only screen and (max-width: 1199px) { .list-top-catalog li a { font-size: 0.875rem; } } .list-top-catalog li svg { position: absolute; top: 0; left: 0; color: #96ABCA; fill: currentColor; } @media only screen and (max-width: 1199px) { .list-top-catalog li svg { height: 1.875rem; width: 1.875rem; } } @media only screen and (max-width: 767px) { .list-top-catalog li svg { height: 1.25rem; width: 1.25rem; } } .tab.faq .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .tab.faq .container { margin: 0.625rem 0; overflow-x: scroll; scrollbar-width: none; } .tab.faq .container::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .tab.faq .tab-header__item { position: relative; width: calc(100% / 4); max-width: 18.75rem; min-height: 3.125rem; padding: 0; padding-left: 4.6875rem; line-height: .9; font-family: "Onest-Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.25rem; text-transform: uppercase; color: #96ABCA; line-height: 1; /* a { } svg { position: absolute; top: 0; left: 0; color: $color-gray-2; fill: currentColor; @include mq('tablet') { //max-width 1024px (мобильное меню) height: rem(30); width: rem(30); } @include mq('phone') { //max-width 1024px (мобильное меню) height: rem(20); width: rem(20); } } */ } @media only screen and (max-width: 1199px) { .tab.faq .tab-header__item { min-height: 1.875rem; padding-left: 2.5rem; font-size: 0.875rem; } } @media only screen and (max-width: 767px) { .tab.faq .tab-header__item { min-height: 1.25rem; width: auto; min-width: 10rem; } } .tab.faq .tab-header__item:hover { color: #00C1B5; } .tab.faq .tab-header__item:hover::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3e%3cpath d='M50 0L0 50L-4.37114e-06 4.37114e-06L50 0Z' fill='%2300C1B5'/%3e%3c/svg%3e"); } .tab.faq .tab-header__item.active { color: #00C1B5; } .tab.faq .tab-header__item.active::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3e%3cpath d='M50 0L0 50L-4.37114e-06 4.37114e-06L50 0Z' fill='%2300C1B5'/%3e%3c/svg%3e"); } .tab.faq .tab-header__item:not(:first-child) { margin-top: 0; margin-left: 7%; } @media only screen and (max-width: 1023px) { .tab.faq .tab-header__item:not(:first-child) { margin-left: 1.25rem; } } .tab.faq .tab-header__item:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 3.125rem; height: 3.125rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3e%3cpath d='M50 0L0 50L-4.37114e-06 4.37114e-06L50 0Z' fill='%2396ABCA'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1023px) { .tab.faq .tab-header__item:before { height: 1.875rem; width: 1.875rem; } } @media only screen and (max-width: 767px) { .tab.faq .tab-header__item:before { height: 1.25rem; width: 1.25rem; } } .list-values { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -3.125rem; } @media only screen and (max-width: 1199px) { .list-values { overflow-x: auto; margin: 0 -1rem; scrollbar-width: none; } .list-values::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .list-values__item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .list-values__item { max-width: initial; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (max-width: 767px) { .list-values__item { max-width: 15.8125rem; min-width: 15.8125rem; } } .list-values__item:first-child { border-left: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .list-values__item:first-child { border-left: none; } } @media only screen and (max-width: 1199px) { .list-values__item:last-child { border-right: none; } } .list-values__item.pink svg path { fill: #FF94A8; } .list-values__item.yellow svg path { fill: #F1C61E; } .list-values__item.green svg path { fill: #00C1B5; } .list-values__item.blue svg path { fill: #0F46A0; } .list-values__item + .list-values__item { margin-top: 0; } .list-values__item::before { display: none; } .list-values__item-pic { position: relative; width: 100%; height: 18.75rem; overflow: hidden; } @media only screen and (max-width: 1199px) { .list-values__item-pic { width: 13.1875rem; } } @media only screen and (max-width: 767px) { .list-values__item-pic { width: 100%; } } .list-values__item-pic img { position: absolute; bottom: 0; right: 0; width: 100%; height: auto; z-index: 10; } .list-values__item-pic svg { position: absolute; width: 11rem; height: 11rem; bottom: 0; right: 0; z-index: 0; } .list-values__item-ttl { margin: 2.5rem 0 0.625rem 0; } @media only screen and (max-width: 1199px) { .list-values__item-ttl { margin-top: 1.0625rem; } } .list-values__item-ttl h4, .list-values__item-ttl .h4 { font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.375rem; font-style: normal; line-height: 120%; text-transform: uppercase; color: #0F46A0; } @media only screen and (max-width: 1199px) { .list-values__item-ttl h4, .list-values__item-ttl .h4 { font-size: 0.875rem; } } .list-values__item-desc { font-size: 1.125rem; } @media only screen and (max-width: 1199px) { .list-values__item-desc { font-size: 1rem; line-height: 1.3; } } .list-values__item-desc p { font-size: 1.125rem; line-height: 150%; margin-top: 0; } @media only screen and (max-width: 1199px) { .list-values__item-desc p { font-size: 1rem; line-height: 1.3; } } .list-values__item-desc p:last-child { margin-bottom: 0; } .list-guaranties { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -3.125rem; } @media only screen and (max-width: 1199px) { .list-guaranties { overflow-x: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: -0.9375rem; margin-right: -0.9375rem; scrollbar-width: none; } .list-guaranties::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .list-guaranties__item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .list-guaranties__item { -webkit-box-flex: 0; -ms-flex: 0 0 14.4375rem; flex: 0 0 14.4375rem; max-width: initial; padding-bottom: 1.25rem; } } @media only screen and (max-width: 767px) { .list-guaranties__item { -webkit-box-flex: 0; -ms-flex: 0 0 15.8125rem; flex: 0 0 15.8125rem; padding-bottom: 1rem; } } .list-guaranties__item:first-child { border-left: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .list-guaranties__item:first-child { border-left: none; } } @media only screen and (max-width: 1199px) { .list-guaranties__item:last-child { border-right: none; } } .list-guaranties__item + .list-guaranties__item { margin-top: 0; } .list-guaranties__item::before { top: 3.5rem; left: 3.125rem; width: 3.125rem; height: 3.125rem; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 1199px) { .list-guaranties__item::before { width: 1.875rem; height: 1.875rem; top: 20px; left: 15px; } } .list-guaranties__item-pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 1023px) { .list-guaranties__item-pic img { width: 3.75rem; height: auto; margin: 0 0 0 0; } } .list-guaranties__item-ttl { padding: 1.875rem 0 0 0; color: #0F46A0; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .list-guaranties__item-ttl { padding: 2.1875rem 0 0 0; } } .list-guaranties__item-ttl p { font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.375rem; line-height: 120%; margin: 0; } @media only screen and (max-width: 1439px) { .list-guaranties__item-ttl p { font-size: 1.125rem; } } @media only screen and (max-width: 1199px) { .list-guaranties__item-ttl p { font-size: 0.875rem; } } .list-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; row-gap: 1.875rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1023px) { .list-logo { -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; row-gap: 1.25rem; } } @media only screen and (max-width: 767px) { .list-logo { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -1rem; margin-right: -1rem; padding: 0 1rem; overflow-x: scroll; scrollbar-width: none; } .list-logo::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .list-logo__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% / 5 - 0.9375rem); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1.5625rem; border: 1px solid #D4DFEF; } @media only screen and (max-width: 1023px) { .list-logo__item { padding: 0.625rem; } } @media only screen and (max-width: 767px) { .list-logo__item { width: 6.75rem; min-width: 6.75rem; } } .list-logo__item::before { display: none; } .list-logo__item:not(:first-child) { margin-top: 0; } .list-logo__item img { width: auto; max-width: 100%; height: 9.375rem; -o-object-fit: contain; object-fit: contain; } @media only screen and (max-width: 1023px) { .list-logo__item img { height: 4.375rem; } } .list-how { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .list-how { margin: 0 -1rem 0 0; overflow-x: scroll; scrollbar-width: none; } .list-how::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .list-how li { padding: 0; padding-top: 5rem; } @media only screen and (max-width: 1199px) { .list-how li { padding-top: 4.0625rem; line-height: 1.3; } } @media only screen and (max-width: 767px) { .list-how li { width: 12.8125rem; -ms-flex-negative: 0; flex-shrink: 0; } } .list-how li::after { position: absolute; top: 0; left: 0; content: ''; position: absolute; width: 3.125rem; height: 3.125rem; 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='M14 -9.53674e-07L9.53674e-07 14L-2.70245e-07 2.70244e-07L14 -9.53674e-07Z' fill='%230F46A0'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 1199px) { .list-how li::after { width: 1.875rem; height: 1.875rem; } } .list-how li::before { content: "0" counter(myCounter); left: 4.375rem; top: -0.1875rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2.1875rem; line-height: 1; } @media only screen and (max-width: 1199px) { .list-how li::before { left: 2.5rem; top: 0; font-size: 0.875rem; } } .list-how li + li { margin-top: 0; } .list-how__item { width: calc(100% / 4 - 0.46875rem); } .list-how__item span { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" weight; font-size: 1.25rem; line-height: 1.5; } @media only screen and (max-width: 1199px) { .list-how__item span { font-size: 1rem; line-height: 1.3; } } .list-how__item:not(:first-child) { margin-left: 1.875rem; } @media only screen and (max-width: 767px) { .list-how__item:not(:first-child) { margin-left: 1.25rem; } } .list-how h4 { margin-bottom: 0.625rem; color: #0F46A0; } @media only screen and (max-width: 1199px) { .list-how h4 { font-size: 0.875rem; margin-bottom: 0.3125rem; } } .list-product-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; margin: 0 -1.5625rem; } @media only screen and (max-width: 1023px) { .list-product-info { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 -0.625rem; } } @media only screen and (max-width: 767px) { .list-product-info { overflow-x: scroll; scrollbar-width: none; } .list-product-info::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .list-product-info li + li { margin-top: 0; } .list-product-info li::before { width: 1.875rem; height: 1.875rem; left: 1.5625rem; background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width: 1023px) { .list-product-info li::before { width: 1.25rem; height: 1.25rem; left: 0.625rem; } } .list-product-info__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 1.5625rem; } @media only screen and (max-width: 1023px) { .list-product-info__item { padding: 0 0.625rem; -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } } @media only screen and (max-width: 767px) { .list-product-info__item { min-width: 6.625rem; } } .list-product-info__item-inner { padding: 0 0 0 3.125rem; } @media only screen and (max-width: 1023px) { .list-product-info__item-inner { padding: 30px 0 0 0; } } .list-product-info__item-ttl { font-size: 1.375rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 95%; text-transform: uppercase; color: #0F46A0; } @media only screen and (max-width: 1023px) { .list-product-info__item-ttl { font-size: 0.875rem; line-height: 120%; } } .list-product-info__item-desc { text-transform: lowercase; } @media only screen and (max-width: 1023px) { .list-product-info__item-desc p { font-size: 1rem; line-height: 130%; } } .list-product-info__item-desc p:last-child { margin-bottom: 0; } .list-product-where-to-buy .where-to-buy__block-subitem + .where-to-buy__block-subitem { margin-left: 0.625rem; } .list-product-where-to-buy .where-to-buy__block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 -0.625rem; } @media only screen and (max-width: 1023px) { .list-product-where-to-buy .where-to-buy__block { margin: 0 -0.3125rem; } } .list-product-where-to-buy .where-to-buy__block-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 0 0.625rem; } @media only screen and (max-width: 1023px) { .list-product-where-to-buy .where-to-buy__block-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 0.3125rem; } } .list-product-where-to-buy .where-to-buy__block-ttl { width: 100%; display: block; font-size: 1.5rem; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 155%; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .list-product-where-to-buy .where-to-buy__block-ttl { font-size: 0.75rem; } } .list-product-where-to-buy .where-to-buy__block-sublist { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0.625rem; } @media only screen and (max-width: 1199px) { .list-product-where-to-buy .where-to-buy__block-sublist { width: 100%; } } @media only screen and (max-width: 1023px) { .list-product-where-to-buy .where-to-buy__block-sublist { margin-top: 0.1875rem; } } .list-product-where-to-buy .where-to-buy__block-sublist:not(:first-of-type) { margin-left: 6.25rem; } @media only screen and (max-width: 1199px) { .list-product-where-to-buy .where-to-buy__block-sublist:not(:first-of-type) { margin-left: 0; } } .list-product-where-to-buy .where-to-buy__block-sublist li { padding: 0; } .list-product-where-to-buy .where-to-buy__block-sublist li::before { display: none; } .list-product-where-to-buy .where-to-buy__block-sublist li + li { margin-top: 0; } .list-product-where-to-buy .where-to-buy__block-subitem { max-width: 5rem; height: 5rem; } @media only screen and (max-width: 1023px) { .list-product-where-to-buy .where-to-buy__block-subitem { -webkit-box-flex: 0; -ms-flex: 0 0 3.125rem; flex: 0 0 3.125rem; max-width: 3.125rem; height: 3.125rem; } } .list-product-where-to-buy .where-to-buy__block-subitem a { display: block; width: 5rem; height: 5rem; } @media only screen and (max-width: 1023px) { .list-product-where-to-buy .where-to-buy__block-subitem a { width: 3.125rem; height: 3.125rem; } } .list-product-where-to-buy .where-to-buy__block-subitem-inner { border-radius: 50%; height: 100%; border: 1px solid #D4DFEF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.625rem; } .list-product-where-to-buy .where-to-buy__block-subitem-inner img { -ms-flex-negative: 1; flex-shrink: 1; max-width: 100%; max-height: 100%; width: 100%; height: auto; } .list-products-reviews { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 1.5625rem; } @media only screen and (max-width: 1023px) { .list-products-reviews { margin: 0 0.625rem; } } @media only screen and (max-width: 767px) { .list-products-reviews { width: 100%; } } .list-products-reviews li + li { margin-top: 0; } .list-products-reviews > li::before { display: none; } .list-products-reviews__item { padding: 0.625rem 1.5625rem 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media only screen and (max-width: 1023px) { .list-products-reviews__item { padding: 0 0.625rem 0; } } .list-products-reviews__logo { height: 6.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1023px) { .list-products-reviews__logo { height: 8.635vw; } } @media only screen and (max-width: 767px) { .list-products-reviews__logo { height: auto; } } .list-products-reviews__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .list-products-reviews__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.5625rem 0 0 0; } @media only screen and (max-width: 1023px) { .list-products-reviews__rating { margin: 0 auto 0; width: 6.375rem; } } @media only screen and (max-width: 767px) { .list-products-reviews__rating { margin-top: 0.625rem; margin-bottom: 1.25rem; } } .list-products-reviews__rating img { width: 100%; height: auto; } .list-products-reviews__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1.625rem 0 0; } @media only screen and (max-width: 1023px) { .list-products-reviews__link { margin-top: 0.75rem; } } .list-products-reviews__link span { border-top: 1px solid #D4DFEF; font-size: 1.25rem; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 90%; text-transform: uppercase; color: #0F46A0; padding: 2.25rem 2.1875rem 0 0; position: relative; } @media only screen and (max-width: 1023px) { .list-products-reviews__link span { font-size: 0.875rem; padding: 1.25rem 1.25rem 0 0; } } .list-products-reviews__link span svg { position: absolute; top: 2.25rem; right: 0; } @media only screen and (max-width: 1023px) { .list-products-reviews__link span svg { width: 0.625rem; top: 1.25rem; } } .list-products-instruction { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; margin-right: -3.125rem; } @media only screen and (max-width: 1023px) { .list-products-instruction { width: 100%; height: 100%; } } @media only screen and (max-width: 767px) { .list-products-instruction { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; scrollbar-width: none; } .list-products-instruction::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .list-products-instruction > li { border-right: 1px solid #D4DFEF; } .list-products-instruction > li::before { display: none; } .list-products-instruction > li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .list-products-instruction li + li { margin-top: 0; } .list-products-instruction__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media only screen and (max-width: 767px) { .list-products-instruction__item { min-width: 15.8125rem; } } .list-products-instruction__item img { width: 100%; height: auto; } .list-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .list-img__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-left: 0; } .list-img__item::before { display: none; } .list-img__item:not(:first-child) { margin-top: 3.4375rem; } @media only screen and (max-width: 1023px) { .list-img__item:not(:first-child) { margin-top: 1.25rem; } } .list-img__item svg { margin-top: -0.625rem; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 1023px) { .list-img__item svg { width: 3.75rem; height: 3.75rem; margin-top: 0; } } .list-img__img { height: 100%; width: 5.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .list-img__wrap { margin-left: 1.875rem; } @media only screen and (max-width: 1023px) { .list-img__wrap { margin-left: 1.25rem; } } .list-img span { display: block; width: 100%; } .list-img span:first-child { margin-bottom: 0.9375rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.375rem; line-height: 1.2; color: #0F46A0; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .list-img span:first-child { font-size: 1.125rem; margin-bottom: 0.625rem; } } .list-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1.875rem 0 2.1875rem; } @media only screen and (max-width: 1199px) { .list-info { margin: 1.25rem 0 2.5rem; } } .list-info > li::before { top: 0.625rem; width: 1.875rem; height: 1.875rem; 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 0L0 30L-2.62268e-06 2.62268e-06L30 0Z' fill='%230F46A0'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: contain; } @media only screen and (max-width: 1199px) { .list-info > li::before { top: 0.4375rem; width: 1.25rem; height: 1.25rem; } } .list-info.big > li::before { width: 3.125rem; height: 3.125rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M50 0L0 50L-4.37114e-06 4.37114e-06L50 0Z' fill='%230F46A0'/%3e%3c/svg%3e"); } @media only screen and (max-width: 1199px) { .list-info.big > li::before { width: 1.875rem; height: 1.875rem; } } .list-info.column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .list-info.column > li { padding-left: 3.125rem; } @media only screen and (max-width: 1199px) { .list-info.column > li { padding-left: 2.5rem; } } .list-info.column > li:not(:first-child) { margin-top: 1.5625rem; border-left: none; } @media only screen and (max-width: 1199px) { .list-info.column > li:not(:first-child) { margin-top: 0.9375rem; } } .list-info.column > li::before { left: 0; } .list-info__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 3.125rem; } @media only screen and (max-width: 1199px) { .list-info__item { padding-right: 1.875rem; } } .list-info__item:first-child { padding-right: 3.125rem; } @media only screen and (max-width: 1199px) { .list-info__item:first-child { padding-left: 2.1875rem; padding-right: 1.875rem; } } .list-info__item:not(:first-child) { margin-top: 0; padding-left: 6.25rem; border-left: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .list-info__item:not(:first-child) { padding-left: 4.0625rem; } } .list-info__item:not(:first-child)::before { left: 3.125rem; } @media only screen and (max-width: 1199px) { .list-info__item:not(:first-child)::before { left: 1.875rem; } } .list-info__item-ttl { font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2.1875rem; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .list-info__item-ttl { font-size: 1.25rem; } } .list-info__item-desc { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.125rem; } @media only screen and (max-width: 1199px) { .list-info__item-desc { font-size: 0.875rem; line-height: 1.2; } } .list-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 3.125rem 0; } .list-number__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; width: calc(100% / 3); max-width: 23%; padding: 0 0.9375rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.375rem; line-height: 1; color: #0F46A0; text-transform: uppercase; text-align: center; } @media only screen and (max-width: 1199px) { .list-number__item { max-width: none; font-size: 0.875rem; padding: 0 0.9375rem; } } .list-number__item::before { content: "0" counter(myCounter); position: static; margin-bottom: 1.5625rem; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 3.75rem; line-height: 1; } @media only screen and (max-width: 1199px) { .list-number__item::before { font-size: 1.875rem; margin-bottom: 1rem; } } @media only screen and (max-width: 767px) { .list-number__item::before { margin-bottom: 0.5rem; } } .list-number__item + li { margin-top: 0; } .map { width: 100%; height: 31.25rem; } @media only screen and (max-width: 1023px) { .map { height: 25rem; } } @media only screen and (max-width: 479px) { .map { height: 12.5rem; } } .map .img-map { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .mfp-close { display: none !important; } .mfp-bg { background: #00C1B5CC; } .mfp-wrap ~ * { -webkit-filter: blur(5px); filter: blur(5px); } .popup-modal-close { position: absolute; top: 0; right: -4.6875rem; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; z-index: 10; } @media only screen and (max-width: 1199px) { .popup-modal-close { top: 0.9375rem; right: 0.9375rem; } } .popup-modal-close:hover { opacity: 0.7; } .popup-modal-close .icon { color: #FFFFFF; } @media only screen and (max-width: 1199px) { .popup-modal-close .icon { color: #333333; } } @media only screen and (max-width: 1023px) { .popup-modal-close .icon { height: 1.375rem; } } .popup { position: relative; max-width: 61.5rem; padding: 4.375rem; margin: 0 auto; background: #FFFFFF; } @media only screen and (max-width: 1023px) { .popup { padding: 2.1875rem 1rem; } } .popup__desc { display: block; max-width: 85%; width: 100%; margin: 0 auto; margin-bottom: 1.875rem; text-align: center; line-height: 1.5; } @media only screen and (max-width: 767px) { .popup__desc { max-width: none; } } .popup .h3 { display: block; width: 100%; max-width: 65%; margin: 0 auto; margin-bottom: 1.25rem; text-align: center; line-height: 0.95; } @media only screen and (max-width: 767px) { .popup .h3 { max-width: none; } } #popup-thank, #subscribe-thank { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 25rem; max-width: 50rem; padding: 0; padding-top: 3.125rem; } .popup-thank__img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } @media only screen and (max-width: 767px) { .popup-thank__img { display: none; } } .popup-thank__img img { height: 100%; width: auto; z-index: 2; } .popup-thank__img .icon { position: absolute; bottom: 0; right: 0; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .popup-thank__content { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 65%; height: 100%; padding: 3.125rem 5rem; } @media only screen and (max-width: 767px) { .popup-thank__content { max-width: none; padding: 50px 30px; } } .popup-thank__content h1 { text-align: start; } .product-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 42.5rem; padding: 3.125rem 3.125rem 7.5rem; width: 100%; height: 100%; } @media only screen and (max-width: 1199px) { .product-card { padding: 1.25rem 0.9375rem 7.5rem; min-height: 26.25rem; padding-bottom: 4.0625rem; } } @media only screen and (max-width: 767px) { .product-card { min-height: 25rem; max-height: none; } } .product-card:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .product-card__wrap { max-width: calc(100% / 3); } .product-card__wrap:hover { opacity: 1; } .product-card__img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 21.875rem; } @media only screen and (max-width: 1199px) { .product-card__img { height: 13.75rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 767px) { .product-card__img { height: 17.5rem; } } .product-card__img img { position: relative; height: 100%; z-index: 2; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1199px) { .product-card__img img { height: 14.0625rem; } } @media only screen and (max-width: 767px) { .product-card__img img { height: 110%; } } .product-card__name { margin-top: 1.25rem; } .product-card .triangle { position: absolute; top: 0; right: 0; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; max-width: 100%; } @media only screen and (max-width: 1199px) { .product-card .triangle { height: 10.3125rem; width: 10.3125rem; } } @media only screen and (max-width: 767px) { .product-card .triangle { height: 13.875rem; width: 13.875rem; } } .product-card h3 { color: #0F46A0; line-height: .9; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1199px) { .product-card h3 { font-size: 1.25rem; line-height: 1.1; } } .product-card .desc { margin-left: 7.8125rem; margin-top: 0.9375rem; text-transform: unset; font-size: 1.125rem; } @media only screen and (max-width: 1199px) { .product-card .desc { margin-left: 1.875rem; font-size: 1rem; } } @media only screen and (max-width: 767px) { .product-card .desc { max-width: none; margin-left: 2.1875rem; margin-top: 0.625rem; } } .product-card .priсe-tag { position: absolute; bottom: 3.125rem; left: 10.9375rem; margin-left: 0; } @media only screen and (max-width: 1199px) { .product-card .priсe-tag { left: 5rem; bottom: 1.25rem; } } @media only screen and (max-width: 1023px) { .product-card .priсe-tag { left: 2.8125rem; } } @media only screen and (max-width: 767px) { .product-card .priсe-tag { left: 3.125rem; } } .promo-block__row-over-wrapper { border-bottom: 1px solid #D4DFEF; } .promo-block__row-over-wrapper .container { padding: 0; } .promo-block__row-over-wrapper:last-child { border-bottom: none; } .promo-block__row-over-wrapper:nth-child(2n) .col__desc { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 767px) { .promo-block__row-over-wrapper:nth-child(2n) .col__desc { border-right: none; } } .promo-block__row-over-wrapper:nth-child(2n) .col__pic { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-right: none; } @media only screen and (max-width: 767px) { .promo-block__row-over-wrapper:nth-child(2n) .col__pic { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .promo-block__row { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .promo-block__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .promo-block__row .col { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } @media only screen and (max-width: 767px) { .promo-block__row .col { width: 100%; } } .promo-block__row .col__pic { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-right: 1px solid #D4DFEF; -ms-flex-line-pack: start; align-content: flex-start; } @media only screen and (max-width: 1023px) { .promo-block__row .col__pic { padding-top: 1rem; padding-bottom: 1rem; } } @media only screen and (max-width: 767px) { .promo-block__row .col__pic { width: 100%; border-bottom: 1px solid #D4DFEF; border-right: none; } } .promo-block__row .col__pic img { width: 100%; height: auto; } .promo-block__row-ttl { margin-bottom: 1.875rem; } @media only screen and (max-width: 1023px) { .promo-block__row-ttl { margin-bottom: 0.625rem; } } .promo-block__row-ttl, .promo-block__row-ttl h3, .promo-block__row-ttl .h3 { width: 100%; font-size: 2.5rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 95%; /* 38px */ text-transform: uppercase; } @media only screen and (max-width: 1023px) { .promo-block__row-ttl, .promo-block__row-ttl h3, .promo-block__row-ttl .h3 { font-size: 1.25rem; } } .promo-block__row-desc { width: 100%; } .search { position: absolute; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; left: 0; padding: 2.125rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; z-index: 2; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; overflow: hidden; } @media only screen and (max-width: 1199px) { .search { padding: 1.25rem 0; } } @media only screen and (max-width: 767px) { .search { padding: 1rem 0; } } .search:not(.active) { height: 0; padding: 0; } .search.active { max-height: 300px; cursor: pointer; } .search .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .search { z-index: 2; } } .search input[type="search"] { width: 100%; max-width: 47.1875rem; height: 3.9375rem; outline: 0; border: 1px solid #D4DFEF; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; padding: 0 1.25rem; font-size: 1.125rem; font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #002A3A; background: transparent; } .search input[type="search"]::-webkit-input-placeholder { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; color: #002A3A; } .search input[type="search"]::-moz-placeholder { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; color: #002A3A; } .search input[type="search"]:-ms-input-placeholder { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; color: #002A3A; } .search input[type="search"]::-ms-input-placeholder { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; color: #002A3A; } .search input[type="search"]::placeholder { font-family: "Onest-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; color: #002A3A; } @media only screen and (max-width: 1199px) { .search input[type="search"]::-webkit-input-placeholder { font-size: 1rem; } .search input[type="search"]::-moz-placeholder { font-size: 1rem; } .search input[type="search"]:-ms-input-placeholder { font-size: 1rem; } .search input[type="search"]::-ms-input-placeholder { font-size: 1rem; } .search input[type="search"]::placeholder { font-size: 1rem; } } @media only screen and (max-width: 1199px) { .search input[type="search"] { height: 3.125rem; font-size: 1rem; } } @media only screen and (max-width: 767px) { .search input[type="search"] { height: 2.5rem; font-size: 0.75rem; } } .search input[type="submit"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; height: 3.9375rem; width: 13rem; margin-left: 1.25rem; background: #0F46A0; color: #FFFFFF; font-size: 0.875rem; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .search input[type="submit"] { height: 3.125rem; width: 10.625rem; } } .search .submit { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; height: 2.5rem; width: 2.5rem; margin-left: 0.625rem; background: #0F46A0; } .search .submit input[type="submit"] { background: transparent; } .search .submit .icon.icon-submit { position: absolute; color: #FFFFFF; stroke: currentColor; fill: transparent; } .search .icon.cross { margin-left: 3.125rem; } @media only screen and (max-width: 1199px) { .search .icon.cross { margin-left: 2.5rem; } } @media only screen and (max-width: 767px) { .search .icon.cross { margin-left: 1.5625rem; } } .header .icon.loupe { color: #333333; stroke: currentColor; fill: transparent; } .header.header-white .search svg { color: #FFFFFF; } .header.header-white .icon.loupe { color: #FFFFFF; } .more-all__container { width: calc(100% / 3 - 1rem); } .show-all__button .hide { display: none; } .show-item__button .hide { display: none; } .category { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 2.3125rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media only screen and (max-width: 1023px) { .category { margin-top: 0.9375rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; scrollbar-width: none; } .category::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .category .show-all__item:nth-child(n + 5) { display: none; } @media only screen and (max-width: 1023px) { .category .show-all__item:nth-child(n + 5) { display: -webkit-box; display: -ms-flexbox; display: flex; } } .category .show-all__item.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .category__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 34.375rem; width: calc(100% / 4); overflow: hidden; /* &:nth-child(1) { background: #39aae4; } &:nth-child(2) { background: #f8b1b5; } &:nth-child(3) { background: #63a8ad; } &:nth-child(4) { background: #f4b333; } &:nth-child(5) { background: #39aae4; } */ } @media only screen and (max-width: 1199px) { .category__item { height: 28.125rem; max-height: 20.9375rem; } } @media only screen and (max-width: 1023px) { .category__item { min-width: 16rem; max-width: 16rem; } } @media only screen and (max-width: 767px) { .category__item { min-width: 15.8125rem; max-width: 15.8125rem; max-height: 21.5625rem; } } .category__item:hover h3 { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .category__item a { width: 100%; height: 100%; } .category__item img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .category h3 { position: absolute; top: 3.125rem; left: 3.125rem; width: calc(100% - 6.25rem); max-width: 70%; color: #FFFFFF; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1023px) { .category h3 { top: 1.875rem; left: 0.9375rem; font-size: 1.25rem; line-height: 1.2; } } .category + .button-str { margin: 2.3125rem auto 0; } @media only screen and (max-width: 1023px) { .category + .button-str { display: none !important; } } .category + .button-str:hover { opacity: .7; } .category a:hover { opacity: 1; } .articles .show-item__item:nth-of-type(n+16) { display: none; } .articles .show-item__item.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .border__wrap .show-item__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 3.125rem; height: 3.875rem; border: 1px solid #D4DFEF; width: calc(100% - 6.25rem); font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.9375rem; text-transform: uppercase; color: #D4DFEF; } @media only screen and (max-width: 1023px) { .border__wrap .show-item__button { margin: 1.875rem; width: calc(100% - 3.75rem); } } .border__wrap .show-item__button span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; } .border__wrap .show-item__button span:not(.hide) { display: -webkit-box; display: -ms-flexbox; display: flex; } .search-result .search-result__item:nth-of-type(n+11) { display: none; } .search-result .search-result__item.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .search-result ~ .show-item__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 3.125rem 0; height: 3.875rem; border: 1px solid #D4DFEF; width: 100%; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.9375rem; text-transform: uppercase; color: #D4DFEF; } @media only screen and (max-width: 1023px) { .search-result ~ .show-item__button { margin-bottom: 5rem; } } .search-result ~ .show-item__button span { height: 100%; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search-result ~ .show-item__button span:not(.hide) { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-wrap { position: relative; overflow: hidden; } .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } .swiper-pagination-item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 0.625rem; height: 0.625rem; background: green; } .swiper-pagination-item + .swiper-pagination-item { margin-left: 0.625rem; } .slider__border { position: relative; top: 0; height: 1px; width: 100%; background: #D4DFEF; } .slider-wrap .container { overflow: hidden; } .slider .swiper-slide { border-right: 1px solid #D4DFEF; border-left: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .slider .swiper-slide-active { border-left: 1px solid #D4DFEF; } .slider + .swiper-navigation { position: absolute; top: 2.5rem; right: 3.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1199px) { .slider + .swiper-navigation { top: 2.1875rem; } } @media only screen and (max-width: 1023px) { .slider + .swiper-navigation { display: none; } } .slider + .swiper-navigation .swiper-button { cursor: pointer; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1199px) { .slider + .swiper-navigation .swiper-button svg { width: 2.1875rem; } } .slider + .swiper-navigation .swiper-button:hover { opacity: 0.7; } .slider + .swiper-navigation .swiper-button.swiper-prev { margin-right: 1.25rem; } @media only screen and (max-width: 1199px) { .slider + .swiper-navigation .swiper-button.swiper-prev { margin-right: 0.625rem; } } .main-slider__content { position: absolute; top: 18.4375rem; left: 3.0625rem; max-width: 50%; } @media only screen and (max-width: 1439px) { .main-slider__content { left: 1rem; } } @media only screen and (max-width: 1023px) { .main-slider__content { top: 10rem; left: 1rem; max-width: 40%; } } @media only screen and (max-width: 767px) { .main-slider__content { max-width: 18.125rem; top: 9.375rem; } } @media only screen and (max-width: 1023px) { .main-slider .button-str { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .main-slider + .container { overflow: unset; } .main-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 53rem; background: #e78d01; overflow: hidden; } @media only screen and (max-width: 1023px) { .main-slider .swiper-slide { height: 32.8125rem; background: #e78d01; } } @media only screen and (max-width: 767px) { .main-slider .swiper-slide { height: 46.875rem; background: #e78d01; } } .main-slider .swiper-slide .container { position: relative; height: 100%; } .main-slider .swiper-slide picture { position: absolute; bottom: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .main-slider .swiper-slide .img-big { width: auto; height: 100%; position: relative; max-height: 85%; right: -16.875rem; } @media only screen and (max-width: 1023px) { .main-slider .swiper-slide .img-big { right: -6.25rem; } } @media only screen and (max-width: 767px) { .main-slider .swiper-slide .img-big { right: 0; max-height: 57%; } } .main-slider .swiper-slide .img-small { position: absolute; top: 12.6875rem; right: calc(50% - 36.5rem); -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1023px) { .main-slider .swiper-slide .img-small { height: 9.875rem; width: auto; right: calc(50% - 17.8152rem); } } @media only screen and (max-width: 767px) { .main-slider .swiper-slide .img-small { height: 6.5625rem; width: auto; right: calc(50% - 5.1325rem); top: 19.6875rem; } } .main-slider .swiper-slide .img-small:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .main-slider .swiper-slide .ttl-desc { margin-bottom: 1.875rem; text-align: start; color: #FFFFFF; } .main-slider__pagination-title { display: block; width: 100%; margin-bottom: 0.3125rem; font-family: "Onest-Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.5rem; color: #0F46A0; text-transform: uppercase; } @media only screen and (max-width: 1439px) { .main-slider__pagination-title { margin-bottom: 0.3125rem; font-size: 0.875rem; } } .main-slider__pagination-subtitle { display: block; width: 100%; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; color: #0F46A0; } @media only screen and (max-width: 1439px) { .main-slider__pagination-subtitle { font-size: 0.75rem; } } .main-slider__pagination .swiper-slide { height: auto; padding: 1.875rem; background: #FFFFFF; cursor: pointer; } @media only screen and (max-width: 1439px) { .main-slider__pagination .swiper-slide { padding: 0.75rem; } } @media only screen and (max-width: 1023px) { .main-slider__pagination .swiper-slide { width: auto; } } .main-slider__pagination .swiper-slide + .swiper-slide { margin-left: 1px; } .main-slider__pagination .swiper-slide-thumb-active { background: #0F46A0; position: relative; } .main-slider__pagination .swiper-slide-thumb-active::before { content: ''; position: absolute; top: -0.9375rem; left: 0; display: block; width: 1.875rem; height: 1.875rem; 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 30L0 0V30H30Z' fill='%230F46A0'/%3e%3c/svg%3e"); background-size: 100%; background-repeat: no-repeat; } @media only screen and (max-width: 1023px) { .main-slider__pagination .swiper-slide-thumb-active::before { width: 0.9375rem; height: 0.9375rem; } } .main-slider__pagination .swiper-slide-thumb-active .main-slider__pagination-title { color: #FFFFFF; } .main-slider__pagination .swiper-slide-thumb-active .main-slider__pagination-subtitle { color: #FFFFFF; } .slider-hits .swiper-slide { height: unset; max-width: calc(100% / 3); } @media only screen and (max-width: 1023px) { .slider-hits .swiper-slide { max-width: 15.3125rem; min-width: 15.3125rem; } } @media only screen and (max-width: 767px) { .slider-hits .swiper-slide { max-width: 15.9375rem; min-width: 15.9375rem; } } .slider-hits .product-card { position: unset; max-width: unset; } @media only screen and (max-width: 767px) { .slider-hits .product-card .triangle { height: 10.9375rem; width: 10.9375rem; } } .slider-hits .product-card__img { height: 21.25rem; } @media only screen and (max-width: 1199px) { .slider-hits .product-card__img { height: 12.1875rem; } } .slider-hits .product-card__img img { height: 107%; } @media only screen and (max-width: 1199px) { .slider-hits .product-card__img img { height: 100%; } } @media only screen and (max-width: 767px) { .slider-hits .product-card__img img { height: 13.4375rem; } } .slider-hits .product-card__name { margin-top: 2.1875rem; } @media only screen and (max-width: 1199px) { .slider-hits .product-card__name { margin-top: 1.5625rem; } } @media only screen and (max-width: 767px) { .slider-hits .product-card__name { margin-top: 1.25rem; } } @media only screen and (max-width: 1199px) { .slider-hits .product-card h3 { line-height: 0.9; } } @media only screen and (max-width: 1199px) { .slider-hits .product-card .subtitle { margin-top: 0.625rem; } } .slider-hits .product-card .desc { margin-left: 7.8125rem; } @media only screen and (max-width: 1199px) { .slider-hits .product-card .desc { margin-left: 2.1875rem; } } .slider-hits .product-card .priсe-tag { left: 10.9375rem; } @media only screen and (max-width: 1199px) { .slider-hits .product-card .priсe-tag { left: 3.1875rem; } } .slider-docs .swiper-slide { height: unset; border-right: none; } @media only screen and (max-width: 1023px) { .slider-docs .swiper-slide { width: 14.125rem; } } .slider-docs .swiper-slide:first-child { border-left: none; } .slider-docs .swiper-slide.swiper-slide-active { border-left: none; } .slider-docs .document-card { position: unset; } .slider-docs.swiper-container { overflow: hidden; } .slider-docs + .swiper-navigation { top: 0; } .slider-product-pics__over-wrapper { padding-bottom: 2.5rem; } .slider-product-pics__over-wrapper .container { padding: 0; } .slider-product-pics .product-pic-over-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider-product-pics .product-pic-over-wrapper .triangle { position: absolute; top: 0; left: 0; width: 32.8125rem; height: auto; max-width: 100%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media only screen and (max-width: 1023px) { .slider-product-pics .product-pic-over-wrapper .triangle { width: 15.9375rem; } } @media only screen and (max-width: 767px) { .slider-product-pics .product-pic-over-wrapper .triangle { width: 12.8125rem; left: 50%; margin-left: -25%; } } @media only screen and (max-width: 479px) { .slider-product-pics .product-pic-over-wrapper .triangle { left: 0; margin-left: 0; } } .slider-product-pics .swiper-slide { height: unset; border-right: none; } .slider-product-pics .swiper-slide img { position: relative; z-index: 2; max-height: 38.75rem; width: auto; } @media only screen and (max-width: 1023px) { .slider-product-pics .swiper-slide img { max-height: 17.1875rem; } } @media only screen and (max-width: 767px) { .slider-product-pics .swiper-slide img { max-height: 15.625rem; -o-object-fit: contain; object-fit: contain; } } .slider-product-pics .swiper-slide-active { border-left: none; } .slider-product-pics.swiper-container { padding: 0; overflow: hidden; } .slider-product-pics .triangle { position: absolute; top: 0; left: 0; width: 32.8125rem; height: auto; max-width: 100%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media only screen and (max-width: 1023px) { .slider-product-pics .triangle { width: 15.9375rem; } } @media only screen and (max-width: 767px) { .slider-product-pics .triangle { width: 12.8125rem; left: 50%; margin-left: -25%; } } @media only screen and (max-width: 479px) { .slider-product-pics .triangle { left: 0; margin-left: 0; } } #slider-product-pics__pagination { bottom: 0; } @media only screen and (max-width: 767px) { #slider-product-pics__pagination { bottom: 0; } } .slider-recommended__border { position: relative; top: 13.4375rem; height: 1px; width: 100%; background: #D4DFEF; } @media only screen and (max-width: 1199px) { .slider-recommended__border { top: 13.8125rem; } } .slider-recommended__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1199px) { .slider-recommended__item { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .slider-recommended__content { position: relative; width: calc(100% - 45%); padding-right: 1.25rem; } .slider-recommended__content p { line-height: 1.5; } .slider-recommended__content p:first-child { margin-top: 0; margin-bottom: 0; } .slider-recommended__content p:last-child { margin-bottom: 0; } @media only screen and (max-width: 1199px) { .slider-recommended__content { position: static; width: 100%; padding-right: 0; } } @media only screen and (max-width: 767px) { .slider-recommended__content { padding-bottom: 6.5625rem; } } .slider-recommended__img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 25.3125rem; width: 45%; } @media only screen and (max-width: 1199px) { .slider-recommended__img { position: absolute; bottom: 0; right: 0; max-height: 11.875rem; width: 10.1875rem; } } @media only screen and (max-width: 767px) { .slider-recommended__img { max-height: 9.375rem; } } .slider-recommended__img img { position: relative; max-width: 100%; z-index: 2; } @media only screen and (max-width: 1199px) { .slider-recommended__img img { max-height: 100%; } } .slider-recommended__img .triangle { position: absolute; bottom: 0; right: 0; max-width: 100%; height: auto; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media only screen and (max-width: 767px) { .slider-recommended__img .triangle { width: 8.5rem; } } .slider-recommended__desc { position: absolute; left: 8.125rem; bottom: 0; } @media only screen and (max-width: 1199px) { .slider-recommended__desc { left: 0; } } @media only screen and (max-width: 767px) { .slider-recommended__desc { position: static; } } .slider-recommended__preview { padding-bottom: 5rem; } @media only screen and (max-width: 1199px) { .slider-recommended__preview { padding-bottom: 12.5rem; } } @media only screen and (max-width: 1023px) { .slider-recommended__preview { padding-bottom: 12.5rem; } } @media only screen and (max-width: 767px) { .slider-recommended__preview { padding-bottom: 1.25rem; } } .slider-recommended .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 31.25rem; width: calc(100% / 2); height: unset; padding: 3.125rem; } @media only screen and (max-width: 1199px) { .slider-recommended .swiper-slide { padding: 1.25rem 0.9375rem; min-height: unset; } } @media only screen and (max-width: 767px) { .slider-recommended .swiper-slide { width: 24rem; border-top: 1px solid #D4DFEF; min-height: unset; } } .slider-recommended .desc { color: #0F46A0; } .slider-recommended .name { margin-bottom: 0.8125rem; } @media only screen and (max-width: 1199px) { .slider-recommended .name { font-size: 0.875rem; margin-bottom: 0.3125rem; } } @media only screen and (max-width: 767px) { .slider-recommended:not(.swiper-initialized) .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .slider-recommended:not(.swiper-initialized) .swiper-slide { width: 100%; } } .slider-read { width: 100%; } .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .swiper-pagination-bullet { width: 0.625rem; height: 0.625rem; border-radius: 0; background-color: transparent; position: relative; opacity: 1; } .swiper-pagination-bullet::before { content: ''; width: 0.625rem; height: 0.625rem; position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-color: transparent; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAwLjVIOC43OTI4OUwwLjUgOC43OTI4OVYwLjVaIiBzdHJva2U9IiMwRjQ2QTAiLz4KPC9zdmc+"); } @media only screen and (max-width: 1023px) { .swiper-pagination-bullet::before { background-size: 0.4375rem 0.4375rem; } } .swiper-pagination-bullet-active::before { 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='M14 -9.53674e-07L9.53674e-07 14L-2.70245e-07 2.70244e-07L14 -9.53674e-07Z' fill='%230F46A0'/%3e%3c/svg%3e"); } @media only screen and (max-width: 1023px) { .swiper-pagination-bullet-active::before { background-size: 0.4375rem 0.4375rem; } } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.9375rem; } @media only screen and (max-width: 1023px) { .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.3125rem; } } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; } .slider-article { width: 100%; } @media only screen and (min-width: 1024px) { .slider-article .swiper-wrapper { -webkit-transform: unset !important; -ms-transform: unset !important; transform: unset !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width: 1024px) { .slider-article .swiper-wrapper .swiper-slide { border-left: none; border-right: none; } } .slider-article .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc( 100% / 3); } @media only screen and (min-width: 1024px) { .slider-article .swiper-slide:first-of-type, .slider-article .swiper-slide:nth-of-type(10n+7), .slider-article .swiper-slide:nth-of-type(10n+11) { width: calc(100% - ( 100% / 3)); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .slider-article .swiper-slide:first-of-type .article, .slider-article .swiper-slide:nth-of-type(10n+7) .article, .slider-article .swiper-slide:nth-of-type(10n+11) .article { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 1024px) and (max-width: 1023px) { .slider-article .swiper-slide:first-of-type .article, .slider-article .swiper-slide:nth-of-type(10n+7) .article, .slider-article .swiper-slide:nth-of-type(10n+11) .article { height: 22.1875rem; } } @media only screen and (min-width: 1024px) { .slider-article .swiper-slide:first-of-type .article__img, .slider-article .swiper-slide:nth-of-type(10n+7) .article__img, .slider-article .swiper-slide:nth-of-type(10n+11) .article__img { height: 100%; width: calc(100% / 2 - 3.125rem); margin-bottom: 0; } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .slider-article .swiper-slide:first-of-type .article__img, .slider-article .swiper-slide:nth-of-type(10n+7) .article__img, .slider-article .swiper-slide:nth-of-type(10n+11) .article__img { width: calc(100% / 2 - 0.9375rem); } } @media only screen and (min-width: 1024px) { .slider-article .swiper-slide:first-of-type .article__content, .slider-article .swiper-slide:nth-of-type(10n+7) .article__content, .slider-article .swiper-slide:nth-of-type(10n+11) .article__content { position: relative; width: calc(100% / 2); -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding-right: 6.25rem; line-height: 1.5; } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .slider-article .swiper-slide:first-of-type .article__content, .slider-article .swiper-slide:nth-of-type(10n+7) .article__content, .slider-article .swiper-slide:nth-of-type(10n+11) .article__content { padding-right: 3.125rem; } } @media only screen and (min-width: 1024px) { .slider-article .swiper-slide:first-of-type .article__desc, .slider-article .swiper-slide:nth-of-type(10n+7) .article__desc, .slider-article .swiper-slide:nth-of-type(10n+11) .article__desc { bottom: 0; right: 6.25rem; } } @media only screen and (min-width: 1024px) and (max-width: 1023px) { .slider-article .swiper-slide:first-of-type .article__desc, .slider-article .swiper-slide:nth-of-type(10n+7) .article__desc, .slider-article .swiper-slide:nth-of-type(10n+11) .article__desc { right: 1rem; bottom: 1.25rem; } } @media only screen and (min-width: 1024px) { .slider-article .swiper-slide:first-of-type .article__preview, .slider-article .swiper-slide:nth-of-type(10n+7) .article__preview, .slider-article .swiper-slide:nth-of-type(10n+11) .article__preview { display: block; } .slider-article .swiper-slide:first-of-type h4, .slider-article .swiper-slide:nth-of-type(10n+7) h4, .slider-article .swiper-slide:nth-of-type(10n+11) h4 { margin-bottom: 1.5625rem; font-size: 2.8125rem; line-height: 1.05; max-height: calc(2.8125rem * 1.05 * 4); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } } @media only screen and (min-width: 1024px) and (max-width: 1439px) { .slider-article .swiper-slide:first-of-type h4, .slider-article .swiper-slide:nth-of-type(10n+7) h4, .slider-article .swiper-slide:nth-of-type(10n+11) h4 { font-size: 2.1875rem; } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .slider-article .swiper-slide:first-of-type h4, .slider-article .swiper-slide:nth-of-type(10n+7) h4, .slider-article .swiper-slide:nth-of-type(10n+11) h4 { font-size: 1.375rem; } } @media only screen and (max-width: 1023px) { .slider-article .swiper-slide { width: 15.3125rem; } } @media only screen and (max-width: 767px) { .slider-article .swiper-slide { width: 15.8125rem; } } @media only screen and (max-width: 1023px) { .slider-article .swiper-slide:first-child { border-left: none; } } @media only screen and (max-width: 1023px) { .slider-article .swiper-slide.swiper-slide-active { border-left: none; } } .slider-article .swiper-slide:hover { opacity: 1; } .slider-article .swiper-slide.slide { width: 100%; } @media only screen and (max-width: 1023px) { .slider-article .swiper-slide .article { border-left: none; border-right: none; height: 22.1875rem; } } @media only screen and (max-width: 1023px) { .slider-article .swiper-slide .article__desc { right: 1rem; bottom: 1.25rem; } } .table__ttl { margin-bottom: 1.625rem; } .table__ttl h2, .table__ttl .h2 { text-align: left; margin-bottom: 0; } @media only screen and (max-width: 1023px) { .table__ttl { display: none; } } @media only screen and (max-width: 767px) { .table__over-wrapper { overflow-x: scroll; scrollbar-color: #00C1B5 transparent; } .table__over-wrapper::-webkit-scrollbar { width: 0; height: 0.625rem; cursor: none !important; } .table__over-wrapper::-webkit-scrollbar-thumb { background-color: #00C1B5; border-radius: 0.625rem; cursor: pointer !important; } } .table__over-wrapper table { width: 100%; } @media only screen and (max-width: 767px) { .table__over-wrapper table { min-width: 48rem; } } .table__over-wrapper th { font-size: 1.25rem; font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 130%; text-transform: uppercase; color: #96ABCA; opacity: 0.5; text-align: left; font-weight: normal; padding-bottom: 0.9375rem; border-bottom: 1px solid #D4DFEF; } @media only screen and (max-width: 1023px) { .table__over-wrapper th { font-size: 0.75rem; padding: 0.625rem 0; } } .table__over-wrapper tr { border-bottom: 1px solid #D4DFEF; } .table__over-wrapper td { font-size: 1.25rem; line-height: 130%; padding: 0.6875rem 0.9375rem 0.8125rem 0; } @media only screen and (max-width: 1023px) { .table__over-wrapper td { font-size: 1rem; border-bottom: 1px solid #D4DFEF; padding: 0.625rem 0.9375rem 0.625rem 0; } } .table__over-wrapper td p { font-size: 1.25rem; line-height: 130%; margin-top: 0; } @media only screen and (max-width: 1023px) { .table__over-wrapper td p { font-size: 1rem; } } .table__over-wrapper td p:last-child { margin-bottom: 0; } .table__over-wrapper td:first-child { width: 21.875rem; } @media only screen and (max-width: 1023px) { .table__over-wrapper td:first-child { width: 15.3125rem; } } .table__over-wrapper td:nth-child(2) { width: 13.125rem; } @media only screen and (max-width: 1023px) { .table__over-wrapper td:nth-child(2) { width: 7.8125rem; } } .table__over-wrapper td:nth-child(3) { width: 18.4375rem; } @media only screen and (max-width: 1023px) { .table__over-wrapper td:nth-child(3) { width: 11.5625rem; } } @media only screen and (max-width: 1023px) { .table__over-wrapper td:nth-child() { width: 10.625rem; } } .table__desc { margin: 1.9375rem 0 3.125rem 0; } @media only screen and (max-width: 1023px) { .table__desc { margin: 1.25rem 0 1.5625rem 0; } } .table__desc-ttl { font-size: 1.25rem; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 130%; text-transform: uppercase; margin: 0 0 0.625rem 0; } @media only screen and (max-width: 1023px) { .table__desc-ttl { font-size: 1rem; margin: 0 0 0.375rem 0; } } .table__desc-text p { font-size: 1.25rem; line-height: 130%; } @media only screen and (max-width: 1023px) { .table__desc-text p { font-size: 1rem; } } .table-custom { min-width: 93.75rem; border-top: 1px solid #96ABCA; } .table-custom__head { text-transform: uppercase; font-size: 1.25rem; font-family: "Onest-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 130%; text-transform: uppercase; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #96ABCA; opacity: 0.8; } @media only screen and (max-width: 1023px) { .table-custom__head { font-size: 0.75rem; } } .table-custom__body { font-size: 1.125rem; line-height: 1; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } @media only screen and (max-width: 1023px) { .table-custom__body { font-size: 1rem; } } .table-custom__th { padding: 1.25rem 0; border-bottom: 1px solid; border-color: #D4DFEF !important; } .table-custom__th span { display: block; width: 100%; max-width: 100%; height: 100%; padding: 0 1.875rem; border-left: 1px solid; border-color: #D4DFEF !important; } .table-custom__td { padding: 1.25rem 0; border-bottom: 1px solid; border-color: #D4DFEF !important; } .table-custom__td span { display: block; width: 100%; max-width: 100%; height: 100%; padding: 0 1.875rem; border-left: 1px solid; border-color: #D4DFEF !important; } .table-custom__over-wrapper { overflow-x: auto; scrollbar-color: #00C1B5 transparent; scrollbar-width: thin; /* &::-webkit-scrollbar { width: 0; width: 12px; height: rem(10); cursor: none !important; } &::-webkit-scrollbar-thumb { background-color: $color-background-1; border-radius: rem(10); cursor: pointer !important; } */ } .omega-3 .table-custom__head { display: grid; grid-template-columns: 18.75rem 13.125rem repeat(6, 1fr); } .omega-3 .table-custom__body { display: grid; grid-template-columns: 18.75rem 13.125rem repeat(6, 1fr); } .omega-3 .table-custom__th:first-child { grid-row: 1 / span 3; } .omega-3 .table-custom__th:first-child span { padding-left: 0; border-left: none; } .omega-3 .table-custom__th:nth-child(2) { grid-row: 1 / span 3; } .omega-3 .table-custom__th:nth-child(2) span { border-right: 1px solid; } .omega-3 .table-custom__th:nth-child(3) { grid-column: 3 / span 6; width: calc(100% - 1.25rem); margin-left: 1.25rem; } .omega-3 .table-custom__th:nth-child(3) span { border-left: none; padding-left: 0.625rem; } .omega-3 .table-custom__th:nth-child(4) { grid-row: 2 / span 2; } .omega-3 .table-custom__th:nth-child(4) span { border-left: none; border-right: 1px solid; } .omega-3 .table-custom__th:nth-child(5) { grid-column: 4 / span 2; grid-row: 2; width: calc(100% - 1.25rem); margin-left: 1.25rem; } .omega-3 .table-custom__th:nth-child(5) span { border-left: none; } .omega-3 .table-custom__th:nth-child(6) { grid-column: 6 / span 2; grid-row: 2; width: calc(100% - 1.25rem); margin-right: 1.25rem; } .omega-3 .table-custom__th:nth-child(7) { grid-row: 2 / span 2; } .omega-3 .table-custom__th:nth-child(8) span { border-left: none; } .omega-3 .table-custom__th:nth-child(4), .omega-3 .table-custom__th:nth-child(5), .omega-3 .table-custom__th:nth-child(6), .omega-3 .table-custom__th:nth-child(7), .omega-3 .table-custom__th:nth-child(8), .omega-3 .table-custom__th:nth-child(9), .omega-3 .table-custom__th:nth-child(10), .omega-3 .table-custom__th:nth-child(11) { font-size: 1rem; } .omega-3 .table-custom__td:first-child span { padding-left: 0; border-left: none; } .omega-3 .table-custom__td:nth-child(9) span { padding-left: 0; border-left: none; } .omega-3 .table-custom__td:nth-child(11) { grid-column: 3 / span 5; } .omega-3 .table-custom__td:nth-child(13) span { padding-left: 0; border-left: none; } .omega-3 .table-custom__td:nth-child(15) { grid-column: 3 / span 5; } .omega-3-6-9 .table-custom__head { display: grid; grid-template-columns: repeat(8, 1fr); } .omega-3-6-9 .table-custom__body { display: grid; grid-template-columns: repeat(8, 1fr); } .omega-3-6-9 .table-custom__th:first-child { grid-row: 1 / span 2; } .omega-3-6-9 .table-custom__th:first-child span { border-left: none; padding-left: 0; } .omega-3-6-9 .table-custom__th:nth-child(2) { grid-row: 1 / span 2; } .omega-3-6-9 .table-custom__th:nth-child(2) span { border-right: 1px solid; } .omega-3-6-9 .table-custom__th:nth-child(3) { grid-column: 3 / span 2; grid-row: 1; width: calc(100% - 2.5rem); margin-left: 1.25rem; } .omega-3-6-9 .table-custom__th:nth-child(3) span { padding-left: 0.625rem; border-left: none; } .omega-3-6-9 .table-custom__th:nth-child(4) { grid-column: 5; grid-row: 1 / span 2; } .omega-3-6-9 .table-custom__th:nth-child(4) span { border-right: 1px solid; } .omega-3-6-9 .table-custom__th:nth-child(5) { grid-column: 6 / span 2; grid-row: 1; width: calc(100% - 2.5rem); margin-left: 1.25rem; } .omega-3-6-9 .table-custom__th:nth-child(5) span { padding-left: 0.625rem; border-left: none; } .omega-3-6-9 .table-custom__th:nth-child(6) { grid-row: 1 / span 2; } .omega-3-6-9 .table-custom__th:nth-child(7) { grid-column: 3; grid-row: 2; } .omega-3-6-9 .table-custom__th:nth-child(7) span { border-left: none; } .omega-3-6-9 .table-custom__th:nth-child(8) { grid-column: 4; grid-row: 2; } .omega-3-6-9 .table-custom__th:nth-child(9) { grid-column: 6; grid-row: 2; } .omega-3-6-9 .table-custom__th:nth-child(9) span { border-left: none; } .omega-3-6-9 .table-custom__th:nth-child(10) { grid-column: 7; grid-row: 2; } .omega-3-6-9 .table-custom__td:nth-child(3) { grid-column: 3 / span 2; } .omega-3-6-9 .table-custom__td:nth-child(3) span { text-align: center; } .omega-3-6-9 .table-custom__td:nth-child(5) { grid-column: 6 / span 2; } .omega-3-6-9 .table-custom__td:nth-child(5) span { text-align: center; } .omega-3-6-9 .table-custom__td:nth-child(17) { grid-column: 3 / span 2; } .omega-3-6-9 .table-custom__td:nth-child(17) span { text-align: center; border-right: 1px solid; } .omega-3-6-9 .table-custom__td:nth-child(18) span { border-left: none; } .omega-3-6-9 .table-custom__td:nth-child(19) { grid-column: 6 / span 2; } .omega-3-6-9 .table-custom__td:nth-child(19) span { text-align: center; border-right: 1px solid; } .omega-3-6-9 .table-custom__td:nth-child(20) span { border-left: none; } .omega-3-6-9 .table-custom__td:nth-child(23) { grid-column: 3 / span 2; } .omega-3-6-9 .table-custom__td:nth-child(23) span { text-align: center; } .omega-3-6-9 .table-custom__td:nth-child(25) { grid-column: 6 / span 2; } .omega-3-6-9 .table-custom__td:nth-child(25) span { text-align: center; } .omega-3-6-9 .table-custom__td:nth-child(1) span, .omega-3-6-9 .table-custom__td:nth-child(7) span, .omega-3-6-9 .table-custom__td:nth-child(15) span, .omega-3-6-9 .table-custom__td:nth-child(21) span, .omega-3-6-9 .table-custom__td:nth-child(27) span, .omega-3-6-9 .table-custom__td:nth-child(35) span, .omega-3-6-9 .table-custom__td:nth-child(43) span, .omega-3-6-9 .table-custom__td:nth-child(51) span, .omega-3-6-9 .table-custom__td:nth-child(59) span { border-left: none; padding-left: 0; } .magniy-zitrat .table-custom__head { display: grid; grid-template-columns: repeat(7, 14.285%); } .magniy-zitrat .table-custom__body { display: grid; grid-template-columns: repeat(7, 14.285%); } .magniy-zitrat .table-custom__th { font-size: 1.0625rem; } .magniy-zitrat .table-custom__th:nth-child(1), .magniy-zitrat .table-custom__th:nth-child(2), .magniy-zitrat .table-custom__th:nth-child(3), .magniy-zitrat .table-custom__th:nth-child(4) { grid-row: 1 / span 2; } .magniy-zitrat .table-custom__th:nth-child(4) span { border-right: 1px solid; } .magniy-zitrat .table-custom__th:nth-child(5) { grid-column: 5 / span 3; margin-left: 1.875rem; } .magniy-zitrat .table-custom__th:nth-child(5) span { padding-left: 0; border-left: none; } .magniy-zitrat .table-custom__th:nth-child(6) span { border-left: none; } .magniy-zitrat .table-custom__th:nth-child(1) span { padding-left: 0; border-left: none; } .magniy-zitrat .table-custom__td:nth-child(1) span { padding-left: 0; border-left: none; } .magniy-zitrat .table-custom__td:nth-child(8) span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__head { display: grid; grid-template-columns: repeat(9, 1fr); } .omega-3-children .table-custom__body { display: grid; grid-template-columns: repeat(9, 1fr); } .omega-3-children .table-custom__th:first-child { grid-row: 1 / span 3; } .omega-3-children .table-custom__th:first-child span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__th:nth-child(2) { grid-row: 1 / span 3; } .omega-3-children .table-custom__th:nth-child(2) span { border-right: 1px solid; } .omega-3-children .table-custom__th:nth-child(3) { grid-column: 3 / span 7; width: calc(100% - 1.25rem); margin-left: 1.25rem; } .omega-3-children .table-custom__th:nth-child(3) span { padding-left: 0.625rem; border-left: none; } .omega-3-children .table-custom__th:nth-child(4) { grid-row: 2 / span 2; } .omega-3-children .table-custom__th:nth-child(4) span { border-left: none; border-right: 1px solid; } .omega-3-children .table-custom__th:nth-child(5) { grid-row: 2 / span 2; } .omega-3-children .table-custom__th:nth-child(5) span { border-right: 1px solid; border-left: none; } .omega-3-children .table-custom__th:nth-child(6) { grid-column: 5 / span 2; grid-row: 2; width: calc(100% - 1.25rem); margin-left: 1.875rem; } .omega-3-children .table-custom__th:nth-child(6) span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__th:nth-child(7) { grid-column: 7 / span 2; grid-row: 2; width: calc(100% - 1.25rem); margin-right: 1.25rem; } .omega-3-children .table-custom__th:nth-child(8) { grid-row: 2 / span 2; } .omega-3-children .table-custom__th:nth-child(9) span { border-left: none; } .omega-3-children .table-custom__th:nth-child(4), .omega-3-children .table-custom__th:nth-child(5), .omega-3-children .table-custom__th:nth-child(6), .omega-3-children .table-custom__th:nth-child(7), .omega-3-children .table-custom__th:nth-child(8), .omega-3-children .table-custom__th:nth-child(9), .omega-3-children .table-custom__th:nth-child(10), .omega-3-children .table-custom__th:nth-child(11), .omega-3-children .table-custom__th:nth-child(12) { font-size: 1rem; } .omega-3-children .table-custom__td { /* &:nth-child(11) { grid-column: 3 / span 5; //grid-row: 2 ; } &:nth-child(13) { span { padding-left: 0; border-left: none; } } &:nth-child(15) { grid-column: 3 / span 5; //grid-row: 2 ; } */ } .omega-3-children .table-custom__td:first-child { grid-row: 1 / span 2; } .omega-3-children .table-custom__td:first-child span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__td:nth-child(2) { grid-row: 1 / span 2; } .omega-3-children .table-custom__td:nth-child(2) span { border-right: 1px solid; } .omega-3-children .table-custom__td:nth-child(3) { margin-left: 1.875rem; } .omega-3-children .table-custom__td:nth-child(3) span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__td:nth-child(10) { grid-column: 3 / span 7; } .omega-3-children .table-custom__td:nth-child(10) span { border-left: none; } .omega-3-children .table-custom__td:nth-child(11) { border-bottom: none; } .omega-3-children .table-custom__td:nth-child(11) span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__td:nth-child(14) { grid-column: 4 / span 5; } .omega-3-children .table-custom__td:nth-child(16) span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__td:nth-child(18) { grid-column: 3; grid-row: 4 / span 2; } .omega-3-children .table-custom__td:nth-child(19) { grid-column: 4 / span 5; grid-row: 4 / span 2; } .omega-3-children .table-custom__td:nth-child(21) { padding-bottom: 0; margin-bottom: 1.25rem; border-bottom: none; } .omega-3-children .table-custom__td:nth-child(21) span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__td:nth-child(24) { border-top: 1px solid; } .omega-3-children .table-custom__td:nth-child(24) span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__td:nth-child(33) span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__td:nth-child(42) span { padding-left: 0; border-left: none; } .omega-3-children .table-custom__td:nth-child(45) { grid-column: 4 / span 5; } .omega-3-children .table-custom__td:nth-child(11), .omega-3-children .table-custom__td:nth-child(12), .omega-3-children .table-custom__td:nth-child(13), .omega-3-children .table-custom__td:nth-child(14), .omega-3-children .table-custom__td:nth-child(15), .omega-3-children .table-custom__td:nth-child(16), .omega-3-children .table-custom__td:nth-child(17), .omega-3-children .table-custom__td:nth-child(20) { border-bottom: none; } .omega-3-children .table-custom__td:nth-child(12), .omega-3-children .table-custom__td:nth-child(13), .omega-3-children .table-custom__td:nth-child(14), .omega-3-children .table-custom__td:nth-child(15) { border-left: 1px solid; padding-top: 0; margin-top: 1.25rem; } .omega-3-children .table-custom__td:nth-child(12) span, .omega-3-children .table-custom__td:nth-child(13) span, .omega-3-children .table-custom__td:nth-child(14) span, .omega-3-children .table-custom__td:nth-child(15) span { border-left: none; } .omega-3-children .table-custom__td:nth-child(17), .omega-3-children .table-custom__td:nth-child(18), .omega-3-children .table-custom__td:nth-child(19), .omega-3-children .table-custom__td:nth-child(20), .omega-3-children .table-custom__td:nth-child(22), .omega-3-children .table-custom__td:nth-child(23) { border-left: 1px solid; } .omega-3-children .table-custom__td:nth-child(17) span, .omega-3-children .table-custom__td:nth-child(18) span, .omega-3-children .table-custom__td:nth-child(19) span, .omega-3-children .table-custom__td:nth-child(20) span, .omega-3-children .table-custom__td:nth-child(22) span, .omega-3-children .table-custom__td:nth-child(23) span { border-left: none; } .omega-3-children .table-custom__td:nth-child(18), .omega-3-children .table-custom__td:nth-child(19), .omega-3-children .table-custom__td:nth-child(22), .omega-3-children .table-custom__td:nth-child(23) { padding-bottom: 0; margin-bottom: 1.25rem; border-bottom: none; } .omega-3-children .table-custom__td:nth-child(25), .omega-3-children .table-custom__td:nth-child(26), .omega-3-children .table-custom__td:nth-child(27), .omega-3-children .table-custom__td:nth-child(28), .omega-3-children .table-custom__td:nth-child(29), .omega-3-children .table-custom__td:nth-child(30), .omega-3-children .table-custom__td:nth-child(31), .omega-3-children .table-custom__td:nth-child(32) { border-top: 1px solid; } .simbiotik-forte .table-custom__head { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto); } .simbiotik-forte .table-custom__head .table-custom__th:first-child { grid-row: span 2 / 1; } .simbiotik-forte .table-custom__head .table-custom__th:first-child span { padding-left: 0; border-left: none; } .simbiotik-forte .table-custom__head .table-custom__th:nth-child(2) { grid-row: span 2 / 1; } .simbiotik-forte .table-custom__head .table-custom__th:nth-child(2) span { border-right: 1px solid #96ABCA; } .simbiotik-forte .table-custom__head .table-custom__th:nth-child(3) { width: calc(100% - 1.875rem); margin-left: 1.875rem; } .simbiotik-forte .table-custom__head .table-custom__th:nth-child(3) span { padding-left: 0; border-left: none; } .simbiotik-forte .table-custom__head .table-custom__th:nth-child(4) span { border-left: none; } .simbiotik-forte .table-custom__body { display: grid; grid-template-columns: repeat(3, 1fr); } .simbiotik-forte .table-custom__body .table-custom__td:first-child span { padding-left: 0; border-left: none; } .simbiotik-forte .table-custom__body .table-custom__td:nth-child(2) { width: calc(100% - 1.875rem); margin-right: 1.875rem; } .simbiotik-forte .table-custom__body .table-custom__td:nth-child(3) { grid-row: span 3 / 1; grid-column: 3; } .simbiotik-forte .table-custom__body .table-custom__td:nth-child(4) span { padding-left: 0; border-left: none; } .simbiotik-forte .table-custom__body .table-custom__td:nth-child(5) { width: calc(100% - 1.875rem); margin-right: 1.875rem; } .simbiotik-forte .table-custom__body .table-custom__td:nth-child(6) span { padding-left: 0; border-left: none; } .simbiotik-forte .table-custom__body .table-custom__td:nth-child(8) span { padding-left: 0; border-left: none; } .simbiotik-forte .table-custom__body .table-custom__td:nth-child(9) { width: calc(100% - 1.875rem); margin-right: 1.875rem; } .simbiotik-forte .table-custom__body .table-custom__td:nth-child(10) { grid-row: span 2 / 3; grid-column: 3; } .simbiotik-forte .table-custom__body .table-custom__td:nth-child(11) span { padding-left: 0; border-left: none; } .tabs { width: 100%; max-width: 500px; } /* Стили для списка вкладок */ .tab-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; /* Стили для вкладки */ /* Стили для активной вкладки */ } @media only screen and (max-width: 767px) { .tab-header { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow-x: scroll; scrollbar-width: none; } .tab-header::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } .tab-header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; } @media only screen and (max-width: 1023px) { .tab-header .container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow-x: scroll; scrollbar-width: none; } .tab-header .container::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } @media only screen and (max-width: 479px) { .tab-header { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .tab-header__item { position: relative; cursor: pointer; font-family: "Onest-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.25rem; line-height: 1; text-transform: uppercase; white-space: nowrap; color: #0F46A0; } @media only screen and (max-width: 1199px) { .tab-header__item { font-size: 0.875rem; } } @media only screen and (max-width: 767px) { .tab-header__item { padding-left: 2.1875rem; } } .tab-header__item + .tab-header__item { margin-left: 2.8125rem; padding-left: 2.1875rem; } @media only screen and (max-width: 1023px) { .tab-header__item + .tab-header__item { margin-left: 0; } } .tab-header__item a { color: #0F46A0; } .tab-header__item.active { position: relative; padding-left: 2.1875rem; color: #00C1B5; } .tab-header__item.active::before { content: ''; position: absolute; left: 0; top: 0.1875rem; width: 1.5625rem; height: 1.5625rem; display: block; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M25.5 0L0.5 25V0H25.5Z' fill='%2300C1B5'/%3e%3c/svg%3e"); background-size: 100%; background-repeat: no-repeat; } @media only screen and (max-width: 1023px) { .tab-header__item.active::before { width: 0.625rem; height: 0.625rem; left: 0.625rem; } } .tab-header__item.active a { color: #00C1B5; } /* Стиль для списка контейнеров с содержимым вкладок */ .tab-content { list-style: none; padding: 0; margin: 0; /* Стили для контейнера с содержимым вкладки. По умолчанию скрыт. */ /* Стили для активного контейнера вкладки */ } .tab-content__item { display: none; } .tab-content__item:nth-child(1) .list-icon-round li:nth-child(2) span { max-width: 70%; } .tab-content__item:nth-child(1) .list-icon-round li:nth-child(3) span { max-width: 75%; } .tab-content__item:nth-child(1) .list-icon-round li:nth-child(4) span { max-width: 75%; } .tab-content__item:nth-child(1) .list-icon-round li:nth-child(5) span, .tab-content__item:nth-child(1) .list-icon-round li:nth-child(6) span, .tab-content__item:nth-child(1) .list-icon-round li:nth-child(8) span { max-width: 65%; } .tab-content__item:nth-child(1) .list-icon-round li:nth-child(10) span { max-width: 74%; } .tab-content__item:nth-child(1) .list-icon-round li:nth-child(11) span { max-width: 60%; } .tab-content__item:nth-child(2) .list-icon-round li:nth-child(1) span { max-width: 95%; } .tab-content__item:nth-child(2) .list-icon-round li:nth-child(3) span { max-width: 90%; } .tab-content__item.active { display: block; } .tab { position: relative; } .tab.color-white .tab-header__item.active { color: #FFFFFF; } .tab.color-white .tab-header__item.active::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M25 0L0 25V0H25Z' fill='white'/%3e%3c/svg%3e"); } @media only screen and (max-width: 1023px) { .tab.color-white .tab-header__item.active::before { width: 0.625rem; height: 0.625rem; left: 0.625rem; } } .about-product { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) { .about-product { margin: 0 -0.9375rem; } } @media only screen and (max-width: 767px) { .about-product { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .about-product__col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media only screen and (max-width: 1023px) { .about-product__col { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767px) { .about-product__col { width: 100%; max-width: none; padding: 1.25rem 0.9375rem 1.5625rem 0.9375rem; } } .about-product__col:first-child { padding: 3.125rem 0.9375rem 3.125rem 0; border-right: 1px solid #D4DFEF; } @media only screen and (max-width: 1023px) { .about-product__col:first-child { padding: 1.875rem 1rem; } } @media only screen and (max-width: 767px) { .about-product__col:first-child { border-right: none; } } .components-table { margin: 3.125rem 0 0 0; } @media only screen and (max-width: 1023px) { .components-table { margin: 0; } } @media only screen and (max-width: 767px) { .components-table { padding-bottom: 1.875rem; } } .documents-slider__ttl { margin: 3rem 0 -3.1875rem 0; } .documents-slider__ttl h2, .documents-slider__ttl .h2 { margin-bottom: 0; text-align: left; position: relative; } .documents-slider .container { position: relative; padding-top: 5.125rem; padding-bottom: 3.125rem; } /* #tab-partners { .tab-header { flex-direction: column; align-items: flex-start; justify-content: flex-start; &__item { padding: 0; &.active { &::before { display: none; } } &:not(:first-child) { margin-top: rem(15); } } } } */ .tab .showtab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.25rem 2rem; border-top: 1px solid #D4DFEF; border-bottom: 1px solid #D4DFEF; } .tab .showtab .ttl { font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 0.875; text-transform: uppercase; color: #00C1B5; } .tab .hidetab { margin: 0 -1rem; visibility: hidden; max-height: 31.25rem; padding: 0 1rem; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; overflow: hidden; } .tab .hidetab .tab-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .tab .hidetab .tab-header .tab-header__item:not(:first-child) { margin-top: 0.625rem; } .tab .hidetab.show { padding: 1.25rem 1rem; border-top: 1px solid #D4DFEF; border-bottom: 1px solid #D4DFEF; visibility: visible; } .tab .hidetab:not(.show) { max-height: 0; } .tab .hidetab.show + .showtab { display: none !important; } .test { color: red; } nav { width: 100%; } .top-menu { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .top-menu > li { display: inline-block; margin-top: 0; padding-left: 0; } .top-menu > li::before { display: none; } .top-menu > li > a { display: block; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.25rem; line-height: 1; color: #333333; text-transform: uppercase; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1199px) { .top-menu > li > a { font-size: 1rem; } } .top-menu > li > a:hover { opacity: 0.7; } .top-menu-mob.dropdown .dropdown-content { position: relative; } .top-menu-mob.dropdown .dropdown-content nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .top-menu-mob.dropdown .dropdown-content .top-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .top-menu-mob.dropdown .dropdown-content .top-menu li { margin-right: 0; text-align: start; } .top-menu-mob.dropdown .dropdown-content .top-menu a { display: block; padding: 0.75rem 0; color: #3F3F3F; text-decoration: none; } .top-menu-mob.dropdown .dropdown-content .button-border { position: absolute; bottom: 1rem; left: 50%; margin-left: -8.8125rem; } @media only screen and (max-width: 479px) { .top-menu-mob.dropdown .dropdown-content .button-border { height: 2.8125rem; width: calc(100% - 2rem); left: 1rem; margin-left: 0; text-align: center; } } .header-white .top-menu > li > a { color: #FFFFFF; } .header-white .dropbtn .icon { color: #FFFFFF; } .header-white .dropdown .top-menu > li > a { color: #333333; } .header-white .dropdown .button-border { border: 1px solid #0F46A0; color: #0F46A0; } .header-white .dropdown .button-border:hover { color: #FFFFFF; background: #0F46A0; } /* mobile-men start */ .dropbtn { position: absolute; right: 1rem; top: 1.75rem; } .dropbtn .icon { color: #333333; } .wrap-video.active .click-for-video { display: none; } .wrap-video.active .youtube { display: block; } .wrap-video .click-for-video { position: relative; width: 100%; max-width: 61.875rem; height: 36.5625rem; cursor: pointer; background: url(/local/templates/irisfarma/css/../assets/images/example/video/video.jpg) no-repeat center; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 1199px) { .wrap-video .click-for-video { height: 20.3125rem; } } @media only screen and (max-width: 479px) { .wrap-video .click-for-video { height: 10.625rem; } } .wrap-video .click-for-video::after { position: absolute; content: ''; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='110' height='110' viewBox='0 0 110 110' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M110 55L27.5 102.631L27.5 7.3686L110 55Z' fill='%2300C1B5'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: contain; width: 6.875rem; height: 6.875rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 1023px) { .wrap-video .click-for-video::after { width: 3.8125rem; height: 3.8125rem; } } .wrap-video .youtube { width: 61.875rem; height: 36.5625rem; display: none; } .wrap-video .youtube iframe { width: 100%; height: 100%; margin: 0; border: 0; } .when-buy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5.9375rem; margin-bottom: 2.6875rem; } @media only screen and (max-width: 1023px) { .when-buy { margin-top: 2.8125rem; margin-bottom: 1.875rem; padding: 0 2.8125rem; } } @media only screen and (max-width: 767px) { .when-buy { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; max-width: 25rem; margin-left: auto; margin-right: auto; } } .when-buy__item { position: relative; width: calc(50% - 1.5625rem); padding: 4.6875rem 3.125rem 3.125rem; border: 1px solid #0F46A0; } @media only screen and (max-width: 1023px) { .when-buy__item { width: calc(50% - 0.625rem); padding: 1.875rem 1.875rem 1.25rem; } } @media only screen and (max-width: 767px) { .when-buy__item { width: 100%; padding: 1.875rem 1.25rem 1.25rem; } .when-buy__item:not(:first-child) { margin-top: 3.125rem; } } .when-buy__item:first-child .list-icon-round { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .when-buy__item .handle { position: absolute; top: -2.8125rem; left: 15%; width: 69%; } @media only screen and (max-width: 1023px) { .when-buy__item .handle { position: absolute; top: -3.125rem; left: 22%; width: 57%; } } .when-buy hr { width: 100%; border-top: 1px solid #0F46A0; margin: 2.5rem 0 3.125rem; } @media only screen and (max-width: 1023px) { .when-buy hr { margin: 0.9375rem 0 1.25rem; } } .when-buy .list-icon-round { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: -1rem; margin-bottom: 0; } @media only screen and (max-width: 1599px) { .when-buy .list-icon-round { overflow-x: scroll; scrollbar-width: none; } .when-buy .list-icon-round::-webkit-scrollbar { width: 0; height: 0; -webkit-transition: 125ms; transition: 125ms; cursor: none !important; } } @media only screen and (max-width: 1023px) { .when-buy .list-icon-round { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0; } } .when-buy .list-icon-round li { width: 6.4375rem; margin-top: 0; } @media only screen and (max-width: 1023px) { .when-buy .list-icon-round li { margin-left: 0.625rem; width: 2.625rem; } } @media only screen and (max-width: 767px) { .when-buy .list-icon-round li { width: 2.5rem; } } .when-buy .list-icon-round li + li { margin-left: 1.5625rem; } @media only screen and (max-width: 1023px) { .when-buy .list-icon-round li + li { margin-left: 0.625rem; width: 2.625rem; } } @media only screen and (max-width: 767px) { .when-buy .list-icon-round li + li { width: 2.5rem; } } .when-buy .list-icon-round .round { width: 6.4375rem; height: 6.4375rem; padding: 0.9375rem; } @media only screen and (max-width: 1023px) { .when-buy .list-icon-round .round { width: 2.625rem; height: 2.625rem; padding: 0.3125rem; } } @media only screen and (max-width: 767px) { .when-buy .list-icon-round .round { width: 2.5rem; height: 2.5rem; } } .when-buy .list-icon-round .round img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .when-buy h3 { color: #0F46A0; } @media only screen and (max-width: 1023px) { .when-buy h3 { font-size: 1.25rem; } } .why-we { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .why-we { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .why-we .why-we-list-pic { position: relative; width: 100%; max-height: 31.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1199px) { .why-we .why-we-list-pic { max-height: 14.375rem; } } @media only screen and (max-width: 767px) { .why-we .why-we-list-pic { max-height: 16.5625rem; margin: 1.5625rem 0; } } .why-we .why-we-list-pic img { max-width: 100%; height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .why-we .why-we-list-pic .triangle { position: absolute; right: 0; bottom: 0; width: 24.375rem; max-width: 100%; height: auto; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); z-index: -1; } @media only screen and (max-width: 1199px) { .why-we .why-we-list-pic .triangle { width: 11.25rem; } } @media only screen and (max-width: 767px) { .why-we .why-we-list-pic .triangle { width: 14.0625rem; } } .why-we ul.why-we__list { padding-top: 1.0625rem; margin-top: 0; width: 100%; } @media only screen and (max-width: 1199px) { .why-we ul.why-we__list { padding-top: 0; } } .why-we ul.why-we__list li.why-we__item { cursor: pointer; position: relative; padding-left: 0; /* &.active { position: relative; z-index: 20; .why-we__item-inner { position: absolute; padding-right: rem(50); } } &.unactive .why-we__item-ttl p, &.unactive p { color: $color-gray; } */ } @media only screen and (max-width: 1199px) { .why-we ul.why-we__list li.why-we__item { padding: 0; } } .why-we ul.why-we__list li.why-we__item._show .why-we__item-inner { position: relative; border-top: none; padding-bottom: 0; } .why-we ul.why-we__list li.why-we__item._show .why-we__item-ttl { z-index: 3; position: relative; } .why-we ul.why-we__list li.why-we__item._show .why-we__item-desc { z-index: 3; } .why-we ul.why-we__list li.why-we__item._show::before { z-index: 3; } .why-we ul.why-we__list li.why-we__item._show::after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; width: calc(100% + 3.125rem); -webkit-box-shadow: 0px 1.5625rem 3.125rem 0.5rem #96ABCA26; box-shadow: 0px 1.5625rem 3.125rem 0.5rem #96ABCA26; background: #FFFFFF; z-index: 2; } @media only screen and (max-width: 1199px) { .why-we ul.why-we__list li.why-we__item._show::after { width: calc(100% + 1.25rem); } } @media only screen and (max-width: 767px) { .why-we ul.why-we__list li.why-we__item._show::after { left: -1rem; width: calc(100% + 2rem); } } .why-we ul.why-we__list li.why-we__item:not(._show) .why-we__item-desc { max-height: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .why-we ul.why-we__list li.why-we__item .why-we__item-inner { background-color: #FFFFFF; padding: 2.9375rem 0 3.125rem; border-top: 1px solid #D4DFEF; } @media only screen and (max-width: 1199px) { .why-we ul.why-we__list li.why-we__item .why-we__item-inner { padding: 1.125rem 0; font-size: 0.875rem; } } .why-we ul.why-we__list li.why-we__item .why-we__item-ttl { font-size: 1.375rem; max-width: 75%; } @media only screen and (max-width: 1439px) { .why-we ul.why-we__list li.why-we__item .why-we__item-ttl { max-width: unset; } } @media only screen and (max-width: 1199px) { .why-we ul.why-we__list li.why-we__item .why-we__item-ttl { font-size: 0.875rem; max-width: 90%; } } .why-we ul.why-we__list li.why-we__item .why-we__item-ttl p { color: #0F46A0; font-size: 1.375rem; font-family: "Onest-ExtraBold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 120%; /* 26.4px */ text-transform: uppercase; margin-top: auto; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } @media only screen and (max-width: 1199px) { .why-we ul.why-we__list li.why-we__item .why-we__item-ttl p { font-size: 0.875rem; } } .why-we ul.why-we__list li.why-we__item .why-we__item-ttl p:last-child { margin-bottom: 0; } .why-we ul.why-we__list li.why-we__item .why-we__item-desc { position: relative; bottom: 0; z-index: 2; padding: 1.25rem 3.125rem 3.125rem 3.125rem; font-size: 1.125rem; line-height: 150%; max-height: 31.25rem; background: #FFFFFF; overflow: hidden; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; text-align: start; } @media only screen and (max-width: 1199px) { .why-we ul.why-we__list li.why-we__item .why-we__item-desc { padding-bottom: 1.25rem; } } .why-we ul.why-we__list li.why-we__item .why-we__item-desc p { -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; margin-top: 0; } .why-we ul.why-we__list li.why-we__item .why-we__item-desc p:last-child { margin-bottom: 0; } .why-we ul.why-we__list li.why-we__item::before { width: 3.125rem; height: 3.125rem; top: 3.125rem; left: 0; background-size: cover; background-repeat: no-repeat; -webkit-transition: background-image .3s ease; -o-transition: background-image .3s ease; transition: background-image .3s ease; } @media only screen and (max-width: 1199px) { .why-we ul.why-we__list li.why-we__item::before { width: 1.25rem; height: 1.25rem; top: 1.125rem; } } .why-we ul.why-we__list li.why-we__item.active::before { z-index: 30; } .why-we ul.why-we__list li.why-we__item.unactive::before { 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='M14 -9.53674e-07L9.53674e-07 14L-2.70245e-07 2.70244e-07L14 -9.53674e-07Z' fill='%23D4DFEF'/%3e%3c/svg%3e"); } .why-we ul.why-we__list li.why-we__item:last-child .why-we__item-inner { border-bottom: 1px solid #D4DFEF; } .why-we ul.why-we__list li + li { margin-top: 0; } .why-we .col { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% / 3 - 3.125rem); } @media only screen and (max-width: 1199px) { .why-we .col { width: calc(100% / 3 - 0.83rem); } } @media only screen and (max-width: 767px) { .why-we .col { width: 100%; } } .why-we .col-l ul.why-we__list { padding-left: 0; text-align: right; } @media only screen and (max-width: 1199px) { .why-we .col-l ul.why-we__list li { padding: 0; } } .why-we .col-l ul.why-we__list li::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: auto; right: 0; } @media only screen and (max-width: 767px) { .why-we .col-l ul.why-we__list li::before { left: 0; right: unset; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @media only screen and (max-width: 767px) { .why-we .col-l ul.why-we__list li:last-child .why-we__item-inner { border-bottom: none; } } .why-we .col-l ul.why-we__list li .why-we__item-desc { padding-right: 0; } @media only screen and (max-width: 1199px) { .why-we .col-l ul.why-we__list li .why-we__item-desc { padding-left: 1.25rem; } } .why-we .col-l .why-we__item-ttl { padding-right: 5rem; margin-left: auto; } @media only screen and (max-width: 1199px) { .why-we .col-l .why-we__item-ttl { padding-right: 1.875rem; } } @media only screen and (max-width: 767px) { .why-we .col-l .why-we__item-ttl { text-align: start; margin-right: auto; margin-left: 0; padding-left: 1.875rem; } } .why-we .col-r ul.why-we__list li.why-we__item._show::after { left: unset; right: 0; } .why-we .col-r ul.why-we__list li.why-we__item .why-we__item-desc { padding-left: 0; } @media only screen and (max-width: 1199px) { .why-we .col-r ul.why-we__list li.why-we__item .why-we__item-desc { padding-left: 1.25rem; } } .why-we .col-r .why-we__item-ttl { padding-left: 5rem; margin-right: auto; } @media only screen and (max-width: 1199px) { .why-we .col-r .why-we__item-ttl { padding-left: 1.875rem; } } @media only screen and (max-width: 767px) { .why-we .col-m { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } /*=== Animation ====*/ @media only screen and (min-width: 767px) { .block-animated { opacity: 0; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); } } .block-animated { opacity: 0; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); } /* End */ /* Start:/local/templates/irisfarma/css/custom.css?17540405345729*/ .footer__col:nth-child(3) .footer-menu { max-width: 28%; } @media only screen and (max-width: 1023px) { .footer__col:nth-child(3) .footer-menu { max-width: none; } } @media only screen and (max-width: 1023px) { .footer__col { padding: 0 10px; } } @media only screen and (max-width: 767px) { .footer__col { padding: 0; } } .footer-menu > li + li { margin-top: 0.638rem; } @media only screen and (max-width: 1023px) { .footer-menu > li + li { margin-top: 0.625rem; } } .yandex-policy .form__policy { margin-top: 1rem; } @media only screen and (max-width: 767px) { .yandex-policy .form__policy { margin-top: unset; } } .consultation-page .section-connect .yandex-policy { margin-top: unset; } .consultation-page .section-connect .yandex-policy .form__policy { width: auto; } @media only screen and (max-width: 767px) { .consultation-page .section-connect .yandex-policy .form__policy { margin-top: unset; } } .popup .general-form .yandex-policy { width: 100%; } @media only screen and (max-width: 767px) { .popup .general-form .yandex-policy { margin-top: 1rem; } } #cookie-banner { display: none; position: fixed; bottom: 0; z-index: 200; justify-content: center; width: 100%; } #cookie-banner.show { display: flex; } #cookie-banner .cookie-banner-container { display: flex; max-width: 621px; padding: 30px; background: #000000B2; gap: 35px; align-items: center; } @media only screen and (max-width: 1199px) { #cookie-banner .cookie-banner-container { max-width: 460px; gap: 15px; padding: 25px; } } @media only screen and (max-width: 767px) { #cookie-banner .cookie-banner-container { gap: 10px; padding: 15px; } } #cookie-banner .cookie-banner-container span { color: white; font-size: 18px; line-height: 20.7px; letter-spacing: 0; align-content: center; } @media only screen and (max-width: 1199px) { #cookie-banner .cookie-banner-container span { font-size: 16px; line-height: 18.4px; } } @media only screen and (max-width: 767px) { #cookie-banner .cookie-banner-container span { font-size: 15px; line-height: 17.25px; } } #cookie-banner .cookie-banner-container span a { color: inherit; text-decoration: underline; } #cookie-banner .cookie-banner-container .button-cookie { height: 55px; background-color: white; font-size: 16px; line-height: 14.4px; padding: 0 31px; color: #333333; } @media only screen and (max-width: 1199px) { #cookie-banner .cookie-banner-container .button-cookie { height: 50px; font-size: 14px; line-height: 14px; } } @media only screen and (max-width: 767px) { #cookie-banner .cookie-banner-container .button-cookie { height: 45px; } } #cookie-banner .cookie-banner-container .button-cookie:hover { color: inherit; } #main-slider__navigation { position: absolute; left: 50%; top: 50%; width: 100%; max-width: 100rem; display: flex; justify-content: space-between; padding: 0 3.0625rem; transform: translateX(-50%); z-index: 2; } @media only screen and (max-width: 1439px){ #main-slider__navigation { padding: 0 1rem; } } .swiper-button-disabled { opacity: 0; } @media only screen and (max-width: 767px) { .main-slider__content { top: 4.625rem; } } .main-slider ~ .swiper-navigation .swiper-button { cursor: pointer; } .main-slider .swiper-slide .img-small { display: none; } @media only screen and (max-width: 767px) { .main-slider .swiper-slide { height: 37.5rem; } } .main-slider .item-video { height: auto; width: 100% !important; background: transparent; display: flex; flex-direction: column; } .main-slider .item-video::before { content: ''; position: absolute; top: 0; width: 100%; height: 8.75rem; background: #3333; /*backdrop-filter: blur(3px);*/ } @media only screen and (max-width: 1023px) { .main-slider .item-video::before { height: 4.375rem; } } @media only screen and (max-width: 767px) { .main-slider .item-video::before { position: relative; } } @media only screen and (max-width: 767px) { .swiper-prev { margin-top: 2.1875rem; } } .main-slider .item-video video{ height: auto; width: 100%; } .main-slider .item-video picture { display: none; } .main-slider .item-video>.container { display: none; } .main-slider__pagination .item-video.swiper-slide-thumb-active{ display: none; } .main-slider__pagination .swiper-slide-active:not(.swiper-slide-thumb-active){ display: none; } @media only screen and (max-width: 1023px) { .main-page .section-main-slider .main-slider__pagination .swiper-slide{ min-width: 12.5rem; } } @media only screen and (max-width: 567px) { .main-page .section-main-slider .main-slider__pagination .swiper-slide { min-width: unset; width: 50%; } } .main-page .section-main-slider.top-850 { min-height: unset; } @media only screen and (max-width: 767px) { .main-slider ~ .swiper-navigation .swiper-next svg { transform: rotate(-43deg); } .main-slider ~ .swiper-navigation .swiper-prev svg { transform: rotate(137deg); } } @media only screen and (max-width: 1199px) { .main-page .section-main-slider.top-850 { margin-top: -6rem !important; } } @media only screen and (max-width: 1023px) { .main-page .section-main-slider.top-850 { margin-top: -3rem !important; } } @media only screen and (max-width: 767px) { .section-main-slider .hide-phone { display: none !important; } .section-main-slider .hide-desk-phone { display: block !important; } } /* End */ /* /local/templates/irisfarma/libs/swiper-7-4-1/swiper-bundle.min.css?175404053415563 */ /* /local/templates/irisfarma/libs/magnific-popup/dist/magnific-popup.css?17540405346951 */ /* /local/templates/irisfarma/css/style.css?1754040534376196 */ /* /local/templates/irisfarma/css/custom.css?17540405345729 */