/* Start:/local/templates/enro/css/tabby-ui.min.css?1743414368917*/ /*! Tabby v12.0.0 | (c) 2019 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/tabby */ [role=tablist]{border-bottom:1px solid #d3d3d3;list-style:none;margin:0;padding:0}[role=tablist] *{box-sizing:border-box}@media (min-width:30em){[role=tablist] li{display:inline-block}}[role=tab]{border:1px solid transparent;border-top-color:#d3d3d3;display:block;padding:.5em 1em;text-decoration:none}@media (min-width:30em){[role=tab]{border-top-color:transparent;border-top-left-radius:.5em;border-top-right-radius:.5em;display:inline-block;margin-bottom:-1px}}[role=tab][aria-selected=true]{background-color:#d3d3d3}@media (min-width:30em){[role=tab][aria-selected=true]{background-color:transparent;border:1px solid #d3d3d3;border-bottom-color:#fff}}[role=tab]:hover:not([aria-selected=true]){background-color:#f7f7f7}@media (min-width:30em){[role=tab]:hover:not([aria-selected=true]){border:1px solid #d3d3d3}} /* End */ /* Start:/local/templates/enro/src/fonts/wix/wix.css?1715847413192*/ @font-face { font-family: "Wix"; src: url("/local/templates/enro/src/fonts/wix/wix.ttf") format("woff2-variations"); font-weight: 100 900; /* Диапазон доступных значений веса шрифта */ } /* End */ /* Start:/local/templates/enro/css/normalize.css?17158473601068*/ *, ::after, ::before { box-sizing: border-box; } ol, ul { padding: 0; list-style: none; } blockquote, body, dd, dl, figcaption, figure, h1, h2, h3, h4, li, ol, p, ul { margin: 0; } body { min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; line-height: 1.5; font-family: "Wix"; } a:not([class]) { text-decoration-skip-ink: auto; } p, h1, h2, h3, h4, h5, h6 { font: inherit; } a { text-decoration: none; } img { max-width: 100%; display: block; } article > * + * { margin-top: 1em; } button, input, select, textarea { font: inherit; } html::-webkit-scrollbar { width: 0.5rem; } html::-webkit-scrollbar-track { background: #d5ff54; } html::-webkit-scrollbar-thumb { background: linear-gradient( 112.92deg, rgba(255, 255, 255, 0.36) 10.45%, rgba(255, 255, 255, 0.09) 88.73% ); } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0s !important; animation-iteration-count: 1 !important; transition-duration: 0s !important; scroll-behavior: auto !important; } } /* End */ /* Start:/local/templates/enro/css/swiper-bundle.min.css?171584736018429*/ /** * Swiper 10.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 8, 2023 */ @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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.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-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/enro/css/animate.css?171887996777907*/ @charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } /* End */ /* Start:/local/templates/enro/css/style.css?1750758129183705*/ body{ background:#FFF; } .main-title-heading { font-size: 36px; font-weight: 700; line-height: 120%; } @media (max-width: 767px) { .order-details__foot{ position: relative; } .smart_filter_checked_items{ display: flex; flex-wrap: wrap; grid-gap: 5px; } .smart_filter_checked_items p{ background: #2D4359; padding: 0px 10px; border-radius: 5px; color: #fff; font-size: 13px; } .search .section-catalog__products-list{ grid-template-columns: repeat(2, 1fr); } .main-title-heading { font-size: 24px; line-height: 110%; } } .prod-not-avail{ position: absolute; background: rgba(255, 255, 255, 0.7); width: 100%; height: 100%; z-index: 20; display: flex; justify-content: center; align-items: center; } .button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 14px; font-weight: 500; line-height: 120%; border-radius: 32px; padding: 8px 12px; color: #2D4359; background: #C0FF00; background: #CEE860; border: 2px solid transparent; transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.3s ease-in-out, color 0.2s ease-in-out; cursor: pointer; } .button_lg { padding: 12px 16px; font-size: 16px; } .button_lg-icon-only { padding: 12px; } .button_2xl { padding: 16px 24px; font-size: 18px; gap: 12px; } .button_2xl-icon-only { padding: 16px; } .button_disabled { background: #EBFFB0; color: #A5AEB8; pointer-events: none; } .button_disabled path { stroke: #A5AEB8; } .button-icon-only { padding: 8px; } .button_outlined { background: transparent; border: 1px solid #E6E7EA; } .button_outlined_disabled { border: 1px solid #E6E7EA; background: #F7F8F9; pointer-events: none; color: #A5AEB8; } .button_outlined_disabled path { stroke: #A5AEB8; } .button_filled { border: 1px solid #2D4359; background: #2D4359; color: #ffffff; } .button_filled_disabled { background: #EAECEE; color: #A5AEB8; border: 1px solid #EAECEE; pointer-events: none; } .button_dropdown-caller { padding: 12px 20px; } .button_dropdown-caller-is-open span:first-child { transform: translateY(3px) rotate(45deg); } .button_dropdown-caller-is-open span:last-child { transform: translateY(-2px) rotate(-45deg); } .button_share { border: 1px solid transparent; } .burger-button__box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; width: 20px; height: 20px; } .burger-button__box span { width: 12px; height: 2px; background: #2D4359; transition: transform 0.2s ease-in-out; } @media (hover: hover) { .button:hover { background: #11CE11; color: #ffffff; } .button:active { background: #CEE860; } .button_outlined:hover { border: 1px solid #AFE800; background: #F6FFD9; box-shadow: none; color: #2D4359; } .button_filled:hover { border: 1px solid #2D4359; color: #C0FF00; background: #2D4359; box-shadow: none; } .burger-button:hover { box-shadow: none; } } @media (hover: none) { .button:active { background: #11CE11; color: #ffffff; } .button_outlined:active { color: #2D4359; border: 1px solid #AFE800; background: #F6FFD9; box-shadow: none; } .burger-button:active { box-shadow: none; } } @media (max-width: 767px) { .button_2xl { padding: 12px 16px; font-size: 16px; gap: 12px; } .button_2xl-icon-only { padding: 16px; } } .header__call-inn{ display: flex; align-items: center; grid-gap: 12px; } .header__call-inn:hover{ text-decoration: unset; } .link { font-size: 14px; font-style: normal; font-weight: 500; line-height: 120%; display: inline-flex; align-items: flex-start; color: #2D4359; transition: color 0.2s ease-in-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .header__call-inn .link{ color: #CEE860; } .link_disabled { color: #A5AEB8; pointer-events: none; } .link_xl { font-size: 16px; } .link_2xl { font-size: 18px; } .link_regular { font-weight: 400; } @media (hover: hover) { .link:hover { color: #88B500; } .link:active { color: #2D4359; } } @media (hover: none) { .link:active { color: #88B500; } } .container { width: 100%; max-width: 1290px; padding-inline: 15px; margin-inline: auto; height: 100%; } .container_md { padding-inline: 32px; } .container_sm { padding-inline: 16px; } .container_xl { max-width: 1320px; } @media (min-width: 768px) and (max-width: 1023px) { .container { width: 100%; padding-inline: 32px; margin-inline: auto; } } @media (max-width: 767px) { .container { padding-inline: 16px; margin-inline: auto; } } .main { padding-top: 92.8px; /*overflow: hidden;*/ } @media (min-width: 768px) and (max-width: 1023px) { .main { padding-top: 179.2px; } } @media (max-width: 767px) { .main { padding-top: 106px; } } .header { position: fixed; top: 0; left: 50%; transform: translateX(-50%); background: #2D4359; width: 100%; z-index: 999; } .header__logo path { fill: #CEE860; } .header__links { display: flex; flex-direction: column; gap: 5px; } .header__links a { color: #CEE860; } .header__links a:hover { color: #11CE11; } .header__box { display: flex; align-items: center; gap: 16px; padding: 16px 0; position: relative; } .header__box_tablets { display: none; } .header__location { display: flex; align-items: center; gap: 4px; padding: 8px; font-size: 16px; font-weight: 500; line-height: 120%; color: #ffffff; } .header__search { display: flex; gap: 8px; align-items: center; padding: 16px 20px; border-radius: 32px; background: #354F69; flex: 1 0 0; margin-bottom: 0; } .header__search button { border: none; outline: none; background: transparent; padding: 0; height: 22px; cursor: pointer; } .header__search input { background: transparent; width: 100%; padding: 0; border: none; outline: none; color: #ffffff; font-size: 16px; font-weight: 400; line-height: 140%; } .header__search input::-moz-placeholder { color: var(--Text-color-Separator, #A5AEB8); } .header__search input::placeholder { color: var(--Text-color-Separator, #A5AEB8); } .header__favorite { padding: 8px; display: flex; flex-direction: column; gap: 4px; align-items: center; font-size: 14px; font-weight: 600; line-height: 120%; color: #ffffff; background: transparent; border: none; outline: none; cursor: pointer; position: relative; } .header__favorite:hover{ color: #CEE860; text-decoration: unset; } .header__favorite span strong{ position: absolute; top: 0; right: 18px; border-radius: 50%; color: #CEE860; } .header__call { width: 43px; height: 43px; } .header__call img { width: 100%; height: 100%; } .header__logo_mobile { display: none; } .fixed-hero { display: flex; width: 150px; height: 150px; position: fixed; bottom: 0; right: 0; z-index: 999; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .fixed-hero img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media (min-width: 768px) and (max-width: 1023px) { .header__box_desktop .button_dropdown-caller { display: none; } .header__box_desktop .header__location { display: none; } .header__box_desktop .header__search { display: none; } .header__box_desktop .header__logo { margin-right: auto; } .header__box_tablets { display: flex; } .header::after { content: ""; position: absolute; top: 92px; width: 100%; background: #536577; z-index: 1; height: 1px; } .header__links { display: none; } } @media (max-width: 767px) { #copy-button-arr span{ font-size: 11px; } #copy-button-arr svg{ width: 15px; height: 15px; } #copy-button-arr-fav span{ font-size: 11px; } #copy-button-arr-fav svg{ width: 15px; height: 15px; } .header__box_desktop .button_dropdown-caller { display: flex; padding: 12px; width: 44px; height: 44px; } .product-card__subtitle{ width: 100%; max-width: 150px; } .header__box_desktop .button_dropdown-caller p { display: none; } .header__box_desktop .header__location { display: none; } .header__box_desktop .header__search { display: none; } .header__box_desktop .header__logo { margin-right: auto; } .header__box_desktop .header__favorite { display: none; font-size: 11px; } .header__box_desktop .header__favorite:first-child{ grid-gap: 2px; display: flex; font-size: 11px; } .header__box_desktop .header__favorite.header__cart{ display: flex; font-size: 11px; } .header__box_desktop .header__sign { display: none; } .header__box_tablets { display: flex; padding: 0px 0px 8px;; } .header__logo_mobile { display: flex; } .header__logo_desktop, .header__box_tablets .header__burger, .header__box_tablets .header__location { display: none; } .header__links .link{ display: none; } .header__search { padding: 8px 20px; } .header__box { padding: 16px 0 5px; } } .footer { border-top: 1px solid #EAECEF; } .footer__top { padding: 40px 0; display: grid; grid-template-columns: repeat(4, 1fr); -moz-column-gap: 24px; column-gap: 24px; max-width: 1290px; padding-inline: 15px; margin-inline: auto; width: 100%; } .footer__column { display: flex; flex-direction: column; gap: 16px; } .footer__column_social-inner { display: flex; flex-direction: column; gap: 16px; } .footer__column_social-inner p { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .footer__column_social-icon { display: flex; gap: 16px; } .footer__column_social-icon a path { transition: all 0.2s; } .footer__column_social-icon a:hover path { fill: #C0FF00; } .footer__heading { margin-bottom: 8px; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; } .footer__link { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; transition: color 0.3s ease-in-out; } .footer__link:hover { color: #2D4359; } .footer__phone-number { color: var(--Text-color-Text, #26394C); font-size: 21px; font-weight: 600; line-height: 120%; } .footer__bottom { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; position: relative; max-width: 1290px; padding-inline: 15px; margin-inline: auto; width: 100%; } .footer__bottom_pay-methods { display: flex; gap: 16px; align-items: center; } .footer__bottom_pay-methods img:nth-child(1), .footer__bottom_pay-methods img:nth-child(3) { width: 32px; height: 32px; } .footer__bottom_pay-methods img:nth-child(2), .footer__bottom_pay-methods img:nth-child(4) { width: 46px; height: 32px; } .footer__bottom_polit { display: flex; gap: 16px; flex: 1 1 0; justify-content: end; } .footer__bottom_polit a { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; } .footer__logo { flex: 1 0 0; display: flex; align-items: center; } .footer__line { height: 1px; width: 100%; background: #EAECEF; } .footer__line_tablets { display: none; } @media all and (max-width: 1023px) { .footer { position: relative; padding-top: 24px; } .footer__top { padding: 40px 0; grid-template-columns: repeat(3, 1fr); -moz-column-gap: 16px; column-gap: 16px; padding-inline: 32px; } .footer__column_social { grid-column: span 3; flex-direction: row; align-items: center; justify-content: space-between; padding: 24px 0 0 0; margin-top: 40px; } .footer__column_social-inner { gap: 4px; } .footer__column_social-icon a { height: 24px; } .footer__bottom { padding-inline: 32px; } .footer__bottom_pay-methods { gap: 7px; margin-left: 16px; } .footer__bottom_polit { flex: 2 0; width: 100%; } .footer__logo { flex: 0; } .footer__line_tablets { display: block; position: absolute; left: 0; bottom: 209px; } } @media all and (max-width: 767px) { .footer__top { padding: 0; grid-template-columns: repeat(1, 1fr); padding-inline: 16px; row-gap: 24px; } .footer__column_social { grid-column: span 1; flex-direction: column; align-items: start; gap: 24px; padding: 0 0 24px 0; } .footer__bottom { padding-inline: 16px; flex-direction: column; align-items: start; gap: 24px; } .footer__bottom_pay-methods { gap: 16px; width: 100%; order: 1; padding-top: 24px; margin-left: 0; } .footer__bottom_polit { width: 100%; justify-content: start; flex-direction: column; gap: 24px; } .footer__logo { flex: 0; } .footer__line_tablets { display: block; position: absolute; left: 0; bottom: 408px; } .footer__line_mobile { bottom: 79px; } } .dropdown-menu { position: absolute; z-index: 999; top: 76.5px; left: 175px; display: none; border-radius: 24px; border: 1px solid #EAECEF; background: #ffffff; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04); width: -moz-fit-content; width: fit-content; } .dropdown-menu__navigation { display: flex; flex-direction: column; gap: 8px; padding: 8px; max-width: 310px; width: 100%; } .dropdown-menu__navigation_is-active-for-brands { border-right: 1px solid #EAECEF; } .dropdown-menu__navigation_is-active-for-catalog { border-right: 1px solid #EAECEF; } .dropdown-menu__inner-right { display: none; grid-template-columns: minmax(232px, 1fr) repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); /*grid-auto-flow: column;*/ padding: 16px; gap: 16px; position: absolute; left: 303px; top: 0; border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .dropdown-menu__inner-right1 { display: none; grid-template-columns: minmax(232px, 1fr) repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-auto-flow: column; padding: 16px; gap: 16px; position: absolute; left: 303px; top: 0; border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .dropdown-menu__inner-right-area { position: absolute; width: 100%; } .dropdown-menu__inner-right_is-active { display: grid; } .dropdown-menu__inner-right1_is-active { display: grid; } .dropdown-menu_is-open { display: flex; } .dropdown-menu_is-active-for-brands { width: 100%; max-width: 1070px; height: 610px; } .dropdown-menu_is-active-for-catalog { width: 100%; max-width: 1070px; } .dropdown-menu-nav-link { border: none; outline: none; display: flex; gap: 8px; align-items: start; padding: 12px; border-radius: 8px; background: transparent; transition: background 0.2s ease-in-out; cursor: pointer; } .dropdown-menu-nav-link__left { width: 20px; height: 20px; } .dropdown-menu-nav-link__left svg { width: 100%; height: 100%; } .dropdown-menu-nav-link__right { display: flex; flex-direction: column; align-items: start; gap: 4px; } .dropdown-menu-nav-link__title { color: #26394C; font-size: 13px; font-weight: 500; line-height: 120%; } .dropdown-menu-nav-link__subtitle { color: #7B8996; font-size: 13px; font-weight: 400; line-height: 140%; max-width: 242px; align-self: stretch; } .dropdown-menu-brands__arrow { margin-left: auto; border-radius: 16px; } .dropdown-menu-brands__link { position: relative; display: flex; align-items: center; padding: 16px; border-radius: 16px; height: 80px; background: #f6f6f4; overflow: hidden; } .dropdown-menu-brands__link svg { display: none; } .dropdown-menu-brands__link span { color: #26394C; font-size: 13px; font-weight: 500; line-height: 120%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 130px; overflow: hidden; } .dropdown-menu-brands__link img { position: absolute; width: 50%; height: 90%; -o-object-fit: cover; object-fit: cover; right: 0; top: 50%; transform: translateY(-50%); } .dropdown-menu-brands_is-active { background: #F7F8F9; } .dropdown-menu-catalog_is-active { background: #F7F8F9; } @media (hover: hover) { .dropdown-menu-nav-link:hover { background: #F7F8F9; } .dropdown-menu-nav-link:active { background: transparent; } } @media (hover: none) { .dropdown-menu-nav-link:active { background: #F7F8F9; } } @media (min-width: 768px) and (max-width: 1023px) { .dropdown-menu { top: 165px; left: 0px; width: 100%; } .dropdown-menu__navigation { max-width: 100%; width: 100%; } .dropdown-menu__navigation_is-active-for-brands { border-right: none; } .dropdown-menu__inner-right { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-auto-flow: row; padding: 0; gap: 8px; position: relative; left: unset; top: unset; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dropdown-menu__inner-right-area { position: relative; width: 100%; height: -moz-fit-content; height: fit-content; } .dropdown-menu_is-open { display: flex; } .dropdown-menu_is-active-for-brands { width: 100%; max-width: 1070px; } .dropdown-menu-brands__arrow { transform: rotate(90deg); width: 24px; height: 24px; } .dropdown-menu-brands__arrow_is-open { transform: rotate(270deg); } } @media (max-width: 767px) { .dropdown-menu { top: 76px; left: -16px; width: 100vw; border: none; border-radius: 0; height: calc(100vh - 76px); overflow-y: scroll; } .dropdown-menu__navigation { max-width: 100%; width: 100%; } .dropdown-menu__navigation_is-active-for-brands { border-right: none; } .dropdown-menu__inner-right { grid-template-columns: repeat(1, 1fr); grid-template-rows: auto; grid-auto-flow: row; padding: 0; gap: 8px; position: relative; left: unset; top: unset; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dropdown-menu__inner-right-area { position: relative; width: 100%; height: -moz-fit-content; height: fit-content; } .dropdown-menu-brands__arrow { transform: rotate(90deg); width: 24px; height: 24px; } .dropdown-menu-brands__arrow_is-open { transform: rotate(270deg); } .dropdown-menu-brands__link { gap: 8px; background: none; padding: 6px 12px; height: -moz-fit-content; height: fit-content; } .dropdown-menu-brands__link svg { display: block; } .dropdown-menu-brands__link img { display: none; } } .swiper-home-banner { width: 100%; overflow: hidden; position: relative; } .swiper-home-banner__slide { padding: 0px 0; } .swiper-home-banner__content { max-width: 1290px; padding-inline: 15px; margin-inline: auto; } .swiper-home-banner__title { color: #ffffff; margin-bottom: 16px; max-width: 440px; } .swiper-home-banner__subtitle { color: #ffffff; margin-bottom: 24px; font-size: 16px; font-weight: 400; line-height: 140%; max-width: 440px; } .swiper-home-banner__bg-img { position: unset; top: 0; left: 0; width: 100%; height: 400px; z-index: -1; -o-object-fit: cover; object-fit: cover; } .swiper-home-banner__bg-img_mobile { display: none; } .swiper-home-banner__pagination { position: absolute; z-index: 1; left: 50% !important; transform: translate(-50%); width: -moz-fit-content !important; width: fit-content !important; bottom: 10px !important; } .swiper-home-banner__pagination .swiper-pagination-bullet { width: 9px; height: 9px; border: 1px solid #ffffff; transition: all 0.8s ease; } .swiper-home-banner__pagination .swiper-pagination-bullet-active { background: #C0FF00; } @media (max-width: 767px) { .swiper-home-banner { width: 100%; overflow: hidden; position: relative; height: 320px; } .swiper-home-banner__slide { padding: 0px 16px 40px 16px; display: flex; } .swiper-home-banner__content { padding-inline: 0; margin-top: auto; } .swiper-home-banner__title { max-width: 100%; margin-bottom: 10px; } .swiper-home-banner__subtitle { font-size: 14px; max-width: 100%; margin-bottom: 10px; } .swiper-home-banner__bg-img { display: none; } .swiper-home-banner__bg-img_mobile { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } } .heading-with-button { display: flex; justify-content: space-between; align-items: center; width: 100%; } .heading-with-button h2 { color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .section-home-develop { padding: 40px 0; } .section-home-develop__heading { margin-bottom: 24px; } .section-home-develop__box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; position: relative; } .section-home-develop__box .develop-card:nth-of-type(n+5) { display: none; } .section-home-develop__box.is_show-more .develop-card:nth-of-type(n+5) { display: block; } .section-home-develop__show-more { width: -moz-fit-content; width: fit-content; grid-column: 2/3; margin-left: auto; height: -moz-fit-content; height: fit-content; margin-top: auto; } @media all and (max-width: 1023px) { .section-home-develop { padding: 20px 0; } } @media all and (max-width: 767px) { .section-home-develop__box { grid-template-columns: repeat(1, 1fr); gap: 16px; } .section-home-develop__show-more { grid-column: 1/2; margin-left: auto; } } .develop-card { padding: 24px; border-radius: 24px; border-radius: 24px; background: #F6F6F4; position: relative; z-index: 1; } .develop-card__text { max-width: 380px; width: 100%; display: flex; flex-direction: column; gap: 8px; } .develop-card__title { color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .develop-card__subtitle { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .develop-card__button { position: absolute; right: 24px; bottom: 24px; } .develop-card__img { height: 100%; position: absolute; top: 0; right: 0; z-index: -1; width: 30%; } .develop-card__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: left top; object-position: left top; } .develop-card__button { background: #ffffff; padding: 12px; } @media (min-width: 768px) and (max-width: 1023px) { .develop-card { min-height: 260px; } .develop-card__text { max-width: 100%; gap: 16px; } .develop-card__button { position: relative; right: unset; bottom: unset; margin-top: 16px; } .develop-card__img { width: 60%; } .develop-card__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left bottom; object-position: left bottom; } } @media (max-width: 767px) { .develop-card { min-height: 50px; padding: 17px; } .develop-card__title{ font-size: 16px; } .develop-card__text { max-width: 100%; gap: 16px; } .develop-card__subtitle { display: none; } .develop-card__button { position: relative; right: unset; bottom: unset; margin-top: 5px; padding: 5px; } .develop-card__img { width: 44%; } .develop-card__img img { -o-object-fit: contain; object-fit: contain; -o-object-position: right top; object-position: right top; } } .section-home-bestsellers { padding: 0 0 40px; } .section-home-bestsellers__heading { margin-bottom: 24px; } .section-home-bestsellers__box { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; } .section-home-bestsellers__btn-wrapper { display: flex; justify-content: end; } @media all and (max-width: 1023px) { .section-home-bestsellers { padding: 0 0 40px; } .section-home-bestsellers__heading { margin-bottom: 16px; } .section-home-bestsellers__box { grid-template-columns: repeat(3, 1fr); } .section-home-bestsellers__box .product-card:nth-of-type(n+7) { display: none; } .section-home-bestsellers__btn-wrapper { display: flex; justify-content: start; } } @media all and (max-width: 767px) { .section-home-bestsellers { padding: 0 0 20px; } .section-home-bestsellers__heading { margin-bottom: 16px; } .section-home-bestsellers__heading a { display: none; } .section-home-bestsellers__box { grid-template-columns: repeat(2, 1fr); -moz-column-gap: 8px; column-gap: 8px; row-gap: 16px; } .section-home-bestsellers__box .product-card:nth-of-type(n+5) { display: none; } .section-home-bestsellers__button_mobile { display: inline-flex; margin-top: 28px; position: relative; left: 50%; transform: translateX(-50%); } .section-home-bestsellers__btn-wrapper { display: flex; justify-content: center; padding-top: 28px; } } .product-card { position: relative; border-radius: 16px; border: 1px solid transparent; transition: all 0.2s ease-in-out; height: fit-content !important; display: flex; flex-direction: column; justify-content: space-between; } .product-card__img-wrapper { overflow: hidden; position: relative; border-radius: 16px 16px 0px 0px; height: 206px; display: block; } .product-card__img-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .product-card__badges-container { position: absolute; left: 4px; bottom: 4px; display: flex; flex-direction: column; gap: 4px; z-index: 11; } .product-card__badge { padding: 4.5px 9px; border: 1px solid #ffffff; border-radius: 16px; width: -moz-fit-content; width: fit-content; color: var(--Status-color-Error-25, #FFFBFA); text-align: center; font-size: 12px; font-weight: 700; line-height: 120%; transform: rotate(-6deg); } .product-card__badge_purple { background: #9747FF; } .product-card__badge_yellow { background: #FDB022; } .product-card__badge_red { background: #F04438; } .product-card__bottom { padding: 12px; display: flex; flex-direction: column; gap: 16px; min-height: 150px; justify-content: space-between; } .product-card__info { display: flex; flex-direction: column; gap: 8px; } .product-card__price { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 700; line-height: 120%; } .product-card__price_discount { display: flex; align-items: center; gap: 7px; } .product-card__price_discount:has(h3[style*="display: none;"]) h2{ color: var(--Text-color-Text, #26394C); } .product-card__price_discount h2 { color: var(--Status-color-Error-500, #F04438); font-size: 16px; font-weight: 700; line-height: 120%; } .product-card__price_discount h3 { color: #B1B5C3; font-size: 14px; font-weight: 600; line-height: 120%; position: relative; } .product-card__price_discount h3::after { position: absolute; top: 51%; transform: translateY(-50%); left: 0; content: ""; height: 1px; width: 100%; background: var(--Status-color-Error-500, #F04438); } .product-card__subtitle { overflow: hidden; color: var(--Text-color-Text, #26394C); text-overflow: ellipsis; font-size: 13px; font-weight: 400; line-height: 140%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; } .product-card__buttons-wrapper { display: flex; justify-content: space-between; } .product-card__add-to-cart { max-width: 97px; font-size: 12px; } .product-card__add-to-cart.n_avail{ padding: 8px 5px; } .product-card__form { display: flex; align-items: center; background: #ffffff; padding: 7px 12px; border: 1px solid var(--Buttons-color-Hierarchy-Secondary-Default-Stroke, #E6E7EA); border-radius: 32px; gap: 2px; width: -moz-fit-content; width: fit-content; max-width: 97px; height: max-content; } .product-card__form button, .product-card__form input { background: transparent; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; font-weight: 500; line-height: 120%; padding: 0; height: 17px; } .product-card__form input { text-align: center; width: 100%; -moz-appearance: textfield; } .product-card__form input::-webkit-inner-spin-button, .product-card__form input::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } .product-card__form button { cursor: pointer; } .product-card__favorite { position: absolute; top: 8px; right: 7.4px; padding: 10px; background: #ffffff; z-index: 14; } .favs-empty .bx-sbb-empty-cart-text{ margin-bottom: 0; } .favorite{ background: url(/local/templates/enro/css/../src/icons/like-empty.svg) center no-repeat; background-size: 20px; width: 40px; height: 40px; background-color: #fff; } .favorite:hover{ background: url(/local/templates/enro/css/../src/icons/like.svg) center no-repeat; background-color: #fff; } .favorite.active{ background: url(/local/templates/enro/css/../src/icons/like.svg) center no-repeat; background-color: #fff; background-size: 20px; } .product-card__favorite svg { fill: transparent; transition: all 0.3s ease; } .product-card__favorite svg.added { fill: #F04438; } .product-card__favorite svg.added path { stroke: #F04438; } .product-card:hover { border-radius: 16px; border: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Cards-Default-Background, #FFF); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04); } .product-card.disabled .product-card__badges-container { display: none; } .product-card.disabled .product-card__price_discount h2 { color: #7B8996; } .product-card.disabled .product-card__price_discount h3 { display: none; } .product-card.disabled .product-card__subtitle { color: #7B8996; } .product-card.disabled .product-card__notify-about-none { max-width: -moz-fit-content; max-width: fit-content; } .product-card.disabled .product-card__img-wrapper { position: relative; } .product-card.disabled .product-card__img-wrapper::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: no-repeat; } .product-card.disabled .product-card__out-stock { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 4px; z-index: 1; width: 100%; text-align: center; } .product-card.disabled .product-card__out-stock span { color: var(--Text-color-Layout-Background, #F7F8F9); font-size: 16px; font-weight: 700; line-height: 120%; } .section-home-show-selection { background: #2D4359; position: relative; height: 284px; } .section-home-show-selection__box { display: flex; height: 100%; overflow: hidden; } .section-home-show-selection__left { display: flex; height: 100%; flex-direction: column; gap: 24px; justify-content: center; } .section-home-show-selection__title { color: #ffffff; } .section-home-show-selection__right { position: absolute; right: 0; top: 0; width: 100%; height: 100%; max-width: 53%; z-index: 0; } .section-home-show-selection__right img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; } .section-home-show-selection__right::after { content: ""; position: absolute; left: -205px; top: 0; z-index: 1; background-image: url("/src/img/show-selection-separator.webp"); background-repeat: no-repeat; background-position: center; background-size: contain; width: 663px; height: 100%; } .section-home-show-selection__swiper { height: 100%; } .section-home-show-selection__pagination { position: absolute; z-index: 1; left: 50% !important; transform: translate(-50%); width: -moz-fit-content !important; width: fit-content !important; bottom: 10px !important; } .section-home-show-selection__pagination .swiper-pagination-bullet { width: 9px; height: 9px; border: 1px solid #ffffff; transition: all 0.8s ease; } .section-home-show-selection__pagination .swiper-pagination-bullet-active { background: #C0FF00; } .akcii-slider{ position: relative; overflow: hidden; } .akcii-slider__pagination { position: absolute; z-index: 1; left: 50% !important; transform: translate(-50%); width: -moz-fit-content !important; width: fit-content !important; bottom: 10px !important; } .akcii-slider__pagination .swiper-pagination-bullet { width: 9px; height: 9px; border: 1px solid #ffffff; transition: all 0.8s ease; } .akcii-slider__pagination .swiper-pagination-bullet-active { background: #C0FF00; } @media all and (max-width: 1023px) { .section-home-show-selection__left { gap: 16px; } .section-home-show-selection__title { color: #ffffff; } .section-home-show-selection__right { max-width: 44%; } .section-home-show-selection__right::after { left: -176px; background-size: contain; width: 590px; } } @media all and (max-width: 767px) { .product-card__buttons-wrapper { flex-direction: column; gap: 10px; align-items: center; } .product-card__form{ max-width: 100%; } .section-home-show-selection { display: flex; flex-direction: column-reverse; height: 100%; } .section-home-show-selection__left { gap: 16px; padding: 60px 0; } .section-home-show-selection__title { color: #ffffff; } .section-home-show-selection__right { max-width: 100%; position: relative; height: 170px; } .section-home-show-selection__right::after { display: none; } } .section-selections-by-age { padding: 40px 0; } .section-selections-by-age__heading { margin-bottom: 16px; } .section-selections-by-age__simple-tabs { margin-bottom: 24px; } @media all and (max-width: 1023px) { .section-selections-by-age { padding: 40px 0; } .section-selections-by-age__simple-tabs { margin-bottom: 16px; } } @media all and (max-width: 768px) { .section-selections-by-age { padding: 20px 0; } .section-selections-by-age__heading a { display: none; } } .simple-tabs { border: none; display: flex; gap: 4px; } .simple-tabs a { border: 1px solid transparent; font-weight: 400; } .simple-tabs a[role=tab][aria-selected=true] { border: 1px solid #EAECEF; background: transparent; } .tabs-inner { display: inline-flex; align-items: center; gap: 8px; border: none; padding: 4px; border-radius: 24px; border: 1px solid var(--Foundation-Grey-grey-7, #EAECEF); background: var(--Foundation-Grey-grey-4, #FAFBFB); } .tabs-inner li { display: flex; } .tabs-inner a { padding: 8px 16px; overflow: hidden; color: var(--Buttons-color-Hierarchy-Filled-Default-Background, #2D4359); text-align: center; text-overflow: ellipsis; font-size: 16px; font-weight: 500; line-height: 120%; border: none; border-radius: var(--Spacing-Cards-md, 24px); border: 1px solid transparent; display: flex; align-items: center; gap: 8px; } .tabs-inner a[role=tab][aria-selected=true] { border: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Cards-Default-Background, #FFF); } .tabs-inner a[role=tab]:hover:not([aria-selected=true]) { border: 1px solid transparent; } @media all and (max-width: 1023px) { .simple-tabs { display: flex; flex-wrap: wrap; } } @media all and (max-width: 768px) { .simple-tabs { display: flex; flex-wrap: wrap; } .simple-tabs a { border: 1px solid transparent; font-weight: 400; width: 100%; } .simple-tabs a[role=tab][aria-selected=true] { border: 1px solid #EAECEF; } } .section-home-promocode { background: var(--Foundation-Grey-Neutral-Grey-1, #F8F8F7); position: relative; } .section-home-promocode__left { padding: 77px 0; max-width: 459px; position: relative; z-index: 2; } .section-home-promocode__title { color: #26394C; margin-bottom: 16px; } .section-home-promocode__title span { color: #F04438; } .section-home-promocode__subtitle { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; margin-bottom: 24px; } .section-home-promocode__date { color: var(--Text-color-Secondary-Text, #7B8996); margin-left: 13px; margin-top: 8px; font-size: 13px; font-weight: 400; line-height: 140%; } .section-home-promocode__right { position: absolute; right: 0; top: 0; width: 55%; height: 100%; } .section-home-promocode__right img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right 29%; object-position: right 29%; position: relative; z-index: 0; } .section-home-promocode__right::after { content: ""; position: absolute; left: -120px; top: 0; background-image: url("/src/img/piano-baby-separator.webp"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 600px; height: 100%; z-index: 0; } .section-home-promocode__code { position: absolute; top: 244px; left: -70px; z-index: 3; display: flex; align-items: center; justify-content: center; padding: 10px 25px; background: #9747FF; color: #FFF; font-size: 30.539px; font-weight: 800; line-height: 120%; border-radius: 115px; transform: rotate(-6deg); box-shadow: 0px 25.015px 48.361px 0px rgba(0, 0, 0, 0.15); } .section-home-promocode__info { top: 285px; left: 35px; background: #C0FF00; border-radius: 30px; border: 2px solid #FFF; color: #9747FF; font-size: 13.997px; font-weight: 400; line-height: 90%; transform: rotate(-13.716deg); padding: 10px; } @media all and (max-width: 1023px) { .section-home-promocode__left { padding: 60px 0; max-width: 346px; } .section-home-promocode__right { width: 46%; } .section-home-promocode__right img { -o-object-position: left 29%; object-position: left 29%; } .section-home-promocode__right::after { left: -100px; } .section-home-promocode__code { top: 250px; left: -50px; padding: 8px 20px; font-size: 24px; border-radius: 90px; } .section-home-promocode__info { top: 283px; left: 30px; border-radius: 24px; border: 1px solid #FFF; font-size: 11px; padding: 8px; } } @media all and (max-width: 768px) { .section-home-promocode { display: flex; flex-direction: column-reverse; } .section-home-promocode__left { padding: 40px 0; max-width: 100%; } .section-home-promocode__right { width: 100%; position: relative; } .section-home-promocode__right img { -o-object-position: left 23%; object-position: left 23%; height: auto; } .section-home-promocode__right::after { display: none; } .section-home-promocode__code { top: unset; bottom: 0; left: 50%; transform: rotate(-6deg) translateX(-50%); } .section-home-promocode__info { top: unset; left: 60%; bottom: -15px; transform: rotate(-13deg) translateX(-50%); } } .section-home-environment { background: var(--Foundation-Grey-Neutral-Grey-1, #F8F8F7); position: relative; } .section-home-environment__left { padding: 90px 0; max-width: 470px; } .section-home-environment__title { color: #26394C; margin-bottom: 16px; } .section-home-environment__subtitle { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; } .section-home-environment__right { position: absolute; right: 0; top: 0; z-index: 0; max-width: 50%; width: 100%; height: 100%; } .section-home-environment__right img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left top; object-position: left top; } .section-home-environment__right::after { content: ""; position: absolute; left: -120px; top: 0; background-image: url(/src/img/environment-separator.webp); background-repeat: no-repeat; background-position: center; background-size: contain; width: 500px; height: 100%; z-index: 0; } @media all and (max-width: 1023px) { .section-home-environment__left { max-width: 320px; } .section-home-environment__right { max-width: 45%; } .section-home-environment__right img { -o-object-position: 33% top; object-position: 33% top; } .section-home-environment__right::after { left: -118px; width: 500px; } } @media all and (max-width: 767px) { .section-home-environment { display: flex; flex-direction: column-reverse; } .section-home-environment__left { max-width: 100%; padding: 40px 0; } .section-home-environment__right { max-width: 100%; position: relative; } .section-home-environment__right img { -o-object-position: 33% center; object-position: 33% center; height: 276px; } .section-home-environment__right::after { display: none; } } .seciton-home-news { padding: 40px 0; } .seciton-home-news__heading { margin-bottom: 24px; } .seciton-home-news__box { display: grid; gap: 24px; grid-template-columns: repeat(11, 1fr); } .seciton-home-news__mobile-btn { display: none; } .seciton-home-news__card:nth-child(1) { grid-column: span 3; } .seciton-home-news__card:nth-child(2) { grid-column: span 4; } .seciton-home-news__card:nth-child(3) { grid-column: span 4; } .seciton-home-news__card:nth-child(4) { grid-column: span 5; } .seciton-home-news__card:nth-child(5) { grid-column: span 3; } .seciton-home-news__card:nth-child(6) { grid-column: span 3; } @media all and (max-width: 1023px) { .seciton-home-news { padding: 40px 0; } .seciton-home-news__heading { margin-bottom: 32px; } .seciton-home-news__box { display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 24px; column-gap: 24px; row-gap: 32px; } .seciton-home-news__mobile-btn { display: none; } .seciton-home-news__card:nth-child(1) { grid-column: span 1; } .seciton-home-news__card:nth-child(2) { grid-column: span 1; } .seciton-home-news__card:nth-child(3) { grid-column: span 2; } .seciton-home-news__card:nth-child(4) { grid-column: span 1; } .seciton-home-news__card:nth-child(5) { grid-column: span 1; } .seciton-home-news__card:nth-of-type(n+6) { display: none; } } @media all and (max-width: 767px) { .seciton-home-news { padding: 20px 0; } .seciton-home-news__heading { margin-bottom: 24px; } .seciton-home-news__box { display: grid; grid-template-columns: repeat(1, 1fr); -moz-column-gap: 24px; column-gap: 24px; row-gap: 32px; } .seciton-home-news__mobile-btn { display: inline-flex; position: relative; left: 50%; transform: translateX(-50%); margin-top: 24px; } .seciton-home-news__card:nth-child(3) { grid-column: span 1; } .seciton-home-news__card:nth-of-type(n+4) { display: none; } } .news-card { display: flex; flex-direction: column; width: 100%; height: 100%; border-radius: 24px; border: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Cards-Default-Background, #FFF); overflow: hidden; } .news-card__img-wrapper { width: 100%; height: 180px; overflow: hidden; } .news-card__img-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .news-card__content { padding: 16px; display: flex; flex-direction: column; height: 175px; } .news-card__title { color: var(--Text-color-Text, #26394C); font-size: 14px; font-weight: 500; line-height: 120%; margin-bottom: 12px; } .news-card__subtitle { overflow: hidden; color: var(--Text-color-Secondary-Text, #7B8996); text-overflow: ellipsis; font-size: 14px; font-weight: 400; line-height: 140%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; margin-bottom: auto; } .news-card__bottom { display: flex; justify-content: space-between; align-items: center; } .news-card__date { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 13px; font-weight: 400; line-height: 140%; } .news-card.big-title-news .news-card__content { height: 216px; } .news-card.big-title-news .news-card__title { color: var(--Text-color-Text, #26394C); font-size: 21px; font-weight: 600; } @media all and (max-width: 1023px) { .news-card.big-title-news .news-card__content { height: 192px; } .news-card.big-title-news .news-card__title { font-size: 14px; font-weight: 500; } } .breadcrumbs { padding: 24px 0; } .breadcrumbs__box { display: flex; gap: 3px; } .breadcrumbs__box a { color: #A5AEB8; font-size: 16px; font-weight: 400; line-height: 140%; } .breadcrumbs__box a::after { content: "/"; margin-left: 3px; } .breadcrumbs__box span { color: #26394C; pointer-events: none; } .breadcrumbs__box span::after { content: "/"; margin-left: 3px; } .breadcrumbs__box span:last-child::after { display: none; } .breadcrumbs__box a:hover { color: #2D4359; } @media all and (max-width: 1023px) { .breadcrumbs { display: none; } } .section-catalog-banner { background: #F8F8F7; position: relative; } .section-catalog-banner__box { padding: 80px 0; max-width: 408px; } .section-catalog-banner__title { margin-bottom: 16px; } .section-catalog-banner__subtitle { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; } .section-catalog-banner__img-wrapper { position: absolute; right: 0; top: 0; max-width: 54%; height: 100%; width: 100%; } .section-catalog-banner__img-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 0% 23%; object-position: 0% 23%; } .section-catalog-banner__img-wrapper::after { content: ""; position: absolute; left: -195px; top: 0; width: 600px; height: 100%; background-image: url("/src/img/catalog-separator.webp"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media all and (max-width: 1023px) { .section-catalog-banner__box { max-width: 300px; } .section-catalog-banner__img-wrapper { max-width: 50%; } .section-catalog-banner__img-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .section-catalog-banner__img-wrapper::after { left: -150px; width: 500px; } } @media all and (max-width: 767px) { .section-catalog-banner { display: flex; flex-direction: column-reverse; } .section-catalog-banner__box { max-width: 100%; padding: 24px 0; } .section-catalog-banner__img-wrapper { max-width: 100%; position: relative; height: 170px; } .section-catalog-banner__img-wrapper::after { display: none; } } .section-catalog { padding: 40px 40px 90px; margin-top: 40px; position: relative; } .search-page{ margin-top: 70px; } .search-page .section-catalog__products-list{ grid-template-columns: repeat(2, 1fr); } .section-catalog__box { display: grid; grid-template-columns: 297px 1fr; -moz-column-gap: 24px; column-gap: 24px; padding-bottom: 50px; } .section-catalog__products-list { display: grid; grid-template-columns: repeat(4, 1fr); -moz-column-gap: 24px; column-gap: 24px; row-gap: 16px; position: relative; } .section-favourites .section-catalog__products-list{ grid-template-columns: repeat(5, 1fr); margin-top: 50px; } .section-catalog__download-more-btn { position: absolute; bottom: 40px; left: 50%; transform: translateX(-30%); } .section-catalog__btns-sort-wrapper-desktop { grid-column: span 4; display: flex; align-items: center; justify-content: end; gap: 16px; } @media all and (max-width: 1023px) { .section-catalog { padding: 40px 0 90px; position: relative; } .section-catalog__box { grid-template-columns: 1fr; row-gap: 24px; } .section-catalog__products-list { grid-template-columns: repeat(3, 1fr); } .section-catalog__btns-sort-wrapper-desktop { display: none; } } @media all and (max-width: 767px) { .section-catalog { padding: 40px 0 120px; } .section-catalog__box { grid-template-columns: 1fr; } .section-catalog__products-list { grid-template-columns: repeat(2, 1fr); -moz-column-gap: 8px; column-gap: 8px; } } .filters { display: flex; flex-direction: column; gap: 12px; } .filters__tablets-caller { display: none; } .filter { display: flex; flex-direction: column; width: 100%; } .filter__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; cursor: pointer; border-top: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); } .filter__head svg { margin-left: auto; } .filter__head h2 { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 500; line-height: 120%; } .filter__head button { border: none; outline: none; background: transparent; padding: 0; cursor: pointer; color: var(--Buttons-color-Hierarchy-Link-Default-Text, #2D4359); font-size: 14px; font-weight: 400; line-height: normal; } .filter__body { overflow: hidden; height: 0; } .filter__body form { display: flex; flex-direction: column; width: 100%; height: 100%; } .filter.is_open .filter__body { height: 100%; overflow: visible; } .filter.is_open .filter__head svg { transform: rotate(180deg); } .filter__checkbox { display: flex; align-items: center; gap: 8px; padding: 6px 0; } .filter__checkbox input { position: absolute; margin: 0; opacity: 0; width: 0; height: 0; } .filter__checkbox input#filter__checkbox-all{ width: 17px; height: 17px; z-index: 1; } .filter__checkbox input:checked + label { background: #2D4359; } .filter__checkbox input:checked + label::after { transform: translate(-50%, -50%) scale(1); } .filter__checkbox label { position: relative; width: 20px; height: 20px; border-radius: var(--Spacing-buttons-xxs, 4px); border: 1px solid var(--Icon-color-blue-Background, #2D4359); background: var(--Icon-color-white-White, #FFF); cursor: pointer; transition: background 0.3s ease; } .filter__checkbox label::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 14px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11.6667 3.5L5.25 9.91667L2.33333 7' stroke='%23C0FF00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); } .filter__checkbox span { color: var(--Text-color-Text, #26394C); font-size: 14px; font-weight: 400; line-height: 140%; } .filter__search { display: flex; align-items: center; gap: 8px; border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); display: flex; padding: var(--Spacing-Cards-xs, 12px); margin-bottom: 8px; } .filter__search button { background: none; outline: none; border: none; padding: 0; width: 19px; height: 19px; } .filter__search input { padding: 0; border: none; outline: none; width: 100%; overflow: hidden; color: var(--Text-color-Text, #26394C); text-overflow: ellipsis; font-size: 14px; font-weight: 400; line-height: 140%; } .filter__search input::-moz-placeholder { color: var(--Text-color-Secondary-Text, #7B8996); } .filter__search input::placeholder { color: var(--Text-color-Secondary-Text, #7B8996); } .filter__count-span { position: relative; width: 100%; } .filter__count-span::after { content: attr(data-count); position: absolute; top: 50%; transform: translateY(-50%); right: 0; color: var(--Text-color-Disabled-Text, #A5AEB8); font-size: 13px; font-weight: 400; line-height: 130%; } .filter__main-btns { display: flex; flex-direction: column; gap: 8px; } .price-filter { display: flex; } .price-filter__fields { display: grid; gap: 8px; padding: 12px 0; } .price-filter__fields input { border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); width: 100%; padding: 12px; color: var(--Text-color-Text, #26394C); text-overflow: ellipsis; font-size: 14px; font-weight: 400; line-height: 140%; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -moz-appearance: textfield; grid-column: span 1; } .price-filter__fields input::-webkit-outer-spin-button, .price-filter__fields input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .price-filter__range { position: relative; } .price-filter__range input { position: absolute; width: 100%; height: 5px; background: none; top: 0; pointer-events: none; cursor: pointer; -webkit-appearance: none; } .price-filter__range input::-webkit-slider-thumb { height: 15px; width: 15px; border-radius: 50%; background: #ffffff; border: 2px solid #2D4359; pointer-events: auto; -webkit-appearance: none; z-index: 2; position: relative; } .price-filter__slider-container { grid-column: span 2; } .price-filter__price-slider { height: 100%; left: 25%; right: 15%; position: absolute; border-radius: 5px; background: #2D4359; z-index: 100; } @media all and (max-width: 1023px) { .filters { display: flex; flex-direction: column; gap: 16px; display: none; } .filters__tablets-caller { display: flex; gap: 8px; } .filters__tablets-caller button:nth-child(2) { border-radius: var(--Spacing-Cards-sm, 16px); } .filter { display: flex; flex-direction: column; width: 100%; } .filter__search_tablets { margin-bottom: 0; flex: 1 0 0; } } .ftlr-close-btn{ display: none; } @media all and (max-width: 767px) { .filters { display: flex; height: max-content; background: #fff; width: 100%; height: 100%; /*justify-content: center;*/ padding: 75px 15px 0px; } .smart-filter-form{ display: none; position: fixed; top: 0; left: 0; z-index: 999; height: 100%; overflow-y: scroll; background: #fff; width: 100%; } .ftlr-close-btn{ display: flex; position: fixed; top: 15px; right: 15px; width: 40px; height: 40px; justify-content: center; align-items: center; background: #fff; border-radius: 50%; border: 1px solid #CEE860; transform: rotate(45deg); margin-left: auto; margin-bottom: 10px; z-index: 1; } .ftlr-close-btn span{ width: 15px; height: 1px; background: #2D4359; } .ftlr-close-btn::after{ content: ''; width: 1px; height: 15px; background: #2D4359; position: absolute; } .filters[style*="display: block"]{ display: flex !important; } .filters__tablets-caller { display: grid; gap: 8px; } .filters__tablets-caller button:nth-child(1) { grid-column: span 1; order: 1; } .filters__tablets-caller button:nth-child(1) span { display: none; } .filters__tablets-caller button:nth-child(2) { grid-column: span 1; border-radius: var(--Spacing-Cards-sm, 16px); order: 0; height: fit-content; } .filter { display: flex; flex-direction: column; width: 100%; } .filter__search_tablets { margin-bottom: 0; flex: 1 0 0; grid-column: span 2; order: 2; } } .switcher { padding: 16px; border-radius: var(--Spacing-Cards-sm, 16px); background: var(--Foundation-Grey-Neutral-Grey-1, #F8F8F7); display: flex; justify-content: space-between; } .switcher h3 { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 500; line-height: 120%; } .switcher__label { position: relative; display: inline-block; width: 44px; border-radius: var(--Spacing-Cards-xs, 12px); overflow: hidden; cursor: pointer; } .switcher__input { opacity: 0; width: 0; height: 0; } .switcher__slider { position: absolute; top: 0; left: 0; background: var(--Foundation-Grey-grey-4, #FAFBFB); border: 1px solid var(--Foundation-Grey-grey-7, #EAECEF); border-radius: var(--Spacing-Cards-sm, 16px); width: 100%; height: 100%; transition: all 0.2s ease; } .switcher__slider::before { content: ""; position: absolute; top: 1px; left: 1px; width: 20px; height: 20px; background: #ffffff; border-radius: 50%; filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1)); transition: all 0.2s ease; } .switcher__input:checked + span { background: #2D4359; border: 1px solid #2D4359; } .switcher__input:checked + span::before { background: var(--Icon-color-green-background, #C0FF00); transform: translateX(20px); } .switcher__input:checked { border: 1px solid var(--Text-color-Text, #26394C); } .section-single-product__box { width: 100%; max-width: 1290px; margin-inline: auto; height: 100%; display: grid; grid-template-columns: 1fr 528px; gap: 24px; padding: 24px 15px; } .section-single-product__swiper-wrapper { display: flex; max-width: 708px; width: 100%; gap: 8px; justify-content: space-between; padding: 8px; border-radius: 24px; border: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Foundation-Grey-grey-4, #FAFBFB); } .section-single-product__swiper-wrapper .product-item-detail-slider-controls-block{ display: flex; flex-direction: column; height: 550px; grid-gap: 8px; width: 166px; padding: 0; } .section-single-product__swiper-wrapper .product-item-detail-slider-controls-image{ border-radius: 24px; border: 1px solid var(--Foundation-Grey-Neutral-Grey-4, #F6F6F4); overflow: hidden; outline: unset; height: 131px; width: 100%; } .section-single-product__swiper-wrapper .product-item-detail-slider-block{ height: 550px; width: 100%; border-radius: 24px; overflow: hidden; } .section-single-product__swiper-wrapper .product-item-detail-slider-controls-image img{ width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .section-single-product__swiper-wrapper .product-item-detail-slider-controls-image.active{ border: 2px solid #C0FF00; } .section-single-product__thumbs { max-width: 130px; width: 100%; height: 550px; overflow: hidden; } .section-single-product__thumbs .swiper-slide { border-radius: 24px; border: 1px solid var(--Foundation-Grey-Neutral-Grey-4, #F6F6F4); overflow: hidden; } .section-single-product__thumbs .swiper-slide.swiper-slide-thumb-active { border: 2px solid #C0FF00; } .section-single-product__thumbs .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-single-product__swiper { width: 100%; height: 550px; overflow: hidden; border-radius: 24px; position: relative; } .section-single-product__swiper .swiper-slide { border-radius: 24px; border: 1px solid var(--Foundation-Grey-Neutral-Grey-4, #F6F6F4); overflow: hidden; } .section-single-product__swiper .swiper-slide img { width: 100%; height: 100%; border-radius: 24px; -o-object-fit: cover; object-fit: cover; } .section-single-product__pagination-mobile { display: none; } .section-single-product__swiper-badge { position: absolute; border-radius: var(--Buttons-Radius-Radius_md, 25.185px); border: 1.574px solid var(--Icon-color-white-White, #FFF); background: var(--Status-color-Error-500, #F04438); z-index: 2; top: 8px; left: 8px; } .section-single-product__buy-wrapper { display: flex; flex-direction: column; gap: 8px; } .section-single-product__tabs { grid-column: span 2; } .single-product-heading { border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); padding: 16px 0; } .single-product-heading__box { display: flex; flex-direction: column; gap: 4px; } .single-product-heading__top { display: flex; align-items: center; gap: 8px; } .single-product-heading__title { flex: 1 0 0; color: var(--Text-color-Text, #26394C); font-size: 21px; font-weight: 700; line-height: 120%; } .single-product-heading__bottom { display: flex; gap: 8px; } .buy-card { display: flex; flex-direction: column; border-radius: 24px; border: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Cards-Default-Background, #FFF); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04); transition: all 0.3s ease-in-out; } .buy-card__price { padding: 16px; border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); display: flex; align-items: center; gap: 8px; } .buy-card__price h3:nth-child(3n){ display: none; } .buy-card__btns .product-card__form .product-item-detail-info-container-title{ display: none; } .buy-card__btns .btn.product-item-detail-buy-button{ height: auto; text-transform: unset; } .buy-card__btns .product-card__form{ flex-direction: column; justify-content: center; } .product-item-amount-field-container{ margin-bottom: 0; } .product-item-amount-description-container{ display: none; } .buy-card__price h3 { color: var(--Status-color-Error-500, #F04438); font-size: 21px; font-weight: 700; line-height: 120%; } .buy-card__price h3:nth-child(2) { position: relative; color: var(--Text-color-Separator, #A5AEB8); font-size: 18px; font-weight: 700; line-height: 120%; } .buy-card__price h3:nth-child(2)::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); height: 2px; background: #F04438; width: 110%; left: 0; } .buy-card__date { display: flex; gap: 8px; align-items: center; padding: 16px; border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); } .buy-card__date h3 { flex: 1 0 0; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; } .buy-card__date span { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .buy-card__gift { display: flex; align-items: center; gap: 12px; padding: 16px; border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); } .buy-card__gift-img { width: 50px; height: 50px; border-radius: 12px; overflow: hidden; } .buy-card__gift img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .buy-card__gift-heading { flex: 1 0 0; color: var(--Text-color-Text, #26394C); } .buy-card__gift-heading h3 { font-size: 14px; font-weight: 500; line-height: 100%; } .buy-card__gift-heading span { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 12px; font-weight: 400; line-height: 100%; } .buy-card__btn-check { width: 36px; height: 36px; position: relative; } .buy-card__btn-check svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: transform 300ms cubic-bezier(0.45, 1.8, 0.5, 0.75), opacity 100ms ease-in-out; } .buy-card__btn-check svg.checked { transform: translate(-50%, -50%) scale(0.1); } .buy-card__btn-check svg.plus { opacity: 1; } .buy-card__btn-check.is_checked { background: #F6FFD9; border: 1px solid #AFE800; } .buy-card__btn-check.is_checked svg.checked { transform: translate(-50%, -50%) scale(1.1); } .buy-card__btn-check.is_checked svg.plus { opacity: 0; } .buy-card__btns { display: flex; gap: 8px; padding: 16px; } .buy-card__btns form { padding: 10px 16px; max-width: 112px; } .terms-return { border-radius: 24px; border: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Cards-Default-Background, #FFF); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04); padding: 24px; display: flex; flex-direction: column; gap: 8px; } .terms-return__head { display: flex; align-items: center; gap: 16px; } .terms-return__head h2 { color: var(--Text-color-Heading-Text, #26394C); font-size: 16px; font-weight: 700; line-height: 120%; } .terms-return__body p { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .terms-return__foot { margin-top: 8px; } [data-tabs-single-product] { margin-bottom: 24px; } .single-product-description { max-width: 706px; width: 100%; display: flex; flex-direction: column; } .single-product-description__about { margin-bottom: 64px; } .single-product-description__title { color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; margin-bottom: 16px; } .single-product-description__desc { overflow: hidden; height: 140px; color: var(--Text-color-Secondary-Text, #7B8996); text-overflow: ellipsis; font-size: 16px; font-weight: 400; line-height: 140%; position: relative; margin-bottom: 8px; } .single-product-description__desc::after { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(to top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); bottom: 0; left: 0; z-index: 1; } .single-product-description__desc.is_open { height: 100%; } .single-product-description__desc.is_open::after { display: none; } .single-product-description__feature { display: flex; justify-content: space-between; position: relative; z-index: 1; margin-bottom: 16px; } .single-product-description__feature:nth-last-child(2) { margin-bottom: 32px; } .single-product-description__feature span { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; background: #ffffff; } .single-product-description__feature h4 { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; background: #ffffff; } .single-product-description__feature::after { position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; left: 0; bottom: 5.5px; background: bottom/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='599' height='2' viewBox='0 0 599 2' fill='none'%3E%3Cpath d='M0 1H599' stroke='%23CDD2D7' stroke-dasharray='2 2'/%3E%3C/svg%3E") no-repeat; } .add-new-review { padding: 24px; display: flex; flex-direction: column; gap: 16px; border-radius: 24px; background: var(--Foundation-Grey-Neutral-Grey-2, #F7F7F6); max-width: 528px; height: -moz-fit-content; height: fit-content; } .add-new-review__heading { display: flex; flex-direction: column; gap: 8px; } .add-new-review__heading h2 { color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .add-new-review__heading h3 { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .add-new-review__form { display: flex; flex-direction: column; gap: 16px; } .add-new-review__form label { color: var(--Text-color-Text, #26394C); font-size: 13px; font-weight: 400; line-height: 140%; margin-bottom: -10px; } .add-new-review__form label span { color: var(--Status-color-Error-500, #F04438); } .add-new-review__form input, .add-new-review__form textarea { padding: 12px 16px; color: #26394C; font-size: 16px; font-weight: 400; line-height: 140%; outline: none; border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); resize: none; } .add-new-review__form textarea { height: 128px; overflow-y: scroll; } .add-new-review__form button { width: -moz-fit-content; width: fit-content; } .single-product-review { display: flex; gap: 24px; } .single-product-review__box { flex: 1 0 0; } .single-product-review__heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; } .single-product-review__heading h3 { color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .single-product-review__total { padding: 16px; display: flex; align-items: center; gap: 8px; border-radius: 24px; background: var(--Foundation-Grey-grey-4, #FAFBFB); } .single-product-review__total span { color: var(--Text-color-Heading-Text, #26394C); font-size: 16px; font-weight: 700; line-height: 120%; } .single-product-review-item { padding-bottom: 16px; border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); margin-top: 32px; } .single-product-review-item:nth-last-child(2) { margin-bottom: 32px; } .single-product-review-item__stars { display: flex; margin-bottom: 8px; } .single-product-review-item__desc { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; margin-bottom: 16px; } .single-product-review-item__stars svg { width: 16px; height: 16px; } .single-product-review-item__bottom { display: flex; flex-direction: column; gap: 8px; } .single-product-review-item__bottom h3 { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 700; line-height: 120%; } .single-product-review-item__bottom h4 { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 13px; font-weight: 400; line-height: 130%; } .single-product-availability__heading { display: flex; gap: 16px; justify-content: space-between; align-items: center; margin-bottom: 8px; } .single-product-availability__heading h3 { flex: 1 0 0; color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .single-product-availability__item { display: grid; grid-template-columns: 1fr 1fr 100px 1fr; padding: 16px 0; border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); } .single-product-availability__item h3, .single-product-availability__item span { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; } .single-product-availability__item span { text-align: end; color: var(--Text-color-Secondary-Text, #7B8996); } .single-product-availability__item .badge { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; } .section-single-product-watched { padding: 40px 0 20px; } .section-single-product-watched__heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } .section-single-product-watched__heading h2 { color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .section-single-product-watched__btns { display: flex; align-items: center; gap: 8px; } .single-product-watched-swiper { width: 100%; height: 100%; overflow: hidden; border-radius: 16px 16px 0px 0px; } .single-product-watched-swiper__pagination { width: -moz-fit-content !important; width: fit-content !important; margin-left: auto; } .single-product-watched-swiper__pagination span { background: #111111; } .single-product-watched-swiper__pagination span.swiper-pagination-bullet-active { background: #AFE800; opacity: 1; } .section-single-product-recs { padding: 20px 0 40px; } .section-single-banner { padding: 90px 0; position: relative; background-image: url("/src/img/section-single-banner_bg.webp"); background-repeat: no-repeat; background-size: cover; } .section-single-banner__box { max-width: 440px; width: 100%; display: flex; flex-direction: column; gap: 16px; } .section-single-banner__box .button { width: -moz-fit-content; width: fit-content; } .section-single-banner__heading { color: #ffffff; } .section-single-banner__desc { color: var(--Text-color-Inverse-text, #FFF); font-size: 16px; font-weight: 400; line-height: 140%; } .section-single-banner__bg { position: absolute; display: none; top: 0; right: 0; width: 40%; height: 100%; } .section-single-banner__bg img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .section-single-banner__bg img.desktop { display: block; } .section-single-banner__bg img.mobile { display: none; } @media all and (max-width: 1023px) { .section-single-product__box { grid-template-columns: 1fr; gap: 24px; padding: 40px 32px; } .section-single-product__swiper-wrapper { max-width: calc(100vw - 64px); border: none; } .section-single-product__thumbs { max-width: 120px; height: 377px; } .section-single-product__thumbs .swiper-slide img { -o-object-position: top; object-position: top; } .section-single-product__swiper { width: 100%; height: 377px; } .section-single-product__swiper .swiper-slide img { -o-object-position: top; object-position: top; } .section-single-product__buy-wrapper { order: 1; } .section-single-product__tabs { grid-column: span 1; } .single-product-heading__box { gap: 0; } .single-product-heading__top button { padding: 16px; } .single-product-heading__top button span { display: none; } .single-product-heading__bottom { width: 100%; overflow-x: scroll; border-radius: 16px; } .buy-card { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; border-radius: 0; border: none; } .buy-card__price { padding: 25px 16px; border-bottom: none; position: absolute; bottom: 0; } .buy-card__date { display: none; } .buy-card__gift { border-top: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); } .buy-card__btns { justify-content: end; } .terms-return__head { display: flex; align-items: center; gap: 16px; } .terms-return__head h2 { font-size: 21px; } .single-product-description { max-width: 100%; } .single-product-description__about { margin-bottom: 40px; } .single-product-description__feature:nth-last-child(2) { margin-bottom: 40px; } .single-product-description__features button { /*display: none;*/ } .add-new-review { padding: 24px; max-width: 100%; margin-bottom: 0; } .single-product-review { flex-direction: column; gap: 33px; } .single-product-availability__heading { margin-bottom: 24px; } .single-product-availability__heading h3 { font-size: 21px; } .single-product-availability__item h3, .single-product-availability__item span { line-height: 160%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .section-single-product-watched { padding: 32px 0; } .section-single-product-recs { padding: 32px 0; } .section-single-banner { background-position: center; } } @media all and (max-width: 767px) { .section-single-product__box { padding: 0; } .section-single-product__swiper-wrapper { max-width: 100vw; border: none; padding: 0; border-radius: 0; } .section-single-product__thumbs { display: none; } .section-single-product__swiper { height: 393px; border-radius: 0; } .section-single-product__swiper .swiper-slide { border-radius: 0; } .section-single-product__swiper .swiper-slide img { border-radius: 0; } .section-single-product__pagination-mobile { display: flex; } .section-single-product__tabs { padding-inline: 16px; } .single-product-heading__box { gap: 8px; } .single-product-heading__top button { padding: 8.5px; } .single-product-heading__title { font-size: 16px; } .buy-card { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; border-radius: 0; border: none; } .buy-card__price { padding: 26px 16px; border-bottom: none; position: absolute; bottom: 0; } .buy-card__price h3 { font-size: 16px; } .buy-card__price h3:nth-child(2) { font-size: 16px; } .buy-card__date { display: none; } .buy-card__gift { border-top: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); } .buy-card__gift-img { width: 32px; height: 32px; border-radius: 8px; } .buy-card__btns { justify-content: end; } .buy-card__btns form { opacity: 0; visibility: hidden; } .buy-card__btns button { padding: 8px 16px; font-size: 14px; } .terms-return { border-radius: 0; padding: 40px 16px; box-shadow: none; } .terms-return__head { display: flex; align-items: center; gap: 16px; } .terms-return__head h2 { font-size: 21px; } .terms-return__foot { margin-top: 0; } .single-product-description { max-width: 100%; } .single-product-description__title { font-size: 21px; } .single-product-description__feature:nth-last-child(2) { margin-bottom: 32px; } .single-product-description__feature h4 { text-align: right; } [data-tabs-single-product] { overflow: scroll; max-width: calc(100vw - 32px); } [data-tabs-single-product] li { flex-shrink: 0; } .single-product-review { flex-direction: column; gap: 33px; } .single-product-review__heading { flex-direction: column; align-items: start; } .single-product-review__heading button { width: 100%; } .single-product-review__box button { transform: translateX(-50%); position: relative; left: 50%; } .single-product-availability__heading { margin-bottom: 24px; flex-direction: column; align-items: start; } .single-product-availability__heading h3 { font-size: 21px; } .single-product-availability__item { grid-template-columns: 1fr; position: relative; } .single-product-availability__item h3, .single-product-availability__item span { line-height: 160%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .single-product-availability__item .badge { position: absolute; right: 0; top: 18px; } .single-product-availability__item h3:first-child { margin-bottom: 10px; } .single-product-availability__item span { text-align: start; } .section-single-product-watched { padding: 20px 0; } .section-single-product-watched__heading { display: flex; flex-direction: column; gap: 16px; align-items: start; } .section-single-product-recs { padding: 20px 0; } .section-single-banner { padding: 245px 0 40px; background-image: url("/src/img/section-single-banner_bg-mobile.webp"); } } .badge { display: inline-flex; padding: var(--Spacing-buttons-xxs, 4px) var(--Spacing-Cards-xs, 12px); justify-content: center; align-items: center; border-radius: 16px; text-align: center; font-size: 13px; font-weight: 400; line-height: 140%; flex-shrink: 0; } .badge_what { color: var(--Foundation-Purple-Purple-7, #6D00D9); border: 1px solid var(--Foundation-Purple-Purple-2, #E1C2FF); background: var(--Primary-50, #F9F5FF); } .badge_for { border: 1px solid #C8C9FF; background: var(--Indigo-50, #EEF4FF); color: var(--Indigo-700, #3538CD); } .badge_brand { border: 1px solid #FCC8E5; background: var(--Pink-50, #FDF2FA); color: var(--Pink-700, #C11574); } .badge_big { color: var(--Status-color-Error-25, #FFFBFA); font-size: 18.889px; font-weight: 700; line-height: 120%; } .product-item-label-ring.product-item-label-big{ width: fit-content; height: fit-content; font-size: 18.889px; line-height: 120%; z-index: 11; } .badge_stock { border: 1px solid #AFDBC7; background: var(--Status-color-Success-50, #ECFDF3); color: var(--Success-700, var(--Status-color-Success-700, #027A48)); } .badge_cancelled { border: 1px solid var(--Status-color-Error-200, #FECDCA); background: var(--Status-color-Error-50, #FEF3F2); color: var(--Error-700, var(--Status-color-Error-700, #B42318)); } @media all and (max-width: 768px) { .badge { padding: var(--Spacing-buttons-xxs, 4px) 8px; font-size: 10px; line-height: normal; } } .section-cart { position: relative; padding: 40px 0; } .section-cart__heading { display: flex; gap: 16px; align-items: center; margin-bottom: 16px; } .section-cart__title { display: flex; flex: 1 0 0; gap: 8px; align-items: center; color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .section-cart__title span { color: #A5AEB8; } .section-cart__box { display: grid; grid-template-columns: 1fr 411px; gap: 24px; } .cart-list__select-all { display: flex; justify-content: space-between; align-items: center; padding: 12px; border-radius: 8px; background: var(--Foundation-Grey-Neutral-Grey-1, #F8F8F7); } .cart-list__delete-all { color: #D92D20; } .cart-list__checkbox { padding: 0; } .cart-list__checkbox label { width: 17px; height: 17px; } .cart-list__wrapper { padding: 16px 0; } .cart-list__mobile { display: none; } .cart-item { display: flex; padding: 12px; border-radius: 16px; border: 1px solid transparent; } .cart-item__left { display: flex; align-items: center; gap: 12px; flex: 1 0 0; } .cart-item__left img { width: 50px; height: 50px; -o-object-fit: cover; object-fit: cover; border-radius: 12px; } .cart-item__price-title { display: flex; flex-direction: column; gap: 4px; } .cart-item__price { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; } .cart-item__price span { color: var(--Text-color-Text, #26394C); font-size: 14px; font-weight: 700; line-height: 120%; } .cart-item__price.on-stock:has(span) { display: flex; gap: 8px; align-items: center; color: var(--Status-color-Error-500, #F04438); } .cart-item__price.on-stock span { border-radius: var(--Buttons-Radius-Radius_md, 16px); border: 1px solid var(--Icon-color-white-White, #FFF); background: var(--Status-color-Error-500, #F04438); padding: 4px 8px; color: var(--Status-color-Error-25, #FFFBFA); text-align: center; font-size: 12px; font-weight: 700; line-height: 120%; } .cart-item__price.on-stock h4 { color: #B1B5C3; position: relative; } .cart-item__price.on-stock h4::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background: #F04438; left: 0; width: 100%; height: 1px; } .cart-item__badge-gift { padding: 3px 8px; font-size: 12px; } .cart-item__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; align-self: stretch; overflow: hidden; color: var(--Text-color-Text, #26394C); text-overflow: ellipsis; font-size: 13px; font-weight: 400; line-height: 140%; } .cart-item__count { border-radius: 32px; border: 1px solid var(--Buttons-color-Hierarchy-Secondary-Default-Stroke, #E6E7EA); background: var(--Buttons-color-Hierarchy-Secondary-Default-background, #FFF); display: flex; padding: var(--Spacing-Cards-xs, 12px) var(--Spacing-Cards-sm, 16px); align-items: center; gap: var(--Spacing-Cards-sm, 16px); margin-right: 8px; } .cart-item__count button { padding: 0; border: none; outline: none; background: transparent; display: flex; justify-content: center; align-items: center; cursor: pointer; } .cart-item__count input { background: transparent; border: none; outline: none; text-align: center; max-width: 20px; -moz-appearance: textfield; -webkit-appearance: none; appearance: none; color: var(--Buttons-color-Hierarchy-Secondary-Default-text, #2D4359); font-size: 16px; font-weight: 500; line-height: 120%; padding: 0; } .cart-item__count input::-webkit-inner-spin-button, .cart-item__count input::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } .cart-item__right { display: flex; align-items: center; gap: 8px; } .cart-item__like { padding: 10px; } .cart-item__delete { padding: 10px; } .cart-item__info-disabled { display: none; } .cart-item__notify { display: none; } .cart-item.disabled { border: 1px solid var(--Cards-Disabled-Stroke, #EAECEF); background: var(--Cards-Disabled-Background, #F7F8F9); pointer-events: none; } .cart-item.disabled .cart-list__checkbox label { border: 1px solid #CDD2D7; background: var(--Foundation-Grey-grey-7, #EAECEF); } .cart-item.disabled .cart-item__price, .cart-item.disabled .cart-item__title { color: #A5AEB8; } .cart-item.disabled .cart-item__count { display: none; } .cart-item.disabled .cart-item__info-disabled { display: flex; padding: 4px 8px; align-items: center; gap: 8px; color: var(--Text-color-Text, #26394C); font-size: 13px; font-weight: 400; line-height: 140%; } .cart-item.disabled .cart-item__like { display: none; } .cart-item.disabled .cart-item__notify { display: flex; } .order-details { position: sticky; top: 24px; border-radius: 16px; border: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Cards-Default-Background, #FFF); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.04); height: -moz-fit-content; height: fit-content; width: 100%; } .order-details__head { padding: 16px; border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .order-details__body { padding: 16px; border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); display: flex; flex-direction: column; gap: 16px; } .order-details__body .order-details__item:last-child{ display:none; } .order-details__promocode { display: flex; align-items: center; gap: 8px; } .order-details__promocode input { flex: 1 0 0; padding: 12px 16px; background: #ffffff; border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); outline: none; font-size: 16px; font-weight: 400; line-height: 140%; } .order-details__promocode input::-moz-placeholder { color: #7B8996; } .order-details__promocode input::placeholder { color: #7B8996; } .order-details__promocode button { width: 36px; height: 36px; } .order-details__item { display: flex; justify-content: space-between; position: relative; z-index: 1; } .order-details__item h4 { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; background: #ffffff; } .order-details__item span { color: var(--Text-color-Text, #26394C); text-align: right; font-size: 16px; font-weight: 500; line-height: 120%; background: #ffffff; } .order-details__item::after { position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; left: 0; bottom: 4.5px; background: bottom/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='599' height='2' viewBox='0 0 599 2' fill='none'%3E%3Cpath d='M0 1H599' stroke='%23CDD2D7' stroke-dasharray='2 2'/%3E%3C/svg%3E") no-repeat; } .order-details__foot { padding: 16px; display: flex; flex-direction: column; gap: 16px; } .order-details__foot button { width: -moz-fit-content; width: fit-content; } .order-details__foot h4 { display: none; } .order-details__price { color: var(--Text-color-Text, #26394C); font-size: 24px; font-weight: 700; line-height: 110%; } @media all and (max-width: 1023px) { .section-cart { padding: 24px 0; } .section-cart__box { grid-template-columns: 1fr; } .section-cart .container { padding: 0; } .cart-list, .section-cart__heading { padding-inline: 32px; } .order-details { border-radius: 0; border: none; box-shadow: none; } .order-details__body { padding: 16px 0; border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); display: flex; flex-direction: column; gap: 16px; padding-inline: 32px; } .order-details__foot { padding: 24px 32px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; } .order-details__foot button { width: -moz-fit-content; width: fit-content; } .order-details__price { color: var(--Text-color-Text, #26394C); font-size: 24px; font-weight: 700; line-height: 110%; } } @media all and (max-width: 768px) { .section-cart { padding: 16px 0; } .section-cart__title { font-size: 21px; } .section-cart__heading { padding-inline: 16px; } .section-cart__heading button { padding: 12px; } .section-cart__heading button span { display: none; } .cart-list { padding: 0; } .cart-list__select-all { display: none; } .cart-list__wrapper { background: #F8F8F7; display: flex; flex-direction: column; gap: 8px; padding: 0; } .cart-list__mobile { display: flex; padding: 16px; border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; } .order-details { border-radius: 0; border: none; box-shadow: none; padding-bottom: 95px; } .order-details__head { display: none; } .order-details__body { padding: 16px 0; border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); display: flex; flex-direction: column; gap: 16px; padding-inline: 16px; } .order-details__body .order-details__item:last-child{ display:none; } .order-details__foot { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 10; padding: 24px 16px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; } .order-details__foot button { width: -moz-fit-content; width: fit-content; } .order-details__foot-wrapper { display: flex; flex-direction: column; gap: 3px; } .order-details__foot-wrapper h4 { display: flex; color: var(--Text-color-Secondary-Text, #7B8996); font-size: 13px; font-weight: 400; line-height: 120%; } .order-details__price { font-size: 18px; } .cart-item { padding: 0; border-radius: 0; background: var(--Cards-Default-Background, #FFF); position: relative; flex-direction: column; } .cart-item__left { flex: 0; padding: 12px 12px; align-items: start; } .cart-item__left img { width: 50px; height: 76px; flex-shrink: 0; } .cart-item__right { position: absolute; left: 70px; bottom: 12px; display: flex; align-items: end; gap: 8px; padding: 0; padding-right: 12px; border: none; bottom: 12px; right: 12px; width: calc(100% - 70px); } .cart-item__badge-gift { padding: 1px 6px; display: none; } .cart-item__count { padding: 5px 10px; gap: 12px; } .cart-item__count svg { width: 12px; height: 12px; } .cart-item__like { padding: 8px; margin-left: auto; } .cart-item__like svg { width: 14px; height: 14px; } .cart-item__delete { padding: 8px; } .cart-item__delete svg { width: 14px; height: 14px; } .cart-item__info-disabled { display: none; } .cart-item__notify { display: none; margin-left: auto; } .cart-item__price { font-size: 14px; font-weight: 700; } .cart-item__price.on-stock span { padding: 1px 5px; } .cart-item.disabled { border: none; background: var(--Cards-Disabled-Background, #F7F8F9); pointer-events: all; } .cart-item.disabled .cart-list__checkbox label { border: 1px solid #CDD2D7; background: var(--Foundation-Grey-grey-7, #EAECEF); } .cart-item.disabled .cart-item__price, .cart-item.disabled .cart-item__title { color: #A5AEB8; } .cart-item.disabled .cart-item__count { display: none; } .cart-item.disabled .cart-item__info-disabled { display: flex; padding: 0; align-items: center; gap: 8px; color: var(--Text-color-Text, #26394C); font-size: 13px; font-weight: 400; line-height: 140%; } .cart-item.disabled .cart-item__info-disabled span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .cart-item.disabled .cart-item__info-disabled svg { flex-shrink: 0; } .cart-item.disabled .cart-item__like { display: none; } .cart-item.disabled .cart-item__notify { display: flex; } .cart-item.disabled .cart-item__notify svg { width: 14px; height: 14px; } .cart-list__checkbox { position: absolute; top: 12px; right: 12px; } } .section-order { position: relative; padding: 40px 0; } .section-order__box { display: grid; grid-template-columns: 1fr 428px; -moz-column-gap: 24px; column-gap: 24px; max-width: 1060px; margin-inline: auto; } .section-order__left { display: flex; flex-direction: column; gap: 8px; } .section-order__order-details-swiper { padding: 16px 0; margin-inline: auto; height: 92px; width: 100%; max-width: 396px; overflow: hidden; } .section-order__order-details-swiper img { width: 60px; height: 60px; -o-object-fit: cover; object-fit: cover; border-radius: 8px; } .section-order__order-details-swiper .swiper-slide { position: relative; } .section-order__order-details-count { position: absolute; right: -4px; top: -4px; color: var(--notification-badge-badge-text-color, #FFF); font-size: 12px; font-weight: 700; line-height: 120%; padding: 4px 8px; border-radius: 100px; border: 2px solid var(--notification-badge-badge-border-color, #FFF); background: var(--Icon-color-blue-Background, #2D4359); } .section-order__order-details .order-details__foot { border-top: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); } .section-order__order-details .order-details__foot p { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 13px; font-weight: 400; line-height: 140%; } .section-order__order-details-head { display: flex; align-items: center; gap: 8px; } .section-order__order-details-head .button { margin-left: auto; padding: 8px 16px; } .order-item__head { display: flex; align-items: center; gap: 16px; padding: 16px; cursor: pointer; } .order-item__title { flex: 1 0 0; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; } .order-item__body { height: 100%; overflow: visible; visibility: visible; } .order-item__body form { padding: 16px; display: flex; flex-direction: column; gap: 16px; } .order-item__body form.where-method { gap: 24px; } .order-item__body form.no-gap { gap: 0; } .order-item__input-field { display: flex; flex-direction: column; gap: 6px; } .bx-soa .bx-soa-customer-label, .bx-soa .form-group label{ color: var(--Text-color-Text, #26394C); font-size: 13px; font-weight: 400; } .order-item__input-field label { color: var(--Text-color-Text, #26394C); font-size: 13px; font-weight: 400; line-height: 140%; } .order-item__input-field label span { color: var(--Status-color-Error-500, #F04438); } .order-item__input-field input { padding: 12px 16px; border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); outline: none; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; width: 100%; } .order-item__input-field input::-moz-placeholder { color: var(--Text-color-Secondary-Text, #7B8996); } .order-item__input-field input::placeholder { color: var(--Text-color-Secondary-Text, #7B8996); } .order-item__input-field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; outline: none; padding: 12px 16px; border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.8327 7.5L9.99935 13.3333L4.16602 7.5' stroke='%232D4359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 98% 50%; } .order-item__input-field textarea { padding: 12px; margin: 0; border-radius: 16px; border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); resize: none; height: 70px; outline: none; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; width: 100%; } .order-item__input-field textarea::-moz-placeholder { color: var(--Text-color-Secondary-Text, #7B8996); } .order-item__input-field textarea::placeholder { color: var(--Text-color-Secondary-Text, #7B8996); } .order-item.is_close .order-item__head svg { transform: rotate(180deg); } .order-item.is_close .order-item__body { height: 0; overflow: hidden; visibility: hidden; } .order-item__radio-buttons { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; padding: 16px; } .order-item__radio-buttons-for-who { padding: 28px 0; } .order-item__radio { display: flex; align-items: center; gap: 8px; } .order-item__radio .span { color: var(--Buttons-color-Hierarchy-Link-Default-Text, #2D4359); font-size: 16px; font-weight: 400; line-height: 140%; cursor: pointer; } .order-item__radio input { position: absolute; opacity: 0; width: 0; height: 0; } .order-item__radio input:checked + label::after { transform: scale(1); } .order-item__radio .circle { position: relative; display: block; width: 20px; height: 20px; border-radius: 10px; border: 1px solid var(--Icon-color-blue-Background, #2D4359); background: var(--Icon-color-white-White, #FFF); cursor: pointer; } .order-item__radio .circle::after { transform: scale(0); transition: transform 0.1s ease-in-out; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='%232D4359'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='%232D4359'/%3E%3Ccircle cx='10' cy='10' r='4' fill='%23C0FF00'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; background-position: center; } .order-item__desc { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .order-item__cart-item { border: 1px solid var(--Cards-Default-Stroke, #EAECEF); } .order-item__cart-item .cart-item__delete { padding: 8px; } .order-item__cart-item .cart-item__title { font-size: 14px; font-weight: 500; } @media all and (max-width: 1023px) { .section-order { position: relative; padding: 32px 0 0 0; } .section-order .container { padding: 0; } .section-order__box { grid-template-columns: 1fr; } .section-order__left { padding: 0 32px 32px; } .section-order__order-details-swiper { padding: 24px 0; margin-inline: 0; margin-right: auto; margin-left: 32px; height: 108px; } .section-order__order-details { border-top: 1px solid #F1F2F4; } .section-order__order-details .order-details__foot { display: grid; gap: 16px; } .section-order__order-details .order-details__foot p { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 13px; font-weight: 400; line-height: 140%; grid-column: span 2; padding: 16px 0; } .section-order__order-details .order-details__foot button { margin-left: auto; } .section-order__order-details-head button { margin-left: auto; padding: 8px 16px; } } @media all and (max-width: 767px) { .section-order { padding: 0; } .section-order__left { padding: 0 0 16px; } .section-order__order-details-swiper { margin-left: 16px; max-width: calc(100vw - 16px); } .section-order__order-details-head button { margin-left: auto; padding: 8px 16px; } .section-order__order-details { padding-bottom: 200px; } .section-order__order-details .order-details__foot p { padding: 0; } .order-item__radio-buttons-column-mobile { flex-direction: column; align-items: start; } .order-item__cart-item { border-radius: 16px; } } .section-thx { height: 100vh; display: flex; justify-content: center; align-items: center; } .section-thx input.btn{ display: inline-flex; justify-content: center; align-items: center; gap: 12px; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 18px; font-weight: 500; line-height: 120%; border-radius: 32px; padding: 16px 24px; color: #2D4359; background: #C0FF00; background: #CEE860; border: 2px solid transparent; transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.3s ease-in-out, color 0.2s ease-in-out; cursor: pointer; margin: 15px 0px; } .section-thx .alert.alert-info{ display: none; } .section-thx__box { display: flex; align-items: center; flex-direction: column; } .section-thx__img { width: 100%; height: 150px; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; margin-bottom: 34.5px; } .section-thx__content { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; max-width: 410px; } .section-thx__content h1 { color: var(--Text-color-Text, #26394C); font-size: 21px; font-weight: 700; line-height: 120%; } .section-thx__content h2 { color: var(--Foundation-Green-green-8, #88B500); font-size: 16px; font-weight: 600; line-height: 120%; } .section-thx__content p { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .section-thx__content a { width: -moz-fit-content; width: fit-content; margin-top: 8px; } .section-not-found { height: 100vh; display: flex; align-items: center; justify-content: center; padding-inline: 16px; } .section-not-found__box { display: flex; flex-direction: column; gap: 32px; max-width: 684px; } .section-not-found__box img { width: 100%; height: 178px; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .section-not-found__top { display: flex; flex-direction: column; gap: 24px; padding: 16px 0; text-align: center; } .section-not-found__title { color: var(--Text-color-Heading-Text, #26394C); } .section-not-found__desc { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; max-width: 524px; } @media all and (max-width: 768px) { .section-thx__img { height: 100%; } } .section-favourites { padding: 40px 0; } .section-favourites .container { display: flex; flex-direction: column; } .section-favourites__box-notifications { display: flex; flex-direction: column; gap: 16px; } .section-favourites__box { display: grid; grid-template-columns: repeat(5, 1fr); -moz-column-gap: 24px; column-gap: 24px; row-gap: 16px; } .section-favourites__sort { border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); margin: 24px 0 16px; width: -moz-fit-content; width: fit-content; } .section-favourites__share-bottom-btn { margin-top: 24px; margin-left: auto; } .section-favourites .section-favourites_no__box { display: none; } .section-favourites.section-favourites_no { padding: 0; height: 100vh; display: flex; align-items: center; justify-content: center; } .section-favourites.section-favourites_no .container { display: none; } .section-favourites.section-favourites_no .section-favourites_no__box { display: flex; flex-direction: column; text-align: center; gap: 8px; } .section-favourites.section-favourites_no .section-favourites_no__box img { filter: drop-shadow(35px 15px 20px rgba(0, 0, 0, 0.1)); width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain; } .section-favourites.section-favourites_no .section-favourites_no__box h3 { color: var(--Text-color-Text, #26394C); font-size: 21px; font-weight: 600; line-height: 120%; } .section-favourites.section-favourites_no .section-favourites_no__box h4 { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .notify-login { display: flex; align-items: center; gap: 8px; padding: 12px; border-radius: 16px; width: -moz-fit-content; width: fit-content; background: var(--Status-color-Warning-100, #FEF0C7); color: var(--Text-color-Text, #26394C); font-size: 13px; font-weight: 400; line-height: 140%; } .notify-share { padding: 40px; background: var(--Foundation-Grey-Neutral-Grey-1, #F8F8F7); border-radius: 24px; position: relative; max-width: 954px; z-index: 1; } .notify-share__content { display: flex; flex-direction: column; gap: 8px; max-width: 588px; z-index: 1; position: relative; } .notify-share__img { width: 100%; max-width: 200px; height: 100%; position: absolute; right: 85px; top: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; z-index: 0; } .notify-share h2 { color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .notify-share p { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; } .notify-share button { position: absolute; top: -4px; right: -4px; } @media all and (max-width: 1023px) { .section-favourites__box { grid-template-columns: repeat(3, 1fr); margin-top: 16px; } .section-favourites__sort { display: none; } .notify-share__content { max-width: 296px; } } @media all and (max-width: 767px) { .section-favourites__box { grid-template-columns: repeat(2, 1fr); } .section-favourites__sort { display: none; } .notify-share { display: none; } .notify-login { font-size: 9px; padding: 8px 12px; } .notify-login svg { width: 16px; height: 16px; } } .section-my-orders { padding: 40px 0; } .section-my-orders__heading { display: flex; flex-direction: column; gap: 16px; } .section-my-orders__title { display: flex; gap: 8px; align-items: center; color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .section-my-orders__title span { color: var(--Text-color-Secondary-Text, #7B8996); } .section-my-orders__tabs { margin-bottom: 24px; } .section-my-orders__tabs .tabs-inner a.active{ background: #CEE860; } .section-my-orders__tabs .tabs-inner a{ border: 2px solid #CEE860; transition: all 0.4s ease; } .section-my-orders__tabs .tabs-inner a:hover{ background: #CEE860; } .my-order { display: flex; flex-direction: column; border-radius: 16px; border: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Cards-Default-Background, #FFF); overflow: hidden; } .my-order-box { display: flex; flex-direction: column; gap: 16px; } .my-order__head { padding: 12px 16px; border-bottom: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Foundation-Grey-grey-4, #FAFBFB); display: flex; flex-direction: column; } .my-order__number { display: flex; align-items: center; gap: 8px; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; } .my-order__date { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; } .my-order__body { padding: 12px 16px; display: flex; justify-content: space-between; align-items: center; } .my-order__body-left { display: flex; align-items: center; gap: 12px; color: var(--Text-color-Text, #26394C); font-size: 14px; font-weight: 400; line-height: 140%; } .my-order__body-right { color: var(--Text-color-Text, #26394C); text-align: right; font-size: 14px; font-weight: 400; line-height: normal; } .my-order__foot { padding: 12px 16px; border-top: 1px solid var(--Cards-Default-Stroke, #EAECEF); display: flex; align-items: center; justify-content: space-between; } .my-order__foot-left { display: flex; align-items: center; gap: 4px; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; } .my-order__foot-left span { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 13px; font-weight: 500; line-height: 120%; } .my-order__foot-right { display: flex; align-items: center; gap: 8px; } .my-order__price { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; } .my-order-feedback-section { padding: 48px 0; } .my-order-feedback-section__heading { color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; margin-bottom: 16px; } .my-order-feedback-section__swiper { overflow: hidden; border-radius: 16px; position: relative; } .my-order-feedback-section__pagination { width: -moz-fit-content !important; width: fit-content !important; position: relative; margin-top: 16px; margin-left: auto; } .my-order-feedback-section__pagination span.swiper-pagination-bullet-active { background: #141416; } .my-order-feedback { display: flex; flex-direction: column; border-radius: 16px; border: 1px solid var(--Foundation-Grey-grey-7, #EAECEF); background: var(--Foundation-Grey-grey-1, #FFF); } .my-order-feedback__head { padding: 12px; display: flex; align-items: center; gap: 12px; } .my-order-feedback__head img { width: 40px; height: 40px; border-radius: var(--Spacing-buttons-xs, 8px); -o-object-fit: cover; object-fit: cover; } .my-order-feedback__foot { border-top: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); padding: 12px; display: flex; justify-content: space-between; align-items: center; } .my-order-feedback__foot button { padding: 8px 16px; } @media all and (max-width: 1023px) { .my-order-feedback { display: flex; flex-direction: column; border-radius: 16px; border: 1px solid var(--Foundation-Grey-grey-7, #EAECEF); background: var(--Foundation-Grey-grey-1, #FFF); } .my-order-feedback__head { padding: 12px; display: flex; align-items: center; gap: 12px; } .my-order-feedback__head img { width: 60px; height: 60px; border-radius: var(--Spacing-buttons-xs, 8px); -o-object-fit: cover; object-fit: cover; } .my-order-feedback__foot { align-items: start; flex-direction: column-reverse; gap: 16px; } } @media all and (max-width: 768px) { .section-my-orders { padding: 40px 0 0; } .section-my-orders .container { padding: 0; } .section-my-orders__heading { padding-inline: 16px; } .section-my-orders__tabs { margin-bottom: 16px; } .section-my-orders__tabs ul { overflow-x: scroll; width: 100%; } .section-my-orders__tabs ul li { flex-shrink: 0; } .my-order { border-radius: 0; overflow: hidden; } .my-order-box { gap: 8px; background: var(--Foundation-Grey-Neutral-Grey-1, #F8F8F7); } .my-order__body { align-items: start; flex-direction: column; gap: 12px; } .my-order__body-left { align-items: start; gap: 12px; flex-direction: column-reverse; font-size: 13px; font-weight: 500; } .my-order__body-right { text-align: start; font-size: 13px; font-weight: 500; } .my-order-feedback-section { padding: 16px 16px; } } .section-profile-header { padding: 32px 0; border-bottom: 1px solid var(--Cards-Default-Stroke, #EAECEF); } .section-profile-header__box { display: flex; align-items: center; justify-content: space-between; } .section-profile-header__left { display: flex; flex-direction: column; gap: 8px; max-width: 411px; } .section-profile-header__left h1 { color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .section-profile-header__left p { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .section-profile { padding: 24px 0; } .section-profile__box { display: flex; flex-direction: column; gap: 16px; } .avatar { display: flex; align-items: center; gap: 16px; } .avatar__photo { position: relative; } .avatar__photo img { width: 96px; height: 96px; -o-object-fit: cover; object-fit: cover; border: 4px solid var(--Icon-color-white-White, #FFF); box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08); border-radius: 50%; } .avatar__change-btn { position: absolute; bottom: -2px; right: -2px; border: 3px solid var(--Icon-color-white-White, #FFF); } .avatar__change-btn:hover { border: 3px solid #C8F345; } .avatar__main-info { font-size: 16px; font-weight: 400; line-height: 140%; } .avatar__main-info h3 { color: var(--Text-color-Text, #26394C); font-weight: 700; } .avatar__main-info h4 { color: var(--Text-color-Secondary-Text, #7B8996); } .profile-change-block__head { padding: 16px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--Cards-Default-Stroke, #EAECEF); } .profile-change-block__head h3 { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; } .profile-change-block__head button { display: none; } .profile-change-block__body { padding: 24px 0; display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } .profile-change-block__body.profile-change-block__body-no-grid { display: flex; flex-direction: column; gap: 24px; } .profile-change-block__input-wrapper input[type=tel] { position: relative; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' rx='10' fill='%23D1FADF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2483 6.15838L8.28164 11.9167L6.69831 10.2251C6.40664 9.95005 5.94831 9.93338 5.61497 10.1667C5.28997 10.4084 5.19831 10.8334 5.39831 11.1751L7.27331 14.2251C7.45664 14.5084 7.77331 14.6834 8.13164 14.6834C8.47331 14.6834 8.79831 14.5084 8.98164 14.2251C9.28164 13.8334 15.0066 7.00838 15.0066 7.00838C15.7566 6.24172 14.8483 5.56672 14.2483 6.15005V6.15838Z' fill='%2312B76A'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 98% 50%; } .profile-change-block__address-current { width: 100%; border-radius: 24px; background: var(--Foundation-Grey-Neutral-Grey-1, #F8F8F7); padding: 16px; display: flex; align-items: center; gap: 10px; } .profile-change-block__address-current h3 { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 500; line-height: 120%; flex: 1 0 0; } .profile-change-block__address-current button { cursor: pointer; background: transparent; border: none; outline: none; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; } .profile-change-block___new-address { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .profile-change-block___new-address h3 { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; grid-column: span 3; } .profile-change-block__city { grid-column: span 3; } .profile-change-block__city input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M15.0404 7.625L9.4987 13.1667L3.95703 7.625' stroke='%232D4359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 19px 19px; background-position: 99% 50%; } .profile-change-block__save-btn { width: -moz-fit-content; width: fit-content; margin-left: auto; margin-top: -8px; } @media all and (max-width: 1023px) { .profile-change-block__head button { display: flex; } } @media all and (max-width: 767px) { .section-profile-header { border: none; } .section-profile-header__box { align-items: start; flex-direction: column; gap: 16px; } .section-profile { padding: 0 0 24px; } .profile-change-block__body { padding: 16px 0 0; grid-template-columns: repeat(1, 1fr); } .profile-change-block__body.profile-change-block__body-no-grid { gap: 16px; } .profile-change-block__address-current { display: grid; gap: 5px; } .profile-change-block__address-current h3 { grid-column: span 3; } .profile-change-block___new-address { grid-template-columns: repeat(1, 1fr); } .profile-change-block___new-address h3 { grid-column: unset; } .profile-change-block__city { grid-column: unset; } .profile-change-block__city input { background-position: 97% 50%; } .profile-change-block__save-btn { margin-top: 0; } } .section-about-banner { position: relative; } .section-about-banner__img-desk { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; display: block; } .section-about-banner__img-mobile { display: none; } .section-about-who { position: relative; padding-bottom: 40px; } .section-about-who__box { display: flex; flex-direction: column; gap: 64px; } .section-about-who__heading { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 24px; } .section-about-who__title { color: var(--Text-color-Text, #26394C); } .section-about-who__desc { max-width: 100%; color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; text-align: justify; } .section-about-who__cards-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); -moz-column-gap: 24px; column-gap: 24px; row-gap: 16px; } .about-who-card { position: relative; border-radius: 24px; overflow: hidden; background: var(--Foundation-Grey-Neutral-Grey-2, #F7F7F6); display: flex; padding: 20px 20px 20px 0; align-items: center; } .about-who-card__top { display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; } .about-who-card__heading { display: flex; flex-direction: column; gap: 4px; } .about-who-card__name { color: var(--Text-color-Text, #26394C); font-size: 20px; font-weight: 700; line-height: 110%; } .about-who-card__desc { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; } .about-who-card__facts { display: flex; flex-direction: column; gap: 16px; } .about-who-card__fact-one { display: flex; align-items: center; gap: 8px; } .about-who-card__fact-one h3 { color: var(--Foundation-Blue-blue-5, #536577); font-size: 14px; font-weight: 400; line-height: 140%; } .about-who-card__bottom { display: flex; flex-direction: column; gap: 16px; justify-content: space-between; height: 100%; } .about-who-card__img-wrapper { height: 100px; max-width: 150px; width: 100%; } .about-who-card__img-wrapper img { width: 150px; height: 100%; -o-object-fit: contain; object-fit: contain; } .section-about-popular-products { padding: 0 0 40px; } .section-about-happy { padding: 60px; background: url("/src/img/section-about-happy.webp"); background-repeat: no-repeat; background-size: cover; position: relative; } .section-about-happy__title { color: var(--Foundation-Grey-grey-1, #FFF); max-width: 548px; } .section-about-happy__img { position: absolute; right: 240px; bottom: 0; width: 100%; max-width: 428px; height: 100%; -o-object-fit: contain; object-fit: contain; } .section-about-reviews { padding: 40px 0; } .section-about-reviews__box { display: flex; flex-direction: column; } .section-about-reviews__heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; } .section-about-reviews__title { color: var(--Text-color-Heading-Text, #26394C); flex: 1 0 0; } .section-about-reviews__swiper-btns { display: flex; align-items: center; gap: 16px; } .section-about-reviews__swiper-btns button { padding: 12px; } .section-about-reviews__total-box button { border-radius: 16px; display: none; } .section-about-reviews__item { border: none; margin-top: 0 !important; margin-bottom: 0 !important; display: flex; flex-direction: column; padding: 0; } .section-about-reviews__item .single-product-review-item__bottom { margin-top: auto; } .section-about-reviews__slide { height: auto; max-height: 400px; } .section-about-reviews__swiper { padding-top: 32px; overflow: hidden; } .section-about-reviews__pagination { width: -moz-fit-content !important; width: fit-content !important; margin-left: auto; margin-top: 24px; } .section-about-reviews__pagination span.swiper-pagination-bullet-active { background: #AFE800; } .section-about-join { position: relative; } .section-about-join__heading { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 26px; } .section-about-join__title { color: var(--Text-color-Text, #26394C); } .section-about-join__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .section-about-join__img_desktop { display: block; } .section-about-join__img_tablets { display: none; } .section-about-join__img_mobile { display: none; } @media all and (max-width: 1023px) { .section-about-who { padding-bottom: 20px; } .section-about-who__box { gap: 40px; } .section-about-who__desc { max-width: 100%; } .section-about-who__cards-wrapper { grid-template-columns: repeat(1, 1fr); } .about-who-card { flex-direction: row; } .about-who-card__bottom { width: 100%; } .section-about-happy { padding: 20px 0 191px; } .section-about-happy__img { right: 93px; -o-object-position: bottom; object-position: bottom; } .section-about-reviews { padding: 20px 0; } .section-about-reviews__total-box { display: flex; gap: 16px; } .section-about-reviews__total-box button { display: flex; } .section-about-reviews__total-box .single-product-review__total { flex: 1 0 0; } .section-about-reviews__item { border: none; margin: 0 !important; display: flex; flex-direction: column; padding: 0; } .section-about-reviews__item .single-product-review-item__bottom { margin-top: auto; } .section-about-reviews__slide { grid-template-columns: repeat(1, 1fr); margin-bottom: 24px !important; margin-right: 24px !important; } .section-about-join__img_desktop { display: none; } .section-about-join__img_tablets { display: block; } .section-about-join__heading { margin-bottom: 32px; } } @media all and (max-width: 767px) { .section-about-banner { padding-top: 20px; } .section-about-banner__img-desk { display: none; } .section-about-banner__img-mobile { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .section-about-who { padding-top: 40px; } .section-about-who .container { padding: 0; } .section-about-who__heading { align-items: start; text-align: start; gap: 16px; padding-inline: 16px; } .section-about-who__cards-wrapper { row-gap: 10px; } .about-who-card { padding: 16px 16px 16px 0; } .about-who-card__img-wrapper { max-width: 130px; } .about-who-card__bottom { width: 100%; } .about-who-card__bottom .button { font-size: 14px; } .section-about-happy { padding: 40px 0 242px; } .section-about-happy__img { right: 0; } .section-about-reviews .container { padding: 0; } .section-about-reviews__heading { padding-inline: 16px; text-align: center; } .section-about-reviews__swiper-btns { display: none; } .section-about-reviews__total-box { display: flex; flex-direction: column-reverse; gap: 16px; } .section-about-reviews__total-box button { display: flex; margin-inline: 16px; } .section-about-reviews__total-box .single-product-review__total { flex: 1 0 0; border-radius: 0; } .section-about-reviews__swiper { padding-inline: 16px; } .section-about-reviews__pagination { margin-inline: auto; display: flex; } .section-about-reviews__pagination span { position: relative; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; color: var(--Buttons-color-Hierarchy-Primary-Default-text, #2D4359); font-size: 16px; font-weight: 500; line-height: 120%; background: transparent; } .section-about-join__img_tablets { display: none; } .section-about-join__img_mobile { display: block; } .section-about-join__heading { margin-bottom: 40px; } } .section-my-orders { padding: 40px 0; } .section-my-orders__heading { display: flex; flex-direction: column; gap: 16px; } .section-my-orders__title { display: flex; gap: 8px; align-items: center; color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; } .section-my-orders__title span { color: var(--Text-color-Secondary-Text, #7B8996); } .section-my-orders__tabs { margin-bottom: 24px; } .my-order { display: flex; flex-direction: column; border-radius: 16px; border: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Cards-Default-Background, #FFF); overflow: hidden; } .my-order-box { display: flex; flex-direction: column; gap: 16px; } .my-order__head { padding: 12px 16px; border-bottom: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Foundation-Grey-grey-4, #FAFBFB); display: flex; flex-direction: column; } .my-order__number { display: flex; align-items: center; gap: 8px; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; } .my-order__date { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; } .my-order__body { padding: 12px 16px; display: flex; justify-content: space-between; align-items: center; } .my-order__body-left { display: flex; align-items: center; gap: 12px; color: var(--Text-color-Text, #26394C); font-size: 14px; font-weight: 400; line-height: 140%; } .my-order__body-right { color: var(--Text-color-Text, #26394C); text-align: right; font-size: 14px; font-weight: 400; line-height: normal; } .my-order__foot { padding: 12px 16px; border-top: 1px solid var(--Cards-Default-Stroke, #EAECEF); display: flex; align-items: center; justify-content: space-between; } .my-order__foot-left { display: flex; align-items: center; gap: 4px; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; } .my-order__foot-left span { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 13px; font-weight: 500; line-height: 120%; } .my-order__foot-right { display: flex; align-items: center; gap: 8px; } .my-order__price { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 600; line-height: 120%; } .my-order-feedback-section { padding: 48px 0; } .my-order-feedback-section__heading { color: var(--Text-color-Heading-Text, #26394C); font-size: 18px; font-weight: 700; line-height: 120%; margin-bottom: 16px; } .my-order-feedback-section__swiper { overflow: hidden; border-radius: 16px; position: relative; } .my-order-feedback-section__pagination { width: -moz-fit-content !important; width: fit-content !important; position: relative; margin-top: 16px; margin-left: auto; } .my-order-feedback-section__pagination span.swiper-pagination-bullet-active { background: #141416; } .my-order-feedback { display: flex; flex-direction: column; border-radius: 16px; border: 1px solid var(--Foundation-Grey-grey-7, #EAECEF); background: var(--Foundation-Grey-grey-1, #FFF); } .my-order-feedback__head { padding: 12px; display: flex; align-items: center; gap: 12px; } .my-order-feedback__head img { width: 40px; height: 40px; border-radius: var(--Spacing-buttons-xs, 8px); -o-object-fit: cover; object-fit: cover; } .my-order-feedback__foot { border-top: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); padding: 12px; display: flex; justify-content: space-between; align-items: center; } .my-order-feedback__foot button { padding: 8px 16px; } @media all and (max-width: 1023px) { .my-order-feedback { display: flex; flex-direction: column; border-radius: 16px; border: 1px solid var(--Foundation-Grey-grey-7, #EAECEF); background: var(--Foundation-Grey-grey-1, #FFF); } .my-order-feedback__head { padding: 12px; display: flex; align-items: center; gap: 12px; } .my-order-feedback__head img { width: 60px; height: 60px; border-radius: var(--Spacing-buttons-xs, 8px); -o-object-fit: cover; object-fit: cover; } .my-order-feedback__foot { align-items: start; flex-direction: column-reverse; gap: 16px; } } @media all and (max-width: 768px) { .section-my-orders { padding: 40px 0 0; } .section-my-orders .container { padding: 0; } .section-my-orders__heading { padding-inline: 16px; } .section-my-orders__tabs { margin-bottom: 16px; } .section-my-orders__tabs ul { overflow-x: scroll; width: 100%; } .section-my-orders__tabs ul li { flex-shrink: 0; } .my-order { border-radius: 0; overflow: hidden; } .my-order-box { gap: 8px; background: var(--Foundation-Grey-Neutral-Grey-1, #F8F8F7); } .my-order__body { align-items: start; flex-direction: column; gap: 12px; } .my-order__body-left { align-items: start; gap: 12px; flex-direction: column-reverse; font-size: 13px; font-weight: 500; } .my-order__body-right { text-align: start; font-size: 13px; font-weight: 500; } .my-order-feedback-section { padding: 16px 16px; } } .section-faq-header { background: #F9F9F8; padding: 40px 0; } .section-faq-header__box { display: flex; flex-direction: column; align-items: center; gap: 16px; } .section-faq-header__title { color: var(--Text-color-Text, #26394C); text-align: center; } .section-faq { padding: 24px 0 40px; } .section-faq__box { display: flex; flex-direction: column; gap: 16px; } .faq { border-radius: var(--Spacing-Cards-sm, 16px); background: var(--Foundation-Grey-grey-5, #F7F8F9); } .faq__head { display: flex; justify-content: space-between; align-items: center; padding: 16px; cursor: pointer; gap: 16px; } .faq__head h3 { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 500; line-height: 120%; flex: 1 0 0; } .faq__head svg { flex-shrink: 0; } .faq__body { overflow: hidden; display: none; } .faq__body p { padding: 16px; color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .faq.is_open { background: var(--Main-gohan, #FFF); } .faq.is_open .faq__body { display: flex; } .faq.is_open .faq__head { border-bottom: 1px solid #F1F2F4; } .faq.is_open .faq__head svg.arrow { transform: rotate(180deg); } .section-pay-delivery { padding: 40px 0; } .section-faq-foot { padding-bottom: 40px; display: flex; flex-direction: column; align-items: center; gap: 24px; } .section-faq-foot__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .section-faq-foot__img_tablet, .section-faq-foot__img_mobile { display: none; } .section-faq-foot__content { display: flex; flex-direction: column; align-items: center; text-align: center; } .section-faq-foot__title { color: var(--Text-color-Text, #26394C); margin-bottom: 16px; } .section-faq-foot__desc { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; margin-bottom: 8px; } .section-faq-foot__tel { color: var(--Text-color-Text, #26394C); font-size: 21px; font-weight: 600; line-height: 120%; } @media all and (max-width: 1023px) { .section-pay-delivery { padding: 40px 0; } .section-faq-foot { padding-bottom: 60px; } .section-faq-foot__img_desktop { display: none; } .section-faq-foot__img_tablet { display: block; } } @media all and (max-width: 767px) { .section-faq-header { padding: 20px 0; } .section-faq-header__box { display: flex; flex-direction: column; align-items: center; gap: 24px; } .section-faq-header__title { color: var(--Text-color-Text, #26394C); text-align: center; } .section-pay-delivery-header { padding: 60px 0; } .section-faq-foot__img_tablet { display: none; } .section-faq-foot__img_mobile { display: block; } } .section-news-header { padding: 40px 0; text-align: center; background: #F9F9F8; } .section-news-header__title { color: var(--Text-color-Text, #26394C); } .section-news { padding: 40px 0; } .section-news__box { display: flex; flex-direction: column; gap: 60px; } .section-news__title { color: var(--Text-color-Heading-Text, #26394C); font-size: 21px; font-weight: 700; line-height: 120%; margin-bottom: 32px; } .section-news__popular-news-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .section-news__all-news-box { display: grid; grid-template-columns: repeat(4, 1fr); -moz-column-gap: 24px; column-gap: 24px; row-gap: 32px; } @media all and (max-width: 1023px) { .section-news-header { padding: 40px 0; } .section-news { padding: 40px 0; } .section-news__popular-news-box { grid-template-columns: repeat(3, 1fr); } .section-news__all-news-box { grid-template-columns: repeat(3, 1fr); } } @media all and (max-width: 767px) { .section-news { padding: 20px 0; } .section-news__popular-news-box { grid-template-columns: repeat(1, 1fr); } .section-news__all-news-box { grid-template-columns: repeat(1, 1fr); row-gap: 24px; } } .section-news-inner { padding: 32px 0 40px; } .section-news-inner__box { max-width: 832px; display: flex; flex-direction: column; } .section-news-inner__date { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; margin-bottom: 8px; } .section-news-inner__title { color: var(--Text-color-Text, #26394C); font-size: 24px; font-weight: 700; line-height: 110%; margin-bottom: 32px; } .section-news-inner__title_secondary { margin-bottom: 24px; } .section-news-inner__img { border-radius: var(--Spacing-Cards-md, 24px); width: 100%; height: 375px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; margin-bottom: 8px; } .section-news-inner__img-copyright { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; margin-bottom: 32px; } .section-news-inner__content { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .section-news-inner__content:not(:last-child) { margin-bottom: 32px; } .section-news-inner-recs { padding: 40px 0; background: var(--Foundation-Grey-Neutral-Grey-1, #F8F8F7); } .section-news-inner-recs__title { color: var(--Text-color-Heading-Text, #26394C); font-size: 21px; font-weight: 700; line-height: 120%; margin-bottom: 32px; } .section-news-inner-recs__box { display: grid; grid-template-columns: 337px repeat(3, 1fr); gap: 24px; margin-bottom: 32px; } @media all and (max-width: 1023px) { .section-news-inner { padding: 32px 0; } .section-news-inner__box { max-width: 100%; } .section-news-inner-recs { padding: 40px 0; } .section-news-inner-recs__box { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 32px; } .section-news-inner-recs__box .news-card:nth-of-type(n+4) { display: none; } .section-news-inner-recs__box .news-card:nth-child(3) { grid-column: span 2; } } @media all and (max-width: 1023px) { .section-news-inner-recs__box { grid-template-columns: repeat(1, 1fr); row-gap: 24px; } .section-news-inner-recs__box .news-card:nth-child(3) { grid-column: unset; } } .pagination { display: flex; align-items: center; justify-content: center; gap: 2px; } .pagination__bullet { border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; color: var(--Buttons-color-Hierarchy-Primary-Disabled-text, #A5AEB8); text-align: center; font-size: 16px; font-weight: 500; line-height: 120%; cursor: pointer; } .pagination__bullet_active { background: var(--Buttons-color-Hierarchy-Primary-Default-background, #C0FF00); color: var(--Buttons-color-Hierarchy-Primary-Default-text, #2D4359); } .section-jobs { padding: 40px 0; } .section-jobs__box { display: flex; flex-direction: column; gap: 16px; } .job { border-radius: var(--Spacing-Cards-sm, 16px); background: var(--Foundation-Grey-grey-5, #F7F8F9); } .job__head { padding: 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; } .job__left { flex: 1 0 0; display: flex; align-items: center; gap: 8px; } .job__name { color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 500; line-height: 120%; } .job__date { color: var(--Text-color-Disabled-Text, #A5AEB8); text-align: right; font-size: 13px; font-weight: 500; line-height: 120%; } .job__right { display: flex; align-items: center; gap: 16px; } .job__body { padding: 16px; display: none; flex-direction: column; /*gap: 24px;*/ color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; align-self: stretch; } .job__body-item { display: flex; flex-direction: column; gap: 16px; } .job__body-item p { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; align-self: stretch; } .job__foot { display: flex; justify-content: space-between; padding-top: 16px; align-items: center; gap: 16px; border-top: 1px solid var(--Cards-Default-Stroke, #EAECEF); } .job.is_open { background: transparent; } .job.is_open .job__body { display: flex; } .job.is_open .job__head { border-bottom: 1px solid var(--Cards-Default-Stroke, #EAECEF); } .job.is_open svg.arrow { transform: rotate(180deg); } .section-jobs-foot__input-box { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .section-jobs-foot__input-box input { border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); outline: none; padding: 12px 16px; width: 320px; font-size: 16px; font-weight: 400; line-height: 140%; color: var(--Text-color-Text, #26394C); } .section-jobs-foot__desc { color: var(--Text-color-Secondary-Text, #7B8996); text-align: center; font-size: 13px; font-weight: 400; line-height: 140%; max-width: 518px; } @media all and (max-width: 1023px) { .section-jobs { padding: 32px 0; } } @media all and (max-width: 767px) { .job__head { align-items: start; justify-content: start; flex-direction: column; gap: 8px; position: relative; } .job__right { gap: 8px; } .job__foot { flex-direction: column; justify-content: start; align-items: start; } .job svg.arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } .job.is_open svg.arrow { transform: translateY(-50%) rotate(180deg); } .section-jobs-foot__input-box { flex-direction: column; gap: 16px; padding-inline: 16px; width: 100%; } .section-jobs-foot__input-box input { width: 100%; } } .section-privacy-header__box { gap: 24px; text-align: center; } .section-privacy-header__desc { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; max-width: 790px; } .section-privacy { padding: 40px 0; } .section-privacy__box { max-width: 1060px; margin-inline: auto; display: flex; flex-direction: column; gap: 60px; } .section-privacy__box hr { background: #EAECEF; opacity: 1; width: 100%; overflow: visible; height: 1px; border: none; } .privacy-item { display: flex; flex-direction: column; gap: 16px; } .privacy-item__title { color: var(--Text-color-Text, #26394C); font-size: 21px; font-weight: 600; line-height: 120%; } .privacy-item__desc { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .privacy-item__desc a { color: #4791FF; } .privacy-item__contacts { padding-top: 16px; border-top: 1px solid #EAECEF; } .section-registration { height: 100%; position: relative; } .section-registration__box { padding: 24px; display: flex; gap: 24px; height: 100%; } .section-registration__left { width: 50%; height: 100%; position: relative; } .section-registration__left-content { position: absolute; bottom: 40px; left: 40px; display: flex; flex-direction: column; gap: 24px; max-width: 534px; } .section-registration__left-content .main-title-heading { color: #ffffff; } .section-registration__left img { width: 100%; height: 100vh; border-radius: 24px; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; } .section-registration__right { width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; } .section-registration__right-box { max-width: 384px; display: flex; flex-direction: column; } .section-registration__right-box-head { display: flex; flex-direction: column; gap: 8px; padding: 16px 0; } .section-registration__right-box-body { display: flex; flex-direction: column; gap: 16px; padding: 16px 0; } .section-registration__right-box-foot { display: flex; flex-direction: column; padding: 16px 0; gap: 16px; } .section-registration__title { color: var(--Text-color-Heading-Text, #26394C); } .section-registration__desc { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .section-registration__agreement { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 13px; font-weight: 400; line-height: 140%; } @media all and (max-width: 1023px) { .section-registration { height: 100%; position: relative; } .section-registration__box { padding: 24px 16px; display: flex; gap: 24px; height: 100%; } .section-registration__left { display: none; } .section-registration__right { width: 100%; } } .section-modals { position: relative; padding: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); } .modal__box { display: flex; height: 100%; overflow-y: scroll; } .modal__content { display: flex; flex-direction: column; max-width: 518px; width: 100%; border-radius: 24px; border: 1px solid var(--Foundation-Grey-grey-7, #EAECEF); background: var(--Foundation-Grey-grey-1, #FFF); padding: 24px; margin-inline: auto; margin-top: auto; margin-bottom: auto; position: relative; } .modal__content_2 { padding: 60px 24px 0; align-items: center; } .modal__content_bg { position: relative; background: transparent; border: none; padding-top: 30px; } .modal__content_bg::before { content: ""; position: absolute; top: 0; left: 0; width: 615px; height: 520px; background: url(/local/templates/enro/css/../src/img/modal-bg.webp) center/contain no-repeat; z-index: -1; } .modal__content_bg .modal__img { order: -1; } .modal__content_bg .modal__close { top: 41px; } .modal__heading { display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; } .modal__heading-center { text-align: center; } .modal__heading_2 { gap: 16px; margin-bottom: 24px; } .modal__heading h2 { color: var(--Text-color-Text, #26394C); font-size: 21px; font-weight: 600; line-height: 120%; } .modal__heading p { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; max-width: 70%; margin: auto; } .modal__checkboxes { display: flex; align-items: center; gap: 24px; padding: 12px 0; margin-bottom: 24px; } .modal__list { height: 344px; overflow-y: scroll; display: flex; flex-direction: column; gap: 16px; } .modal__list::-webkit-scrollbar { width: 6px; } .modal__list::-webkit-scrollbar-track { background: #f1f1f1; border-radius: var(--Spacing-Cards-xs, 12px); opacity: 0.48; } .modal__list::-webkit-scrollbar-thumb { background: #A5AEB8; border-radius: var(--Spacing-Cards-xs, 12px); } .modal__list::-webkit-scrollbar-thumb:hover { background: #555; } .modal__btns { display: flex; justify-content: center; padding-top: 16px; } .modal__close { position: absolute; right: -8px; top: -8px; padding: 12px; border: 2px solid var(--Icon-color-white-White, #FFF); z-index: 999; } .modal__start-buy { width: -moz-fit-content; width: fit-content; margin-bottom: 24px; } .modal__img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .modal__img_2 { transform: translateY(1px); } .modal-thx__btn { margin-top: 8px; } .modal-thx__heading span { color: var(--Foundation-Green-green-8, #88B500); font-size: 16px; font-weight: 600; line-height: 120%; } .modal-thx__img { max-width: 380px; } .modal-thx__content { padding: 30px 0 30px 30px; } .which-package { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 16px; border: 1px solid var(--Cards-Default-Stroke, #EAECEF); background: var(--Cards-Default-Background, #FFF); } .which-package img { width: 50px; height: 50px; -o-object-fit: cover; object-fit: cover; border-radius: var(--Spacing-Cards-xs, 12px); } .which-package__info { flex: 1 0 0; display: flex; flex-direction: column; gap: 4px; } .which-package__name { color: var(--Text-color-Text, #26394C); font-size: 14px; font-weight: 500; line-height: 120%; } .which-package__price { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; } .job-modal { width: 100%; position: relative; } .job-modal__title { color: var(--Text-color-Text, #26394C); text-align: center; font-size: 21px; font-weight: 600; line-height: 120%; margin-bottom: 24px; } .job-modal__inputs { display: flex; flex-direction: column; gap: 8px; } .job-modal__btn { width: -moz-fit-content; width: fit-content; margin-inline: auto; margin-top: 8px; } .job-modal__desc { color: var(--Text-color-Secondary-Text, #7B8996); text-align: center; font-size: 13px; font-weight: 400; line-height: 140%; } .job-modal__img { position: absolute; left: 50%; top: -145px; width: 200px; transform: translateX(-50%) rotate(344deg); } .stock-modal__img-wrapper { display: flex; align-items: center; justify-content: center; transform: translateY(-19px); } .stock-modal__img { width: 315px; } .stock-modal__content { padding: 50px 0 0 40px; max-width: 428px; } .stock-modal__content_bg { max-width: 470px; } .stock-modal__box { padding: 24px; display: flex; flex-direction: column; } .stock-modal__title { color: var(--Text-color-Text, #26394C); text-align: center; font-size: 21px; font-weight: 700; line-height: 120%; margin-bottom: 8px; } .stock-modal__desc { color: var(--Text-color-Secondary-Text, #7B8996); text-align: center; font-size: 16px; font-weight: 400; line-height: 140%; margin-bottom: 16px; } .stock-modal__input { border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); outline: none; padding: 12px 16px 12px 43px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M3.5625 8.8124L8.00188 12.0679L8.00349 12.0693C8.54038 12.463 8.80898 12.66 9.10318 12.7361C9.36322 12.8033 9.63657 12.8033 9.89661 12.7361C10.1911 12.6599 10.4605 12.4624 10.9983 12.0679L15.4377 8.8124M15.6751 7.65618L11.2426 4.10724C10.6922 3.66659 10.4168 3.44634 10.1108 3.35887C9.84072 3.2817 9.55478 3.27761 9.28271 3.34727C8.97436 3.42623 8.69319 3.63871 8.13083 4.06395L3.38005 7.65636C3.01134 7.93517 2.82722 8.07466 2.6943 8.25085C2.57656 8.4069 2.48882 8.58339 2.43536 8.77143C2.375 8.98372 2.375 9.21488 2.375 9.67713V14.5917C2.375 15.4784 2.375 15.922 2.54757 16.2607C2.69937 16.5587 2.94142 16.8007 3.23934 16.9525C3.5777 17.1249 4.02087 17.1249 4.90589 17.1249H14.0941C14.9791 17.1249 15.4217 17.1249 15.76 16.9525C16.0579 16.8007 16.3008 16.5585 16.4526 16.2605C16.625 15.9222 16.625 15.4794 16.625 14.5944V9.62508C16.625 9.184 16.625 8.9621 16.5686 8.75713C16.5182 8.57434 16.4346 8.40207 16.3234 8.24854C16.1978 8.07523 16.024 7.9355 15.6751 7.65618Z' stroke='%232D4359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 3.5% 50%; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; margin-bottom: 8px; } .stock-modal__input::-moz-placeholder { color: var(--Text-color-Secondary-Text, #7B8996); } .stock-modal__input::placeholder { color: var(--Text-color-Secondary-Text, #7B8996); } .stock-modal__button { width: -moz-fit-content; width: fit-content; margin-inline: auto; } .stock-modal__copy { padding: 12px; border-radius: 16px; border: 2px dashed var(--Foundation-Blue-blue-2, #CDD2D7); color: var(--Text-color-Text, #26394C); font-size: 21px; font-weight: 700; line-height: 120%; display: flex; align-items: center; justify-content: space-between; cursor: pointer; flex: 1; } .stock-modal__wrapper-btn-copy { display: flex; flex-direction: column; gap: 16px; } .stock-modal-2__content { max-width: 518px; padding: 40px 0 0 30px; } .stock-modal-2__img { width: 336px; height: 170px; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; } .stock-modal-2__input-wrapper { width: 100%; display: flex; gap: 8px; } .stock-modal-2__input-wrapper input { flex: 1 0 0; margin-bottom: 0; width: 100%; } .stock-modal-2__desc { margin-bottom: 0; margin-top: 8px; font-size: 13px; } .stock-modal-2__title { margin-bottom: 15px; } .promocode-modal__img { width: 70%; } .promocode-modal-2__img { width: 100%; height: 163px; -o-object-position: right; object-position: right; } .modal-login { background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); } .modal-login__box { justify-content: end; } .modal-login__content { max-width: 491px; border-radius: 0; position: relative; border: none; display: flex; flex-direction: column; justify-content: center; padding: 30px 0 0 40px; } .modal-login__img { order: -1; width: 243px; height: 102px; -o-object-fit: contain; object-fit: contain; margin-inline: auto; } .modal-login__heading { padding: 16px 0; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; position: relative; z-index: 1; } .modal-login__title { color: var(--Text-color-Heading-Text, #26394C); font-size: 36px; font-weight: 700; line-height: 120%; } .modal-login__desc { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 16px; font-weight: 400; line-height: 140%; } .modal-login__btns { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 16px 0; position: relative; z-index: 1; } .modal-login__btns button { max-width: 271px; width: 100%; } .modal-login__close { top: 24px; right: 24px; } .modal-support__content { max-width: 846px; padding: 0; height: 375px; border: none; } .modal-support__wrapper { display: flex; gap: 24px; height: 100%; } .modal-support__img-wrapper { max-width: 375px; } .modal-support__img-wrapper img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; } .modal-support__right { max-width: 411px; padding: 24px; display: flex; flex-direction: column; justify-content: center; } .modal-support__title { color: var(--Text-color-Text, #26394C); font-size: 21px; font-weight: 700; line-height: 120%; margin-bottom: 16px; } .modal-support__desc { color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; margin-bottom: 8px; } .modal-support__time { color: var(--Text-color-Text, #26394C); font-size: 14px; font-weight: 400; line-height: 140%; margin-bottom: 24px; } .modal-support__contacts { display: flex; flex-direction: column; gap: 16px; } .modal-support__item { display: flex; align-items: center; gap: 8px; } .modal-support__item span { color: var(--Text-color-Text, #26394C); font-size: 14px; font-weight: 400; line-height: 140%; transition: color 0.2s ease-in-out; } .modal-support__item:hover span { color: #C0FF00; } @media all and (max-width: 767px) { .modal__box { padding-inline: 16px; } .modal-login__box { justify-content: center; } .modal-login__img { display: none; } .modal-login__content { height: -moz-fit-content; height: fit-content; border-radius: 24px; } .modal-login__close { top: -4px; right: -4px; } .modal-support__wrapper { justify-content: center; } .modal-support__content { width: -moz-fit-content; width: fit-content; } .modal-support__img-wrapper { display: none; } .section-modals { grid-template-columns: repeat(1, 1fr); } .job-modal__img { width: 100px; top: -75px; transform: translateX(-50%) rotate(344deg); } .modal__content_bg::before { background-image: unset; } .modal__content_bg { max-width: 360px; padding: 0; padding-bottom: 120px; background: #fff; } .modal__content_bg .modal__close { top: -7%; right: -4%; } .modal__box_bg { background-image: url(/src/img/modal-bg-mobile.webp); background-repeat: no-repeat; background-size: contain; background-position: center; } .stock-modal__box { padding: 0; } .stock-modal__content_bg { padding-bottom: 60px; background: #fff; } .stock-modal__wrapper-btn-copy{ padding: 10px; } .stock-modal-2__img { height: 100%; width: 100%; max-width: 250px; -o-object-fit: contain; object-fit: contain; } .stock-modal__img { width: 215px; } } .select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 12px 44px; outline: none; } .select__wrapper { position: relative; } .select__wrapper::before { content: ""; position: absolute; left: 16px; top: 12px; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.33337 14.1665H13.3334M3.33337 9.99984H10.8334M3.33337 5.83317H8.33337M15 10.8332V4.1665M15 4.1665L17.5 6.6665M15 4.1665L12.5 6.6665' stroke='%232D4359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } .select__wrapper::after { content: ""; position: absolute; right: 16px; top: 12px; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.3333 8.3335L9.99996 11.6668L6.66663 8.3335' stroke='%232D4359' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } @media all and (max-width: 1023px) { .select { padding: 12px 44px; outline: none; } .select__wrapper::before { left: 16px; top: 12px; } .select__wrapper::after { right: 16px; top: 12px; } } @media all and (max-width: 768px) { .select { padding: 12px 44px; outline: none; width: 100%; border-radius: 16px; } .select__wrapper::before { left: 16px; top: 12px; } .select__wrapper::after { right: 16px; top: 12px; } }/*# sourceMappingURL=style.css.map */ #panel{ z-index: 1000; position: relative; } .product-item-button-container{ width: fit-content; } .basket-coupon-block-coupon-btn{ position: unset; margin-top: unset; width: unset; height: unset; transform: unset; -webkit-transform: unset; } .favs-inner{ display: flex; justify-content: center; align-items: center; padding: 24px; border-radius: 24px; background: radial-gradient(57.64% 43.07% at 76.29% 53.08%, rgba(246, 246, 244, 0) 43.5%, #F6F6F4 64.55%), radial-gradient(106.12% 36.67% at 92.07% 83.43%, rgba(246, 246, 244, 0) 43.5%, #F6F6F4 79.71%); margin-top: 10px; } .favs-empty{ display: flex; flex-direction: column; align-items: center; width: fit-content; grid-gap: 10px; } .favs-inner .section-home-develop__heading{ margin-bottom: 0; } .smart-filter-angle.smart-filter-angle-up svg{ transform: rotate(180deg); } .smart-filter-slider-track{ height: 6px; background: #e4e4e4; border-radius: 5px; } .smart-filter-slider-ruler{ display: none; } .smart-filter-slider-price-bar-vd{ background: #2D4359; } .smart-filter-slider-handle{ top: -4px; height: 15px; width: 15px; border-radius: 50%; background: #ffffff; border: 2px solid #2D4359; } .smart-filter-slider-handle.left{ margin-left: -15px; border-top: 2px solid #2D4359; border-left: 2px solid #2D4359; } .smart-filter-slider-handle.right{ margin-right: -15px; border-top: 2px solid #2D4359; border-right: 2px solid #2D4359; } .favorite.button_lg{ width: auto; background-position: 12px; padding-left: 38px; } .favorite.button_lg span::before{ content: 'Добавить в избранное'; } .favorite.button_lg.active span::before{ content: 'В избранном'; } .section-favourites .section-catalog__btns-sort-wrapper-desktop{ display: none; } .section-single-product-watched .section-catalog__products-list{ grid-template-columns: repeat(5, 1fr); } .section-single-product-watched .section-catalog__btns-sort-wrapper-desktop{ grid-column: span 5; } .basket-items-list-item-container.basket-items-list-item-container-expend{ display: flex; } .basket-items-list-item-container.basket-items-list-item-container-expend .basket-items-list-item-notification{ flex: 1 0 0; } .basket-items-list-item-container-expend .basket-items-list-item-removed-container{ border: 1px solid var(--Cards-Disabled-Stroke, #EAECEF); background: var(--Cards-Disabled-Background, #F7F8F9); } .basket-items-list-item-container-expend .basket-items-list-item-removed-container div{ color: var(--Text-color-Text, #26394C); text-overflow: ellipsis; font-size: 13px; font-weight: 400; line-height: 140%; } .basket-items-list-item-container-expend .basket-items-list-item-removed-container div .basket-item-restore-button{ color: blue; } .basket-items-list-item-clear-btn:after, .basket-items-list-item-clear-btn:before{ border-right: 8px; } #bx-soa-total-mobile{ display: none; } .bx-soa-pp-company-graf-container{ position: relative; display: block; width: 20px; height: 20px; border-radius: 10px; border: 1px solid var(--Icon-color-blue-Background, #2D4359); background: var(--Icon-color-white-White, #FFF); cursor: pointer; padding: 0; } .bx-soa-pp-company-graf-container::after{ transform: scale(0); transition: transform 0.1s ease-in-out; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='%232D4359'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='%232D4359'/%3E%3Ccircle cx='10' cy='10' r='4' fill='%23C0FF00'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; background-position: center; } .bx-soa-pp-company-graf-container:has(input:checked)::after { transform: scale(1); } .bx-soa-pp-company-graf-container input[type*="checkbox"]{ width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .bx-soa-pp-delivery-cost{ display: none; } .bx-soa-pp-company{ display: flex; grid-gap: 8px; align-items: center; } .bx-soa-pp-company-smalltitle{ color: var(--Buttons-color-Hierarchy-Link-Default-Text, #2D4359); font-size: 16px; font-weight: 400; line-height: 140%; cursor: pointer; padding: 0; text-align: unset; } .bx-soa-pp-desc-container{ display: none; } .bx-soa-pp-item-container .row{ display: flex; flex-wrap: wrap; gap: 24px; align-items: center; padding: 16px 0; } .bx-soa-coupon{ display: none; } .bx_soa_location .form-check-group{ display: none; } .bx-soa-item-content{ display: none; } .bx-soa-item-properties{ display: none; } .bx-soa-item-td{ padding: 0 !important; } .bx-soa-item-img-block{ width: 60px; padding-right: 0; } .bx-soa-item-imgcontainer{ border-radius: 8px; } #bx-soa-orderSave .checkbox{ display: none; } .section-order__left #bx-soa-orderSave{ display: none; } .bx-soa-cart-total-ghost{ padding-top: 0 !important; } .bx-soa-cart-total.bx-soa-cart-total-fixed{ position: relative; top: 0; width: 100% !important; } .bx-soa-cart-total{ border: unset; border-radius: unset; background-color: unset; } .bx-soa-section{ margin-bottom: unset; border: unset; border-radius: unset; background-color: unset; } .smart-filter-block.self-filter-block{ display: block; } .smart-filter-parameters-box:nth-last-child(-n + 3) .filter__head{ /*display: none;*/ } .bx-authform .bx-title{ font-size: 36px; font-weight: 700; line-height: 120%; color: var(--Text-color-Heading-Text, #26394C); } .bx-authform .bx-authform-label-container{ color: var(--Text-color-Text, #26394C); font-size: 13px; font-weight: 400; line-height: 140%; } .bx-authform .bx-authform-input-container input{ padding: 12px 16px; border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); outline: none; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; } .bx-authform .bx-authform-social{ display: none; } .bx-authform .btn{ display: inline-flex; justify-content: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-weight: 500; line-height: 120%; border-radius: 32px; color: #2D4359; background: #C0FF00; background: #CEE860; border: 2px solid transparent; transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.3s ease-in-out, color 0.2s ease-in-out; cursor: pointer; padding: 16px 24px; font-size: 18px; gap: 12px; width: 100%; } .bx-authform-link-container a{ color: var(--Foundation-Green-green-8, #88B500); text-decoration: underline; } .main-profile-block-shown .row .col-12:has(.form-group){ padding: 24px 0; display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } .main-profile-block-shown .form-control{ padding: 12px 16px; border-radius: var(--Spacing-Cards-sm, 16px); border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); outline: none; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; width: 100%; } .bx_profile .btn{ display: inline-flex; justify-content: center; align-items: center; gap: 8px; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 14px; font-weight: 500; line-height: 120%; border-radius: 32px; padding: 8px 12px; transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.3s ease-in-out, color 0.2s ease-in-out; cursor: pointer; border: 1px solid #2D4359; background: #2D4359; color: #ffffff; width: fit-content; margin-left: auto; margin-top: -8px; } .main-profile-social-block{ display: none; } .modal__close.button_outlined{ position: unset; border: 1px solid #E6E7EA; } .basket-items-list{ padding: 0; } .search .section-catalog__products-list{ grid-template-columns: repeat(5, 1fr); } .search .section-catalog__btns-sort-wrapper-desktop{ grid-column: span 5; } .search-page .input-group-append .btn{ display: inline-flex; justify-content: center; align-items: center; gap: 8px; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 14px; font-weight: 500; line-height: 120%; border-radius: 32px; color: #2D4359; background: #CEE860; border: 2px solid transparent; transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.3s ease-in-out, color 0.2s ease-in-out; cursor: pointer; padding: 12px 16px; font-size: 16px; } .search-page .input-group{ background: transparent; border: 1px solid #E6E7EA; border-radius: 40px; padding: 10px 20px; display: flex; width: fit-content; } .search-page .form-control{ height: auto; border: unset; background: transparent; width: 100%; padding: 0; border: none; outline: none; font-size: 16px; font-weight: 400; line-height: 140%; } .section-single-product-watched .section-catalog__btns-sort-wrapper-desktop{ display: none; } .bx-soa-cart-total{ padding: 0; } .bx-soa-cart-total-line{ display: flex; justify-content: space-between; border-top: none; position: relative; } .bx-soa-cart-total-line::after{ position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; left: 0; bottom: 4.5px; background: bottom/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='599' height='2' viewBox='0 0 599 2' fill='none'%3E%3Cpath d='M0 1H599' stroke='%23CDD2D7' stroke-dasharray='2 2'/%3E%3C/svg%3E") no-repeat; } .bx-soa-cart-total-line .bx-soa-cart-t{ color: var(--Text-color-Secondary-Text, #7B8996); font-size: 14px; font-weight: 400; line-height: 140%; background: #ffffff; } .bx-soa-cart-total-line .bx-soa-cart-d{ color: var(--Text-color-Text, #26394C); text-align: right; font-size: 16px; font-weight: 500; line-height: 120%; background: #ffffff; } .bx-soa-cart-total .bx-soa-cart-total-line-total{ padding-top: 135px; } #bx-soa-basket .bx-soa-section-content{ padding: 0; } .bx-soa-cart-total .bx-soa-cart-total-line-total::after{ display: none; } .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total .bx-soa-cart-t{ display: none; } .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total .bx-soa-cart-d{ color: var(--Text-color-Text, #26394C); font-size: 24px; font-weight: 700; line-height: 110%; } .bx-soa-cart-total-button-container{ text-align: left; } .bx-soa-cart-total-button-container .btn{ width: fit-content; } #bx-soa-basket{ position: absolute; bottom: 52%; width: 100%; border-top: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); border-bottom: 1px solid var(--Foundation-Grey-grey-6, #F1F2F4); } .bx-soa-cart-total-button-container p{ color: var(--Text-color-Secondary-Text, #7B8996); font-size: 13px; font-weight: 400; line-height: 140%; margin-top: 16px; } .ord-display{ visibility: visible !important; width: auto; height: auto; } .ord-hide{ visibility: hidden !important; width: 0; height: 0; } .header_end{ display: flex; gap: 16px; align-items: center; } .header_start{ display: flex; gap: 16px; align-items: center; } .header__box.header__box_desktop{ justify-content: space-between; } .basket-coupon-alert{ padding: 16px; } #starrate{ cursor: pointer; } #starrate span.ctrl{ position: absolute; width: 215px !important; height: 31px !important; z-index: 2; } #starrate i{ font-size: 31px; } #starrate i::before{ color: #ccc; } /* START FROM HERE */ [data-star] { text-align:left; font-style:normal; display:inline-block; position: relative; unicode-bidi: bidi-override; font-size: 20px; } [data-star]::before { display:block; content: '★★★★★'; color: #eee; } [data-star]::after { white-space:nowrap; position:absolute; top:0; left:0; content: '★★★★★'; width: 0; color: #FEC84B; overflow:hidden; height:100%; } [data-star^="0.1"]::after{width:2%} [data-star^="0.2"]::after{width:4%} [data-star^="0.3"]::after{width:6%} [data-star^="0.4"]::after{width:8%} [data-star^="0.5"]::after{width:10%} [data-star^="0.6"]::after{width:12%} [data-star^="0.7"]::after{width:14%} [data-star^="0.8"]::after{width:16%} [data-star^="0.9"]::after{width:18%} [data-star^="1"]::after{width:20%} [data-star^="1.1"]::after{width:22%} [data-star^="1.2"]::after{width:24%} [data-star^="1.3"]::after{width:26%} [data-star^="1.4"]::after{width:28%} [data-star^="1.5"]::after{width:30%} [data-star^="1.6"]::after{width:32%} [data-star^="1.7"]::after{width:34%} [data-star^="1.8"]::after{width:36%} [data-star^="1.9"]::after{width:38%} [data-star^="2"]::after{width:40%} [data-star^="2.1"]::after{width:42%} [data-star^="2.2"]::after{width:44%} [data-star^="2.3"]::after{width:46%} [data-star^="2.4"]::after{width:48%} [data-star^="2.5"]::after{width:50%} [data-star^="2.6"]::after{width:52%} [data-star^="2.7"]::after{width:54%} [data-star^="2.8"]::after{width:56%} [data-star^="2.9"]::after{width:58%} [data-star^="3"]::after{width:60%} [data-star^="3.1"]::after{width:62%} [data-star^="3.2"]::after{width:64%} [data-star^="3.3"]::after{width:66%} [data-star^="3.4"]::after{width:68%} [data-star^="3.5"]::after{width:70%} [data-star^="3.6"]::after{width:72%} [data-star^="3.7"]::after{width:74%} [data-star^="3.8"]::after{width:76%} [data-star^="3.9"]::after{width:78%} [data-star^="4"]::after{width:80%} [data-star^="4.1"]::after{width:82%} [data-star^="4.2"]::after{width:84%} [data-star^="4.3"]::after{width:86%} [data-star^="4.4"]::after{width:88%} [data-star^="4.5"]::after{width:90%} [data-star^="4.6"]::after{width:92%} [data-star^="4.7"]::after{width:94%} [data-star^="4.8"]::after{width:96%} [data-star^="4.9"]::after{width:98%} [data-star^="5"]::after{width:100%} .sale-order-list-status-restricted, .sale-order-list-status-alert, .sale-order-list-status-success{ display: inline-flex; padding: var(--Spacing-buttons-xxs, 4px) var(--Spacing-Cards-xs, 12px); justify-content: center; align-items: center; border-radius: 16px; text-align: center; font-size: 13px; font-weight: 400; line-height: 140%; flex-shrink: 0; } .sale-order-list-payment-title, .sale-order-list-shipment-title{ color: var(--Text-color-Text, #26394C); font-size: 14px; font-weight: 400; line-height: 140%; } .modal__content .add-new-review{ padding: 0; background: transparent; } .canc_btn{ margin: auto; display: block; width: fit-content; } .bx-order-cancel{ margin: 20px auto; } .cancel_order form{ display: flex; flex-direction: column; align-items: center; grid-gap: 20px; } .cancel_order .form-group{ display: flex; flex-direction: column; } .sup-btn{ cursor: pointer; } .sup-btn:hover{ color: #2D4359; } .my-order__number svg{ transition: all 0.4s ease; } .my-order__number svg.clicked path{ d: path("M5.5 12.5L9 16L19 6"); stroke: #C0FF00; } .single-product-description__feature.prop-44{ display: none; } .empt-revs{ text-align: center; margin-top: 50px; } .revs-por{ display: flex; flex-direction: column; } .revs-por-btn svg path{ transition: all 0.4s ease; } .revs-por-btn.active svg path{ d: path("M3.33301 5.83332H13.333M3.33301 10H10.833M3.33301 14.1667H8.33301M14.9997 9.16666V15.8333M14.9997 15.8333L17.4997 13.3333M14.9997 15.8333L12.4997 13.3333"); } .section-home-show-selection__swiper{ overflow: hidden; } .section-single-product__swiper-wrapper.popup{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; background: rgba(0, 0, 0, 0.6); animation-name: imgPopupShow; animation-duration: 300ms; max-width: 100%; border-radius: 0; } /*.section-single-product__swiper-wrapper .product-item-detail-slider-controls-block{ position: absolute; top: 0; right: 0; bottom: 0; overflow-y: auto; padding: 20px; border-left: 1px solid #d3d3d3; background-color: #fff; }*/ .section-single-product__swiper-wrapper.popup .product-item-detail-slider-close{ position: absolute; top: 4px; right: 110px; bottom: 0; z-index: 150; display: block; width: 50px; height: 50px; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E) no-repeat center; opacity: 1; cursor: pointer; transition: all 300ms ease; background-color: #fff; border-radius: 50%; } .section-single-product__swiper-wrapper.popup .product-item-detail-slider-left, .section-single-product__swiper-wrapper.popup .product-item-detail-slider-right{ width: 10%; } .single-product-description__feature.props-hidden{ display: none; } .single-product-description__feature.props-hidden[style*="display: block;"]{ display: flex !important; } @media all and (max-width: 768px){ .btnClipboardJS span{ display: none; } .favorite.button_lg span{ display: none; } .section-single-product__swiper-wrapper .product-item-detail-slider-controls-block{ display: none; } .section-single-product__swiper-wrapper .product-item-detail-slider-block{ height: 391px; } .section-single-product-watched .section-catalog__products-list{ grid-template-columns: repeat(2, 1fr); } .section-single-product-watched .section-catalog__products-list{ } } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span{ background: #CEE860; border: 2px solid #CEE860; color: #2D4359; } .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #2D4359; color: #fff; } .bx-pagination{ padding-top: 40px; } div:has(.product-card){ height: 100%; } .dropdown-menu-brands__link_inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background: #ffffff; display: none; } .dropdown-menu-brands__link_inner.active { display: block; } .dropdown-menu-brands__link_inner-back { display: flex; align-items: center; position: absolute; left: 0; top: 0; cursor: pointer; background: transparent; border: none; outline: none; margin: 0; padding: 10px; } .dropdown-menu-brands__link_inner-back span { color: rgb(45, 67, 89); } .dropdown-menu-brands__link_inner-content { display: grid; /*grid-template-columns: minmax(232px, 1fr) repeat(2, 1fr); grid-template-rows: repeat(5, 1fr); grid-auto-flow: column;*/ grid-template-columns: 1fr 1fr 1fr; gap: 16px; padding: 50px 16px 16px 16px; } @media all and (max-width: 768px) { .dropdown-menu-brands__link_inner { position: relative; } .dropdown-menu-brands__link_inner-content { display: flex; flex-direction: column; gap: 0; width: 100%; /* background: #ffffff; */ padding: 0; padding-left: 15px; } .dropdown-menu-brands__link_inner-back { display: none; } } @media (max-width: 580px){ .basket-item-block-amount{ margin-bottom: 0; padding: 0; } .basket-item-amount-btn-plus, .basket-item-amount-btn-minus{ background: transparent; border-color: transparent; } .my-order-box h2{ padding: 12px 16px; } .section-favourites .section-catalog__products-list{ grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .search .section-catalog__products-list{ grid-template-columns: repeat(2, 1fr); } header .container{ padding-bottom: 10px; } .akcii-slider{ overflow: hidden; } .single-product-heading{ padding-top: 100px; } .section-home-banner{ padding-top: 0px; } .swiper-home-banner__slide{ padding: 0px 0px 40px 0px; } .swiper-home-banner__bg-img_mobile{ position: unset; height: auto; object-fit: contain; } .swiper-home-banner { height: auto; } } .order-item__input-field[data-property-id-row*="5"]{ position: absolute; top: 500px; width: 100%; } .section-order__left{ position: relative; } #bx-soa-region{ } #bx-soa-region .order-item__head{ display: none; } /* #bx-soa-properties{ padding-bottom: 90px; } #bx-soa-region .order-item__input-field[data-property-id-row*="6"]{ position: absolute; top: 500px; width: 100%; }*/ #bx-soa-region .bx-soa-reference{ display: none; } .bx-sls .dropdown-block{ margin: 0; border-radius: 16px; border: 1px solid var(--Inputs-color-Default-Stroke, #E6E7EA); background: var(--Inputs-color-Default-Background, #FFF); resize: none; outline: none; color: var(--Text-color-Text, #26394C); font-size: 16px; font-weight: 400; line-height: 140%; width: 100%; } @media all and (max-width: 768px){ .order-details__foot{ position: relative; } .select__wrapper{ display: none; } .section-catalog{ padding-top: 0; } .section-catalog-banner__box{ padding: 50px 0 20px; } .section-cart{ padding: 50px 0px 16px; } .main{ padding-top: 147px; } } /* End */ /* Start:/local/templates/enro/css/all.min.css?174341436856842*/ /*! * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(/local/templates/enro/css/../webfonts/fa-brands-400.eot);src:url(/local/templates/enro/css/../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/local/templates/enro/css/../webfonts/fa-brands-400.woff2) format("woff2"),url(/local/templates/enro/css/../webfonts/fa-brands-400.woff) format("woff"),url(/local/templates/enro/css/../webfonts/fa-brands-400.ttf) format("truetype"),url(/local/templates/enro/css/../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(/local/templates/enro/css/../webfonts/fa-regular-400.eot);src:url(/local/templates/enro/css/../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/local/templates/enro/css/../webfonts/fa-regular-400.woff2) format("woff2"),url(/local/templates/enro/css/../webfonts/fa-regular-400.woff) format("woff"),url(/local/templates/enro/css/../webfonts/fa-regular-400.ttf) format("truetype"),url(/local/templates/enro/css/../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(/local/templates/enro/css/../webfonts/fa-solid-900.eot);src:url(/local/templates/enro/css/../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/local/templates/enro/css/../webfonts/fa-solid-900.woff2) format("woff2"),url(/local/templates/enro/css/../webfonts/fa-solid-900.woff) format("woff"),url(/local/templates/enro/css/../webfonts/fa-solid-900.ttf) format("truetype"),url(/local/templates/enro/css/../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} /* End */ /* Start:/local/templates/enro/components/bitrix/sale.basket.basket.line/template1/style.min.css?17177673524011*/ .bx-basket-block{position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}.block-store-catalog-list .bx-basket-fixed.bottom{bottom:70px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}.block-wrapper .bx-basket-fixed{padding-top:0}.block-wrapper .bx-basket-fixed .bx-hdr-profile{display:flex;justify-content:space-between}.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block{margin-right:20px;padding-bottom:0}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/local/templates/enro/template_styles.css?1723709446174*/ .set-option-checked svg:not(.checked) { transform: translate(-50%, -50%) scale(0.1); } .set-option-checked svg.checked { transform: translate(-50%, -50%) scale(1); } /* End */ /* /local/templates/enro/css/tabby-ui.min.css?1743414368917 */ /* /local/templates/enro/src/fonts/wix/wix.css?1715847413192 */ /* /local/templates/enro/css/normalize.css?17158473601068 */ /* /local/templates/enro/css/swiper-bundle.min.css?171584736018429 */ /* /local/templates/enro/css/animate.css?171887996777907 */ /* /local/templates/enro/css/style.css?1750758129183705 */ /* /local/templates/enro/css/all.min.css?174341436856842 */ /* /local/templates/enro/components/bitrix/sale.basket.basket.line/template1/style.min.css?17177673524011 */ /* /local/templates/enro/template_styles.css?1723709446174 */