/* css/fonts.css */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('../assets/fonts/poppins-300-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('../assets/fonts/poppins-300-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../assets/fonts/poppins-400-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../assets/fonts/poppins-400-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('../assets/fonts/poppins-500-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('../assets/fonts/poppins-500-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('../assets/fonts/poppins-600-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('../assets/fonts/poppins-600-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('../assets/fonts/poppins-700-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('../assets/fonts/poppins-700-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('../assets/fonts/poppins-800-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('../assets/fonts/poppins-800-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url('../assets/fonts/opensans-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url('../assets/fonts/opensans-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* css/swiper-bundle.css */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,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,.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{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-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,swiper-container: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: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,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-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,:host(.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,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* scss/main.css */
body {
margin: 0;
padding: 0;
box-sizing: border-box;
overflow-x: hidden;
}@media (max-width: 600px) {
html {
overflow-x: hidden;
}
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}body {
font-family: "Poppins", sans-serif;
accent-color: #68b236;
}
body.open-modal::before {
position: absolute;
top: 0;
left: 0;
display: block;
content: "";
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.3960784314);
z-index: 40;
}body #main-wrapper {
position: relative;
background-color: #ffffff;
}
body #main-wrapper.dark-background::before {
position: fixed;
content: "";
top: 0;
left: -50vw;
background-color: rgba(0, 0, 0, 0.3960784314);
width: 200vw;
height: 100vh;
z-index: 9;
}a {
color: #477a25;
font-size: 16px;
font-weight: 700;
line-height: 180%;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}p {
font-size: 16px;
font-weight: 300;
line-height: 180%;
}#main-wrapper {
width: 1320px;
margin: 0 auto;
position: relative;
top: 0;
}section {
margin: 40px auto 67px auto;
}
section:last-of-type {
margin-bottom: 7px;
}h1.mainpage-title {
font-size: 24px;
line-height: 28px;
font-weight: 700;
position: relative;
text-transform: uppercase;
margin: 35px 0;
padding-left: 40px;
}
h1.mainpage-title span {
color: #477a25;
}
h1.mainpage-title::before {
position: absolute;
top: calc(50% - 9px);
left: 0;
content: "";
width: 14px;
height: 18px;
display: block;
background-color: #68b236;
}@media (max-width: 1600px) {
#main-wrapper {
width: 80vw;
padding: 0 10vw;
}
}
@media (max-width: 1320px) {
#main-wrapper {
width: calc(100% - 108px);
padding: 0 52px;
}
}
@media (max-width: 1260px) {
#main-wrapper {
width: calc(100% - 72px);
padding: 0 36px;
}
#main-wrapper.dark-background::before {
display: none !important;
}
}
@media (max-width: 760px) {
section {
margin: 16px auto 24px auto;
}
#main-wrapper {
width: calc(100% - 32px);
padding: 0 16px;
margin-left: 0;
margin-right: 0;
}
.reverse-order aside {
order: 1;
}
.reverse-order .col_10__container {
order: 0;
margin-top: 9px;
}
}
.main-desc {
display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0 auto 40px auto;
width: 100%;
}
@media (max-width: 760px) {
.main-desc {
margin: 0 auto 16px auto;
}
}
.main-desc p {
position: relative;
font-size: 16px;
color: #333333;
z-index: 1;
text-align: center;
margin: 0 0 12px 0;
}
@media (max-width: 760px) {
.main-desc p {
font-size: 14px;
line-height: 17px;
}
}.row__container {
display: flex;
flex-direction: row;
}
.row__container aside {
display: flex;
flex-direction: column;
width: 232px;
margin-right: 35px;
}
.row__container .col_10__container {
display: flex;
flex-direction: column;
width: 1240px;
}
.row__container .col_10__container .products_blocks_wrapper__slot {
width: 24%;
margin-right: 1%;
margin-bottom: 1%;
}@media (max-width: 1600px) {
.row__container .col_10__container .products_blocks_wrapper__slot {
min-width: unset;
}
}
@media (max-width: 1500px) {
.row__container aside {
width: 200px;
margin-right: 24px;
}
.row__container .col_10__container .products_blocks_wrapper__slot {
min-width: unset;
width: 24%;
}
}
@media (max-width: 1260px) {
.row__container .col_10__container .products_blocks_wrapper__slot > a {
width: 96%;
}
}
@media (max-width: 1140px) {
.row__container.products-page-row {
flex-direction: column;
justify-content: center;
align-items: center;
}
.row__container .col_10__container .products_blocks_wrapper__slot {
width: 45%;
}
}
@media (max-width: 760px) {
.row__container .col_10__container .products_blocks_wrapper__slot {
width: 100%;
margin-bottom: 16px;
}
.row__container .col_10__container .products_blocks_wrapper__slot:nth-child(4n) {
margin-right: 0;
}
.row__container .col_10__container .products_blocks_wrapper__slot:nth-child(3n) {
margin-right: 0;
}
.row__container .col_10__container .products_blocks_wrapper__slot:nth-child(2n) {
margin-right: 0;
}
}
@media (max-width: 760px) {
.row__container {
flex-direction: column;
}
.row__container aside {
width: 100%;
margin-right: 0;
}
.row__container .col_10__container {
width: 100%;
}
}
body {
padding-top: 184px;
}
@media (max-width: 1260px) {
body {
padding-top: 80px;
}
body:has(header.menu-open) {
padding-top: 0;
}
}
@media (max-width: 760px) {
body {
padding-top: 52px;
}
}header {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #ffffff;
width: 100vw;
z-index: 50;
margin-bottom: -10px;
}
header.menu-open {
position: static;
}
header.menu-open #nav {
border-bottom: 1px solid #d9d9d9;
box-shadow: 0px 8px 9px 0px rgba(0, 0, 0, 0.05);
}
header #nav {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
padding-left: 16px;
padding-right: 16px;
box-shadow: 0px 8px 9px 0px rgba(0, 0, 0, 0.05);
}
header #nav .top-nav {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
width: 1320px;
height: 96px;
margin: 18px auto 0 auto;
box-sizing: border-box;
top: 0;
left: -24px;
}
@media (max-width: 1260px) {
header #nav .top-nav {
left: 0;
}
}
header #nav .top-nav .hamburger {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
cursor: pointer;
display: none;
}
header #nav .top-nav .hamburger .hamburger-line {
display: block;
height: 2px;
background-color: #68b236;
width: 32px;
margin: 8px 32px 8px 0px;
}
header #nav .top-nav .logo {
margin-right: 99px;
}
header #nav .top-nav .logo img {
width: 181px;
height: 94px;
max-height: 94px;
padding: 4px;
box-sizing: border-box;
}
header #nav .top-nav .search-bar-wrapper {
display: flex;
width: 65%;
}
header #nav .top-nav .search-bar-wrapper #searchQueryInput {
font-family: "Poppins", sans-serif;
color: #484848;
font-weight: 400;
font-size: 18px;
line-height: 27px;
box-sizing: border-box;
width: 100%;
height: 60px;
background: #ffffff;
border: 1px solid #8a8a8a;
padding: 0;
padding-left: 22px;
padding-right: 56px;
border-radius: 30px;
}
header #nav .top-nav .search-bar-wrapper #searchQueryInput::-moz-placeholder {
font-family: "Poppins", sans-serif;
color: #484848;
font-weight: 400;
font-size: 18px;
line-height: 27px;
}
header #nav .top-nav .search-bar-wrapper #searchQueryInput::placeholder {
font-family: "Poppins", sans-serif;
color: #484848;
font-weight: 400;
font-size: 18px;
line-height: 27px;
}
header #nav .top-nav .search-bar-wrapper #searchQueryInput:hover, header #nav .top-nav .search-bar-wrapper #searchQueryInput:focus {
outline: 1px solid #68b236;
border: 1px solid rgba(255, 255, 255, 0);
}
header #nav .top-nav .search-bar-wrapper #searchQuerySubmit {
margin-left: -80px;
background: none;
border: none;
outline: none;
width: 90px;
}
header #nav .top-nav .search-bar-wrapper #searchQuerySubmit:hover {
cursor: pointer;
}
header #nav .top-nav .search-bar-wrapper .mobile_search-btn {
display: none;
}
header #nav .top-nav .account-cart-container {
display: flex;
flex-direction: row;
justify-content: flex-end;
width: 30%;
}
header #nav .top-nav .account-cart-container .account-container {
display: flex;
align-items: center;
margin-left: 24px;
}
header #nav .top-nav .account-cart-container .account-container .logo-container {
margin-right: 8px;
margin-top: 12px;
}
header #nav .top-nav .account-cart-container .account-container .logo-container:hover img {
filter: brightness(0) saturate(100%) invert(62%) sepia(24%) saturate(1238%) hue-rotate(52deg) brightness(97%) contrast(80%);
}
header #nav .top-nav .account-cart-container .cart-container {
display: flex;
flex-direction: row;
margin-left: 34px;
}
header #nav .top-nav .account-cart-container .cart-container .cart-link {
display: flex;
align-items: center;
text-decoration: none;
}
header #nav .top-nav .account-cart-container .cart-container .cart-link .cart-logo-container {
position: relative;
display: flex;
align-items: center;
margin-right: 14px;
}
header #nav .top-nav .account-cart-container .cart-container .cart-link .cart-total p {
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #333333;
white-space: pre;
}
header #nav .top-nav .account-cart-container .cart-container .cart-link .cart-total p span {
color: #477a25;
font-weight: 700;
}
header #nav .top-nav .account-cart-container .cart-container .cart-link:hover .cart-image {
filter: brightness(0) saturate(100%) invert(62%) sepia(24%) saturate(1238%) hue-rotate(52deg) brightness(97%) contrast(80%);
}
header #nav .top-nav .account-cart-container .cart-container .cart-link:hover .cart-total p {
color: #477a25;
}
header #nav .bottom-nav {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 1320px;
height: 40px;
margin: 0 auto;
padding: 10px 0 20px 0;
}
header #nav .bottom-nav .left-container {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
width: 100%;
}
@media (max-width: 991px) {
header #nav .bottom-nav .left-container {
gap: 0;
}
}
header #nav .bottom-nav .left-container .home-link {
display: flex;
line-height: 1;
height: 20px;
width: 20px;
padding: 28px 0;
}
@media (max-width: 1260px) {
header #nav .bottom-nav .left-container .home-link {
padding: 0;
}
}
header #nav .bottom-nav .left-container .home-link img {
display: flex;
line-height: 1;
height: 20px;
width: 20px;
}
header #nav .bottom-nav .left-container .home-link:hover img {
filter: brightness(0) saturate(100%) invert(62%) sepia(24%) saturate(1238%) hue-rotate(52deg) brightness(97%) contrast(80%);
}
header #nav .bottom-nav .left-container ul.first-nav-line-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 48px;
margin: 0;
width: 100%;
}
@media (max-width: 1530px) {
header #nav .bottom-nav .left-container ul.first-nav-line-list {
gap: 32px;
}
}
@media (max-width: 1380px) {
header #nav .bottom-nav .left-container ul.first-nav-line-list {
gap: 24px;
}
}
header #nav .bottom-nav .left-container ul.no-menu-links {
display: flex;
list-style: none;
align-items: center;
margin-left: -40px;
}
header #nav .bottom-nav .left-container ul.no-menu-links li {
display: inline-block;
list-style: none;
margin-left: 40px;
}
header #nav .bottom-nav .left-container ul.no-menu-links li a {
color: #333333;
font-weight: 500;
font-size: 18px;
line-height: 22px;
}
header #nav .bottom-nav .left-container ul.no-menu-links li:hover a {
cursor: pointer;
color: #477a25;
text-decoration: none;
}
header #nav .bottom-nav .left-container ul {
list-style: none;
padding: 0;
padding-right: 56px;
}
header #nav .bottom-nav .left-container ul li.bottom-nav-links:hover {
cursor: pointer;
}
header #nav .bottom-nav .left-container ul li {
list-style: none;
color: #333333;
text-shadow: none;
font-size: 18px;
line-height: 22px;
z-index: 99;
}
header #nav .bottom-nav .left-container ul li.first-line {
position: relative;
text-transform: uppercase;
}
header #nav .bottom-nav .left-container ul li.first-line::after {
position: absolute;
content: "";
background: url("./../assets/icons/chevron-down.svg") no-repeat;
background-position: center;
background-size: contain;
width: 15px;
height: 7.5px;
top: 34px;
right: -8px;
}
header #nav .bottom-nav .left-container ul li.first-line:hover::after {
transition: 0.6s;
transform: rotate(180deg);
}
header #nav .bottom-nav .left-container ul li.no-arrow::after {
display: none;
}
header #nav .bottom-nav .left-container ul li.bottom-nav-links {
padding: 28px 0;
font-weight: 500;
padding-right: 16px;
margin-right: -16px;
}
header #nav .bottom-nav .left-container ul li.bottom-nav-links.category {
position: relative;
font-size: 16px;
}
@media (max-width: 1600px) {
header #nav .bottom-nav .left-container ul li.bottom-nav-links.category {
font-size: 14px;
}
}
@media (max-width: 1300px) {
header #nav .bottom-nav .left-container ul li.bottom-nav-links.category {
font-size: 13px;
}
}
@media (max-width: 1260px) {
header #nav .bottom-nav .left-container ul li.bottom-nav-links.category {
font-size: 16px;
}
}
header #nav .bottom-nav .left-container ul li:hover .bottom-nav-sublist {
display: flex;
}
header #nav .bottom-nav .left-container ul li:hover {
color: #477a25;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist {
position: fixed;
display: none;
top: 184px;
left: calc(50vw - 660px);
width: 100vw;
height: auto;
background-color: #ffffff;
z-index: 0;
padding-bottom: 21px;
}
@media (max-width: 1400px) {
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist {
left: 9vw;
}
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist::before {
content: "";
display: block;
position: absolute;
top: -10px;
left: -50vw;
width: 200vw;
background-color: #ffffff;
height: calc(100% + 10px);
z-index: 0;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist::after {
position: absolute;
display: block;
content: "";
bottom: -2px;
left: 700px;
background: url("./../assets/img/header/header_image.jpg");
height: 396px;
width: 614px;
background-size: contain;
background-repeat: no-repeat;
z-index: 0;
}
@media (max-width: 1260px) {
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist::after {
display: none;
}
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul {
position: relative;
width: -moz-max-content;
width: max-content;
min-width: 200px;
flex-direction: column;
top: 0;
left: 0;
padding-top: 0;
z-index: 9999;
background: #ffffff;
border-top: 0;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li {
display: flex;
justify-content: flex-start;
align-items: center;
background: #ffffff;
min-height: 37px;
padding-left: 16px;
text-transform: none;
width: 110%;
padding-right: 10%;
}
@media (max-width: 991px) {
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li:has(strong) {
background-color: #68b236;
}
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li strong {
font-size: 20px;
line-height: 156%;
font-weight: 500;
margin: 16px 0;
}
@media (max-width: 991px) {
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li strong {
display: flex;
width: 100%;
font-size: 16px;
margin: 0;
padding-left: 8px;
background-color: #68b236;
color: #1f1f1f;
}
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li.arrow-link {
gap: 8px;
padding-left: 28px;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li a {
position: relative;
font-size: 14px;
line-height: 34px;
font-weight: 400;
text-decoration: none;
color: #333333;
text-align: left;
width: 100%;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li a:hover {
color: #477a25;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li:last-child {
border-color: none;
border-bottom: 0;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist {
position: absolute;
display: none;
top: 0;
left: 100%;
width: 100%;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul {
padding-top: 0;
width: -moz-max-content;
width: max-content;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background: #ffffff;
padding-left: 54px;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul a {
text-decoration: none;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul a::after {
display: none;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul a li {
display: flex;
justify-content: flex-start;
align-items: center;
background: rgba(255, 255, 255, 0);
border-radius: 0;
min-height: 37px;
padding-left: 16px;
padding-right: 24px;
text-transform: none;
white-space: pre;
font-size: 14px;
line-height: 21px;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul a li::after {
display: none;
margin-right: 0;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul a li:hover {
color: #333333;
}
header #nav .bottom-nav .right-container ul.no-menu-links {
display: flex;
list-style: none;
align-items: center;
margin-left: -40px;
}
header #nav .bottom-nav .right-container ul.no-menu-links li {
display: inline-block;
list-style: none;
margin-left: 40px;
text-transform: uppercase;
color: #333333;
font-weight: 400;
font-size: 18px;
line-height: 22px;
}
header #nav .bottom-nav .right-container ul.no-menu-links li:hover {
color: #477a25;
}
header #nav .bottom-nav .right-container ul.no-menu-links li:hover a {
color: #ffffff;
}
header #nav .bottom-nav .right-container ul.no-menu-links li::after {
display: none;
}
header #nav .bottom-nav .right-container ul.no-menu-links .promo-nav li {
position: relative;
color: #477a25;
margin-right: 24px;
}
header #nav .bottom-nav .right-container ul.no-menu-links .promo-nav li::before {
position: absolute;
display: block;
content: "";
top: 0px;
left: -28px;
background: url("./../assets/icons/header/promotions.svg");
height: 20px;
width: 20px;
background-size: cover;
background-repeat: no-repeat;
}
header #nav .bottom-nav .right-container ul.no-menu-links .new-nav li {
position: relative;
color: #e84848;
}
header #nav .bottom-nav .right-container ul.no-menu-links .new-nav li::before {
position: absolute;
display: block;
content: "";
top: 0px;
left: -28px;
background: url("./../assets/icons/header/news.svg");
height: 20px;
width: 20px;
background-size: cover;
background-repeat: no-repeat;
}.topbar-lang {
display: flex;
flex-direction: row;
align-items: center;
}
.topbar-lang .flag-toggle {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer;
margin-left: 24px;
}
.topbar-lang .flag-toggle .flag-arrow {
margin-bottom: 6px;
}
.topbar-lang .flag-toggle .flag-text {
font-size: 18px;
}
@media (max-width: 991px) {
.topbar-lang .flag-toggle .flag-text {
display: none;
}
}
.topbar-lang .flag-toggle:hover .flag-text {
color: #477a25;
}.mobile-arrow {
display: none;
}@media (max-width: 1600px) {
header #nav .top-nav {
width: 80vw;
}
header #nav .top-nav .logo {
margin-right: 40px;
}
header #nav .bottom-nav {
width: 80vw;
}
}
@media (max-width: 1260px) {
header #nav .top-nav {
width: 100%;
margin-right: 16px;
}
header #nav .bottom-nav {
width: 90vw;
}
}
@media (max-width: 1260px) {
.cart-container .cart-total {
display: none;
}
header #nav .top-nav .search-bar-wrapper {
width: 50%;
}
header #nav .top-nav .account-cart-container {
width: 20%;
}
header #nav .top-nav .logo {
width: 20%;
margin-right: 16px;
}
header #nav .top-nav .logo img {
width: 90px;
height: auto;
}
.top-nav {
height: 80px !important;
width: 100% !important;
}
.top-nav::after {
top: 80px !important;
}
.top-nav .hamburger {
display: block !important;
}
.bottom-nav {
width: 90vw;
}
header #nav .bottom-nav {
display: none;
}
header #nav .top-nav .search-bar-wrapper {
margin-right: 16px !important;
}
}
@media (max-width: 1400px) {
header #nav .bottom-nav .right-container ul li {
margin-left: 20px !important;
}
}
@media (max-width: 760px) {
header #nav {
margin-left: 0;
margin-right: 0;
}
header #nav.show-mobile-search-bar {
padding-bottom: 50px;
}
header #nav .top-nav {
margin-top: 0 !important;
width: 90vw !important;
height: 52px !important;
margin-left: 16px;
}
header #nav .top-nav::after {
left: -5vw !important;
}
header #nav .top-nav .logo img {
margin-top: 8px !important;
}
header #nav .bottom-nav .right-container ul li {
margin-left: 20px !important;
}
header #nav .top-nav .search-bar-wrapper.z-index {
z-index: -1;
}
header #nav .top-nav .search-bar-wrapper #searchQueryInput {
display: none !important;
position: absolute;
top: 52px;
left: 0;
padding-left: 16px;
font-size: 14px;
line-height: 21px;
height: 45px;
border-radius: 35px;
}
header #nav .top-nav .search-bar-wrapper #searchQueryInput.active {
display: flex !important;
}
header #nav .top-nav .search-bar-wrapper #searchQueryInput::-moz-placeholder {
font-size: 14px;
line-height: 21px;
}
header #nav .top-nav .search-bar-wrapper #searchQueryInput::placeholder {
font-size: 14px;
line-height: 21px;
}
header #nav .top-nav .search-bar-wrapper #searchQuerySubmit {
display: none !important;
margin-left: 0 !important;
background: none !important;
position: absolute !important;
top: 96px;
right: 0;
width: 64px;
}
header #nav .top-nav .search-bar-wrapper #searchQuerySubmit svg {
margin-top: 6px !important;
margin-left: 3px !important;
height: 30px !important;
width: 30px !important;
}
header #nav .top-nav .search-bar-wrapper #searchQuerySubmit svg path {
fill: #ffffff !important;
}
header #nav .top-nav .search-bar-wrapper #searchQuerySubmit.active {
display: flex !important;
width: 48px !important;
outline: none;
background: #68b236 !important;
height: 45px;
top: 52px;
border-radius: 30px;
}
header #nav .top-nav .search-bar-wrapper .mobile_search-btn {
display: flex !important;
position: absolute;
top: 10px;
right: 150px;
}
header #nav .top-nav .search-bar-wrapper .mobile_search-btn svg {
height: 30px !important;
width: 30px !important;
}
header #nav .top-nav .account-cart-container .cart-container {
margin-left: 8px !important;
}
header #nav .top-nav .account-cart-container .cart-container .cart-link .cart-logo-container {
margin-right: 0 !important;
}
}@media (max-width: 1260px) {
.mobile-arrow {
display: flex;
position: absolute;
top: 5px;
right: 5px;
z-index: 99999;
padding: 10px;
}
header #nav .bottom-nav .left-container ul li.first-line {
margin-right: 0 !important;
}
header #nav .bottom-nav .left-container ul li.first-line::after {
display: none !important;
}
header #nav .bottom-nav.active {
display: flex;
flex-direction: column;
margin: 0;
width: 100vw;
height: auto;
}
header #nav .bottom-nav.active .left-container {
display: flex;
flex-direction: column;
justify-content: center;
width: 100vw;
text-align: center;
}
header #nav .bottom-nav.active .left-container ul {
flex-direction: column;
padding: 0;
margin: 8px 0;
width: 100vw;
}
header #nav .bottom-nav.active .left-container ul li {
margin-left: 0 !important;
padding-right: 0;
margin-top: 8px;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist {
position: relative;
left: 0;
display: flex;
flex-direction: column;
top: 20px;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist.office::before, header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist.office::after {
display: none;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist ul {
position: relative;
margin: 0;
border: 0;
border-radius: 0;
width: 100%;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist ul li {
width: 100%;
padding: 0;
padding-left: 0;
margin-top: 0;
border-bottom: 1px solid #68b236;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist ul li.opened {
flex-direction: column;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist ul li.opened > .mobile-arrow {
transition: 0.6s;
transform: rotate(180deg) translateY(5px);
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist ul li.opened > a {
width: calc(100% - 16px);
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist ul li .bottom-nav-sub-sublist {
display: none !important;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist ul li .bottom-nav-sub-sublist.active {
position: relative;
display: flex !important;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist ul li:last-child {
border-radius: 0;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist ul li > a {
min-height: 34px;
padding-left: 16px;
width: 85%;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist ul li > a::after {
display: none;
}
header #nav .bottom-nav.active .right-container {
display: flex;
flex-direction: column;
justify-content: center;
width: 100vw;
text-align: center;
}
header #nav .bottom-nav.active .right-container ul {
flex-direction: column;
padding: 0;
margin: 8px 0;
width: 100vw;
}
header #nav .bottom-nav.active .right-container ul a {
margin: 8px 0;
}
header #nav .bottom-nav.active .right-container ul a li {
margin-right: 0 !important;
margin-left: 0 !important;
text-transform: none;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist {
width: 100%;
left: unset;
top: unset;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul {
position: relative;
border: 0;
padding-left: 0;
}
header {
margin-bottom: 4px;
}
.hamburger.active .hamburger-line {
transition: 0.6s;
}
.hamburger.active .hamburger-line:nth-child(1) {
transform: translateX(-200px);
}
.hamburger.active .hamburger-line:nth-child(2) {
transform: rotate(45deg) translate(2px, 4px);
}
.hamburger.active .hamburger-line:nth-child(3) {
transform: rotate(-45deg) translate(3px, -5px);
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul {
width: 100% !important;
}
header #nav .bottom-nav .left-container ul li.bottom-nav-links {
padding: 16px 0px !important;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul a li {
justify-content: flex-start !important;
align-items: center !important;
white-space: break-spaces;
}
header #nav .top-nav .account-cart-container .account-container .logo-container {
margin-top: 0;
}
header #nav .top-nav .account-cart-container .account-container .logo-container .account-image {
width: 30px !important;
height: auto !important;
margin-top: 6px;
margin-right: -4px;
}
header #nav .top-nav .account-cart-container .cart-container {
width: 31px;
height: 31px;
margin-top: 6px;
}
header #nav .top-nav .account-cart-container .cart-container .cart-link {
width: 30px !important;
height: auto !important;
margin-left: 4px;
}
header #nav .top-nav .hamburger .hamburger-line {
margin-right: 12px !important;
}
header #nav .bottom-nav .left-container ul li.bottom-nav-links.category::before {
display: none;
}
header #nav .bottom-nav.active .left-container ul .bottom-nav-sublist.bottom-nav-sublist:not(.brands, .special-orders) ul li.active > a {
height: 32px;
line-height: 32px;
padding-left: 16px;
background-color: #68b236;
color: #1f1f1f;
}
header #nav .bottom-nav .bottom-nav-sublist.brands ul {
margin-left: 0 !important;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist:not(.brands, .special-orders) ul li {
position: relative;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist:not(.brands, .special-orders) ul li::after {
display: none !important;
}
}
@media (min-width: 1260px) and (max-width: 1320px) {
header #nav .top-nav {
width: 90vw;
margin: 10px auto 0;
}
}
@media (max-width: 1259px) {
header #nav .top-nav {
margin: 0 auto 0;
}
}
@media (min-width: 1260px) {
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist {
height: 100%;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100%;
}
}
.breadcrumbs {
margin-top: 16px;
}
.breadcrumbs ul {
display: inline-flex;
flex-wrap: wrap;
padding-left: 0;
}
.breadcrumbs ul li.breadcrumb-item {
position: relative;
list-style: none;
margin-right: 40px;
}
.breadcrumbs ul li.breadcrumb-item.actual a {
color: #6e6e6e;
}
.breadcrumbs ul li.breadcrumb-item:nth-child(1)::after {
display: none;
}
.breadcrumbs ul li.breadcrumb-item::after {
position: absolute;
margin-right: 10px;
top: 8px;
left: -24px;
background-size: contain;
width: 8px;
height: 8px;
content: "";
background-image: url("./../assets/icons/breadcrumb_icon.svg");
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
}
.breadcrumbs ul li.breadcrumb-item span {
font-weight: 400;
font-size: 14px;
line-height: 160%;
color: #6e6e6e;
text-decoration: none;
}
.breadcrumbs ul li.breadcrumb-item a {
font-weight: 400;
font-size: 14px;
line-height: 160%;
color: #333333;
text-decoration: none;
}
.breadcrumbs ul li.breadcrumb-item a:hover {
color: #477a25;
text-shadow: 0.4px 0px 0.1px, -0.4px 0px 0.1px;
}@media (max-width: 1260px) {
.breadcrumbs ul li.breadcrumb-item {
margin-right: 24px;
}
.breadcrumbs ul li.breadcrumb-item::after {
margin-right: 10px;
left: -16px;
}
}
@media (max-width: 760px) {
.breadcrumbs {
margin-top: 0;
margin-bottom: 8px;
}
.breadcrumbs ul {
padding-left: 16px;
margin: 0;
}
.breadcrumbs ul li.breadcrumb-item {
margin-right: 16px;
}
.breadcrumbs ul li.breadcrumb-item::after {
margin-right: 8px;
top: 10px;
left: -12px;
width: 8px;
height: 8px;
}
.breadcrumbs ul li.breadcrumb-item:first-of-type {
margin-left: -12px;
}
.breadcrumbs ul li.breadcrumb-item a,
.breadcrumbs ul li.breadcrumb-item span {
font-weight: 400;
font-size: 11px;
line-height: 12px;
}
}
#swiper {
position: relative;
width: 100vw;
margin: 10px auto 0;
left: calc((100vw - 1320px) / 2 * -1);
top: 0;
background-color: #f8f8f8;
}
#swiper::before {
position: absolute;
display: block;
content: "";
background-color: #f8f8f8;
left: -50vw;
top: 0;
width: 200vw;
height: 100%;
z-index: 0;
}
#swiper .swiper {
width: 100%;
max-width: 1320px;
height: 507px;
z-index: 0;
}
#swiper .swiper.mobile {
display: none;
}
#swiper .swiper .swiper-button-next,
#swiper .swiper .swiper-button-prev {
display: none;
}
#swiper .swiper .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
#swiper .swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
#swiper .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
width: 17px;
height: 17px;
background-color: #808080;
border: 1px solid #ffffff;
}
#swiper .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 2px solid #ffffff;
background-color: #68b236;
}@media (max-width: 1600px) {
#swiper {
left: 0;
margin-left: -20vw;
margin-right: -20vw;
width: calc(100% + 40vw);
}
#swiper .swiper {
height: auto;
}
#swiper .swiper .swiper-slide a img {
-o-object-fit: contain;
object-fit: contain;
}
}
@media (max-width: 1320px) {
#swiper {
left: 0;
margin-left: -52px;
margin-right: -52px;
width: calc(100% + 108px);
}
#swiper .swiper {
height: auto;
}
#swiper .swiper .swiper-slide a img {
-o-object-fit: contain;
object-fit: contain;
}
}
@media (max-width: 1260px) {
#swiper {
margin-top: -4px;
margin-left: -36px;
margin-right: -36px;
width: calc(100% + 71px);
}
#swiper .swiper.desktop .swiper-pagination {
bottom: 8px;
}
#swiper .swiper.desktop .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
}
@media (max-width: 760px) {
#swiper .swiper {
height: auto;
}
#swiper .swiper.desktop {
display: none;
}
#swiper .swiper.mobile {
display: block;
}
#swiper .swiper.mobile .swiper-pagination {
bottom: 8px;
}
#swiper .swiper.mobile .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
}
#popular_categories {
position: relative;
background-color: #f8f8f8;
padding-top: 54px;
margin-top: 0;
margin-bottom: 0;
z-index: 1;
}
@media (max-width: 800px) {
#popular_categories {
padding-top: 24px;
}
}
#popular_categories::before {
position: absolute;
display: block;
content: "";
background-color: #f8f8f8;
left: -50vw;
top: 0;
width: 200vw;
height: 100%;
z-index: 0;
}
#popular_categories h2 {
position: relative;
display: inline;
justify-content: center;
align-items: center;
text-align: center;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: #333333;
margin: 0 0 16px 0;
z-index: 1;
gap: 4px;
}
@media (max-width: 800px) {
#popular_categories h2 {
font-size: 20px;
}
}
#popular_categories h2 span {
color: #477a25;
text-decoration: underline;
}
#popular_categories .popular-categories {
position: relative;
display: flex;
flex-wrap: wrap;
gap: 49px;
z-index: 1;
padding-bottom: 48px;
}
@media (max-width: 800px) {
#popular_categories .popular-categories {
gap: 32px 24px;
}
}
#popular_categories .popular-categories-slot {
flex: 1 1 calc((100% - 98px) / 3);
max-width: calc((100% - 98px) / 3);
color: #333333;
text-decoration: none;
margin-bottom: 24px;
}
@media (max-width: 800px) {
#popular_categories .popular-categories-slot {
flex: 1 1 calc((100% - 24px) / 2);
max-width: calc((100% - 24px) / 2);
}
}
#popular_categories .popular-categories-slot__img {
width: 100%;
height: 100%;
}
#popular_categories .popular-categories-slot__img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
#popular_categories .popular-categories-slot__text h3 {
font-size: 16px;
color: #333333;
margin: 7px 0 0 0;
}
@media (max-width: 800px) {
#popular_categories .popular-categories-slot__text h3 {
font-size: 14px;
line-height: 17px;
}
}
#popular_categories .popular-categories-slot:hover h3 {
color: #477a25;
}#giga_banner img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: auto;
}#banners {
position: relative;
margin-top: 0;
margin-bottom: 0;
background-color: #f8f8f8;
}
#banners::before {
position: absolute;
display: block;
content: "";
background-color: #f8f8f8;
left: -50vw;
top: 0;
width: 200vw;
height: 100%;
z-index: 0;
}
#banners .banners_container {
display: flex;
flex-direction: row;
width: 100%;
height: 368px;
}
#banners .banners_container__left, #banners .banners_container__right {
position: relative;
}
#banners .banners_container__left a img, #banners .banners_container__right a img {
width: 660px;
height: 368px;
-o-object-fit: cover;
object-fit: cover;
}
#banners .banners_container__left .button01, #banners .banners_container__right .button01 {
position: absolute;
bottom: 44px;
left: 44px;
width: 94px;
height: 41px;
box-sizing: border-box;
}
#banners .banners_container__left .button01 a::after, #banners .banners_container__right .button01 a::after {
right: 18px;
}@media (max-width: 1600px) {
#banners .banners_container {
height: auto;
}
#banners .banners_container__left a img, #banners .banners_container__right a img {
width: 100%;
height: auto;
}
}
@media (max-width: 960px) {
#banners .banners_container {
flex-direction: column;
}
#banners .banners_container__right, #banners .banners_container__left {
margin-top: -10px;
margin-left: -16px;
margin-right: -16px;
width: calc(100% + 32px);
}
#banners .banners_container__right .button01, #banners .banners_container__left .button01 {
bottom: 14%;
left: 7%;
}
}
@media (max-width: 600px) {
#banners .banners_container {
flex-direction: column;
}
#banners .banners_container__right .button01, #banners .banners_container__left .button01 {
bottom: 14%;
left: 6%;
width: 90px;
}
#banners .banners_container__right .button01 a, #banners .banners_container__left .button01 a {
font-size: 12px;
}
#banners .banners_container__right .button01 a::after, #banners .banners_container__left .button01 a::after {
height: 10px;
width: 10px;
top: calc(50% - 5px);
}
}
#our_clients h2 {
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: #333333;
margin: 0 0 23px 0;
}
#our_clients h2 span {
color: #477a25;
text-decoration: underline;
}
#our_clients p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 180%;
color: #333333;
margin: 0 0 68px 0;
}
#our_clients #clients_swiper {
position: relative;
margin-bottom: 73px;
}
#our_clients #clients_swiper .clients_swiper {
overflow: hidden;
}
#our_clients #clients_swiper .clients_swiper .swiper-wrapper .swiper-slide {
width: 100px;
margin-right: 8px;
}
#our_clients #clients_swiper .clients_swiper .swiper-wrapper .swiper-slide img:hover {
filter: brightness(1.4);
}
#our_clients #clients_swiper .clients_swiper .swiper-button-next::after {
display: block;
width: 18px;
height: 18px;
content: "";
font-size: 0;
background: url("./../assets/icons/swiper/swiper-arrow-left.svg");
background-size: contain;
background-repeat: no-repeat;
position: relative;
z-index: 1;
right: -56px;
transform: rotate(180deg);
}
#our_clients #clients_swiper .clients_swiper .swiper-button-prev::after {
display: block;
width: 18px;
height: 18px;
font-size: 0;
background: url("./../assets/icons/swiper/swiper-arrow-left.svg");
background-size: contain;
background-repeat: no-repeat;
position: relative;
z-index: 1;
left: -56px;
}@media (max-width: 1320px) {
#our_clients h2 {
font-size: 24px;
}
#our_clients p {
margin: 0 0 48px 0;
}
}
@media (max-width: 760px) {
#our_clients h2 {
font-size: 20px;
}
#our_clients p {
font-size: 14px;
line-height: 160%;
}
}
#about_us {
position: relative;
background-color: #f8f8f8;
}
#about_us::before {
position: absolute;
display: block;
content: "";
background-color: #f8f8f8;
left: calc((100vw - 1320px) / 2 * -1);
top: 0;
width: 100vw;
height: 100%;
z-index: 0;
}
#about_us .about_us_container {
position: relative;
display: flex;
flex-direction: row;
z-index: 1;
}
#about_us .about_us_container__column {
display: flex;
flex-direction: column;
width: calc(50% - 56px);
margin-right: 56px;
}
#about_us .about_us_container__column.second {
width: 50%;
margin-right: 0;
}
#about_us .about_us_container__column h2 {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: #333333;
}
#about_us .about_us_container__column h2 span {
color: #477a25;
}
#about_us .about_us_container__column p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 180%;
color: #6e6e6e;
margin: 0 0 24px 0;
}
#about_us .about_us_container__column p a {
font-size: 14px;
font-style: normal;
font-weight: 700;
color: #477a25;
}
#about_us .about_us_container__column i {
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 180%;
color: #477a25;
}@media (max-width: 1600px) {
#about_us::before {
left: -10vw;
width: 120vw;
}
}
@media (max-width: 1320px) {
#about_us::before {
left: -52px;
width: calc(100vw + 52px);
}
}
@media (max-width: 760px) {
#about_us::before {
left: -16px;
width: calc(100vw + 16px);
}
#about_us .about_us_container {
flex-direction: column;
}
#about_us .about_us_container__column {
width: 100%;
margin-right: 0;
}
#about_us .about_us_container__column.second {
width: 100%;
}
#about_us .about_us_container__column h2 {
font-size: 20px;
}
}
#our_team h2 {
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: #333333;
margin: 0 0 26px 0;
}
#our_team h2 span {
color: #477a25;
text-decoration: underline;
}
#our_team p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 180%;
color: #333333;
margin: 0 0 53px 0;
}
#our_team .our_team_container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 1320px;
margin-bottom: 91px;
}
#our_team .our_team_container__slot {
display: flex;
flex-direction: row;
width: 24%;
margin-right: 1%;
margin-bottom: 45px;
}
#our_team .our_team_container__slot--image {
width: 123px;
height: 176px;
margin-right: 16px;
}
#our_team .our_team_container__slot--image img {
width: 123px;
height: 176px;
-o-object-fit: contain;
object-fit: contain;
}
#our_team .our_team_container__slot--text .name {
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 180%;
color: #333333;
margin: 0 0 4px 0;
}
#our_team .our_team_container__slot--text .position {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 180%;
color: #333333;
margin: 0 0 4px 0;
}
#our_team .our_team_container__slot--text .tel {
margin: 0;
}
#our_team .our_team_container__slot--text .tel a {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 180%;
color: #333333;
text-decoration: none;
margin: 0;
}
#our_team .our_team_container__slot--text .mail {
margin: 0 0 9px 0;
line-height: 1;
}
#our_team .our_team_container__slot--text .mail a {
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: 180%;
color: #333333;
text-decoration: none;
}
#our_team .our_team_container__slot--text .mail a:hover {
text-decoration: underline;
}
#our_team .our_team_container__slot--text .qrcode {
margin: 0;
line-height: 1;
}
#our_team .our_team_container__slot--text .qrcode a {
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: 180%;
text-decoration: none;
color: #477a25;
}
#our_team .our_team_container__slot--text .qrcode a:hover {
text-decoration: underline;
}@media (max-width: 1600px) {
#our_team .our_team_container__slot {
width: 22%;
}
#our_team .our_team_container__slot--text .position {
font-size: 12px;
}
#our_team .our_team_container__slot--text .tel {
font-size: 12px;
}
#our_team .our_team_container__slot--text .tel a {
font-size: 12px;
}
#our_team .our_team_container__slot--image {
width: 100%;
height: auto;
}
#our_team .our_team_container__slot--image img {
width: 100%;
height: 145px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (max-width: 1460px) {
#our_team .our_team_container__slot {
width: 20%;
}
}
@media (max-width: 1380px) {
#our_team h2 {
font-size: 24px;
}
#our_team p {
font-size: 16px;
margin: 0 0 36px 0;
}
#our_team .our_team_container {
flex-wrap: wrap;
width: 100%;
margin-bottom: 64px;
}
#our_team .our_team_container__slot {
display: flex;
flex-direction: row;
width: 24%;
margin-bottom: 36px;
}
#our_team .our_team_container__slot--text .name {
font-size: 13px;
}
#our_team .our_team_container__slot--text .mail a {
font-size: 9px;
}
#our_team .our_team_container__slot--image {
width: 100px;
height: 158px;
margin-right: 6px;
}
#our_team .our_team_container__slot--image img {
width: 100px;
height: 158px;
-o-object-fit: contain;
object-fit: contain;
}
}
@media (max-width: 1260px) {
#our_team .our_team_container {
margin-bottom: 64px;
}
#our_team .our_team_container__slot {
display: flex;
flex-direction: row;
width: 32%;
}
#our_team .our_team_container__slot--text .position {
font-size: 12px;
}
#our_team .our_team_container__slot--text .tel {
font-size: 12px;
}
#our_team .our_team_container__slot--text .tel a {
font-size: 12px;
}
#our_team .our_team_container__slot--text .mail a {
font-size: 11px;
}
}
@media (max-width: 1080px) {
#our_team .our_team_container {
margin-bottom: 64px;
}
#our_team .our_team_container__slot {
display: flex;
flex-direction: row;
width: 49%;
}
}
@media (max-width: 700px) {
#our_team h2 {
font-size: 20px;
}
#our_team .our_team_container {
margin-bottom: 32px;
}
#our_team .our_team_container__slot {
width: 100%;
}
}
#opinions h2 {
position: relative;
display: inline;
justify-content: center;
align-items: center;
text-align: center;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: #333333;
margin: 0 0 16px 0;
z-index: 1;
gap: 4px;
}
#opinions h2 span {
color: #477a25;
text-decoration: underline;
}
@media (max-width: 800px) {
#opinions h2 {
font-size: 20px;
}
}#blog h2 {
position: relative;
display: inline;
justify-content: center;
align-items: center;
text-align: center;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: #333333;
margin: 0 auto 16px auto;
z-index: 1;
gap: 4px;
text-align: center;
}
#blog h2 span {
color: #477a25;
text-decoration: underline;
}
@media (max-width: 800px) {
#blog h2 {
font-size: 20px;
}
}
#blog .blog {
position: relative;
display: flex;
flex-wrap: wrap;
gap: 49px;
z-index: 1;
padding-bottom: 48px;
}
@media (max-width: 1200px) {
#blog .blog {
gap: 32px 24px;
}
}
@media (max-width: 760px) {
#blog .blog {
gap: 16px;
}
}
#blog .blog-slot {
flex: 1 1 calc((100% - 98px) / 3);
max-width: calc((100% - 98px) / 3);
color: #333333;
text-decoration: none;
margin-bottom: 24px;
}
@media (max-width: 1200px) {
#blog .blog-slot {
flex: 1 1 calc((100% - 24px) / 2);
max-width: calc((100% - 24px) / 2);
}
}
@media (max-width: 760px) {
#blog .blog-slot {
flex: 1 1 100%;
max-width: 100%;
}
}
#blog .blog-slot__img {
width: 100%;
height: 168px;
}
#blog .blog-slot__img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 168px;
}
#blog .blog-slot__text h3 {
font-size: 18px;
color: #333333;
margin: 7px 0 22px 0;
}
@media (max-width: 800px) {
#blog .blog-slot__text h3 {
font-size: 16px;
line-height: 19px;
}
}
#blog .blog-slot__text span {
font-size: 14px;
color: #333333;
font-weight: 400;
margin: 0 0 16px 0;
line-height: 15px;
}
#blog .blog-slot:hover h3 {
color: #477a25;
}.aside_boxes {
margin-top: 0;
margin-bottom: 16px;
}
.aside_boxes_slot {
margin-bottom: -8px;
}
.aside_boxes_slot img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: auto;
margin: 16px 0 0 0;
}@media (max-width: 760px) {
.aside_boxes {
margin: 16px 0 0 0;
}
}
.aside_menu .accordion_box_title {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
height: 36px;
}
.aside_menu .accordion_box_title--title {
font-size: 18px;
font-weight: 700;
line-height: normal;
color: #333333;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.aside_menu .accordion_box_title--img {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.aside_menu .accordion_box_title--img img {
margin-top: 5px;
transition: 0.6s;
transform: rotate(180deg);
}
.aside_menu .accordion_box_title.active img {
transform: rotate(0);
}
.aside_menu .aside_menu_content {
display: block;
position: relative;
z-index: 0;
}
.aside_menu .aside_menu_content.hide {
display: none;
}
.aside_menu .aside_menu_content--title {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 160%;
text-transform: uppercase;
color: #333333;
line-height: normal;
background: #ffffff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin: 16px 0 16px 0;
}
.aside_menu .aside_menu_content--title:hover {
text-decoration: none;
color: #477a25;
text-shadow: 0.4px 0px 0.1px, -0.4px 0px 0.1px;
}
.aside_menu .aside_menu_content--slot {
display: flex;
justify-content: space-between;
padding: 8px 0;
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: normal;
background: #ffffff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin: 0;
}
.aside_menu .aside_menu_content--slot:hover {
text-decoration: none;
color: #477a25;
text-shadow: 0.4px 0px 0.1px, -0.4px 0px 0.1px;
}@media (max-width: 760px) {
.aside_menu .accordion {
margin-bottom: 24px;
}
}
.pagination {
width: 100%;
margin-bottom: 85px;
}
.pagination_container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: center;
}
.pagination_container .dots {
margin-right: 13px;
}
.pagination_container .element {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border: 1px solid #EEE;
background-color: #ffffff;
margin-right: 13px;
cursor: pointer;
box-sizing: border-box;
text-decoration: none;
}
.pagination_container .element p {
font-size: 16px;
font-weight: 400;
line-height: normal;
color: #333333;
text-decoration: none;
}
.pagination_container .element.prev img {
transform: rotate(180deg);
}
.pagination_container .element.active {
background-color: #68b236;
border-color: #68b236;
}
.pagination_container .element.active p {
color: #ffffff;
}
.pagination_container .element:hover {
border: 1px solid #68b236;
}
.pagination_container .element.last img {
width: 35px;
height: 35px;
}
.pagination_container .element.last img:hover {
border: 1px solid #68b236;
}@media (max-width: 760px) {
.pagination {
margin-bottom: 40px;
}
}
.products_blocks_wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
overflow: hidden;
margin-bottom: 45px;
}
.products_blocks_wrapper__slot {
position: relative;
min-width: 249px;
width: 19%;
background-color: #ffffff;
border: 1px solid #e6e6e6;
border-radius: 10px;
margin-right: 1%;
min-height: 494px;
height: 494px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 26px;
box-sizing: border-box;
}
.products_blocks_wrapper__slot:nth-of-type(5n) {
margin-right: 0;
}
.products_blocks_wrapper__slot:hover {
border: 1px solid #68b236;
}
.products_blocks_wrapper__slot.new::after {
position: absolute;
display: block;
top: 13px;
left: 13px;
content: "";
background: url("./../assets/icons/labels/new.svg");
background-color: #ffffff;
width: 83px;
height: 19px;
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
}
.products_blocks_wrapper__slot.promotion::after {
position: absolute;
display: block;
top: 13px;
left: 13px;
content: "";
background: url("./../assets/icons/labels/promotion.svg");
background-color: #ffffff;
width: 95px;
height: 19px;
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
}
.products_blocks_wrapper__slot.topseller::after {
position: absolute;
display: block;
top: 13px;
left: 13px;
content: "";
background: url("./../assets/icons/labels/topseller.svg");
background-color: #ffffff;
width: 86px;
height: 19px;
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot a {
text-decoration: none;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--img {
width: 210px;
height: 210px;
text-align: center;
margin: 24px auto 16px;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--img img {
-o-object-fit: contain;
object-fit: contain;
max-height: 210px;
max-width: 210px;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: left;
height: 56px;
width: 100%;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--title p {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
color: #333333;
margin: 12px 0;
text-align: left;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors {
position: absolute;
left: 26px;
bottom: 52px;
display: inline-flex;
justify-content: flex-start;
flex-wrap: wrap;
height: 15px;
width: 80%;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square {
min-width: 15px;
width: 15px;
height: 15px;
border: 1px solid #D3D3D3;
box-sizing: border-box;
margin-right: 7px;
margin-bottom: 7px;
cursor: pointer;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square.white {
background-color: #ffffff;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square.black {
border: 1px solid #000000;
background-color: #000000;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square.blue {
border: 1px solid #3B99CE;
background-color: #3B99CE;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square.red {
border: 1px solid #FF0000;
background-color: #FF0000;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square.yellow {
border: 1px solid #FFC700;
background-color: #FFC700;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square.green {
border: 1px solid #13A533;
background-color: #13A533;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square.purple {
border: 1px solid #C33BCE;
background-color: #C33BCE;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square.grey {
border: 1px solid #5D5D5D;
background-color: #5D5D5D;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square.orange {
border: 1px solid #FC8800;
background-color: #FC8800;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--price {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100%;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--price p.price {
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: normal;
color: #333333;
text-align: left;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--price p.price span {
font-weight: 700;
font-size: 22px;
color: #477a25;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--price p.old-price {
font-size: 14px;
font-weight: 600;
line-height: normal;
color: #333333;
margin: 0;
padding: 0;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--price p.old-price s {
font-size: 18px;
font-weight: 500;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--btn {
position: absolute;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
width: -moz-max-content;
width: max-content;
height: 35px;
box-sizing: border-box;
border: 1px solid #333333;
border-radius: 10px 0px;
background-color: #e6e6e6;
border-color: rgba(255, 255, 255, 0);
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--btn a {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
font-weight: 300;
line-height: normal;
color: #333333;
padding: 0 0 0 40px;
white-space: pre;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--btn a .cart-btn-text {
display: none;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--btn::before {
position: absolute;
display: block;
content: "";
top: 8px;
left: 12px;
background: url("./../assets/icons/products_block/cart-black.svg");
height: 18px;
width: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--btn:hover {
background-color: #68b236;
border: 1px solid #68b236;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--btn:hover a {
color: #ffffff;
text-decoration: none;
padding: 0 12px 0 40px;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--btn:hover a .cart-btn-text {
display: block;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--btn:hover::before {
position: absolute;
display: block;
background: url("./../assets/icons/products_block/cart-white.svg");
height: 18px;
width: 18px;
background-size: cover;
background-repeat: no-repeat;
}@media (max-width: 1600px) {
.products_blocks_wrapper__slot {
padding: 15px;
}
.products_blocks_wrapper__slot > a {
width: 100%;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--img {
margin: 32px auto 32px;
width: 100%;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--price p {
width: 100%;
padding-bottom: 0;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--title p {
width: 100%;
font-size: 14px;
padding-bottom: 0;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors {
left: 15px;
width: 86%;
}
}
@media (max-width: 1320px) {
.products_blocks_wrapper {
justify-content: center;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--title {
margin: 0;
width: 100%;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--price {
margin: 0;
width: 100%;
}
}
@media (max-width: 760px) {
.products_blocks_wrapper {
max-height: unset;
margin-bottom: 24px;
}
.products_blocks_wrapper__slot {
width: 100%;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot > a {
width: 100%;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--title p {
font-size: 14px;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--img {
margin: 32px auto 32px;
}
}
.footer {
background-color: #68b236;
}
.footer_top {
display: flex;
flex-direction: row;
justify-content: space-between;
height: auto;
width: 1320px;
margin: 0 auto;
}
.footer_top-col {
display: flex;
flex-direction: column;
margin: 49px 0 20px 0;
}
.footer_top-col--title p {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
color: #333333;
}
@media (max-width: 760px) {
.footer_top-col--title p {
margin-top: 0;
}
}
.footer_top-col--text {
line-height: 13px;
}
.footer_top-col--text .small-text {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0;
}
.footer_top-col--text a {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0;
}
.footer_top-col--text.telephone {
position: relative;
padding-left: 27px;
margin-bottom: 6px;
}
.footer_top-col--text.telephone a {
font-size: 16px;
}
.footer_top-col--text.telephone::before {
position: absolute;
display: block;
content: "";
top: 4px;
left: 4px;
background: url("./../assets/icons/footer/telephone.svg");
height: 15px;
width: 15px;
background-size: contain;
background-repeat: no-repeat;
}
.footer_top-col--text.mail {
position: relative;
padding-left: 27px;
margin-bottom: 12px;
}
.footer_top-col--text.mail a {
font-size: 16px;
}
.footer_top-col--text.mail::before {
position: absolute;
display: block;
content: "";
top: 8px;
left: 4px;
background: url("./../assets/icons/footer/email.svg");
height: 15px;
width: 15px;
background-size: contain;
background-repeat: no-repeat;
}
.footer_top-col--text.hours {
position: relative;
padding-left: 27px;
margin-bottom: 12px;
}
.footer_top-col--text.hours::before {
position: absolute;
display: block;
content: "";
top: 0px;
left: 4px;
background: url("./../assets/icons/footer/hours.svg");
height: 15px;
width: 15px;
background-size: contain;
background-repeat: no-repeat;
}
.footer_top-col--text.location {
position: relative;
padding-left: 27px;
}
.footer_top-col--text.location::before {
position: absolute;
display: block;
content: "";
top: 0px;
left: 4px;
background: url("./../assets/icons/footer/location.svg");
height: 15px;
width: 15px;
background-size: contain;
background-repeat: no-repeat;
}
.footer_top-col .newsletter_footer_container {
display: flex;
width: 243px;
height: 35px;
box-sizing: border-box;
border: 1px solid #8a8a8a;
margin-bottom: 23px;
}
.footer_top-col .newsletter_footer_container #newsletter_input {
display: flex;
width: 243px;
height: 35px;
box-sizing: border-box;
border: 0;
padding: 12px 0;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 0 8px;
}
.footer_top-col .newsletter_footer_container #newsletter_input:hover, .footer_top-col .newsletter_footer_container #newsletter_input:focus {
border: 0;
outline: 1px solid #68b236;
}
.footer_top-col .newsletter_footer_container #newsletter_btn {
display: flex;
width: 82px;
height: 35px;
box-sizing: border-box;
background-color: #333333;
color: #ffffff;
border: 0;
cursor: pointer;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 35px;
white-space: pre;
}
.footer_top-col .newsletter_footer_container #newsletter_btn:hover {
filter: brightness(1.1);
}
.footer_top-col--img {
margin-left: 50px;
}
@media (max-width: 800px) {
.footer_top-col--img {
margin: 0;
}
}
@media (max-width: 800px) {
.footer_top-col--img img {
height: 56px;
width: auto;
}
}
.footer_bottom {
background-color: #333333;
width: 100%;
height: auto;
padding-top: 2px;
}
.footer_bottom p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #f0f5f9;
text-align: center;
margin-bottom: 0;
}
.footer_bottom .contip {
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0;
}
.footer_bottom .contip img {
margin-top: 15px;
margin-left: 10px;
}
.footer_center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 32px;
padding: 32px 0;
}
.footer_center .slot-offices {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 6px;
}
@media (max-width: 760px) {
.footer_center .slot-offices {
justify-content: flex-start;
padding: 0 16px;
}
}
.footer_center .slot-offices span {
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 156%;
margin: 0;
}
@media (max-width: 760px) {
.footer_center .slot-offices span {
font-size: 12px;
}
}
.footer_center .slot-offices a {
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 156%;
margin: 0;
text-decoration: none;
border-right: 1px solid #333333;
padding: 0 7px 0 2px;
}
.footer_center .slot-offices a:last-of-type {
border-right: 0;
}
.footer_center .slot-offices a:hover {
text-decoration: underline;
}
@media (max-width: 760px) {
.footer_center .slot-offices a {
font-size: 12px;
}
}
.footer_center .slot-links {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 6px;
}
@media (max-width: 760px) {
.footer_center .slot-links {
justify-content: flex-start;
padding: 0 16px;
}
}
.footer_center .slot-links a {
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 156%;
margin: 0;
text-decoration: none;
border-right: 1px solid #333333;
padding: 0 14px 0 6px;
}
.footer_center .slot-links a:last-of-type {
border-right: 0;
}
.footer_center .slot-links a:hover {
text-decoration: underline;
}
@media (max-width: 760px) {
.footer_center .slot-links a {
font-size: 12px;
}
}@media (max-width: 1600px) {
.footer_top {
width: 80vw;
margin: 0 auto;
}
}
@media (max-width: 1320px) {
.footer_top {
width: 97%;
margin-left: 16px;
margin-right: 16px;
}
}
@media (max-width: 1080px) {
.footer_top {
width: 100%;
flex-wrap: wrap;
}
.footer_top-col {
width: 50%;
}
.footer_bottom p {
font-size: 16px;
}
}
@media (max-width: 590px) {
.footer_top {
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
.footer_top-col {
width: 100%;
justify-content: center;
margin: 16px 0;
}
.footer_bottom p {
font-size: 12px;
}
.footer_bottom .contip {
margin-top: -16px;
font-size: 12px;
}
.footer_bottom .contip img {
height: 20px;
margin-left: 15px;
}
}
@media (max-width: 400px) {
.footer_bottom p {
font-size: 10px;
}
.footer_bottom .contip {
font-size: 10px;
}
.footer_bottom .contip img {
margin-left: 15px;
}
}
@media (max-width: 370px) {
.footer_bottom p {
font-size: 9px;
}
.footer_bottom .contip {
font-size: 9px;
}
.footer_bottom .contip img {
margin-left: 15px;
}
}
.button01 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px;
border: 1px solid #8a8a8a;
background-color: #ffffff;
height: 46px;
width: -moz-max-content;
width: max-content;
z-index: 1;
}
.button01 a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
width: 100%;
height: 100%;
padding: 8px 36px 8px 24px;
}
.button01 a::after {
position: absolute;
display: block;
content: "";
top: calc(50% - 6px);
right: 16px;
background: url("./../assets/icons/arrow-right-grey.svg");
height: 12px;
width: 12px;
background-size: contain;
background-repeat: no-repeat;
z-index: 0;
}
.button01:hover {
border: 1px solid #ffffff;
background-color: #68b236;
}
.button01:hover a {
text-decoration: none;
color: #ffffff;
}
.button01:hover a::after {
background: url("./../assets/icons/arrow-right-white.svg");
background-size: contain;
background-repeat: no-repeat;
}.full-green--btn {
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
box-sizing: border-box;
border-radius: 10px;
height: 40px;
width: -moz-max-content;
width: max-content;
}
.full-green--btn button {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #1f1f1f;
background-color: #90d065;
border-radius: 10px;
height: 40px;
width: 100%;
box-sizing: border-box;
border: 1px solid #ffffff;
}
.full-green--btn:hover button {
color: #477a25;
background-color: #ffffff;
border: 1px solid #90d065;
}.green-white--btn {
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
box-sizing: border-box;
border-radius: 10px;
height: 40px;
width: -moz-max-content;
width: max-content;
}
.green-white--btn button {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #477a25;
background-color: #ffffff;
border-radius: 10px;
height: 40px;
width: 100%;
box-sizing: border-box;
border: 1px solid #90d065;
}
.green-white--btn:hover button {
color: #1f1f1f;
background-color: #90d065;
border: 1px solid #90d065;
}.cart_bottom_button_container {
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
box-sizing: border-box;
border-radius: 10px;
height: 47px;
width: -moz-max-content;
width: max-content;
margin-top: 6px;
margin-bottom: 40px;
}
.cart_bottom_button_container a {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 47px;
color: #477a25;
background-color: #ffffff;
border-radius: 10px;
height: 47px;
width: 100%;
box-sizing: border-box;
border: 1px solid #90d065;
text-decoration: none;
padding: 0 33px;
text-transform: uppercase;
}
.cart_bottom_button_container:hover a {
color: #1f1f1f;
background-color: #90d065;
border: 1px solid #90d065;
}@media (max-width: 760px) {
.cart_bottom_button_container {
margin: 0 auto;
}
.cart_bottom_button_container a {
font-size: 14px;
}
}
.category_filters .clear-filters-btn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 34px;
border: 1px solid #68b236;
color: #477a25;
background-color: #ffffff;
font-size: 14px;
border-radius: 10px;
}
.category_filters .clear-filters-btn:hover {
background-color: #68b236;
color: #1f1f1f;
}
.category_filters .accordion_box_title {
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
margin-top: 15px;
height: 36px;
}
.category_filters .accordion_box_title .title {
font-size: 18px;
font-weight: 700;
line-height: normal;
color: #333333;
text-transform: uppercase;
margin-bottom: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin-top: 0;
}
.category_filters .accordion_box_title--img {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.category_filters .accordion_box_title--img img {
margin-top: 5px;
transition: 0.6s;
transform: rotate(180deg);
}
.category_filters .accordion_box_title.active img {
transform: rotate(0);
}
.category_filters-slot {
display: block;
}
.category_filters-slot.hide {
display: none;
}
.category_filters-slot--list {
padding-left: 0;
margin-top: 10px;
}
.category_filters-slot--list li {
list-style: none;
display: inline-flex;
width: 100%;
padding: 4px 0;
}
.category_filters-slot--list li label {
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 400;
line-height: normal;
color: #333333;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin-left: 12px;
}
.category_filters-slot--list li label p,
.category_filters-slot--list li label span {
display: inline-flex;
font-size: 14px;
font-weight: 400;
line-height: normal;
color: #6e6e6e;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin: 0;
}
.category_filters-slot--list li label p {
display: block;
margin-left: 4px;
white-space: pre;
}
.category_filters-slot--list li label .color_square {
display: inline-flex;
width: 15px;
height: 15px;
border: 1px solid #d3d3d3;
box-sizing: border-box;
margin-right: 8px;
cursor: pointer;
}
.category_filters-slot--list li label .color_square.white {
background-color: #ffffff;
}
.category_filters-slot--list li label .color_square.darkblue {
border: 1px solid #020054;
background-color: #020054;
}
.category_filters-slot--list li label .color_square.red {
border: 1px solid #ff0000;
background-color: #ff0000;
}
.category_filters-slot--list li label .color_square.yellow {
border: 1px solid #ffc700;
background-color: #ffc700;
}
.category_filters-slot--list li label .color_square.green {
border: 1px solid #64c14d;
background-color: #64c14d;
}
.category_filters-slot--list li label .color_square.purple {
border: 1px solid #5945a9;
background-color: #5945a9;
}
.category_filters-slot--list li label .color_square.brown {
border: 1px solid #674c4c;
background-color: #674c4c;
}
.category_filters-slot--list li label .color_square.yellow2 {
border: 1px solid #ffda58;
background-color: #ffda58;
}
.category_filters-slot .filters-btns {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-left: 24px;
cursor: pointer;
}
.category_filters-slot .filters-btns .expand-filters-btn,
.category_filters-slot .filters-btns .set-changes-filters-btn {
position: relative;
}
.category_filters-slot .filters-btns .expand-filters-btn p,
.category_filters-slot .filters-btns .set-changes-filters-btn p {
font-size: 12px;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
margin: 0;
}
.category_filters-slot .filters-btns .expand-filters-btn {
margin-left: 8px;
}
.category_filters-slot .filters-btns .expand-filters-btn.hide {
visibility: hidden;
}
.category_filters-slot .filters-btns .expand-filters-btn::before {
position: absolute;
display: block;
content: "";
top: 2px;
left: -28px;
background: url("./../assets/icons/products_block/more_plus.svg");
height: 14px;
width: 14px;
background-size: cover;
background-repeat: no-repeat;
}
.category_filters-slot .price_filters_box .range-slider {
margin-top: -35px;
margin-bottom: 30px;
position: relative;
width: 100%;
height: 50px;
float: none;
text-align: center;
}
.category_filters-slot .price_filters_box .range-slider input[type=range] {
pointer-events: none;
position: absolute;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
border: none;
border-radius: 14px;
background: #e1e1e1;
box-shadow: inset 0 1px 0 0 #bbbbbb, inset 0 -1px 0 0 #c8c8c8;
-webkit-box-shadow: inset 0 1px 0 0 #bbbbbb, inset 0 -1px 0 0 #c8c8c8;
left: 0;
top: 50px;
width: 100%;
outline: none;
height: 20px;
margin: 0;
padding: 0;
width: 100%;
-webkit-appearance: none;
height: 5px;
background: #68b236;
border-radius: 5px;
background-image: linear-gradient(#68b236, #68b236);
background-size: 70% 100%;
background-repeat: no-repeat;
}
.category_filters-slot .price_filters_box .range-slider input[type=range]::-webkit-slider-thumb {
pointer-events: all;
position: relative;
z-index: 2;
outline: 0;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: none;
border-radius: 14px;
background-color: #E1E1E1;
width: 16px;
height: 16px;
}
.category_filters-slot .price_filters_box .range-slider input[type=range]::-moz-range-thumb {
width: 16px;
height: 16px;
pointer-events: all;
position: relative;
z-index: 1;
-moz-appearance: none;
width: 20px;
height: 20px;
border: none;
border-radius: 14px;
background-color: #E1E1E1;
}
.category_filters-slot .price_filters_box .range-slider input[type=range]::-ms-thumb {
pointer-events: all;
position: relative;
z-index: 2;
-ms-appearance: none;
width: 20px;
height: 20px;
border-radius: 14px;
border: 0;
}
.category_filters-slot .price_filters_box .range-slider input[type=range]::-moz-range-track {
position: relative;
z-index: -1;
background-color: rgb(0, 0, 0);
border: 0;
}
.category_filters-slot .price_filters_box .range-slider input[type=range]:last-of-type::-moz-range-track {
-moz-appearance: none;
background: none transparent;
border: 0;
}
.category_filters-slot .price_filters_box .range-slider input[type=range]::-moz-focus-outer {
border: 0;
}
.category_filters-slot .price_filters_box .price_filter_range {
margin: 10px 0 15px 0;
}
.category_filters-slot .price_filters_box .price_filter_range input {
width: 100%;
-webkit-appearance: none;
height: 5px;
background: #68b236;
border-radius: 5px;
background-image: linear-gradient(#68b236, #68b236);
background-size: 70% 100%;
background-repeat: no-repeat;
}
.category_filters-slot .price_filters_box .price_filter_range input::-webkit-slider-thumb {
-webkit-appearance: none;
height: 16px;
width: 16px;
border-radius: 100%;
background: #e1e1e1;
}
.category_filters-slot .price_filters_box .price_filter_range input::-webkit-slider-runnable-track {
-webkit-appearance: none;
box-shadow: none;
border: none;
background: rgba(255, 255, 255, 0);
}
.category_filters-slot .price_filters_box .price_filter_container {
margin-top: 10px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.category_filters-slot .price_filters_box .price_filter_container--from input {
margin-right: 2%;
}
.category_filters-slot .price_filters_box .price_filter_container--to input {
margin-left: 2%;
}
.category_filters-slot .price_filters_box .price_filter_container--from, .category_filters-slot .price_filters_box .price_filter_container--to {
display: inline-block;
width: 111px;
height: 35px;
}
.category_filters-slot .price_filters_box .price_filter_container--from input, .category_filters-slot .price_filters_box .price_filter_container--to input {
font-family: "Poppins", sans-serif;
width: 96%;
height: 35px;
border: 1px solid #e6e6e6;
font-size: 14px;
font-weight: 300;
line-height: normal;
color: #333333;
padding: 0 12px;
box-sizing: border-box;
border-radius: 10px;
}
.category_filters-slot .price_filters_box .price_filter_container--from input::-moz-placeholder, .category_filters-slot .price_filters_box .price_filter_container--to input::-moz-placeholder {
color: #333333;
}
.category_filters-slot .price_filters_box .price_filter_container--from input::placeholder, .category_filters-slot .price_filters_box .price_filter_container--to input::placeholder {
color: #333333;
}
.category_filters-slot .price_filters_box .price_filter_container--from input:hover, .category_filters-slot .price_filters_box .price_filter_container--from input:active, .category_filters-slot .price_filters_box .price_filter_container--from input:focus, .category_filters-slot .price_filters_box .price_filter_container--to input:hover, .category_filters-slot .price_filters_box .price_filter_container--to input:active, .category_filters-slot .price_filters_box .price_filter_container--to input:focus {
border: 1px solid #68b236;
outline: 0;
}
.category_filters-slot .price_filters_box .set-prices {
margin-top: 10px;
cursor: pointer;
display: flex;
width: 100%;
height: 35px;
border-radius: 10px;
border: 1px solid #e6e6e6;
box-sizing: border-box;
}
.category_filters-slot .price_filters_box .set-prices button {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
background-color: #ffffff;
font-size: 12px;
font-weight: 400;
line-height: 35px;
margin: 0 auto;
text-align: center;
}
.category_filters-slot .price_filters_box .set-prices:hover {
background-color: #68b236;
}
.category_filters-slot .price_filters_box .set-prices:hover button {
border-color: #ffffff;
background-color: #68b236;
color: #1f1f1f;
}.category_main h1.title {
font-size: 22px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.category_main p.description {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
color: #6e6e6e;
}
.category_main .products_blocks_wrapper__slot a {
text-decoration: none;
}@media (max-width: 760px) {
.category_main p.description {
font-size: 14px;
}
.category_main .products_blocks_wrapper__slot > a {
width: 100%;
}
}
.category_top_options {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 35px;
}
.category_top_options__left, .category_top_options__right {
display: flex;
align-items: center;
}
.category_top_options__left--element p, .category_top_options__right--element p {
font-size: 14px;
font-weight: 400;
line-height: normal;
color: #333333;
margin-right: 10px;
white-space: pre;
}
.category_top_options__left--element.filter select, .category_top_options__right--element.filter select {
cursor: pointer;
font-size: 14px;
font-weight: 400;
color: #333333;
border: 1px solid #e6e6e6;
border-radius: 10px;
padding: 8px 12px;
background-color: #ffffff;
}
.category_top_options__left--element.filter select:hover, .category_top_options__left--element.filter select:focus, .category_top_options__right--element.filter select:hover, .category_top_options__right--element.filter select:focus {
border: 1px solid #68b236;
outline: 0;
}
.category_top_options__left--element.filter select option, .category_top_options__right--element.filter select option {
padding: 12px;
}
.category_top_options__right {
margin-right: 1%;
}
.category_top_options__right--element p {
margin-left: 10px;
}@media (max-width: 760px) {
.category_top_options {
margin-bottom: 24px;
flex-direction: column;
align-items: flex-start;
}
.category_top_options__right {
margin-right: 0;
}
.category_top_options p {
margin-left: 0;
}
}
.top-categories h1 {
text-align: center;
font-size: 22px;
line-height: normal;
font-weight: bold;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.top-categories h1 {
font-size: 20px;
}
}
.top-categories-box {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
margin-bottom: 40px;
}
@media (max-width: 991px) {
.top-categories-box {
margin-bottom: 8px;
}
}
.top-categories-box__slot {
font-size: 16px;
font-weight: 400;
line-height: 156%;
color: #333333;
border-right: 1px solid #333333;
padding-right: 10px;
text-decoration: none;
}
.top-categories-box__slot:last-of-type {
border-right: 0;
padding-right: 0;
}
.top-categories-box__slot:hover, .top-categories-box__slot.active {
color: #477a25;
font-weight: bolder;
text-decoration: none;
}
@media (max-width: 991px) {
.top-categories-box__slot {
font-size: 14px;
line-height: 16px;
}
}.gallery-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
background-color: #ffffff;
margin: 0 auto;
padding: 10px 10px 10px 0;
width: 100%;
height: auto;
box-sizing: border-box;
margin-right: 24px;
margin-top: 10px;
}
.gallery-container-small {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: auto;
}
.gallery-container-small .gallery-item {
border-radius: 10px;
border: 1px solid #e6e6e6;
cursor: pointer;
width: 106px;
height: 106px;
margin-right: 16px;
margin-bottom: 16px;
box-sizing: border-box;
}
.gallery-container-small .gallery-item img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 5px;
box-sizing: border-box;
}
.gallery-container-small .gallery-item img:hover {
filter: opacity(0.8);
}
.gallery-container-big {
display: flex;
justify-content: flex-start;
flex-direction: row;
}
.gallery-container-big .gallery-item {
position: relative;
margin-bottom: 9px;
cursor: pointer;
width: 100%;
height: 600px;
box-sizing: border-box;
}
.gallery-container-big .gallery-item img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 25px;
box-sizing: border-box;
}
.gallery-container-big .gallery-item img:hover {
filter: opacity(0.8);
}
.gallery-container-big .gallery-item.big {
position: relative;
}
.gallery-container-big .gallery-item.big .left-bottom-size {
position: absolute;
left: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
width: 53px;
height: 53px;
border-radius: 100%;
background-color: #0083bc;
}
.gallery-container-big .gallery-item.big .left-bottom-size p {
display: flex;
justify-content: center;
align-items: center;
font-size: 28px;
margin: 0;
color: #fff;
}.lightbox {
position: fixed;
display: none;
background-color: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
overflow: auto;
top: 0;
left: 0;
z-index: 99999;
}.lightbox-content {
position: relative;
width: 70%;
height: 70%;
margin: 5% auto;
max-width: 40vw;
background-color: #FFFFFF;
}.lightbox-content img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}.lightbox-prev {
position: absolute;
color: #fff;
padding: 12px;
top: 45%;
cursor: pointer;
font-size: 0 !important;
width: 35px;
height: 60px;
background: url("./../assets/icons/gallery/products_arrow_slider.svg");
background-size: 35px 60px;
background-repeat: no-repeat;
transform: rotate(180deg) translateY(20px);
left: 0;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}.lightbox-next {
position: absolute;
color: #fff;
padding: 12px;
top: 45%;
cursor: pointer;
font-size: 0 !important;
width: 35px;
height: 60px;
background: url("./../assets/icons/gallery/products_arrow_slider.svg");
background-size: 35px 60px;
background-repeat: no-repeat;
right: 0;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}.lightbox-prev:hover,
.lightbox-next:hover {
opacity: 0.8;
}.lightbox-close {
position: absolute;
color: #fff;
padding: 12px;
cursor: pointer;
font-size: 0 !important;
width: 8px;
height: 8px;
background: url("./../assets/icons/gallery/close_discount_modal.svg");
background-size: contain;
background-repeat: no-repeat;
top: 5px;
right: 5px;
}@media (min-width: 761px) {
.lightbox-prev {
left: -72px;
}
.lightbox-next {
right: -72px;
}
}
@media (max-width: 1600px) {
.gallery-container {
margin-left: 0;
}
.gallery-container-small {
justify-content: center;
}
}
@media (max-width: 760px) {
.gallery-container-big .big {
position: relative;
}
.gallery-container-big .big .left-bottom-size {
width: 40px !important;
height: 40px !important;
}
.gallery-container-big .big .left-bottom-size p {
font-size: 22px !important;
}
}
@media (max-width: 760px) {
.gallery-container {
width: 100%;
box-sizing: border-box;
padding: 0;
min-width: unset;
}
.gallery-container-small .gallery-item {
width: 24.25%;
margin-right: 1%;
}
.gallery-container-small .gallery-item:nth-of-type(4n) {
margin-right: 0;
}
.lightbox .lightbox-content {
width: calc(100% - 20px);
height: 60%;
margin: 15vh auto;
max-width: calc(100vw - 20px);
}
.lightbox-close {
padding: 6px;
}
.lightbox-prev {
width: 25px;
background-size: 25px 45px;
transform: rotate(180deg) translateY(40%);
}
.lightbox-next {
width: 25px;
background-size: 25px 45px;
}
}@media (max-width: 760px) {
.gallery-container-big .gallery-item {
width: 100%;
}
}
.row__container.products-page-row .col__product_images {
width: 46%;
}
.row__container.products-page-row .col__product_details {
width: 54%;
}@media (max-width: 1140px) {
.row__container.products-page-row .col__product_images {
width: 100%;
}
.row__container.products-page-row .col__product_details {
width: 100%;
}
}
.products_details {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
border-radius: 10px;
border: 1px solid #d3d3d3;
background-color: #ffffff;
margin-bottom: 74px;
padding: 19px 28px;
box-sizing: border-box;
margin-top: 10px;
}
.products_details__top .name {
font-size: 25px;
font-weight: 700;
line-height: 38px;
color: #333333;
margin: 0;
}
.products_details__top .code {
font-size: 15px;
font-weight: 400;
line-height: 24px;
color: #333333;
margin: 0 0 17px 0;
}
.products_details__top .products-variants {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 0 35px 0;
}
.products_details__top .products-variants--slot {
display: flex;
width: 52px;
min-width: 52px;
height: 61px;
border-radius: 5px;
margin-right: 2px;
cursor: pointer;
border: 2px solid rgba(255, 255, 255, 0);
}
.products_details__top .products-variants--slot img {
padding: 6px;
-o-object-fit: contain;
object-fit: contain;
box-sizing: content-box;
margin: 0 auto;
width: auto;
height: auto;
}
.products_details__top .products-variants--slot.active, .products_details__top .products-variants--slot:hover {
border: 2px solid #68b236;
}
.products_details__top .pricing_availability_container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-bottom: 43px;
}
.products_details__top .pricing_availability_container__btn {
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
border: 1px solid #ffffff;
background-color: #90d065;
width: -moz-max-content;
width: max-content;
box-sizing: border-box;
border-radius: 10px;
}
.products_details__top .pricing_availability_container__btn button {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #1f1f1f;
background-color: #90d065;
padding: 8px 60px 8px 24px;
border-radius: 10px;
white-space: pre;
}
.products_details__top .pricing_availability_container__btn button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope.svg") no-repeat;
background-position: center;
background-size: contain;
width: 28px;
height: 17px;
top: 13px;
right: 22px;
}
.products_details__top .pricing_availability_container__btn:hover {
border: 1px solid #90d065;
background-color: #ffffff;
}
.products_details__top .pricing_availability_container__btn:hover button {
color: #477a25;
background-color: #ffffff;
}
.products_details__top .pricing_availability_container__btn:hover button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope_green.svg") no-repeat;
background-position: center;
background-size: contain;
width: 28px;
height: 17px;
top: 13px;
right: 22px;
}
.products_details__top .pricing_availability_container__availability {
margin-left: 37px;
}
.products_details__top .pricing_availability_container__availability p {
display: inline-flex;
align-items: center;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 17px;
color: #333333;
margin: 0;
}
.products_details__top .pricing_availability_container__availability p .circle {
display: block;
width: 16px;
height: 16px;
border-radius: 100%;
margin: 0 9px;
}
.products_details__top .pricing_availability_container__availability p .circle.green {
background-color: #68b236;
}
.products_details__top .pricing_availability_container__availability p .grey {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 15px;
color: #6e6e6e;
white-space: pre;
margin-top: 2px;
}
.products_details__bottom {
display: flex;
flex-direction: row;
justify-content: stretch;
border-top: 1px solid #d3d3d3;
margin-left: -28px;
margin-right: -28px;
border-radius: 0 0 10px 10px;
}
.products_details__bottom_left {
display: flex;
flex-direction: column;
border-right: 1px solid #d3d3d3;
width: 60%;
height: 100%;
padding-top: 18px;
margin-bottom: -18px;
background-color: #f8f8f8;
border-radius: 0 0 0 10px;
padding: 16px 16px 16px 0;
box-sizing: border-box;
}
.products_details__bottom_left .input-slot label {
position: relative;
display: inline-flex;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #477a25;
margin: 0 0 15px 87px;
margin-left: 28px;
align-items: center;
width: 100%;
}
.products_details__bottom_left .input-slot label.products_quantity::before, .products_details__bottom_left .input-slot label.products_branding_method::before, .products_details__bottom_left .input-slot label.products_print_colors_quantity::before, .products_details__bottom_left .input-slot label.products_print_postion::before {
position: relative;
background-color: #68b236;
color: #1f1f1f;
display: flex;
width: 36px;
min-width: 36px;
height: 36px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 100%;
margin-right: 18px;
z-index: 2;
}
.products_details__bottom_left .input-slot label.products_quantity::before {
content: "1";
}
.products_details__bottom_left .input-slot label.products_branding_method::before {
content: "2";
}
.products_details__bottom_left .input-slot label.products_print_colors_quantity::before {
content: "3";
}
.products_details__bottom_left .input-slot label.products_print_postion::before {
content: "4";
}
.products_details__bottom_left .input-slot label::after {
position: absolute;
top: 50%;
left: 17px;
display: block;
content: "";
width: 1px;
height: 300%;
background-color: #68b236;
z-index: 1;
}
.products_details__bottom_left .input-slot input,
.products_details__bottom_left .input-slot select {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
width: 70%;
height: 40px;
box-sizing: border-box;
padding-left: 12px;
border: 1px solid #e2e2e2;
margin: 0 0 25px 87px;
}
.products_details__bottom_left .input-slot input:focus, .products_details__bottom_left .input-slot input:hover,
.products_details__bottom_left .input-slot select:focus,
.products_details__bottom_left .input-slot select:hover {
border: 1px solid #68b236;
outline: 0;
}
.products_details__bottom_left .input-slot input::-webkit-inner-spin-button, .products_details__bottom_left .input-slot input::-webkit-outer-spin-button,
.products_details__bottom_left .input-slot select::-webkit-inner-spin-button,
.products_details__bottom_left .input-slot select::-webkit-outer-spin-button {
opacity: 1;
}
.products_details__bottom_left .text-slot {
margin: 0 0 0 87px;
}
.products_details__bottom_left .text-slot.upload-files {
position: relative;
}
.products_details__bottom_left .text-slot.upload-files .title {
margin-top: -30px;
}
.products_details__bottom_left .text-slot.upload-files .title::before {
position: relative;
content: "5";
background-color: #68b236;
color: #1f1f1f;
display: flex;
width: 36px;
height: 36px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 100%;
left: -58px;
top: 30px;
z-index: 2;
}
.products_details__bottom_left .text-slot .title {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #477a25;
margin: 0 0 5px 0;
}
.products_details__bottom_left .text-slot .desc {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0 0 15px 0;
}
.products_details__bottom_left .text-slot:last-of-type {
margin-bottom: 33px;
}
.products_details__bottom_left .add-files {
display: flex;
flex-direction: column;
border-radius: 10px;
border: 1px dashed #68b236;
background: #ffffff;
padding: 10px 20px;
box-sizing: border-box;
margin: 0;
min-height: 70px;
cursor: pointer;
width: 70%;
box-sizing: border-box;
margin: 0 0 25px 87px;
}
.products_details__bottom_left .add-files-title {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 10px 0 0 0;
}
.products_details__bottom_left .add-files-img {
display: flex;
justify-content: center;
align-items: center;
margin: 8px auto;
}
.products_details__bottom_left .add-files-text {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
text-align: center;
margin: 0;
}
.products_details__bottom_left .add-files input[type=file] {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
text-align: center;
margin: 0;
margin-left: auto;
}
.products_details__bottom_left .add-files input[type=file]::file-selector-button {
visibility: hidden;
}
.products_details__bottom_right {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 327px;
height: 100%;
padding: 0 10px 10px 10px;
box-sizing: border-box;
}
.products_details__bottom_right.with-branding .title {
margin: 18px 0 0 0;
}
.products_details__bottom_right.with-branding .desc.middle {
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 25px 0 4px 0;
}
.products_details__bottom_right.with-branding .desc.bottom {
margin: 0 0 20px 0;
}
.products_details__bottom_right.with-branding .price {
margin: 0;
}
.products_details__bottom_right.with-branding .full-green--btn,
.products_details__bottom_right.with-branding .green-white--btn {
width: 80%;
margin: 0 0 15px 0;
}
.products_details__bottom_right.with-branding .full-green--btn button,
.products_details__bottom_right.with-branding .green-white--btn button {
font-size: 17px;
}
.products_details__bottom_right .title {
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 18px 0 25px 0;
}
.products_details__bottom_right .title.green {
color: #477a25;
margin: 0 0 25px 0;
}
.products_details__bottom_right .price {
text-align: center;
margin: 0 0 45px 0;
}
.products_details__bottom_right .price .big {
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 4px;
}
.products_details__bottom_right .price .large {
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 4px;
}
.products_details__bottom_right .price .green {
color: #477a25;
}
.products_details__bottom_right .desc {
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0;
}@media (max-width: 1600px) {
.products_details {
width: 100%;
}
.products_details__top .products-variants {
margin: 0 0 28px 0;
}
.products_details .pricing_availability_container__btn {
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
border: 1px solid #ffffff;
background-color: #90d065;
width: -moz-max-content;
width: max-content;
box-sizing: border-box;
border-radius: 10px;
}
.products_details .pricing_availability_container__btn button {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #1f1f1f;
background-color: #90d065;
padding: 8px 50px 8px 20px;
border-radius: 10px;
white-space: pre;
}
.products_details .pricing_availability_container__btn button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope.svg") no-repeat;
background-position: center;
background-size: contain;
width: 26px;
height: 17px;
top: 10px;
right: 17px;
}
.products_details .pricing_availability_container__btn:hover {
border: 1px solid #90d065;
background-color: #ffffff;
}
.products_details .pricing_availability_container__btn:hover button {
color: #477a25;
background-color: #ffffff;
}
.products_details .pricing_availability_container__btn:hover button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope_green.svg") no-repeat;
background-position: center;
background-size: contain;
width: 26px;
height: 17px;
top: 10px;
right: 17px;
}
.products_details .pricing_availability_container__availability {
margin: 0 0 0 24px;
}
.products_details .pricing_availability_container__availability p {
font-size: 14px;
line-height: 14px;
}
.products_details .pricing_availability_container__availability p .grey {
font-size: 13px;
line-height: 13px;
}
.products_details__bottom_left {
width: 55%;
}
.products_details__bottom_left .input-slot label {
font-size: 16px;
}
.products_details__bottom_left .input-slot label.products_quantity::before, .products_details__bottom_left .input-slot label.products_branding_method::before, .products_details__bottom_left .input-slot label.products_print_colors_quantity::before, .products_details__bottom_left .input-slot label.products_print_postion::before {
margin-right: 22px;
}
.products_details__bottom_left .input-slot input,
.products_details__bottom_left .input-slot select {
width: 64%;
font-size: 14px;
}
.products_details__bottom_left .text-slot .desc {
width: 80%;
}
.products_details__bottom_left .upload-files,
.products_details__bottom_left .add-files {
width: 64%;
}
.products_details__bottom_left .upload-files .title,
.products_details__bottom_left .add-files .title {
font-size: 16px;
}
.products_details__bottom_right {
width: 45%;
}
.products_details__bottom_right .full-green--btn button,
.products_details__bottom_right .green-white--btn button {
font-size: 14px !important;
}
}
@media (max-width: 1400px) and (min-width: 1320px) {
.products_details__bottom_left .input-slot select,
.products_details__bottom_left .input-slot input {
width: 60%;
}
.products_details__bottom_left .add-files {
width: 60%;
}
.products_details__bottom_left .add-files input[type=file] {
margin-left: -30px;
}
.products_details__bottom_left .desc {
width: 90%;
}
}
@media (max-width: 960px) {
.col__product_details {
width: 100%;
}
.col__product_details .products_details {
width: 100%;
}
.col__product_details .products_details__top {
display: flex;
flex-direction: column;
width: 100%;
}
.col__product_details .products_details__top h1 {
font-size: 20px;
line-height: 28px;
}
.col__product_details .products_details__top .code {
font-size: 14px;
line-height: 160%;
}
.col__product_details .products_details__top .products-variants {
flex-wrap: wrap;
}
.col__product_details .products_details__top .pricing_availability_container {
flex-direction: column;
}
.col__product_details .products_details__top .pricing_availability_container__availability {
margin: 15px 0 0 0;
}
.col__product_details .products_details__top .pricing_availability_container__availability p,
.col__product_details .products_details__top .pricing_availability_container__availability span {
font-size: 14px;
line-height: 160%;
}
.col__product_details .products_details__top .pricing_availability_container__btn button {
font-size: 14px;
padding-right: 56px;
margin-left: -8px;
}
.col__product_details .products_details__top .pricing_availability_container__btn button::after {
width: 25px;
height: 14px;
top: 13px;
right: 24px;
}
.col__product_details .products_details__bottom {
flex-direction: column;
}
.col__product_details .products_details__bottom_left {
width: 100%;
border-right: 0;
}
.col__product_details .products_details__bottom_left .input-slot input,
.col__product_details .products_details__bottom_left .input-slot select {
font-size: 14px;
line-height: 160%;
}
.col__product_details .products_details__bottom_left .input-slot label {
width: 100%;
font-size: 14px;
line-height: 160%;
}
.col__product_details .products_details__bottom_left .upload-files .title {
font-size: 14px;
line-height: 160%;
}
.col__product_details .products_details__bottom_left .text-slot:last-of-type {
margin-bottom: 0;
}
.col__product_details .products_details__bottom_right {
margin-top: 24px;
width: 100%;
}
.col__product_details .products_details__bottom_right .desc {
font-size: 14px;
line-height: 160%;
}
.col__product_details .products_details__bottom_right .full-green--btn button,
.col__product_details .products_details__bottom_right .green-white--btn button {
font-size: 14px;
}
}
@media (max-width: 380px) {
.col__product_details .products_details__top .pricing_availability_container__btn {
width: 100%;
}
.col__product_details .products_details__bottom_right.with-branding .full-green--btn button,
.col__product_details .products_details__bottom_right.with-branding .green-white--btn button {
font-size: 14px;
}
}
.products_mostly_view .title {
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: #333333;
margin: 0 0 35px 0;
}
.products_mostly_view .products_blocks_wrapper__slot a {
text-decoration: none;
}@media (max-width: 1600px) {
.products_mostly_view .products_blocks_wrapper__slot {
min-width: unset;
}
}
@media (max-width: 1260px) {
.products_mostly_view .products_blocks_wrapper__slot {
min-width: 249px;
margin: 1%;
}
}
@media (max-width: 760px) {
.products_mostly_view .products_blocks_wrapper__slot > a {
width: 100%;
}
.products_mostly_view .title {
font-size: 20px;
margin: 0 0 24px 0;
}
}
@media (max-width: 500px) {
.products_mostly_view .products_blocks_wrapper__slot {
margin: 0 0 24px 0;
}
}
.products_tabs {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.products_tabs input[type=radio] {
display: none;
}
.products_tabs label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
width: -moz-max-content;
width: max-content;
height: 54px;
box-sizing: border-box;
border-radius: 10px 10px 0px 0px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 0 31px;
}
.products_tabs label:hover p {
text-shadow: 0.4px 0px 0.1px, -0.4px 0px 0.1px;
}
.products_tabs label img {
width: 40px;
height: 40px;
-o-object-fit: contain;
object-fit: contain;
margin-right: 17px;
}
.products_tabs label p {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}.products_tab-text {
width: -moz-max-content;
width: max-content;
height: 54px;
box-sizing: border-box;
border-radius: 10px 10px 0px 0px;
}
.products_tab-text:hover {
color: #477a25;
border-bottom: 1px solid #68b236;
background-color: #f8f8f8;
z-index: 1;
}
.products_tab-text label {
border-radius: 10px 10px 0px 0px;
}.products_tabs .products_tab {
width: 100%;
order: 1;
display: none;
border-top: 1px solid #d3d3d3;
margin-top: -1px;
}
.products_tabs .products_tab table {
margin: 45px 0;
width: 35%;
}
.products_tabs .products_tab table tr {
height: 30px;
}
.products_tabs .products_tab table tr:nth-of-type(odd) {
background-color: #eaeaea;
}
.products_tabs .products_tab table tr td {
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: #333333;
padding-left: 26px;
}
.products_tabs .products_tab .availability_status_container {
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
margin: 45px 0;
}
.products_tabs .products_tab .availability_status_container__slot {
display: flex;
align-items: center;
flex-direction: column;
border-left: 1px solid #d3d3d3;
}
.products_tabs .products_tab .availability_status_container__slot:first-of-type--img {
margin-left: 0;
}
.products_tabs .products_tab .availability_status_container__slot:last-of-type {
border-right: 1px solid #d3d3d3;
}
.products_tabs .products_tab .availability_status_container__slot--img {
margin-right: 10px;
padding-right: 10px;
margin-left: 10px;
padding-top: 10px;
}
.products_tabs .products_tab .availability_status_container__slot--text {
padding: 10px;
}
.products_tabs .products_tab .availability_status_container__slot--text p {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
color: #6e6e6e;
}.products_tabs .products_tab_box {
margin: 45px 0 140px 0;
}
.products_tabs .products_tab_box p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
}.products_tabs input[type=radio]:checked + .products_tab-text + .products_tab {
display: block;
}.products_tabs input[type=radio]:checked + .products_tab-text {
color: #477a25;
border-bottom: 1px solid #68b236;
background-color: #f8f8f8;
z-index: 1;
}
.products_tabs input[type=radio]:checked + .products_tab-text p {
text-shadow: 0.4px 0px 0.1px, -0.4px 0px 0.1px;
}@media (max-width: 960px) {
.products_tabs label {
padding: 0 16px;
}
.products_tabs label p {
font-size: 16px;
}
.products_tabs .products_tab_box p {
font-size: 14px;
line-height: 160%;
}
.products_tabs .products_tab table {
width: 100%;
}
.products_tabs .products_tab table tr td {
font-size: 14px;
}
.products_tabs .products_tab .availability_status_container__slot--text p {
font-size: 14px;
}
}
.send_request_title {
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: #333333;
margin: 0 0 16px 0;
}
.send_request_title span {
color: #477a25;
}
.send_request_desc {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0 0 30px 0;
}
.send_request_box .send_request_form {
display: flex;
flex-direction: column;
width: 100%;
}
.send_request_box .send_request_form_top {
display: flex;
flex-direction: row;
}
.send_request_box .send_request_form_top__left {
width: 42%;
margin-right: 1%;
}
.send_request_box .send_request_form_top__left--input input {
font-family: "Poppins", sans-serif;
width: 100%;
height: 40px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 0 20px;
margin: 0 0 16px 0;
}
.send_request_box .send_request_form_top__left--input input::-moz-placeholder {
color: #333333;
}
.send_request_box .send_request_form_top__left--input input::placeholder {
color: #333333;
}
.send_request_box .send_request_form_top__left--input input:hover, .send_request_box .send_request_form_top__left--input input:focus {
border: 1px solid #68b236;
outline: 0;
}
.send_request_box .send_request_form_top__left--textarea textarea {
font-family: "Poppins", sans-serif;
width: 100%;
height: 40px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 10px 20px;
margin: 0 0 16px 0;
min-height: 115px;
max-width: 100%;
}
.send_request_box .send_request_form_top__left--textarea textarea::-moz-placeholder {
color: #333333;
}
.send_request_box .send_request_form_top__left--textarea textarea::placeholder {
color: #333333;
}
.send_request_box .send_request_form_top__left--textarea textarea:hover, .send_request_box .send_request_form_top__left--textarea textarea:focus {
border: 1px solid #68b236;
outline: 0;
}
.send_request_box .send_request_form_top__right {
width: 42%;
margin-left: 1%;
}
.send_request_box .send_request_form_top__right--input input {
font-family: "Poppins", sans-serif;
width: 100%;
height: 40px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 0 20px;
margin: 0 0 16px 0;
}
.send_request_box .send_request_form_top__right--input input::-moz-placeholder {
color: #333333;
}
.send_request_box .send_request_form_top__right--input input::placeholder {
color: #333333;
}
.send_request_box .send_request_form_top__right--input input:hover, .send_request_box .send_request_form_top__right--input input:focus {
border: 1px solid #68b236;
outline: 0;
}
.send_request_box .send_request_form_top__right .add-files {
display: flex;
flex-direction: column;
border-radius: 10px;
border: 1px dashed #68b236;
background: #ffffff;
padding: 10px 20px;
box-sizing: border-box;
margin: 0;
min-height: 169px;
cursor: pointer;
}
.send_request_box .send_request_form_top__right .add-files-title {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin-top: 0;
}
.send_request_box .send_request_form_top__right .add-files-img {
display: flex;
justify-content: center;
align-items: center;
margin: 8px auto;
}
.send_request_box .send_request_form_top__right .add-files-text {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
text-align: center;
margin: 0;
}
.send_request_box .send_request_form_top__right .add-files input[type=file] {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
text-align: center;
margin: 8px 0 0 0;
margin-left: auto;
}
.send_request_box .send_request_form_top__right .add-files input[type=file]::file-selector-button {
visibility: hidden;
}
.send_request_box .send_request_form_bottom {
display: flex;
justify-content: flex-end;
width: 86%;
}
.send_request_box .send_request_form_bottom__btn {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 41px 0 84px 0;
cursor: pointer;
box-sizing: border-box;
border-radius: 10px;
}
.send_request_box .send_request_form_bottom__btn button {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
color: #1f1f1f;
border: 1px solid #ffffff;
background-color: #90d065;
padding: 10px 73px 10px 33px;
border-radius: 10px;
}
.send_request_box .send_request_form_bottom__btn button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope.svg") no-repeat;
background-position: center;
background-size: contain;
width: 32px;
height: 17px;
top: 15px;
right: 28px;
}
.send_request_box .send_request_form_bottom__btn:hover button {
color: #477a25;
border: 1px solid #90d065;
background-color: #ffffff;
}
.send_request_box .send_request_form_bottom__btn:hover button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope_green.svg") no-repeat;
background-position: center;
background-size: contain;
width: 32px;
height: 17px;
top: 15px;
right: 28px;
}aside .envelope-img {
display: flex;
justify-content: center;
align-items: center;
background-color: #f8f8f8;
width: 382px;
height: 382px;
border-radius: 100%;
margin-top: 80px;
}
aside .envelope-img img {
-o-object-fit: contain;
object-fit: contain;
border-radius: 100%;
box-shadow: 0px 22px 22px 1px rgba(0, 0, 0, 0.25);
}@media (max-width: 1320px) {
.row__container:not(.category, .products-page-row) {
display: flex;
flex-direction: column;
}
.row__container:not(.category, .products-page-row) .col_10__container {
width: 100%;
}
.row__container:not(.category, .products-page-row) .col_10__container .send_request_box .send_request_form_top__left, .row__container:not(.category, .products-page-row) .col_10__container .send_request_box .send_request_form_top__right {
width: 48%;
}
.row__container:not(.category, .products-page-row) .col_10__container .send_request_box .send_request_form_bottom {
width: 98%;
}
.row__container:not(.category, .products-page-row) aside {
margin-bottom: 64px;
}
.row__container:not(.category, .products-page-row) aside .envelope-img {
margin-top: 0;
}
}
@media (max-width: 760px) {
.send_request_title {
margin: 16px 0 16px 0;
}
.send_request_desc {
font-size: 14px;
line-height: 160%;
}
.row__container {
display: flex;
flex-direction: column;
}
.row__container .col_10__container {
width: 100%;
}
.row__container .col_10__container .send_request_box .send_request_form_top {
flex-direction: column;
}
.row__container .col_10__container .send_request_box .send_request_form_top__left, .row__container .col_10__container .send_request_box .send_request_form_top__right {
width: 100%;
margin: 0;
}
.row__container .col_10__container .send_request_box .send_request_form_top__left input,
.row__container .col_10__container .send_request_box .send_request_form_top__left textarea, .row__container .col_10__container .send_request_box .send_request_form_top__right input,
.row__container .col_10__container .send_request_box .send_request_form_top__right textarea {
font-size: 14px;
line-height: 160%;
}
.row__container .col_10__container .send_request_box .send_request_form_top__left input::-moz-placeholder, .row__container .col_10__container .send_request_box .send_request_form_top__left textarea::-moz-placeholder, .row__container .col_10__container .send_request_box .send_request_form_top__right input::-moz-placeholder, .row__container .col_10__container .send_request_box .send_request_form_top__right textarea::-moz-placeholder {
font-size: 14px;
line-height: 160%;
}
.row__container .col_10__container .send_request_box .send_request_form_top__left input::placeholder,
.row__container .col_10__container .send_request_box .send_request_form_top__left textarea::placeholder, .row__container .col_10__container .send_request_box .send_request_form_top__right input::placeholder,
.row__container .col_10__container .send_request_box .send_request_form_top__right textarea::placeholder {
font-size: 14px;
line-height: 160%;
}
.row__container .col_10__container .send_request_box .send_request_form_top__left .add-files-title, .row__container .col_10__container .send_request_box .send_request_form_top__right .add-files-title {
font-size: 14px;
line-height: 160%;
}
.row__container .col_10__container .send_request_box .send_request_form_bottom {
width: 100%;
}
.row__container .col_10__container .send_request_box .send_request_form_bottom__btn {
margin: 24px auto;
}
.row__container .col_10__container .send_request_box .send_request_form_bottom__btn button {
position: relative;
font-size: 14px;
}
.row__container .col_10__container .send_request_box .send_request_form_bottom__btn button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope.svg") no-repeat;
background-position: center;
background-size: contain;
top: 12px;
height: 16px;
}
.row__container .col_10__container .send_request_box .send_request_form_bottom__btn:hover {
border: 1px solid #90d065;
background-color: #ffffff;
}
.row__container .col_10__container .send_request_box .send_request_form_bottom__btn:hover span {
color: #477a25;
}
.row__container .col_10__container .send_request_box .send_request_form_bottom__btn:hover span::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope_green.svg") no-repeat;
background-position: center;
background-size: contain;
top: 12px;
height: 16px;
}
.row__container aside {
margin-bottom: 64px;
}
.row__container aside .envelope-img {
margin-left: -12px;
}
}
.contact_container {
width: 100%;
}
.contact_container .title {
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: #333333;
margin: 0 0 16px 0;
}
.contact_container .title span {
color: #477a25;
}
.contact_container .second-title {
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: #333333;
margin: 0 0 64px 0;
}
.contact_container .desc {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0 0 30px 0;
}
.contact_container .contact_form_box {
display: flex;
flex-direction: column;
width: 100%;
padding: 54px 60px;
box-sizing: border-box;
border: 1px solid #68b236;
border-radius: 10px;
margin: 0 0 57px 0;
}
.contact_container .contact_form_box .top_container {
display: flex;
flex-direction: row;
width: 100%;
}
.contact_container .contact_form_box .top_container .contact_form_box__left {
display: flex;
flex-direction: column;
width: 65%;
margin-right: 2%;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top {
display: flex;
flex-direction: row;
width: 100%;
gap: 2%;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top__col {
display: flex;
flex-direction: column;
flex: 1;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top__col--input input {
font-family: "Poppins", sans-serif;
width: 100%;
height: 40px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 0 14px;
margin: 0 0 16px 0;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top__col--input input::-moz-placeholder {
color: #333333;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top__col--input input::placeholder {
color: #333333;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top__col--input input:hover, .contact_container .contact_form_box .top_container .contact_form_box__left_top__col--input input:focus {
border: 1px solid #68b236;
outline: 0;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_bottom textarea {
font-family: "Poppins", sans-serif;
width: 100%;
height: 40px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 10px 20px;
margin: 0 0 16px 0;
min-height: 115px;
max-width: 100%;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_bottom textarea::-moz-placeholder {
color: #333333;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_bottom textarea::placeholder {
color: #333333;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_bottom textarea:hover, .contact_container .contact_form_box .top_container .contact_form_box__left_bottom textarea:focus {
border: 1px solid #68b236;
outline: 0;
}
.contact_container .contact_form_box .top_container .contact_form_box__right {
width: 33%;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .add-files {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 10px;
border: 1px dashed #68b236;
background: #ffffff;
padding: 10px 20px;
box-sizing: border-box;
margin: 0;
height: 100%;
cursor: pointer;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .add-files-title {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0 0 8px 0;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .add-files-img {
display: flex;
justify-content: center;
align-items: center;
margin: 4px auto;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .add-files-text {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
text-align: center;
margin: 0;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .add-files input[type=file] {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
text-align: center;
margin: 8px 0 0 0;
margin-left: auto;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .add-files input[type=file]::file-selector-button {
visibility: hidden;
}
.contact_container .contact_form_box .bottom-container {
display: flex;
justify-content: flex-end;
}
.contact_container .contact_form_box .bottom-container .send_request_form_bottom__btn {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 27px 0 0 0;
cursor: pointer;
border: 1px solid #ffffff;
background-color: #90d065;
width: -moz-max-content;
width: max-content;
box-sizing: border-box;
border-radius: 10px;
}
.contact_container .contact_form_box .bottom-container .send_request_form_bottom__btn button {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
color: #1f1f1f;
background-color: #90d065;
padding: 10px 73px 10px 33px;
border-radius: 10px;
}
.contact_container .contact_form_box .bottom-container .send_request_form_bottom__btn button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope.svg") no-repeat;
background-position: center;
background-size: contain;
width: 32px;
height: 17px;
top: 15px;
right: 28px;
}
.contact_container .contact_form_box .bottom-container .send_request_form_bottom__btn:hover {
border: 1px solid #90d065;
background-color: #ffffff;
}
.contact_container .contact_form_box .bottom-container .send_request_form_bottom__btn:hover button {
color: #477a25;
background-color: #ffffff;
}
.contact_container .contact_form_box .bottom-container .send_request_form_bottom__btn:hover button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope_green.svg") no-repeat;
background-position: center;
background-size: contain;
width: 32px;
height: 17px;
top: 15px;
right: 28px;
}
.contact_container .contact_box {
display: flex;
flex-direction: row;
}
.contact_container .contact_box__slot {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 10px;
border: 1px solid #68b236;
height: 266px;
margin: 0 0 86px 0;
}
.contact_container .contact_box__slot.left {
width: calc(50% - 15px);
margin-right: 15px;
}
.contact_container .contact_box__slot.right {
width: calc(50% - 15px);
margin-left: 15px;
}
.contact_container .contact_box__slot_top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #68b236;
width: 100%;
height: 70px;
border-radius: 9px 9px 0px 0px;
box-sizing: border-box;
}
.contact_container .contact_box__slot_top--title h3 {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
}
.contact_container .contact_box__slot_bottom--text {
margin: 38px auto;
}
.contact_container .contact_box__slot_bottom--text .desc {
position: relative;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0 0 4px 0;
}
.contact_container .contact_box__slot_bottom--text .desc a {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
}
.contact_container .contact_box__slot_bottom--text .desc a:hover {
color: #477a25;
text-decoration: unset;
}
.contact_container .contact_box__slot_bottom--text .desc.location, .contact_container .contact_box__slot_bottom--text .desc.telephone, .contact_container .contact_box__slot_bottom--text .desc.mail {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.contact_container .contact_box__slot_bottom--text .desc.location::before, .contact_container .contact_box__slot_bottom--text .desc.telephone::before, .contact_container .contact_box__slot_bottom--text .desc.mail::before {
content: "";
display: inline-block;
flex-shrink: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 16px;
height: 16px;
}
.contact_container .contact_box__slot_bottom--text .desc.location::before {
background-image: url("./../assets/icons/contact/location.svg");
}
.contact_container .contact_box__slot_bottom--text .desc.telephone::before {
background-image: url("./../assets/icons/contact/phone.svg");
}
.contact_container .contact_box__slot_bottom--text .desc.mail::before {
background-image: url("./../assets/icons/contact/envelope.svg");
}@media (max-width: 1000px) {
.contact_container {
margin: 0 0 24px 0;
}
.contact_container .title {
font-size: 20px;
margin: 8px 0 16px 0;
}
.contact_container .second-title {
margin: 0 0 16px 0;
}
.contact_container .desc {
font-size: 14px;
line-height: 160%;
margin: 0 0 16px 0;
}
.contact_container .contact_form_box {
padding: 24px;
}
.contact_container .contact_form_box .top_container {
flex-direction: column;
}
.contact_container .contact_form_box .top_container .contact_form_box__left {
width: 100%;
margin-right: 0;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top {
flex-direction: column;
width: 100%;
gap: 0;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top__col {
display: flex;
flex-direction: column;
flex: none;
width: 100%;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top__col--input input {
font-size: 14px;
line-height: 160%;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top__col--input input::-moz-placeholder {
font-size: 14px;
line-height: 160%;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_top__col--input input::placeholder {
font-size: 14px;
line-height: 160%;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_bottom textarea {
font-size: 14px;
line-height: 160%;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_bottom textarea::-moz-placeholder {
font-size: 14px;
line-height: 160%;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_bottom textarea::placeholder {
font-size: 14px;
line-height: 160%;
}
.contact_container .contact_form_box .top_container .contact_form_box__right {
width: 100%;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .add-files {
height: auto;
min-height: 140px;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .add-files-title {
font-size: 14px;
line-height: 160%;
}
.contact_container .contact_form_box .bottom-container .send_request_form_bottom__btn {
margin: 27px auto 0;
}
.contact_container .contact_form_box .bottom-container .send_request_form_bottom__btn button {
font-size: 14px;
line-height: 200%;
}
.contact_container .contact_box {
flex-direction: column;
}
.contact_container .contact_box__slot {
margin: 0 0 24px 0;
height: 220px;
}
.contact_container .contact_box__slot.left, .contact_container .contact_box__slot.right {
width: 100%;
margin: 16px 0;
}
.contact_container .contact_box__slot_top {
height: auto;
}
.contact_container .contact_box__slot_top h3 {
font-size: 16px;
margin: 10px 0;
}
.contact_container .contact_box__slot_bottom--text {
margin: 38px auto;
}
.contact_container .contact_box__slot_bottom--text .desc {
font-size: 14px;
line-height: 160%;
}
.contact_container .contact_box__slot_bottom--text .desc a {
font-size: 14px;
line-height: 160%;
}
}
.products_card_modal {
display: none;
position: absolute;
top: 50vh;
left: 50%;
transform: translate(-50%, -50%);
flex-direction: column;
width: 832px;
height: auto;
border-radius: 10px;
border: 1px solid #d3d3d3;
padding: 32px 24px 0 24px;
box-sizing: border-box;
z-index: 999;
background-color: #ffffff;
}
.products_card_modal.show {
display: flex;
}
.products_card_modal.added-to-cart {
width: 640px;
}
.products_card_modal.added-to-cart .free_pricing_visualisation_box {
border-top: 0;
padding-top: 0;
}
.products_card_modal--close-icon {
position: relative;
cursor: pointer;
}
.products_card_modal--close-icon::before {
position: absolute;
display: block;
content: "";
background: url("./../assets/icons/modal/close.svg") no-repeat;
background-position: center;
background-size: contain;
width: 18px;
height: 18px;
top: -8px;
right: 0;
}
.products_card_modal--title {
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 8px 0 16px 0;
}
.products_card_modal--desc {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0 0 32px 0;
}
.products_card_modal--desc.green {
color: #477a25;
margin: 16px 0 35px 28px;
position: relative;
}
.products_card_modal--desc.green::before {
position: absolute;
display: block;
content: "";
background: url("./../assets/icons/modal/important.svg") no-repeat;
background-position: center;
background-size: contain;
width: 20px;
height: 20px;
top: 2px;
left: -27px;
}
.products_card_modal__inputs {
display: flex;
flex-direction: row;
}
.products_card_modal__inputs__left {
width: 48%;
margin-right: 1%;
}
.products_card_modal__inputs__left--input input {
font-family: "Poppins", sans-serif;
width: 100%;
height: 40px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 0 20px;
margin: 0 0 16px 0;
}
.products_card_modal__inputs__left--input input::-moz-placeholder {
color: #333333;
}
.products_card_modal__inputs__left--input input::placeholder {
color: #333333;
}
.products_card_modal__inputs__left--input input:hover, .products_card_modal__inputs__left--input input:focus {
border: 1px solid #68b236;
outline: 0;
}
.products_card_modal__inputs__left--textarea textarea {
font-family: "Poppins", sans-serif;
width: 100%;
height: 40px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 10px 20px;
margin: 0 0 16px 0;
min-height: 115px;
max-width: 100%;
}
.products_card_modal__inputs__left--textarea textarea::-moz-placeholder {
color: #333333;
}
.products_card_modal__inputs__left--textarea textarea::placeholder {
color: #333333;
}
.products_card_modal__inputs__left--textarea textarea:hover, .products_card_modal__inputs__left--textarea textarea:focus {
border: 1px solid #68b236;
outline: 0;
}
.products_card_modal__inputs__right {
width: 48%;
margin-left: 1%;
}
.products_card_modal__inputs__right--input input {
font-family: "Poppins", sans-serif;
width: 100%;
height: 40px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 0 20px;
margin: 0 0 16px 0;
}
.products_card_modal__inputs__right--input input::-moz-placeholder {
color: #333333;
}
.products_card_modal__inputs__right--input input::placeholder {
color: #333333;
}
.products_card_modal__inputs__right--input input:hover, .products_card_modal__inputs__right--input input:focus {
border: 1px solid #68b236;
outline: 0;
}
.products_card_modal__inputs__right .add-files {
display: flex;
flex-direction: column;
border-radius: 10px;
border: 1px dashed #68b236;
background: #ffffff;
padding: 10px 20px;
box-sizing: border-box;
margin: 0;
min-height: 169px;
cursor: pointer;
}
.products_card_modal__inputs__right .add-files-title {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0;
}
.products_card_modal__inputs__right .add-files-img {
display: flex;
justify-content: center;
align-items: center;
margin: 8px auto;
}
.products_card_modal__inputs__right .add-files-text {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
text-align: center;
margin: 0;
}
.products_card_modal__inputs__right .add-files input[type=file] {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
text-align: center;
margin: 8px 0 0 0;
margin-left: auto;
}
.products_card_modal__inputs__right .add-files input[type=file]::file-selector-button {
visibility: hidden;
}
.products_card_modal .free_pricing_visualisation_box {
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 16px 0;
border-top: 1px solid #a4a4a4;
border-bottom: 1px solid #a4a4a4;
}
.products_card_modal .free_pricing_visualisation_box .title {
display: inline-flex;
align-items: center;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 0 0 16px 0;
}
.products_card_modal .free_pricing_visualisation_box .title span {
color: #477a25;
margin-left: 4px;
}
.products_card_modal .free_pricing_visualisation_box .desc {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0;
}
.products_card_modal .free_summary_visualisation_box .summary {
display: inline-flex;
align-items: center;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #333333;
margin: 0 0 8px 0;
}
.products_card_modal .free_summary_visualisation_box .summary .price {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0 0 0 15px;
}
.products_card_modal .free_summary_visualisation_box .summary .price.green {
color: #477a25;
}
.products_card_modal .free_summary_visualisation_box .summary .price.big {
font-size: 35px;
}
.products_card_modal .free_summary_visualisation_box .desc {
margin: 0 0 0 306px;
}
.products_card_modal__btn {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: #90d065;
width: 168px;
box-sizing: border-box;
border-radius: 10px;
margin: 32px auto 32px;
}
.products_card_modal__btn button {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
color: #1f1f1f;
border: 1px solid #90d065;
background-color: #90d065;
padding: 10px 73px 10px 33px;
border-radius: 10px;
width: 168px;
}
.products_card_modal__btn button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope.svg") no-repeat;
background-position: center;
background-size: contain;
width: 32px;
height: 17px;
top: 15px;
right: 28px;
}
.products_card_modal__btn:hover button {
border: 1px solid #68b236;
background-color: #68b236;
}
.products_card_modal .products_card_modal_buttons {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 34px 0;
}
.products_card_modal .products_card_modal_buttons .continue-shopping button {
padding: 10px 33px;
box-sizing: border-box;
height: 47px;
}
.products_card_modal .products_card_modal_buttons .continue-shopping:hover {
border: 1px solid #68b236;
background-color: #68b236;
}
.products_card_modal .products_card_modal_buttons .go-to-cart button {
padding: 10px 63px 10px 33px;
box-sizing: border-box;
height: 47px;
color: #ffffff;
}
.products_card_modal .products_card_modal_buttons .go-to-cart button::after {
position: absolute;
content: "";
background: url("./../assets/icons/modal/cart_white.svg") no-repeat;
background-position: center;
background-size: contain;
width: 32px;
height: 17px;
top: 15px;
right: 28px;
}
.products_card_modal .products_card_modal_buttons .go-to-cart:hover button {
border: 1px solid #68b236;
background-color: #68b236;
}@media (max-width: 960px) {
.products_card_modal {
top: 40px;
left: 3vw;
transform: translate(0);
width: 94vw;
height: 82vh;
overflow-y: scroll;
overflow-x: hidden;
}
.products_card_modal.added-to-cart {
width: 94vw;
}
.products_card_modal--title {
font-size: 20px;
}
.products_card_modal--desc {
font-size: 14px;
line-height: 160%;
}
.products_card_modal__inputs {
flex-direction: column;
}
.products_card_modal__inputs__left {
margin-right: 0;
width: 100%;
}
.products_card_modal__inputs__left--input input {
font-size: 14px;
line-height: 160%;
}
.products_card_modal__inputs__right {
margin-left: 0;
width: 100%;
}
.products_card_modal__inputs__right--input input {
font-size: 14px;
line-height: 160%;
}
.products_card_modal__inputs__right--textarea textarea {
font-size: 14px;
line-height: 160%;
}
.products_card_modal__inputs__right .add-files {
min-height: 140px;
}
.products_card_modal__inputs__right .add-files-title {
margin-top: 0;
font-size: 14px;
line-height: 160%;
}
.products_card_modal .free_summary_visualisation_box .desc {
font-size: 14px;
line-height: 160%;
}
.products_card_modal .free_summary_visualisation_box .summary {
margin-top: 16px;
}
.products_card_modal .free_summary_visualisation_box .summary .netto {
font-size: 14px;
line-height: 160%;
}
.products_card_modal .free_summary_visualisation_box .summary .price.big {
font-size: 28px;
}
.products_card_modal .free_summary_visualisation_box .brutto {
margin-left: 0;
text-align: right;
}
.products_card_modal .products_card_modal_buttons {
flex-direction: column;
justify-content: center;
}
.products_card_modal .products_card_modal_buttons .go-to-cart {
margin-top: 24px;
}
}
@media (max-width: 1500px) {
.products_card_modal {
height: 90vh;
overflow-y: scroll;
}
.products_card_modal.added-to-cart {
height: auto;
}
}
@media (max-height: 900px) {
.products_card_modal {
height: 90vh;
overflow-y: scroll;
}
.products_card_modal.added-to-cart {
height: auto;
}
}
.cart_pay_box {
width: 100%;
height: auto;
border: 1px solid #d3d3d3;
background-color: #f8f8f8;
padding: 40px;
box-sizing: border-box;
border-radius: 10px;
}
.cart_pay_box__content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.cart_pay_box__content .desc {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 168.5%;
color: #333333;
text-align: center;
white-space: nowrap;
margin: 0;
}
.cart_pay_box__content .desc span {
font-weight: 600;
}
.cart_pay_box__content .desc.branding-price, .cart_pay_box__content .desc.brutto-price {
margin: 0 0 25px 0;
}
.cart_pay_box__content .desc.branding-price span, .cart_pay_box__content .desc.vat span, .cart_pay_box__content .desc.delivery span, .cart_pay_box__content .desc.brutto-price span {
margin: 0 10px 0 0;
}
.cart_pay_box__content .desc.netto-price span {
margin: 0 10px 0 0;
}
.cart_pay_box__content .desc.netto-price, .cart_pay_box__content .desc.delivery {
margin: 0;
}
.cart_pay_box__content .desc#vat_str {
margin-bottom: 25px;
}
.cart_pay_box__content .desc#total_price_cart_brutto_str {
display: none;
}
.cart_pay_box__content .desc.brutto {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 0;
}
.cart_pay_box__content .desc.brutto-price .big {
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 4px;
}
.cart_pay_box__content .desc.brutto-price .large {
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 0;
}
.cart_pay_box__content .desc.brutto-price .green {
color: #477a25;
}
.cart_pay_box__button {
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 64px);
background-color: #90d065;
border: 1px solid #90d065;
height: 47px;
box-sizing: border-box;
margin: 0 32px 0 32px;
border-radius: 10px;
padding-right: 12px;
}
.cart_pay_box__button .next-btn {
position: relative;
font-family: "Poppins", sans-serif;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
color: #1f1f1f;
text-decoration: none;
border: 0;
cursor: pointer;
background-color: #90d065;
border-radius: 10px;
padding-right: 12px;
}
.cart_pay_box__button .next-btn::after {
position: absolute;
content: "";
background: url("./../assets/icons/modal/cart_white.svg") no-repeat;
background-position: center;
background-size: contain;
width: 32px;
height: 17px;
top: 13px;
right: 10px;
}
.cart_pay_box__button:hover {
background-color: #68b236;
border: 1px solid #68b236;
}
.cart_pay_box__button:hover .next-btn {
background-color: #68b236;
}@media (max-width: 760px) {
.cart_pay_box {
width: 100%;
margin-top: 24px;
}
.cart_pay_box__content .desc {
font-size: 14px;
line-height: 160%;
}
.cart_pay_box__button .next-btn {
font-size: 14px;
}
}
.cart_step_one_container {
display: flex;
flex-direction: row;
margin-bottom: 228px;
}
.cart_step_one_container__left {
display: flex;
flex-direction: column;
margin-right: 23px;
box-sizing: border-box;
width: 100%;
margin-bottom: 24px;
}
.cart_step_one_container__left .cart_products_box {
margin-bottom: 24px;
border: 1px solid #68b236;
border-radius: 10px;
}
.cart_step_one_container__left .cart_products_box .cart_product_container {
position: relative;
width: 100%;
}@media (max-width: 1300px) {
.cart_step_one_container {
flex-direction: column;
margin-bottom: 24px;
}
.cart_step_one_container__left {
flex-direction: column;
margin-right: 0;
width: 100%;
margin-bottom: 24px;
}
}
@media (max-width: 960px) {
.cart_step_one_container.step_one .cart_product_container, .cart_step_one_container.step_three .cart_product_container {
flex-direction: column;
padding: 15px;
}
.cart_step_one_container.step_one .cart_product_container--input, .cart_step_one_container.step_three .cart_product_container--input {
margin: 0;
}
.cart_step_one_container.step_one .cart_product_container--files, .cart_step_one_container.step_three .cart_product_container--files {
margin-top: 24px;
}
}
@media (max-width: 760px) {
.cart_step_one_container__left {
margin-bottom: 0;
}
}
.cart_step_two_container {
margin-bottom: 120px;
}
.cart_step_two_container.login {
margin-bottom: 180px;
}
.cart_step_two_container__box {
display: flex;
flex-direction: row;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #68b236;
}
.cart_step_two_container__box__left {
display: flex;
flex-direction: column;
align-items: center;
padding: 45px 80px;
box-sizing: border-box;
width: 50%;
}
.cart_step_two_container__box__left .title p {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 0 0 40px 0;
}
.cart_step_two_container__box__left .input-slot {
width: 80%;
}
.cart_step_two_container__box__left .input-slot input {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
height: 40px;
width: 100%;
box-sizing: border-box;
padding-left: 12px;
margin: 0 0 25px 0;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
}
.cart_step_two_container__box__left .input-slot input:focus, .cart_step_two_container__box__left .input-slot input:hover {
border: 1px solid #68b236;
outline: 0;
}
.cart_step_two_container__box__left .input-slot input::-moz-placeholder {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
}
.cart_step_two_container__box__left .input-slot input::placeholder {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
}
.cart_step_two_container__box__left .full-green--btn button {
padding: 0 33px;
}
.cart_step_two_container__box__right {
display: flex;
flex-direction: column;
align-items: center;
padding: 45px 113px;
box-sizing: border-box;
width: 50%;
border-left: 1px solid #68b236;
}
.cart_step_two_container__box__right .title p {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 0 0 19px 0;
}
.cart_step_two_container__box__right .title.second-title p {
margin: 30px 0 19px 0;
}
.cart_step_two_container__box__right .full-green--btn button {
padding: 0 33px;
}
.cart_step_two_container__box__right .full-green--btn a {
padding: 0 33px;
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 40px;
color: #1f1f1f;
background-color: #90d065;
border-radius: 10px;
height: 40px;
width: 100%;
box-sizing: border-box;
border: 1px solid #ffffff;
text-decoration: none;
}
.cart_step_two_container__box__right .full-green--btn:hover a {
color: #477a25;
background-color: #ffffff;
border: 1px solid #90d065;
}
.cart_step_two_container .cart_bottom_button_container {
margin-top: 30px;
}@media (max-width: 960px) {
.cart_step_two_container.login {
margin-bottom: 40px;
}
.cart_step_two_container__box {
flex-direction: column;
}
.cart_step_two_container__box__left {
padding: 24px;
width: 100%;
}
.cart_step_two_container__box__left .title p {
margin: 0 0 24px 0;
}
.cart_step_two_container__box__left .input-slot {
width: 90%;
}
.cart_step_two_container__box__left .input-slot input {
font-size: 14px;
line-height: 160%;
}
.cart_step_two_container__box__left .input-slot input::-moz-placeholder {
font-size: 14px;
line-height: 160%;
}
.cart_step_two_container__box__left .input-slot input::placeholder {
font-size: 14px;
line-height: 160%;
}
.cart_step_two_container__box__left .full-green--btn button {
font-size: 14px;
line-height: 160%;
}
.cart_step_two_container__box__right {
padding: 24px;
width: 100%;
border-left: 0;
}
.cart_step_two_container__box__right .title p {
margin: 0 0 24px 0;
}
.cart_step_two_container__box__right .full-green--btn button {
font-size: 14px;
line-height: 160%;
}
.cart_step_two_container .cart_bottom_button_container {
margin-bottom: 40px;
}
.cart_step_two_container .cart_bottom_button_container a {
font-size: 14px;
}
}
.cart_step_two_container.inputs {
display: flex;
flex-direction: row;
margin-bottom: 228px;
}
.cart_step_two_container.inputs .cart_step_two_container__left {
width: 100%;
margin-right: 25px;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__left {
display: flex;
flex-direction: column;
width: 100%;
padding: 36px 72px 36px 36px;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__left .title p {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0 0 40px 0;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__left .input-slot {
width: 100%;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right {
display: flex;
flex-direction: column;
width: 100%;
padding: 36px 72px 36px 36px;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.radio-btns {
margin-bottom: 40px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.radio-btns input {
width: 21px;
height: 21px;
margin: 0 6px 0 0;
cursor: pointer;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.radio-btns label {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
white-space: pre;
margin: 0 10px 0 0;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.checkbox-slot {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin-bottom: 24px;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.checkbox-slot input {
width: 24px;
height: 24px;
margin: 0 10px 0 0;
cursor: pointer;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.checkbox-slot label {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.hide {
display: none;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.other-address {
display: none;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.other-address.show {
display: flex;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot:not(.radio-btns, .checkbox-slot) {
width: 100%;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot:not(.radio-btns, .checkbox-slot) input {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
height: 40px;
width: 100%;
box-sizing: border-box;
padding-left: 12px;
margin: 0 0 25px 0;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot:not(.radio-btns, .checkbox-slot) input:focus, .cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot:not(.radio-btns, .checkbox-slot) input:hover {
border: 1px solid #68b236;
outline: 0;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot:not(.radio-btns, .checkbox-slot) input::-moz-placeholder {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot:not(.radio-btns, .checkbox-slot) input::placeholder {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
}@media (max-width: 1200px) {
.cart_step_two_container.inputs {
flex-direction: column;
}
}
@media (max-width: 960px) {
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__left {
padding-bottom: 0;
margin-bottom: -32px;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.radio-btns label {
font-size: 12px;
line-height: 140%;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot.checkbox-slot label {
font-size: 12px;
line-height: 140%;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot:not(.radio-btns, .checkbox-slot) input {
font-size: 14px;
line-height: 160%;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot:not(.radio-btns, .checkbox-slot) input::-moz-placeholder {
font-size: 14px;
line-height: 160%;
}
.cart_step_two_container.inputs .cart_step_two_container__left .cart_step_two_container__box__right .input-slot:not(.radio-btns, .checkbox-slot) input::placeholder {
font-size: 14px;
line-height: 160%;
}
}
.cart_step_one_container.step_three .cart_step_one_container__left .cart_products_box .cart_product_container--input label {
pointer-events: none;
}
.cart_step_one_container.step_three .cart_step_one_container__left .cart_products_box .cart_product_container--input input {
pointer-events: none;
cursor: not-allowed;
}
.cart_step_one_container.step_three .cart_step_one_container__left .cart_products_box .cart_product_container--input input::-webkit-inner-spin-button, .cart_step_one_container.step_three .cart_step_one_container__left .cart_products_box .cart_product_container--input input::-webkit-outer-spin-button {
opacity: 0;
display: none;
}
.cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box {
display: flex;
flex-direction: row;
margin-bottom: 24px;
border: 1px solid #68b236;
border-radius: 10px;
padding: 45px 36px;
box-sizing: border-box;
}
.cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box__right {
border-left: 1px solid #68b236;
padding: 45px 0 45px 36px;
margin: -45px 0 -45px 0;
}
.cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box__left, .cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box__right {
width: 50%;
}
.cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box__left .title, .cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box__right .title {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 0 0 20px 0;
text-decoration: none;
}
.cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box__left .desc, .cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box__right .desc {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0 0 2px 0;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box {
margin-bottom: 66px;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__title {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 16px 0 29px 33px;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots {
display: flex;
flex-direction: column;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 10px;
border: 1px solid #d3d3d3;
width: 100%;
height: 50px;
box-sizing: border-box;
margin: 0 0 12px 0;
cursor: pointer;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot.transfer::after {
position: absolute;
display: block;
content: "";
top: calc(50% - 12px);
right: 28px;
background: url("./../assets/icons/cart/wallet.svg");
height: 24px;
width: 24px;
background-size: contain;
background-repeat: no-repeat;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot.credit-card::after {
position: absolute;
display: block;
content: "";
top: calc(50% - 20px);
right: 28px;
background: url("./../assets/img/cart/mastercard.jpg");
height: 40px;
width: 33px;
background-size: contain;
background-repeat: no-repeat;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot.credit-card::before {
position: absolute;
display: block;
content: "";
top: calc(50% - 21px);
right: 72px;
background: url("./../assets/img/cart/visa.jpg");
height: 42px;
width: 42px;
background-size: contain;
background-repeat: no-repeat;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot.online-pay::after {
position: absolute;
display: block;
content: "";
top: calc(50% - 15px);
right: 28px;
background: url("./../assets/img/cart/payu.jpg");
height: 30px;
width: 60px;
background-size: contain;
background-repeat: no-repeat;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot:hover, .cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot.active {
background-color: #f8f8f8;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot input {
width: 21px;
height: 21px;
margin: 0 19px 0 35px;
box-sizing: border-box;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot label {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0;
width: 100%;
padding: 15px 100% 15px 75px;
margin-left: -75px;
white-space: pre;
cursor: pointer;
}@media (max-width: 760px) {
.cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box {
flex-direction: column;
}
.cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box__left {
width: 100%;
}
.cart_step_one_container.step_three .cart_step_one_container__left .delivery_invoice_box__right {
border-left: 0;
padding: 0;
margin: 24px 0 0 0;
width: 100%;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box {
margin: 0 0 12px 0;
}
.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__title {
margin-top: 0;
}
}
#cart_steps_container .cart_steps {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-left: 0;
margin: 44px 0 50px 0;
}
#cart_steps_container .cart_steps--item {
list-style: none;
display: flex;
flex-direction: row;
margin-right: 24px;
}
#cart_steps_container .cart_steps--item:first-of-type a .item--number::before {
display: none;
}
#cart_steps_container .cart_steps--item.active a .item--number {
background-color: #68b236;
}
#cart_steps_container .cart_steps--item.active a .item--number p {
color: #ffffff;
}
#cart_steps_container .cart_steps--item.active a .item--text p {
color: #477a25;
}
#cart_steps_container .cart_steps--item a {
display: flex;
flex-direction: row;
align-items: center;
}
#cart_steps_container .cart_steps--item a .item--number {
display: flex;
min-width: 36px;
width: 36px;
height: 36px;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin-right: 17px;
position: relative;
background-color: #adadad;
border-radius: 100%;
}
#cart_steps_container .cart_steps--item a .item--number::before {
position: absolute;
top: 10px;
left: -36px;
background-size: contain;
width: 10px;
height: 18px;
content: "";
background-image: url("./../assets/icons/breadcrumb_icon.svg");
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
#cart_steps_container .cart_steps--item a .item--number p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #ffffff;
margin: 0;
}
#cart_steps_container .cart_steps--item a .item--text {
margin-right: 40px;
}
#cart_steps_container .cart_steps--item a .item--text p {
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #6e6e6e;
margin: 0 0 0 -4px;
}
#cart_steps_container .cart_steps--item a:hover {
text-decoration: none;
}
#cart_steps_container .cart_steps--item a:hover .item--text p {
color: #477a25;
}@media (max-width: 760px) {
#cart_steps_container .cart_steps {
flex-wrap: wrap;
padding-left: 24px;
margin: 8px 0 24px 0;
}
#cart_steps_container .cart_steps--item {
margin-right: 12px;
}
#cart_steps_container .cart_steps--item:first-of-type {
margin-left: -24px;
}
#cart_steps_container .cart_steps--item a {
display: flex;
flex-direction: row;
align-items: center;
height: 36px;
}
#cart_steps_container .cart_steps--item a .item--number {
min-width: 20px;
width: 20px;
height: 20px;
margin-right: 16px;
}
#cart_steps_container .cart_steps--item a .item--number::before {
top: 4px;
left: -24px;
height: 14px;
}
#cart_steps_container .cart_steps--item a .item--number p {
font-size: 11px;
}
#cart_steps_container .cart_steps--item a .item--text {
margin-right: 24px;
}
#cart_steps_container .cart_steps--item a .item--text p {
font-size: 14px;
}
}
.cart_product_container {
position: relative;
display: flex;
flex-direction: row;
padding: 35px 43px 20px 43px;
box-sizing: border-box;
}
.cart_product_container--img {
margin-right: 35px;
}
.cart_product_container--img img {
height: 140px;
max-height: 140px;
width: auto;
}
.cart_product_container--text {
display: flex;
flex-direction: column;
}
.cart_product_container--text .title {
text-decoration: none;
}
.cart_product_container--text .title p {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin-top: 10px;
margin-bottom: 21px;
}
.cart_product_container--text .text-slot {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.cart_product_container--text .text-slot.products-price {
display: flex;
flex-direction: column;
}
.cart_product_container--text .text-slot--left p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #6e6e6e;
margin: 0 0 4px 0;
}
.cart_product_container--text .text-slot--right p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #6e6e6e;
margin: 0 0 4px 4px;
}
.cart_product_container--text .text-slot--price-text p {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 11px 0 2px 0;
color: #333333;
}
.cart_product_container--text .text-slot--price-value p {
text-align: left;
margin: 0 0 25px 0;
}
.cart_product_container--text .text-slot--price-value p .big {
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 4px;
}
.cart_product_container--text .text-slot--price-value p .large {
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 4px;
}
.cart_product_container--text .text-slot--price-value p .green {
color: #477a25;
}
.cart_product_container--input {
display: flex;
flex-direction: column;
margin: 60px 27px 20px auto;
}
.cart_product_container--input label {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #333333;
margin-bottom: 14px;
}
.cart_product_container--input input {
font-family: "Poppins", sans-serif;
width: 106px;
height: 40px;
box-sizing: border-box;
border: 1px solid #e2e2e2;
background: #f8f8f8;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding-left: 10px;
}
.cart_product_container--input input:hover, .cart_product_container--input input:focus {
outline: 1px solid #68b236;
}
.cart_product_container--input input::-webkit-inner-spin-button, .cart_product_container--input input::-webkit-outer-spin-button {
opacity: 1;
}
.cart_product_container--files {
margin: 60px 0 0 0;
}
.cart_product_container--files .desc {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #333333;
margin: 0 0 9px 0;
}
.cart_product_container--files .info {
font-size: 8px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #6e6e6e;
margin: 11px 0 0 0;
}
.cart_product_container--files .add-files {
display: flex;
flex-direction: column;
border-radius: 10px;
border: 1px dashed #68b236;
background: #ffffff;
padding: 10px 20px;
box-sizing: border-box;
margin: 0;
min-height: 70px;
cursor: pointer;
width: 100%;
box-sizing: border-box;
}
.cart_product_container--files .add-files-title {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 10px 0 0 0;
}
.cart_product_container--files .add-files-img {
display: flex;
justify-content: center;
align-items: center;
margin: 8px auto;
}
.cart_product_container--files .add-files-text {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
text-align: center;
margin: 0;
}
.cart_product_container--files .add-files input[type=file] {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
text-align: center;
margin: 8px 0 0 0;
margin-left: auto;
}
.cart_product_container--files .add-files input[type=file]::file-selector-button {
visibility: hidden;
}
.cart_product_container--delete {
position: absolute;
top: 31px;
right: 40px;
cursor: pointer;
}
.cart_product_container--delete:hover p {
color: #e84848;
}
.cart_product_container--delete p {
position: relative;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #333333;
margin: 0;
}
.cart_product_container--delete p::before {
position: absolute;
display: block;
top: 5px;
left: -18px;
content: "";
background: url("./../assets/icons/cart/delete.svg");
width: 10px;
height: 10px;
background-size: contain;
background-repeat: no-repeat;
}
.cart_product_container_info {
background-color: #90d065;
border-radius: 0 0 8px 8px;
width: 100%;
}
.cart_product_container_info .info-text {
position: relative;
display: flex;
justify-content: center;
align-items: center;
position: relative;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 10px 0;
text-align: center;
margin: 0 auto;
width: -moz-max-content;
width: max-content;
}
.cart_product_container_info .info-text::before {
position: absolute;
display: block;
top: 14px;
left: -24px;
content: "";
background: url("./../assets/icons/cart/info-circle-fill.svg");
width: 14px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
}@media (max-width: 760px) {
.cart_product_container {
flex-direction: column;
padding: 15px;
}
.cart_product_container--img {
margin-right: 0;
margin: 30px 0 0 30px;
}
.cart_product_container--text .title p {
font-size: 19px;
margin-bottom: 18px;
}
.cart_product_container--text .text-slot p {
font-size: 12px;
}
.cart_product_container--text .text-slot p.price {
margin-bottom: 0;
}
.cart_product_container--input {
margin: 0;
}
.cart_product_container--input label {
font-size: 14px;
margin-top: 10px;
}
.cart_product_container--input input {
font-size: 14px;
}
.cart_product_container--delete {
top: 24px;
right: 24px;
}
.cart_product_container--delete p {
font-size: 16px;
line-height: 20px;
}
.cart_product_container--files {
margin-top: 24px;
}
.cart_product_container_info {
background-color: #90d065;
border-radius: 0 0 8px 8px;
width: 100%;
}
.cart_product_container_info .info-text {
font-size: 11px;
white-space: wrap;
width: 80%;
}
.cart_product_container_info .info-text::before {
top: 14px;
left: -14px;
width: 10px;
height: 10px;
}
}
.thank_you_page_box {
border-radius: 10px;
border: 1px solid #d3d3d3;
background-color: #f8f8f8;
width: 90%;
margin: 52px auto 180px;
}
.thank_you_page_box__top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-bottom: 1px solid #d3d3d3;
}
.thank_you_page_box__top .star-img {
margin: 57px auto 28px;
width: 57px;
height: 54px;
-o-object-fit: contain;
object-fit: contain;
}
.thank_you_page_box__top .title {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 0 0 21px 0;
text-align: center;
}
.thank_you_page_box__top .desc {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0 0 44px 0;
text-align: center;
}
.thank_you_page_box__top .desc span {
font-weight: 700;
color: #477a25;
}
.thank_you_page_box__bottom .back-button {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-sizing: border-box;
border-radius: 10px;
height: 47px;
width: -moz-max-content;
width: max-content;
margin-top: 6px;
margin-bottom: 40px;
margin: 40px auto;
}
.thank_you_page_box__bottom .back-button a {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 47px;
color: #477a25;
background-color: #ffffff;
border-radius: 10px;
height: 47px;
width: 100%;
box-sizing: border-box;
border: 1px solid #90d065;
text-decoration: none;
padding: 0 33px;
text-transform: uppercase;
}
.thank_you_page_box__bottom .back-button:hover a {
color: #1f1f1f;
background-color: #90d065;
border: 1px solid #90d065;
}@media (max-width: 760px) {
.thank_you_page_box {
margin: 24px auto 80px;
}
.thank_you_page_box__top .star-img {
margin: 40px auto 28px;
}
.thank_you_page_box__top .title {
font-size: 20px;
}
.thank_you_page_box__top .desc {
font-size: 14px;
line-height: 160%;
}
.thank_you_page_box__bottom .back-button a {
font-size: 14px;
}
}
.register_container {
border-radius: 10px;
box-sizing: border-box;
border: 1px solid #68b236;
padding: 28px 60px;
margin-bottom: 160px;
}
.register_container__top {
background-color: #90d065;
border-radius: 8px 8px 0 0;
width: calc(100% + 120px);
margin: -28px -60px 0 -60px;
}
.register_container__top .info-text {
position: relative;
display: flex;
justify-content: center;
align-items: center;
position: relative;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 10px 0;
text-align: center;
margin: 0 auto;
width: -moz-max-content;
width: max-content;
}
.register_container__top .info-text::before {
position: absolute;
display: block;
top: 14px;
left: -24px;
content: "";
background: url("./../assets/icons/cart/info-circle-fill.svg");
width: 14px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
}
.register_container__bottom {
position: relative;
}
.register_container__bottom .title {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 28px 0 40px 0;
}
.register_container__bottom__middle {
display: flex;
flex-direction: row;
}
.register_container__bottom__middle .register-checkbox-slot {
position: absolute;
left: 0;
bottom: 130px;
}
.register_container__bottom__middle .register-checkbox-slot .input-slot.checkbox-slot {
display: flex;
align-items: center;
}
.register_container__bottom__middle .register-checkbox-slot .input-slot.checkbox-slot label {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.register_container__bottom__middle .register-checkbox-slot .input-slot.checkbox-slot input[type=checkbox] {
width: 24px;
height: 24px;
margin-right: 16px;
cursor: pointer;
}
.register_container__bottom__middle .register-slot {
display: flex;
flex-direction: column;
box-sizing: border-box;
width: 33%;
margin-right: 3%;
}
.register_container__bottom__middle .register-slot:nth-of-type(3) {
margin-right: 0;
}
.register_container__bottom__middle .register-slot .input-slot {
width: 100%;
}
.register_container__bottom__middle .register-slot .input-slot input {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
height: 40px;
width: 100%;
box-sizing: border-box;
padding-left: 12px;
margin: 0 0 25px 0;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
}
.register_container__bottom__middle .register-slot .input-slot input:focus, .register_container__bottom__middle .register-slot .input-slot input:hover {
border: 1px solid #68b236;
outline: 0;
}
.register_container__bottom__middle .register-slot .input-slot input::-moz-placeholder {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
}
.register_container__bottom__middle .register-slot .input-slot input::placeholder {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
}
.register_container__bottom .full-green--btn.register-btn-container {
justify-content: flex-end;
width: 100%;
}
.register_container__bottom .full-green--btn.register-btn-container button {
padding: 0 33px;
width: -moz-max-content;
width: max-content;
}
.register_container__bottom .full-green--btn.register-btn-container:hover button {
background-color: #68b236;
border-color: #68b236;
color: #1f1f1f;
}@media (max-width: 1030px) {
.register_container {
padding: 28px 24px;
}
.register_container__top {
width: calc(100% + 48px);
margin: -28px -24px 0 -24px;
}
.register_container__top .info-text {
font-size: 11px;
white-space: wrap;
width: 80%;
}
.register_container__top .info-text::before {
top: 14px;
left: -14px;
width: 10px;
height: 10px;
}
.register_container__bottom .title {
margin: 28px 0 24px 0;
}
.register_container__bottom__middle {
flex-direction: column;
}
.register_container__bottom__middle .register-checkbox-slot {
bottom: 64px;
}
.register_container__bottom__middle .register-slot {
width: 100%;
margin-right: 0;
}
.register_container__bottom__middle .register-slot .input-slot {
width: 100%;
}
.register_container__bottom__middle .register-slot .input-slot input {
font-size: 14px;
line-height: 160%;
}
.register_container__bottom__middle .register-slot .input-slot input::-moz-placeholder {
font-size: 14px;
line-height: 160%;
}
.register_container__bottom__middle .register-slot .input-slot input::placeholder {
font-size: 14px;
line-height: 160%;
}
.register_container__bottom__middle .register-checkbox-slot .input-slot label {
font-size: 14px;
line-height: 160%;
}
.register_container__bottom .full-green--btn.register-btn-container {
margin: 64px auto 0;
}
.register_container__bottom .full-green--btn.register-btn-container button {
font-size: 14px;
}
}
.article_container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
}
@media (max-width: 991px) {
.article_container {
padding-top: 24px;
padding-bottom: 24px;
}
}
.article_container h2 {
font-size: 24px;
font-weight: 700;
line-height: 34px;
text-transform: uppercase;
color: #333333;
margin: 0 0 16px 0;
width: 100%;
}
.article_container h2 span {
color: #477a25;
margin: 0;
}
.article_container h3 {
font-size: 16px;
font-weight: 700;
line-height: 18px;
color: #477a25;
margin: 24px 0 12px 0;
width: 100%;
}
.article_container .article_txt_box {
width: 100%;
}
.article_container .article_txt_box ul li,
.article_container .article_txt_box ol li {
font-size: 14px;
font-weight: 400;
line-height: 160%;
color: #6e6e6e;
}
.article_container .article_txt_box p {
font-size: 14px;
font-weight: 400;
line-height: 160%;
color: #6e6e6e;
margin: 0 0 12px 0;
}
@media (max-width: 991px) {
.article_container .article_txt_box .table-box {
overflow-y: hidden;
overflow-x: scroll;
}
.article_container .article_txt_box .table-box table tr,
.article_container .article_txt_box .table-box table td,
.article_container .article_txt_box .table-box table th {
padding: 8px;
font-size: 12px;
}
}
.article_container .article_txt_box table {
width: 100%;
border-collapse: collapse;
}
.article_container .article_txt_box table tr,
.article_container .article_txt_box table th,
.article_container .article_txt_box table td {
border-color: #8c8b8d;
color: #6e6e6e;
text-align: left;
padding: 12px;
border: 1px solid #8c8b8d;
}
.article_container .article_img_txt_box--img {
display: flex;
flex-direction: column;
width: 49%;
margin-right: 1%;
margin-bottom: 24px;
}
.article_container .article_img_txt_box--img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
}
.article_container .article_img_txt_box--text {
display: flex;
flex-direction: column;
width: 49%;
margin-left: 1%;
margin-bottom: 24px;
}
.article_container .article_img_txt_box--text h2 {
font-size: 24px;
font-weight: 700;
line-height: 34px;
color: #333333;
text-transform: uppercase;
margin: 0 0 16px 0;
}
.article_container .article_img_txt_box--text h2 span {
color: #477a25;
margin: 0;
}
.article_container .article_img_txt_box--text p {
font-size: 14px;
font-weight: 400;
line-height: 160%;
color: #6e6e6e;
margin: 0 0 12px 0;
}
.article_container .article_txt_img_box--img {
display: flex;
flex-direction: column;
width: 49%;
margin-left: 1%;
margin-bottom: 24px;
}
.article_container .article_txt_img_box--img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.article_container .article_txt_img_box--text {
display: flex;
flex-direction: column;
width: 49%;
margin-right: 1%;
margin-bottom: 24px;
}
.article_container .article_txt_img_box--text h2 {
font-size: 24px;
font-weight: 700;
line-height: 34px;
color: #333333;
text-transform: uppercase;
margin: 0 0 16px 0;
}
.article_container .article_txt_img_box--text h2 span {
color: #477a25;
margin: 0;
}
.article_container .article_txt_img_box--text p {
font-size: 14px;
font-weight: 400;
line-height: 160%;
color: #6e6e6e;
margin: 0 0 12px 0;
}
.article_container .article_small_img_box--img {
width: 24%;
margin-right: 1%;
margin-top: 24px;
margin-bottom: 24px;
}
.article_container .article_small_img_box--img:last-of-type {
margin-right: 0;
}
.article_container .article_small_img_box--img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.article_container .article_txt_img_img_box--text {
width: 100%;
margin-bottom: 24px;
}
.article_container .article_txt_img_img_box--text h2 {
font-size: 24px;
font-weight: 700;
line-height: 34px;
color: #333333;
text-transform: uppercase;
margin: 0 0 16px 0;
}
.article_container .article_txt_img_img_box--text h2 span {
color: #477a25;
margin: 0;
}
.article_container .article_txt_img_img_box--text p {
font-size: 14px;
font-weight: 400;
line-height: 160%;
color: #6e6e6e;
margin: 0 0 12px 0;
}
.article_container .article_txt_img_img_box__images {
display: flex;
flex-direction: row;
margin-bottom: 24px;
}
.article_container .article_txt_img_img_box__images--img {
width: 48%;
margin-right: 1%;
margin-bottom: 16px;
}
.article_container .article_txt_img_img_box__images--img:last-of-type {
margin-left: 1%;
}
.article_container .article_txt_img_img_box__images--img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}@media (max-width: 960px) {
.article_container h2 {
font-size: 20px;
line-height: 28px;
}
.article_container .article_img_txt_box--img {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.article_container .article_img_txt_box--text {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.article_container .article_img_txt_box--text h2 {
font-size: 20px;
line-height: 38px;
}
.article_container .article_img_txt_box--text p {
font-size: 14px;
line-height: 160%;
}
.article_container .article_txt_img_box {
margin-bottom: 24px;
}
.article_container .article_txt_img_box--img {
order: 2;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.article_container .article_txt_img_box--text {
order: 1;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.article_container .article_txt_img_box--text h2 {
font-size: 20px;
line-height: 38px;
}
.article_container .article_txt_img_box--text p {
font-size: 14px;
line-height: 160%;
}
.article_container .article_small_img_box--img {
width: 48%;
margin-right: 1%;
}
.article_container .article_small_img_box--img:nth-of-type(2n) {
margin-right: 0;
margin-left: 1%;
}
.article_container .article_small_img_box--img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.article_container .article_txt_img_img_box {
margin-bottom: 24px;
}
.article_container .article_txt_img_img_box--text h2 {
font-size: 20px;
line-height: 38px;
}
.article_container .article_txt_img_img_box--text p {
font-size: 14px;
line-height: 160%;
}
}
@media (max-width: 760px) {
.article_container .article_small_img_box--img {
width: 100%;
margin-right: 0;
margin: 4px 0;
}
.article_container .article_small_img_box--img:nth-of-type(2n) {
margin-right: 0;
margin-left: 0;
}
.article_container .article_small_img_box--img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
}
.clients_panel_addresses_content {
display: flex;
flex-direction: row;
width: 100%;
}
.clients_panel_addresses_content__left {
display: flex;
}
.clients_panel_addresses_content__right {
margin-top: 57px;
width: 100%;
}
.clients_panel_addresses_content__right h1.title {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #333333;
margin: 30px 0 30px 0;
}@media (max-width: 960px) {
.clients_panel_addresses_content {
flex-direction: column;
margin-bottom: 120px;
}
.clients_panel_addresses_content__right {
margin-top: 0;
}
.clients_panel_addresses_content__right h1.title {
margin: 15px 0 30px 0;
}
}
.clients_panel_aside {
display: flex;
flex-direction: column;
width: 295px;
height: auto;
margin-right: 30px;
padding: 0 42px;
box-sizing: border-box;
margin-bottom: 444px;
border-right: 1px solid #68b236;
margin-top: 80px;
margin-right: 85px !important;
}
.clients_panel_aside--title {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 168.5%;
color: #333333;
margin: 0 0 24px -40px;
}
.clients_panel_aside--title span {
font-size: 18px;
font-weight: 600;
}
.clients_panel_aside--slot {
display: block;
height: 40px;
box-sizing: border-box;
margin-left: -42px;
padding-left: 42px;
margin-right: -42px;
text-decoration: none;
}
.clients_panel_aside--slot:hover {
text-decoration: none;
}
.clients_panel_aside--slot.active p, .clients_panel_aside--slot:hover p {
color: #477a25;
text-decoration: none;
}
.clients_panel_aside--slot p {
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 168.5%;
color: #333333;
margin: 0;
padding-left: 40px;
margin-left: -40px;
}
.clients_panel_aside--slot.data {
position: relative;
}
.clients_panel_aside--slot.data::before {
position: absolute;
display: block;
top: 4px;
left: 4px;
content: "";
background: url("./../assets/icons/clients_panel/data.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_aside--slot.data:hover::before, .clients_panel_aside--slot.data.active::before {
background: url("./../assets/icons/clients_panel/data-green.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_aside--slot.orders {
position: relative;
}
.clients_panel_aside--slot.orders::before {
position: absolute;
display: block;
top: 4px;
left: 4px;
content: "";
background: url("./../assets/icons/clients_panel/orders.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_aside--slot.orders:hover::before, .clients_panel_aside--slot.orders.active::before {
background: url("./../assets/icons/clients_panel/orders-green.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_aside--slot.addresses {
position: relative;
}
.clients_panel_aside--slot.addresses::before {
position: absolute;
display: block;
top: 4px;
left: 4px;
content: "";
background: url("./../assets/icons/clients_panel/addresses.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_aside--slot.addresses:hover::before, .clients_panel_aside--slot.addresses.active::before {
background: url("./../assets/icons/clients_panel/addresses-green.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_aside--slot.fv {
position: relative;
}
.clients_panel_aside--slot.fv::before {
position: absolute;
display: block;
top: 4px;
left: 4px;
content: "";
background: url("./../assets/icons/clients_panel/fv.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_aside--slot.fv:hover::before, .clients_panel_aside--slot.fv.active::before {
background: url("./../assets/icons/clients_panel/fv-green.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}@media (max-width: 760px) {
.clients_panel_aside {
width: 100%;
height: auto;
margin: 24px 0 !important;
}
.clients_panel_aside--slot p {
font-size: 16px;
margin-top: 2px;
}
}
.clients_panel_fv_content {
display: flex;
flex-direction: row;
width: 100%;
}
.clients_panel_fv_content__left {
display: flex;
}
.clients_panel_fv_content__right {
margin-top: 57px;
width: 100%;
}
.clients_panel_fv_content__right h1.title {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #333333;
margin: 30px 0 30px 0;
}@media (max-width: 960px) {
.clients_panel_fv_content {
flex-direction: column;
margin-bottom: 120px;
}
.clients_panel_fv_content__right {
margin-top: 0;
}
.clients_panel_fv_content__right h1.title {
margin: 15px 0 30px 0;
}
}
.clients_panel_my_data_content {
display: flex;
flex-direction: row;
width: 100%;
}
.clients_panel_my_data_content__left {
display: flex;
}
.clients_panel_my_data_content__right {
margin-top: 57px;
width: 100%;
}
.clients_panel_my_data_content__right h1.title {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #333333;
margin: 30px 0 30px 0;
}@media (max-width: 960px) {
.clients_panel_my_data_content {
flex-direction: column;
margin-bottom: 120px;
}
.clients_panel_my_data_content__right {
margin-top: 0;
}
.clients_panel_my_data_content__right h1.title {
margin: 15px 0 30px 0;
}
}
.clients_panel_orders_content {
display: flex;
flex-direction: row;
width: 100%;
}
.clients_panel_orders_content__left {
display: flex;
}
.clients_panel_orders_content__right {
margin-top: 57px;
width: 100%;
}
.clients_panel_orders_content__right h1.title {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #333333;
margin: 30px 0 30px 0;
}
.clients_panel_orders_content__right .panel_orders_box {
display: flex;
flex-direction: column;
margin-top: 40px;
width: 100%;
}
.clients_panel_orders_content__right .panel_orders_box__slot {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 36px;
box-sizing: border-box;
border: 1px solid #68b236;
margin-bottom: 35px;
border-radius: 10px;
height: auto;
width: 100%;
}
.clients_panel_orders_content__right .panel_orders_box__slot.send .panel_orders_box_slot__bottom {
background-color: #90d065;
}
.clients_panel_orders_content__right .panel_orders_box__slot.send .panel_orders_box_slot__bottom .info::before {
position: absolute;
display: block;
top: 4px;
left: -32px;
content: "";
background: url("./../assets/icons/clients_panel/car.svg");
width: 27px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_orders_content__right .panel_orders_box__slot.accepted .panel_orders_box_slot__bottom {
background-color: #e99b53;
}
.clients_panel_orders_content__right .panel_orders_box__slot.accepted .panel_orders_box_slot__bottom .info::before {
position: absolute;
display: block;
top: 4px;
left: -24px;
content: "";
background: url("./../assets/icons/clients_panel/box.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top {
position: relative;
display: flex;
flex-direction: row;
margin: 36px -36px;
padding: 0 36px;
width: 100%;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top:first-of-type {
margin-top: 0;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top:last-of-type {
margin-bottom: 0;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top:nth-of-type(n+2) {
border-top: 1px solid #68b236;
margin-top: 18px;
padding-top: 48px;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-img {
display: flex;
flex-direction: column;
width: 115px;
height: 115px;
margin-right: 24px;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-img img {
width: auto;
height: 115px;
-o-object-fit: contain;
object-fit: contain;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text {
display: flex;
flex-direction: column;
margin-right: 40px;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .title {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 0 0 25px 0;
text-decoration: none;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .desc {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #6e6e6e;
margin: 0 0 4px 0;
white-space: pre;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text.second {
margin: 52px 40px 0 0;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .price {
position: absolute;
bottom: -64px;
right: 24px;
text-align: center;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .price .big {
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 4px;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .price .large {
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 4px;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .price .green {
color: #477a25;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .details {
position: absolute;
top: 8px;
right: 24px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
color: #333333;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .details:hover {
color: #477a25;
}
.clients_panel_orders_content__right .panel_orders_box__slot .panel_orders_box_slot__bottom {
display: flex;
justify-content: flex-end;
align-items: center;
height: 47px;
width: calc(100% + 72px);
margin: 35px -36px -36px -36px;
border-radius: 0 0 8px 8px;
}
.clients_panel_orders_content__right .panel_orders_box__slot .panel_orders_box_slot__bottom .info {
position: relative;
margin: 0 34px 0 0;
font-size: 18px;
font-weight: 700;
line-height: normal;
color: #ffffff;
}@media (max-width: 1180px) {
.clients_panel_orders_content {
flex-direction: column;
}
.clients_panel_orders_content__right {
margin-top: 0;
}
.clients_panel_orders_content__right h1.title {
margin: 0 0 24px 0;
}
}
@media (max-width: 960px) {
.clients_panel_orders_content__right {
margin-top: 16px;
}
.clients_panel_orders_content__right h1.title {
margin: 0;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top {
margin-bottom: 0;
flex-direction: column;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-img {
margin-bottom: 24px;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text {
margin-right: 0;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text.second {
margin: 16px 0 24px 0;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .price {
bottom: -16px;
margin: 0;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .price .big {
font-size: 28px;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .price .large {
font-size: 18px;
}
.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .desc {
white-space: unset;
}
.clients_panel_orders_content__right .panel_orders_box__slot .panel_orders_box_slot__bottom .info {
font-size: 14px;
line-height: 160%;
}
}
.clients_panel_orders_details_content {
display: flex;
flex-direction: row;
width: 100%;
}
.clients_panel_orders_details_content__left {
display: flex;
}
.clients_panel_orders_details_content__right {
margin-top: 57px;
width: 100%;
}
.clients_panel_orders_details_content__right h1.title {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #333333;
margin: 30px 0 30px 0;
}
.clients_panel_orders_details_content__right .orders_details_box {
display: flex;
flex-direction: row;
margin-top: 40px;
width: 100%;
}
.clients_panel_orders_details_content__right .orders_details_box__slot {
display: flex;
flex-direction: column;
align-items: center;
padding: 36px;
box-sizing: border-box;
border: 1px solid #68b236;
margin-bottom: 35px;
border-radius: 10px;
height: auto;
width: 100%;
}
.clients_panel_orders_details_content__right .orders_details_box__slot.send .orders_details_box__slot__bottom {
background-color: #90d065;
}
.clients_panel_orders_details_content__right .orders_details_box__slot.send .orders_details_box__slot__bottom .info::before {
position: absolute;
display: block;
top: 4px;
left: -32px;
content: "";
background: url("./../assets/icons/clients_panel/car.svg");
width: 27px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_orders_details_content__right .orders_details_box__slot.accepted .orders_details_box__slot__bottom {
background-color: #e99b53;
}
.clients_panel_orders_details_content__right .orders_details_box__slot.accepted .orders_details_box__slot__bottom .info::before {
position: absolute;
display: block;
top: 4px;
left: -24px;
content: "";
background: url("./../assets/icons/clients_panel/box.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top {
width: 100%;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text {
display: flex;
flex-direction: row;
border-bottom: 1px solid #68b236;
margin-left: -36px;
margin-right: -36px;
padding: 0 0 32px 36px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text p {
display: inline-flex;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #6e6e6e;
margin: 0;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text p:nth-of-type(2) {
margin-left: 60px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text p strong {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin-right: 4px;
white-space: pre;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text p strong.green {
color: #477a25;
font-weight: 700;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle {
position: relative;
display: flex;
flex-direction: row;
padding: 35px 0 35px 50px;
width: calc(100% + 24px);
margin: 0 -12px 0 -12px;
border-bottom: 1px solid #68b236;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-img {
display: flex;
flex-direction: column;
width: 115px;
height: 115px;
margin-right: 24px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-img img {
width: auto;
height: 115px;
-o-object-fit: contain;
object-fit: contain;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text {
display: flex;
flex-direction: column;
margin-right: 40px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .title {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 0 0 25px 0;
text-decoration: none;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .desc {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #6e6e6e;
margin: 0 0 4px 0;
white-space: pre;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text.second {
margin: 52px 40px 0 0;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .price {
position: absolute;
bottom: 16px;
right: 20px;
text-align: center;
margin: 0 0 45px 0;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .price .big {
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 4px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .price .large {
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 4px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .price .green {
color: #477a25;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .details {
position: absolute;
top: 16px;
right: 20px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
color: #333333;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .details:hover {
color: #477a25;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle--delivery {
display: flex;
flex-direction: row;
width: 100%;
padding: 35px 35px 0 50px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle--delivery .slot-text {
display: flex;
flex-direction: column;
width: 30%;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle--delivery .slot-text .title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 0 0 13px 0;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle--delivery .slot-text .desc {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0 0 4px 0;
}
.clients_panel_orders_details_content__right .orders_details_box__slot .orders_details_box__slot__bottom {
display: flex;
justify-content: flex-end;
align-items: center;
height: 47px;
width: calc(100% + 72px);
margin: 35px -36px -36px -36px;
border-radius: 0 0 8px 8px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot .orders_details_box__slot__bottom .info {
position: relative;
margin: 0 34px 0 0;
font-size: 18px;
font-weight: 700;
line-height: normal;
color: #ffffff;
}@media (max-width: 1180px) {
.clients_panel_orders_details_content {
flex-direction: column;
}
.clients_panel_orders_details_content__right {
margin-top: 0;
}
.clients_panel_orders_details_content__right h1.title {
margin: 0;
}
}
@media (max-width: 960px) {
.clients_panel_orders_details_content__right .orders_details_box__slot {
padding: 15px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text {
padding: 0 0 15px 15px;
margin-left: -15px;
margin-right: -15px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text p {
font-size: 14px;
line-height: 160%;
margin-left: 15px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text p:nth-of-type(2) {
margin-left: 15px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text p strong {
font-size: 14px;
line-height: 160%;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle {
position: relative;
display: flex;
flex-direction: row;
padding: 15px;
width: 100%;
margin: 0 -15px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .price {
text-align: center;
margin: 0;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .price .big {
font-size: 28px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .price .large {
font-size: 18px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .details {
position: absolute;
top: 16px;
right: 20px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
color: #333333;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text .details:hover {
color: #477a25;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle--delivery .slot-text {
width: 50%;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle--delivery .slot-text .desc {
font-size: 14px;
line-height: 140%;
}
.clients_panel_orders_details_content__right .orders_details_box__slot .orders_details_box__slot__bottom {
width: calc(100% + 30px);
margin: 35px -15px -15px -15px;
height: 40px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot .orders_details_box__slot__bottom .info {
font-size: 14px;
line-height: 160%;
}
}
@media (max-width: 600px) {
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text {
display: flex;
flex-direction: column;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle {
padding-bottom: 72px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle--delivery {
flex-direction: column;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__middle--delivery .slot-text {
width: 100%;
margin-bottom: 15px;
}
}
.clients_panel_row {
display: flex;
flex-direction: row;
}
.clients_panel_row .input-slot {
display: flex;
flex-direction: column;
width: 40%;
margin-right: 3%;
}
.clients_panel_row .input-slot label {
display: block;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
margin: 0 0 10px 0;
}
.clients_panel_row .input-slot input {
font-family: "Poppins", sans-serif;
width: 100%;
height: 40px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #e2e2e2;
background: #f8f8f8;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding: 0 20px;
margin: 0 0 16px 0;
}
.clients_panel_row .input-slot input::-moz-placeholder {
color: #333333;
}
.clients_panel_row .input-slot input::placeholder {
color: #333333;
}
.clients_panel_row .input-slot input:hover, .clients_panel_row .input-slot input:focus {
border: 1px solid #68b236;
outline: 0;
}
.clients_panel_row .input-slot .full-green--btn {
margin-top: 35px;
margin-bottom: 80px;
}
.clients_panel_row .input-slot .full-green--btn button {
padding: 10px 33px;
height: 47px;
}@media (max-width: 760px) {
.clients_panel_row {
flex-direction: column;
}
.clients_panel_row .input-slot {
width: 100%;
margin-right: 0;
}
.clients_panel_row .input-slot.pass-btn {
order: 1;
}
.clients_panel_row .input-slot.confirm-new-pass {
order: 0;
}
.clients_panel_row .input-slot label {
font-size: 14px;
line-height: 160%;
}
.clients_panel_row .input-slot input {
font-size: 14px;
line-height: 160%;
}
.clients_panel_row .input-slot .full-green--btn {
margin-top: 15px;
}
.clients_panel_row .input-slot .full-green--btn button {
font-size: 14px;
}
}
/* css/default.css */
.mt--1 { margin-top: 10px; }
.mt--2 { margin-top: 20px; }
.mt--3 { margin-top: 30px; }
.mt--4 { margin-top: 40px; }
.mt--5 { margin-top: 50px; }.mb--1 { margin-bottom: 10px; }
.mb--2 { margin-bottom: 20px; }
.mb--3 { margin-bottom: 30px; }
.mb--4 { margin-bottom: 40px; }.pt--1 { padding-top: 10px; }
.pt--2 { padding-top: 20px; }
.pt--3 { padding-top: 30px; }
.pt--4 { padding-top: 40px; }.pb--1 { padding-bottom: 10px; }
.pb--2 { padding-bottom: 20px; }
.pb--3 { padding-bottom: 30px; }
.pb--4 { padding-bottom: 40px; }.alert  { border-radius: 0; }input.email,
input#email { display: none; }textarea.fail,
select.fail,
input.fail {
border-color: #f4afad !important;
color: #a94442 !important;
background-color: #f08481 !important;
}label.fail,
label.fail a {
color: #a94442 !important;
}#banners .banners_container__left .button01, #banners .banners_container__right .button01 {
width: auto;
}.tab-text label img {
margin-left: 5%;
}
.the_tabs label p {
font-size: 14px;
}
.the_tabs label.label_tab_1:hover img,
.the_tabs label.label_tab_2:hover img,
.the_tabs label.label_tab_3:hover img,
.the_tabs label.label_tab_4:hover img,
.the_tabs label.label_tab_5:hover img {
content: url("./../assets/icons/tabs/bestseller.svg");
}.aside_menu .aside_menu_content--slot {
padding: 4px 0;
}
.aside_menu .aside_menu_content--slot.active {
color: #477a25;
font-weight: 500;
}
.aside_menu .aside_menu_content--slot.sub-slot {
padding: 4px 0 0 25px;
}.contact_availability_container__btn,
.contact_availability_container__btn a,
.pricing_availability_container__btn,
.pricing_availability_container__btn a {
color: #fff;
font-size: 14px;
}
.contact_availability_container__btn:hover a,
.pricing_availability_container__btn:hover a {
text-decoration: none;
color: #477a25;
}
.contact_availability_container__btn:hover,
.pricing_availability_container__btn:hover {
background: #fff;
}@media (max-width: 760px) {
.col__product_details .products_details__top .contact_availability_container__btn a,
.col__product_details .products_details__top .pricing_availability_container__btn a {
font-size: 14px;
}
}.products_details .contact_availability_container__btn,
.products_details .pricing_availability_container__btn {
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
border: 1px solid #FFFFFF;
background-color: #90D065;
width: -moz-max-content;
width: max-content;
box-sizing: border-box;
border-radius: 10px;
margin-right: 12px;
}
.products_details .contact_availability_container__btn button,
.products_details .pricing_availability_container__btn button {
font-family: "Poppins", sans-serif;
border: 0;
cursor: pointer;
position: relative;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: #1f1f1f;
background-color: #90D065;
padding: 8px 50px 8px 20px;
border-radius: 10px;
white-space: pre;
}
.products_details .contact_availability_container__btn button::after,
.products_details .pricing_availability_container__btn button::after {
position: absolute;
content: "";
background: url("./../assets/icons/send_request/send_envelope.svg") no-repeat;
background-position: center;
background-size: contain;
width: 26px;
height: 17px;
top: 13px;
right: 17px;
}
.products_details .contact_availability_container__btn button:hover::after,
.products_details .pricing_availability_container__btn button:hover::after {
top: 13px;
right: 17px;
}.products_details .contact_availability_container__btn.calc-btn button,
.products_details .pricing_availability_container__btn.calc-btn button {
border: 1px solid transparent;
padding: 8px 20px;
}
.products_details .cottact_availability_container__btn.calc-btn:hover button,
.products_details .pricing_availability_container__btn.calc-btn:hover button {
background: #fff;
border: 1px solid #90D065;
}.products_details .contact_availability_container__btn.calc-btn button::after,
.products_details .pricing_availability_container__btn.calc-btn button::after {
background: none;
}@media (max-width: 1600px) {
.products_details .contact_availability_container__btn:hover,
.products_details .pricing_availability_container__btn:hover {
border: 1px solid #90d065;
background-color: #ffffff;
}
}@media (max-width: 1600px) {
.products_details .contact_availability_container__btn:hover button,
.products_details .pricing_availability_container__btn:hover button {
color: #477a25;
background-color: #ffffff;
}
}@media (max-width: 1600px) {
.products_details .contact_availability_container__btn:hover button::after,
.products_details .pricing_availability_container__btn:hover button::after {
position: absolute;
content: "";
background: url(./../assets/icons/send_request/send_envelope_green.svg) no-repeat;
background-position: center;
background-size: contain;
width: 26px;
height: 17px;
top: 10px;
right: 17px;
}
}p.add-files-text span.calc-file-name {
float: left;
width: 100%;
margin: 0 auto 15px auto;
text-align: center;
font-weight: bold;
font-size: 12px;
color: #477a25;
}.products_details .result-header {
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 10px 0;
}.products_details__bottom_left,
.products_details__bottom {
height: auto;
}.products_details__bottom_right .desc span {
color: #477a25;
font-weight: 500;
}.products_details__bottom_right .calc-after-obj {
display: none;
}.products_details__bottom_right .desc-big {
margin: 18px 0 0 0;
}.products_details__bottom_right .price {
margin: 0 0 15px 0;
}
.products_details__bottom_right .price span.iva {
font-size: 12px;
}
.products_details__bottom_right .title {
margin: 18px 0 10px 0;
}
.products_details__top .pricing_availability_container__availability p .circle {
margin: 0;
}
.products_details__top .pricing_availability_container__availability p .circle.red {
background-color: red;
}
.products_details__top .products-variants--slot {
width: auto;
}.products_details__top {
position: relative;
}.products_details__top .name {
width: 75%;}
.products_details__top .brand-logo {
position: absolute;
right: 0;
top: -15px;
width: 25%;
}
.products_details__top .brand-logo img {
max-width: 100%;
}.products_details__bottom_right.with-branding .full-green--btn,
.products_details__bottom_right.with-branding .green-white--btn {
margin: 5px 0;
}
.products_details__bottom_right.with-branding button:first-of-type {
margin-top: 25px;
}.products_details__bottom_right.with-branding .full-green--btn button a {
color: #fff;
}
.products_details__bottom_right.with-branding .green-white--btn button a {
font-size: 14px;
}
.products_details__bottom_right.with-branding .full-green--btn button:hover a {
color: #477a25;
}
.products_details__bottom_right.with-branding .green-white--btn button:hover a {
color: #fff;
}
.products_details__bottom_right.with-branding button a {
text-decoration: none;
}
.products_details__bottom_right.with-branding button:hover a {
text-decoration: none;
}.contact_container .desc {
margin: 0;
}
.contact_container .desc:last-of-type {
margin: 0 0 30px 0;
}
.contact_container .desc span,
.contact_container .desc a {
font-size: 1.25em;
color: #477a25;
text-decoration: none;
}
.contact_container .desc a:hover {
color: #333333;
}.products_mostly_view_outline {
padding-top: 25px;
background: #ebebeb;
margin: 0 auto;
padding: 25px 0;
}
.products_mostly_view_outline .products_mostly_view {
margin: 0 auto;
width: 80vw;
}.clients_panel_addresses_content__right,
.clients_panel_fv_content__right,
.clients_panel_my_data_content__right,
.clients_panel_aside {
margin-top: 15px;
}.clients_panel_addresses_content__right h1.title,
.clients_panel_fv_content__right h1.title,
.clients_panel_my_data_content__right h1.title {
margin: 15px 0;
}.products_card_modal--desc.green {
margin: 10px 0 10px 28px;
}
.products_card_modal__btn {
margin: 22px auto 22px;
}.products_card_modal__btn.go-to-cart {
margin: 0;
}#calc-captcha {
display: none;
}#cart_steps_container .cart_steps--item span {
display: flex;
flex-direction: row;
align-items: center;
}
#cart_steps_container .cart_steps--item.active span .item--number {
background-color: #68B236;
}
#cart_steps_container .cart_steps--item span .item--number {
display: flex;
min-width: 36px;
width: 36px;
height: 36px;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin-right: 17px;
position: relative;
background-color: #ADADAD;
border-radius: 100%;
}
#cart_steps_container .cart_steps--item span .item--text {
margin-right: 40px;
}
#cart_steps_container .cart_steps--item.active span .item--text p {
color: #477a25;
}
#cart_steps_container .cart_steps--item span .item--text p {
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #6e6e6e;
margin: 0 0 0 -4px;
}
#cart_steps_container .cart_steps--item.active span .item--number p {
color: #FFFFFF;
}
#cart_steps_container .cart_steps--item span .item--number p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #FFFFFF;
margin: 0;
}.products_card_modal .products_card_modal_buttons .go-to-cart button {
padding: 9px 63px 10px 33px;
}
.products_card_modal .products_card_modal_buttons .go-to-cart a {
color: #fff;
}
.products_card_modal .products_card_modal_buttons .go-to-cart:hover a {
text-decoration: none;
}
.title.other-address {
display: none;
}.cart_product_container--files .add-files input[type=file] {
margin: 8px 35px 0 0;
}.cart_product_container--files a.logo_remove {
font-size: 14px;
color: #848484;
}
.cart_product_container--files a.logo_remove:hover {
text-decoration: none;
color: #333;
}
.cart_product_container--files .logovisual {
font-size: 12px;
}.cart-sending {
display: none;
align-items: center;
justify-content: center;
}.cart-sending object {
width: 100px;
height: auto;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}.cart-sending span {
display: inline-block;
vertical-align: middle;
}.cart_pay_box {
width: 100%;
height: auto;
border: 1px solid #D3D3D3;
background-color: #F8F8F8;
padding: 40px;
box-sizing: border-box;
border-radius: 10px;
position: relative;
}a.popular-see-more {
display: block;
margin: 0 auto 35px auto;
padding: 0;
text-align: center;
width: 100%;
text-decoration: none;
}
a.popular-see-more:hover,
a.popular-see-more:focus {
color: #848484;
}a.align-right {
text-align: right;
}.clients_panel_orders_details_content__right,
.clients_panel_orders_content__right {
margin-top: 0;
}.clients_panel_orders_content__right .panel_orders_box__slot__top .slot-text .price {
padding-bottom: 15px;
}.products_details__bottom_left .input-slot.last label::after {
height: 0;
}@media (min-width: 1261px) {
.products_blocks_wrapper__slot .products_block_wrapper__slot--img img {
object-fit: contain;
width: 100%;
}
}.products_details__top .products-variants--slot {
width: 65px;
height: 65px;
max-width: 65px;
max-height: 65px;
}.products_details__bottom_left .input-slot input,
.products_details__bottom_left .input-slot select {
background-color: #FFFFFF;
border: 1px solid #E2E2E2;
}.breadcrumbs ul li.breadcrumb-item span {
font-weight: 400;
font-size: 14px;
line-height: 160%;
color: #333333;
text-decoration: none;
}@media (max-width: 760px) {
.breadcrumbs ul li.breadcrumb-item span {
font-weight: 400;
font-size: 11px;
line-height: 12px;
}
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul .bottom-nav-sub-sublist ul a {
max-width: 300px
}@media (max-width: 1500px) {
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist.office::after {
left: unset;
right: -100px;
}
}@media (max-width: 760px) {
header #nav.show-mobile-search-bar .top-nav .search-bar-wrapper #searchQueryInput {
display: flex !important;
}
header #nav.show-mobile-search-bar .top-nav .search-bar-wrapper #searchQuerySubmit {
display: flex !important;
top: 53px;
right: 12px;
filter: invert(1);
width: 40px;
height: 40px;
}
}.cart_product_container--files label.quantity {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #333333;
margin-bottom: 14px;
}.cart_product_container--files input.quantity {
font-family: "Poppins", sans-serif;
width: 106px;
height: 40px;
box-sizing: border-box;
border: 1px solid #E2E2E2;
background: #F8F8F8;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #333333;
padding-left: 10px;
}@media (max-width: 760px) {
.products_mostly_view_outline .products_blocks_wrapper {
flex-direction: row;
display: flex;
flex-wrap: nowrap;
overflow: scroll;
justify-content: flex-start;
gap: 16px;
}
}@media (max-width: 760px) {
.gallery-container-big {
height: 50vh;
max-height: 400px;
}
.gallery-container-big .gallery-item.big {
height: 100%;
}
}header #nav .top-nav .logo img {
height: auto;
}.clients_panel_orders_details_content__right .orders_details_box__slot .orders_details_box__slot__bottom {
width: calc(100% + 60px);
color: #fff;
padding-right: 12px;
}@media (max-width: 1600px) {
.products_details .pricing_availability_container__availability {
margin: 0;
}
}.products_details__top .pricing_availability_container__availability {
margin-left: 0;
}
/* css/extras.css */
.products_tabs .products_tab table {
width: 100%;
}.product_card_tabs .tab-content {
position: relative;
background-color: #f4f4f4;
}.product_card_tabs .tab-content .tab-pane .table-container table {
width: 100%;
}.products_tabs .products_tab table {
margin: 15px 0;
}
.products_tabs .products_tab table tr {
background-color: #4a6375;
width: 100%;
height: 41px;
}.products_tabs .products_tab table th {
background: #68B236;
padding-left: 48px;
font-size: 18px;
font-weight: 700;
line-height: 177.023%;
color: #1f1f1f;
margin: 0;
border-collapse: collapse;
}.product_card_tabs .tab-content .tab-pane .table-container table tbody tr:first-of-type {
background-color: #4a6375;
width: 100%;
height: 41px;
}.product_card_tabs .tab-content .tab-pane .table-container table tbody tr:first-of-type th {
padding-left: 48px;
font-size: 18px;
font-weight: 700;
line-height: 177.023%;
color: #ffffff;
margin: 0;
border-collapse: collapse;
}.product_card_tabs .tab-content .tab-pane .table-container table tbody tr td {
height: auto;
padding: 16px 0;
padding-left: 48px;
border: 1px solid #ccc;
background-color: #ffffff;
}.products_tabs .products_tab table tr td {
height: auto;
width: 33.3333%;
padding: 16px 0;
padding-left: 48px;
border: 1px solid #eaeaea;
background-color: #ffffff;
text-align: center;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements {
flex-wrap: wrap;
flex-direction: row !important;
display: flex !important;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card {
width: 25%;
padding-bottom: 1%;
background-color: #ffffff;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .title {
text-align: center;
height: 60px;
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #4a6375;
border-bottom: 1px solid #b8b8b8;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .title p {
font-size: 14px;
margin: 0 auto;
font-style: normal;
font-weight: 400;
line-height: 177.023%;
color: #ffffff;
padding: 0 21px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .image {
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
width: 100%;
height: 240px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .image img.md {
display: block;
margin: 10px auto;
max-width: 100%;
max-height: 200px;
width: auto;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .image img {
width: 100%;
height: auto;
padding: 16px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .details {
position: relative;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .details {
padding: 0 16px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .details .product-icons {
position: absolute;
top: 0;
right: 15px;
z-index: 1000;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .details p {
font-size: 16px;
font-weight: 400;
line-height: 177.023%;
color: #374957;
margin: 0 0 16px 0;
white-space: pre;
}.product_card_tabs .tab-content .tab-pane p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 177.023%;
margin: 0 0 36px 0;
color: #374957;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .details-slots {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 20px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .details-slots .detail-slot {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 10px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .details-slots .detail-slot img {
-o-object-fit: contain;
object-fit: contain;
margin-right: 8px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .details-slots .detail-slot p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 177.023%;
color: #374957;
margin: 0;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .info {
padding: 0 16px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .info p {
font-size: 16px;
font-weight: 400;
line-height: 177.023%;
color: #374957;
margin: 0 0 4px 0;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .info-slots {
min-height: 160px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .info-slots {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .info-slots .info-slot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .info-slots .info-slot img {
-o-object-fit: contain;
object-fit: contain;
margin-right: 12px;
}.product_card_tabs .tab-content .tab-pane .branding-row-elements .branding-col-card .info-slots .info-slot p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 177.023%;
color: #374957;
margin: 0;
}.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text {
gap: 50px;
}
.clients_panel_orders_details_content__right .orders_details_box__slot__top .slot-text:last-child {
text-align: right;
}.orders_details_box__slot__data {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
padding: 35px 50px;
width: 100%;
}.delivery_invoice_box__left,
.delivery_invoice_box__right {
flex: 1;
min-width: 300px;
display: flex;
flex-direction: column;
padding-top: 15px;
}.delivery_invoice_box__left {
align-items: flex-start;
}.delivery_invoice_box__right {
align-items: flex-end;
}.orders_details_box__slot__data p {
margin: 0;
}
.orders_details_box__slot__data p.title {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #333333;
margin: 0 0 10px 0;
text-decoration: none;
}@media (max-width: 768px) {
.orders_details_box__slot__data {
flex-direction: column;
}.delivery_invoice_box__right {
align-items: flex-start;
}
}.cart_product_container--files .desc {
display: flex;
flex-direction: column;
padding: 25px 0 10px 0;
box-sizing: border-box;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist {
width: 68vw;
}@media (max-width: 1600px) {
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist {
width: 94vw;
}
}@media (max-width: 1400px) {
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist {
width: 81vw;
}
}header #nav .bottom-nav .left-container ul {
padding-right: 16px;
}header #nav .bottom-nav .left-container ul li.sites a {
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
color: #333;
}
header #nav .bottom-nav .left-container ul li.sites a:hover {
color: #477a25;
text-decoration: none;
}
header #nav .bottom-nav .right-container ul.no-menu-links li {
font-size: 16px;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist {
min-height: 350px;
background-position: right bottom;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist::after {
height: 350px;
background-size: contain !important;
left: 600px !important;
bottom: 0;
right: 0 !important;
}.footer_top-col--title a {
margin: 0;
color: #333;
font-weight: 400;
font-size: 14px;
}.products_details__bottom_left .input-slot label.products_print_postion::before {
content: "3";
}
.products_details__bottom_left .input-slot label.products_print_colors_quantity::before {
content: "4";
}
.products_details__bottom_left .text-slot.upload-files .title::before {
top: 40px;
}
.products_details__bottom_left .input-slot label a.info-icon {
margin: 0 0 0 15px;
display: flex;
align-items: center;
gap: 3px;
}.products_details__bottom_left .input-slot label a.info-icon img {
height: 24px;
width: 24px;
color: #477a25;
}.products_details__bottom_left .input-slot label a.info-icon span {
font-weight: 400;
font-size: 12px;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist::after {
background: none;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul {
min-width: 200px;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li strong a {
font-size: 16px;
line-height: 100%;
font-weight: 500;
margin: 0;
}header #nav .bottom-nav .left-container ul li div a {
color: #333333;
text-shadow: none;
font-weight: 500;
font-size: 14px;
}header #nav .bottom-nav .left-container ul li a:hover {
color: #477a25;
text-decoration: none;
}@media (max-width: 1950px) {
header #nav .bottom-nav .left-container ul li.bottom-nav-links.category > a {
font-size: 14px;
}
}
header #nav .bottom-nav .left-container ul li.first-line::after {
top: 36px;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li.arrow-link {
padding-left: 16px;
}header #nav .top-nav {
height: 75px;
margin: 8px auto 0 auto;
}
header #nav .top-nav .logo img {
max-height: 75px;
}
header #nav .top-nav .search-bar-wrapper #searchQueryInput {
height: 45px;
}
body #main-wrapper {
margin-top: -40px;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist {
background-repeat: no-repeat;
background-size: contain;
top: 144px;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist::before {
all: unset;
border-bottom: 5px solid #ebebeb;
}
header #nav .top-nav .account-cart-container .account-container .logo-container {
display: flex;
flex-direction: row;
margin-top: 0;
align-items: center;
}
header #nav .top-nav .account-cart-container .account-container .logo-container a {
display: flex;
text-decoration: none;
align-items: center;
}
header #nav .top-nav .account-cart-container .account-container .logo-container a img {
margin-right: 8px;
}
header #nav .top-nav .account-cart-container .account-container .logo-container a:focus,
header #nav .top-nav .account-cart-container .account-container .logo-container a:hover,
header #nav .top-nav .account-cart-container .account-container .logo-container a:hover span {
text-decoration: none;
color: #477a25;
}
header #nav .top-nav .account-cart-container .account-container .logo-container span {
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #333333;
white-space: pre;
}
header #nav .top-nav .account-cart-container .cart-container .cart-link .cart-logo-container {
margin-right: 8px;
}.topbar-lang img {
max-height: 20px;
}.topbar-lang {
position: relative;
display: inline-block;
}.flag-toggle {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px;
background: white;
}.flag-toggle:hover {
background: #f5f5f5;
}.flag-img {
width: 24px;
height: 16px;
}.flag-text {
font-weight: 500;
}.flag-arrow img {
width: 12px;
transition: transform 0.3s;
}.flag-toggle.active .flag-arrow img {
transform: rotate(180deg);
}.flag-modal {
position: absolute;
top: 100%;
left: 24px;
right: 0;
margin-top: 4px;
background: white;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
z-index: 1000;
}.flag-option {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 12px;
cursor: pointer;
}.flag-option:hover {
background: #f5f5f5;
}.catalogs-container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 40px 0;
}
.catalogs-container:last-of-type {
padding: 0 0 40px 0;
}.catalogs-container h1 {
font-size: 2.5rem;
margin-bottom: 40px;
text-align: center;
}.catalogs-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}.catalogs-wrapper_col {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}.catalogs-wrapper_col:hover {
transform: translateY(-5px);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}.catalogs-wrapper_col_top {
display: flex;
flex-direction: column;
flex: 1;
}.catalogs-wrapper_col_top.yt {
display: flex;
flex-direction: column;
}.catalogs-wrapper_col_top_left {
width: 100%;
overflow: hidden;
}.catalogs-wrapper_col_top_left img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}.catalogs-wrapper_col_top_left.yt {
position: relative;
width: 100%;
padding-bottom: 56.25%;
}.yt-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}.yt-container img {
width: 100%;
height: 100%;
object-fit: cover;
}.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 68px;
height: 48px;
background: rgba(255, 0, 0, 0.8);
border-radius: 12px;
transition: background 0.3s ease;
}.play-button::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-40%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #fff;
}.yt-container:hover .play-button {
background: rgba(255, 0, 0, 1);
}.catalogs-wrapper_col_top_right {
padding: 20px;
flex: 1;
}.catalogs-wrapper_col_top_right.yt {
padding: 20px;
}.catalogs-text h2 {
font-size: 1.25rem;
margin-bottom: 10px;
color: #333;
}.catalogs-text p {
font-size: 0.95rem;
line-height: 1.5;
color: #666;
}.catalogs-wrapper_col_bottom {
padding: 15px 20px 20px;
border-top: 1px solid #eee;
}.catalogs-wrapper_col_bottom__btns {
display: flex;
flex-direction: column;
gap: 10px;
}.catalogs-wrapper_col_bottom__btns--btn {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
background: #f8f8f8;
border: 1px solid #ddd;
border-radius: 6px;
text-decoration: none;
color: #333;
font-size: 0.85rem;
font-weight: 500;
transition: all 0.3s ease;
}.catalogs-wrapper_col_bottom__btns--btn:hover {
background: #68b236;
text-decoration: none;
border-color: #68b236;
color: #1f1f1f;
}.catalogs-wrapper_col_bottom__btns--btn span {
flex: 1;
}.catalogs-wrapper_col_bottom__btns--btn img {
margin-left: 10px;
flex-shrink: 0;
}@media (max-width: 1024px) {
.catalogs-wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}.catalogs-container h1 {
font-size: 2rem;
}
}@media (max-width: 768px) {
.catalogs-wrapper {
grid-template-columns: 1fr;
gap: 20px;
}.catalogs-container {
padding: 30px 15px;
width: 90%;
}.catalogs-container h1 {
font-size: 1.75rem;
margin-bottom: 30px;
}.catalogs-text h2 {
font-size: 1.1rem;
}.catalogs-wrapper_col_bottom__btns--btn {
font-size: 0.8rem;
padding: 10px 14px;
}
}#swiper.swiper-home {
padding-top: 20px;
}#swiper.swiper-home .swiper-slide {
position: relative;
}#swiper.swiper-home .banner-content {
position: absolute;
left: 40px;
top: 50%;
transform: translateY(-50%);
max-width: 45%;
color: #3a3a3a;
}#swiper.swiper-home .banner-content h2 {
font-size: 34px;
font-weight: 600;
margin: 0 0 14px;
letter-spacing: 0.5px;
}#swiper.swiper-home .banner-content p {
font-size: 18px;
line-height: 1.5;
margin: 0 0 22px;
}#swiper.swiper-home .button01 {
height: 41px;
min-width: 120px;
}#swiper.swiper-home .button01:hover {
opacity: 0.75;
}@media (max-width: 768px) {
#swiper.swiper-home .banner-content {
position: absolute;
left: 20px;
bottom: 20px;
top: auto;
transform: none;
max-width: 80%;
padding: 0 10px 10px 10px;
}#swiper.swiper-home .banner-content h2 {
font-size: 22px;
line-height: 1em;
}#swiper.swiper-home .banner-content p {
font-size: 14px;
margin-bottom: 18px;
}#swiper.swiper-home .button01 {
height: 40px;
padding: 0 10px;
font-size: 12px;
border-radius: 25px;
margin-left: 12px;
}
#swiper.swiper-home .button01 a {
font-size: 12px;
}
}.top-categories-box__slot,
.top-categories-box__slot:hover {
font-weight: 400;
}
.top-categories-box__slot.active:hover {
font-weight: 700;
color: #333333;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul,
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li {
background: transparent;
}.aside_boxes_slot {
position: relative;
}#banners .banner-content {
position: absolute;
left: 30px;
top: 10px;
max-width: 50%;
color: #3a3a3a;
}#banners .banners_container__left .button01,
#banners .banners_container__right .button01 {
left: 30px;
}@media (max-width: 768px) {
#banners .banner-content {
top: 40px !important;
bottom: auto !important;
}
#banners .banners_container__right .button01,
#banners .banners_container__left .button01 {
left: 20px;
}
}.aside_boxes_slot .banner-content {
position: absolute;
left: 10px;
top: 10px;
max-width: 90%;
max-height: 320px;
}.aside_boxes_slot .banner-content h2 {
font-size: 22px;
}
#banners .banner-content h2 {
font-size: 34px;
font-weight: 600;
margin: 0 0 14px;
letter-spacing: 0.5px;
}#banners .banner-content p {
font-size: 18px;
line-height: 1.5;
margin: 0 0 22px;
}.aside_boxes_slot .banner-content p {
font-size: 12px;
margin: 0 auto;
line-height: 1.25em;
}#banners .button01 {
height: 41px;
min-width: 120px;
}#banners .button01:hover {
opacity: 0.75;
}@media (max-width: 768px) {
.aside_boxes .banner-content,
#banners .banner-content {
position: absolute;
left: 20px;
bottom: 80px;
top: auto;
transform: none;
max-width: 50%;
}
.aside_boxes .banner-content h2,
#banners .banner-content h2 {
font-size: 22px;
line-height: 1.2em;
}#banners .banner-content p {
font-size: 14px;
margin-bottom: 18px;
}#banners .button01 {
padding: 10px 22px;
font-size: 14px;
}
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li,
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li strong {
line-height: 20px;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li {
min-height: 22px;
}
header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li a {
line-height: 22px;
font-size: 13px;
}.bottom-nav-sublist {
position: relative;
max-height: 350px;
}.columns-wrapper {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 100%;
align-content: flex-start;
gap: 5px 5px;
}.columns-wrapper .one-col {
flex: 0 0 auto;
max-width: 250px;
}.columns-wrapper .one-col li {
list-style: none;
}#banners .banners_container .banners_container__wide {
padding: 0 !important;
width: 100%;
position: relative;
}#banners .banners_container .banners_container__wide .button01 {
position: absolute;
bottom: 44px;
left: 44px;
width: auto;
height: 41px;
box-sizing: border-box;
}#banners .banners_container .banners_container__wide img {
width: 100%;
}@media (min-width: 769px) {
#banners .banners_container {
padding-top: 16px;
}
#banners .banners_container.wide {
height: 455px;
}
#banners .banners_container .banners_container__left {
padding-right: 8px;
}
#banners .banners_container .banners_container__right {
padding-left: 8px;
}
#banners .banners_container .banners_container__left img,
#banners .banners_container .banners_container__right img {
width: 100%;
}
}@media (max-width: 960px) {
#banners .banners_container__right, #banners .banners_container__left {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0;
}
}@media (max-width: 796px) {
#banners .banners_container .banners_container__wide {
margin: 35px 0 0 0;
}
}header #nav .bottom-nav .first-line:hover .bottom-nav-sublist {
display: flex;
}header #nav .bottom-nav.click-mode .first-line:hover .bottom-nav-sublist {
display: none;
}header #nav .bottom-nav.click-mode .first-line.active .bottom-nav-sublist {
display: flex;
}.clients_swiper .swiper-slide {
flex-shrink: 0;
}.clients_swiper .swiper-wrapper .swiper-slide {
margin: 0 !important;
}.clients_swiper .swiper-slide img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}@media (min-width: 960px) {
.clients_swiper .swiper-slide {
width: calc(100% / 5) !important;
}
}@media (min-width: 660px) and (max-width: 959px) {
.clients_swiper .swiper-slide {
width: calc(100% / 4) !important;
}
}@media (min-width: 200px) and (max-width: 659px) {
.clients_swiper .swiper-slide {
width: calc(100% / 3) !important;
}
}#opinions {
padding: 30px 15px 45px 15px;
margin: 0 auto;
background: #f8f9fa;
max-width: 100%;
overflow-x: hidden;
}#opinions ul.reviews {
list-style: none;
padding: 0;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
max-width: 1200px;
width: 100%;
box-sizing: border-box;
}#opinions ul.reviews .review-card {
background: #ffffff;
border-radius: 6px;
padding: 24px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
gap: 16px;
box-sizing: border-box;
min-width: 0;
}#opinions ul.reviews .review-card:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
}#opinions ul.reviews .review-header {
display: flex;
align-items: center;
gap: 12px;
}#opinions ul.reviews .review-info {
flex: 1;
min-width: 0;
}#opinions ul.reviews .review-name {
font-size: 16px;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}#opinions ul.reviews .review-stars {
display: flex;
gap: 2px;
}#opinions ul.reviews .review-stars .star {
font-size: 18px;
line-height: 1;
}#opinions ul.reviews .review-stars .star.filled {
color: #FDB241;
}#opinions ul.reviews .review-stars .star.empty {
color: #e0e0e0;
}#opinions ul.reviews .review-content {
font-size: 14px;
color: #495057;
line-height: 1.6;
display: -webkit-box;
-webkit-box-orient: vertical;
word-wrap: break-word;
}@media (min-width: 992px) {
#opinions ul.reviews {
grid-template-columns: repeat(4, 1fr);
}
}@media (max-width: 991px) {
#opinions ul.reviews {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}@media (max-width: 767px) {
#opinions {
padding: 40px 15px;
}#opinions ul.reviews {
grid-template-columns: 1fr;
gap: 16px;
}#opinions ul.reviews .review-card {
padding: 20px;
width: 100%;
}
}.size-trigger {
cursor: pointer;
caret-color: transparent;
background-color: #fff;
transition: border-color 0.2s, box-shadow 0.2s;
}.size-trigger:hover,
.size-trigger:focus {
border-color: #111;
box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.06);
outline: none;
}.size-summary {
display: block;
margin-top: 6px;
font-size: 12px;
color: #888;
font-family: "Poppins", sans-serif;
letter-spacing: 0.02em;
min-height: 16px;
}.size-modal-overlay {
position: fixed;
inset: 0;
background: rgba(10, 10, 10, 0.45);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, visibility 0.25s ease;
}.size-modal-overlay.is-open {
opacity: 1;
visibility: visible;
}.size-modal {
background: #fff;
width: 100%;
max-width: 420px;
max-height: 90vh;
border-radius: 16px;
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow:
0 4px 6px -1px rgba(0,0,0,0.07),
0 20px 60px -10px rgba(0,0,0,0.18);transform: translateY(16px) scale(0.98);
transition: transform 0.28s cubic-bezier(0.34, 1.3, 0.64, 1);
}.size-modal-overlay.is-open .size-modal {
transform: translateY(0) scale(1);
}.size-modal-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 22px 24px 18px;
border-bottom: 1px solid #f0f0f0;
flex-shrink: 0;
}.size-modal-title {
font-size: 15px;
font-weight: 600;
color: #333333;
letter-spacing: -0.01em;
margin: 0;
font-family: inherit;
}.size-modal-close {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border: none;
background: #f5f5f5;
border-radius: 50%;
cursor: pointer;
color: #555;
transition: background 0.15s, color 0.15s;
flex-shrink: 0;
}.size-modal-close:hover {
background: #ebebeb;
color: #111;
}.size-modal-body {
overflow-y: auto;
flex: 1;
padding: 8px 0;
scrollbar-width: thin;
scrollbar-color: #ddd transparent;
}.size-modal-body::-webkit-scrollbar {
width: 4px;
}
.size-modal-body::-webkit-scrollbar-track {
background: transparent;
}
.size-modal-body::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 4px;
}.size-grid {
display: flex;
flex-direction: column;
}.size-row {
display: flex;
align-items: center;
padding: 10px 24px;
gap: 12px;
transition: background 0.12s;
}.size-row:hover:not(.size-row--unavailable) {
background: #fafafa;
}.size-row + .size-row {
border-top: 1px solid #f4f4f4;
}.size-label {
font-size: 13px;
font-weight: 600;
color: #333333;
min-width: 56px;
font-family: "Poppins", sans-serif;
letter-spacing: 0.04em;
}.size-stock-warning {
font-size: 11px;
color: #e07b39;
font-weight: 500;
flex: 1;
text-align: left;
}.size-row--unavailable .size-label {
color: #ccc;
}.size-unavailable-label {
font-size: 11px;
color: #ccc;
flex: 1;
text-align: right;
}.size-qty-control {
display: flex;
align-items: center;
gap: 0;
margin-left: auto;
border: 1.5px solid #e8e8e8;
border-radius: 8px;
overflow: hidden;
background: #fff;
transition: border-color 0.15s;
}.size-row:hover:not(.size-row--unavailable) .size-qty-control {
border-color: #d0d0d0;
}.size-qty-control:focus-within {
border-color: #E2E2E2;
box-shadow: 0 0 0 2px rgba(17,17,17,0.08);
}.qty-btn {
width: 32px;
height: 36px;
border: none;
background: transparent;
cursor: pointer;
font-size: 16px;
color: #555;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.12s, color 0.12s;
line-height: 1;
user-select: none;
-webkit-user-select: none;
}.qty-btn:hover {
background: #f5f5f5;
color: #111;
}.qty-btn:active {
background: #ececec;
}.qty-btn--minus {
border-right: 1.5px solid #e8e8e8;
}
.qty-btn--plus {
border-left: 1.5px solid #e8e8e8;
}.size-qty-input {
width: 44px;
height: 36px;
border: none;
text-align: center;
font-size: 13px;
font-weight: 600;
color: #333333;
background: transparent;
outline: none;
-moz-appearance: textfield;
padding: 0;
font-family: "Poppins", sans-serif;
}.size-qty-input::-webkit-outer-spin-button,
.size-qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}.size-row.has-qty {
background: #fafeff;
}.size-row.has-qty .size-qty-control {
border-color: #E2E2E2;
}.size-modal-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
border-top: 1px solid #f0f0f0;
flex-shrink: 0;
gap: 12px;
}.size-total {
display: flex;
flex-direction: column;
gap: 2px;
}.size-total-label {
font-size: 10px;
color: #aaa;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 500;
}.size-total-value {
font-size: 20px;
font-weight: 700;
color: #333333;
font-family: "Poppins", sans-serif;
letter-spacing: -0.02em;
transition: color 0.2s;
}.size-confirm-btn {
padding: 12px 28px;
background: #90D065;
border: 1px solid #fff;
color: #1f1f1f;
border: none;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
letter-spacing: -0.01em;
transition: background 0.18s, transform 0.12s, box-shadow 0.18s;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}.size-confirm-btn:not(:disabled):hover {
background: #fff;
color: #477a25;
border: 1px solid #90D065;
}.size-confirm-btn:active {
transform: scale(0.97);
}.size-confirm-btn:disabled {
background: #ccc;
box-shadow: none;
cursor: not-allowed;
}@media (max-width: 480px) {
.size-modal {
border-radius: 20px 20px 0 0;
max-width: 100%;
margin-top: auto;
}.size-modal-overlay {
align-items: flex-end;
padding: 0;
}.size-modal-overlay.is-open .size-modal {
transform: translateY(0) scale(1);
}.size-modal-overlay .size-modal {
transform: translateY(40px);
}
}.products_blocks_wrapper__slot .products_block_wrapper__slot--title {
-webkit-line-clamp: 5;
height: 96px;
}.branding-row-elements {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 15px !important;
margin: 0 0 15px 0;
}.branding-row-elements .branding-col-card {
background-color: #ffffff !important;
border: 1px solid #4a6375 !important;
}.products_tabs .products_tab_box,
.products_tabs .products_tab_box h1,
.products_tabs .products_tab_box h2,
.products_tabs .products_tab_box h3,
.products_tabs .products_tab_box h4,
.products_tabs .products_tab_box h5,
.products_tabs .products_tab_box span,
.products_tabs .products_tab_box p
.products_tabs .products_tab_box {
color: #333333;
}.promotions .one-promotion .banner {
flex: none !important;
max-width: 100% !important;
}.products_tabs .products_tab {
padding: 15px 0;
}header #nav .bottom-nav .left-container ul li.bottom-nav-links {
margin-right: 0;
}@media (max-width: 1600px) {
#swiper {
left: 0;
margin-left: 0;
margin-right: 0;
width: 100%;
}
}.products_blocks_wrapper__slot {
height: 524px;
}
.category_main .products_blocks_wrapper__slot a.see-more {
height: 20px;
}
.category_main .products_blocks_wrapper__slot a.see-more:hover {
color: #333333;
}.products_card_modal .free_pricing_visualisation_box .title span {
margin-left: 0;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist {
width: 100%;
max-width: 1320px;
}.products_details .contact_availability_container__btn:hover button::after, .products_details .pricing_availability_container__btn:hover button::after {
background: none;
}.products_tab-text:hover {
border-bottom: 0;
}
.products_tabs.attributes-small label p {
font-size: 14px;
margin-right: 5px;
}.products_tabs.attributes-small label {
height: 24px;
padding: 0;
margin: 0 25px 0 0;
}.products_tabs.attributes-small label.small-tab p {
padding: 0;
margin: 0;
}
.products_tabs.attributes-small label.small-tab:hover {
border-bottom: 1px solid #68b236;
}.products_tabs.attributes-small .products_tab-text {
height: 24px;
}
.products_tabs.attributes-small .products_tab-text:hover {
background-color: #fff;
}body.open-modal::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 9998;
}.products_card_modal.added-to-cart {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
background: #fff;
padding: 20px;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
max-width: 90%;
max-height: 90vh;
overflow-y: auto;
}.products_card_modal.added-to-cart.show {
display: block;
}body.open-modal {
overflow: hidden;
}.products_card_modal--close-icon::before {
float: right;
position: relative;
}.cart_product_container--text .text-slot--left p,
.cart_product_container--text .text-slot--right p {
color: #7c7c7c;
font-size: 12px;
}
.cart_product_container {
padding: 25px 33px 10px 33px;
}.products_card_modal .free_summary_visualisation_box .summary {
margin: 20px 0 0 0;
}
.products_card_modal .free_summary_visualisation_box .summary .price {
font-weight: 400;
font-size: 15px;
margin: 0 0 0 5px;
}
.products_card_modal .free_summary_visualisation_box .desc {
margin: 0;
}.products_card_modal .free_summary_visualisation_box .desc .modal-total-value-brutto {
font-size: 15px;
font-style: normal;
font-weight: 600;
}
.products_card_modal .free_summary_visualisation_box .desc .modal-total-value-brutto span.big.green {
font-size: 18px;
color: #477a25;
}.cart_product_container--text .title p {
font-size: 16px;
font-weight: 500;
}.cart_step_one_container__left {
width: 70%;
}
.cart_step_one_container__right {
width: 30%;
}.payment-info-icon {
position: relative;
display: inline-flex;
align-items: center;
cursor: pointer;
color: #9ca3af;
transition: color 0.2s;
margin-left: 4px;
}
.payment-info-icon:hover {
color: #4b6eaf;
}
.payment-tooltip {
display: none;
position: absolute;
left: 50%;
bottom: calc(100% + 8px);
transform: translateX(-50%);
background: #1e293b;
color: #f1f5f9;
font-size: 12px;
line-height: 1.5;
padding: 9px 13px;
border-radius: 8px;
width: 260px;
white-space: normal;
box-shadow: 0 4px 16px rgba(0,0,0,0.18);
z-index: 100;
pointer-events: none;
}
.payment-tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: #1e293b;
}
.payment-info-icon:hover .payment-tooltip,
.payment-info-icon:focus .payment-tooltip {
display: block;
}.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot {
height: auto !important;
min-height: unset !important;
overflow: visible !important;
}.cart_step_one_container.step_three .cart_step_one_container__left .payment_method_box__slots--slot label.radio-label {
display: block !important;
width: 100% !important;
white-space: normal !important;
padding-right: 60px;
box-sizing: border-box;
}@media (max-width: 760px) {
body {
padding-top: 60px !important;
}
header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1000 !important;
background: #fff !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}
header #nav {
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0 !important;
}header #nav .top-nav {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
height: 60px !important;
margin: 0 !important;
padding: 0 12px !important;
box-sizing: border-box !important;
left: 0 !important;
top: 0 !important;
position: relative !important;
}
header #nav .top-nav .logo {
width: auto !important;
margin-right: 0 !important;
flex-shrink: 0 !important;
}header #nav .top-nav .logo img {
width: auto !important;
height: 40px !important;
max-height: 40px !important;
margin-top: 0 !important;
padding: 0 !important;
}
header #nav .top-nav .search-bar-wrapper {
display: none !important;
width: 100% !important;
position: absolute !important;
top: 60px !important;
left: 0 !important;
padding: 8px 12px !important;
box-sizing: border-box !important;
background: #fff !important;
z-index: 999 !important;
border-top: 1px solid #eee !important;
}
header #nav.show-mobile-search-bar .top-nav .search-bar-wrapper {
display: flex !important;
}header #nav .top-nav .search-bar-wrapper #searchQueryInput {
display: flex !important;
width: 100% !important;
height: 40px !important;
font-size: 14px !important;
}header #nav .top-nav .search-bar-wrapper #searchQuerySubmit {
display: flex !important;
position: static !important;
margin-left: -48px !important;
top: auto !important;
right: auto !important;
width: 40px !important;
height: 40px !important;
background: none !important;
}
header #nav .top-nav .search-bar-wrapper .mobile_search-btn {
display: flex !important;
position: absolute !important;
top: 50% !important;
right: 104px !important;
transform: translateY(-50%) !important;
}header #nav .top-nav .search-bar-wrapper .mobile_search-btn svg {
height: 24px !important;
width: 24px !important;
}
header #nav .top-nav .account-cart-container {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
width: auto !important;
flex-shrink: 0 !important;
gap: 4px !important;
}
header #nav .top-nav .account-cart-container .account-container .logo-container span {
display: none !important;
}header #nav .top-nav .account-cart-container .account-container .logo-container a img {
width: 26px !important;
height: 26px !important;
margin-right: 0 !important;
}header #nav .top-nav .account-cart-container .account-container .logo-container {
margin-top: 0 !important;
}
header #nav .top-nav .account-cart-container .cart-container {
width: auto !important;
height: auto !important;
margin-top: 0 !important;
margin-left: 4px !important;
}header #nav .top-nav .account-cart-container .cart-container .cart-link {
width: 26px !important;
height: 26px !important;
margin-left: 0 !important;
}header #nav .top-nav .account-cart-container .cart-container .cart-link .cart-logo-container {
margin-right: 0 !important;
}header #nav .top-nav .account-cart-container .cart-container .cart-total {
display: none !important;
}
.topbar-lang {
margin-left: 4px !important;
}.flag-toggle {
padding: 4px 6px !important;
border-radius: 4px !important;
gap: 4px !important;
}.flag-text {
display: none !important;
}.flag-arrow {
display: none !important;
}.flag-img {
width: 22px !important;
height: 15px !important;
}
header #nav .top-nav .hamburger {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
cursor: pointer !important;
flex-shrink: 0 !important;
margin-right: 8px !important;
-webkit-tap-highlight-color: transparent !important;
}header #nav .top-nav .hamburger .hamburger-line {
display: block !important;
width: 24px !important;
height: 2px !important;
background-color: #68b236 !important;
margin: 4px 0 !important;
}
header #nav .bottom-nav {
display: none !important;
}header #nav .bottom-nav.active {
display: flex !important;
flex-direction: column !important;
width: 100vw !important;
max-height: calc(100vh - 60px) !important;
overflow-y: auto !important;
background: #fff !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}
.aside_menu {
width: 100% !important;
box-sizing: border-box !important;
}
}@media (min-width: 761px) and (max-width: 1260px) {
header #nav .top-nav {
height: 70px !important;
padding: 0 16px !important;
box-sizing: border-box !important;
width: 100% !important;
margin: 0 auto !important;
left: 0 !important;
}header #nav .top-nav .logo img {
height: 50px !important;
width: auto !important;
max-height: 50px !important;
}body {
padding-top: 70px !important;
}
}@media (max-width: 760px) {
header #nav .top-nav .account-cart-container .account-container .logo-container a img,
header #nav .top-nav .account-cart-container .account-container .logo-container .account-image {
width: 24px !important;
height: 24px !important;
margin-right: 0 !important;
margin-top: 0 !important;
}header #nav .top-nav .account-cart-container .cart-container .cart-link svg,
header #nav .top-nav .account-cart-container .cart-container .cart-link img {
width: 24px !important;
height: 24px !important;
}
}@media (max-width: 1024px) {
.aside_menu {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 0 16px 0 !important;
border: 1px solid #e8e8e8 !important;
border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}
.aside_menu .accordion_box_title {
background: #68b236 !important;
padding: 12px 16px !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
user-select: none !important;
}.aside_menu .accordion_box_title::after {
content: '▾' !important;
color: #fff !important;
font-size: 18px !important;
transition: transform 0.3s !important;
flex-shrink: 0 !important;
}.aside_menu.open .accordion_box_title::after {
transform: rotate(180deg) !important;
}.aside_menu .accordion_box_title--title {
color: #fff !important;
font-size: 15px !important;
font-weight: 600 !important;
margin: 0 !important;
line-height: 1.2 !important;
}
.aside_menu .aside_menu_content {
display: none !important;
flex-direction: column !important;
padding: 8px 0 !important;
background: #fff !important;
}.aside_menu.open .aside_menu_content {
display: flex !important;
}
.aside_menu .aside_menu_content--slot {
display: block !important;
padding: 11px 16px !important;
font-size: 14px !important;
font-weight: 400 !important;
color: #333 !important;
text-decoration: none !important;
border-bottom: 1px solid #f0f0f0 !important;
line-height: 1.4 !important;
transition: background 0.15s, color 0.15s !important;
}.aside_menu .aside_menu_content--slot:last-child {
border-bottom: none !important;
}.aside_menu .aside_menu_content--slot:hover {
background: #f6fbf1 !important;
color: #477a25 !important;
}.aside_menu .aside_menu_content--slot.active {
color: #477a25 !important;
font-weight: 600 !important;
background: #f6fbf1 !important;
border-left: 3px solid #68b236 !important;
padding-left: 13px !important;
}
.aside_menu .aside_menu_content--slot.sub-slot {
padding-left: 28px !important;
font-size: 13px !important;
color: #555 !important;
background: #fafafa !important;
border-bottom: 1px solid #f4f4f4 !important;
}.aside_menu .aside_menu_content--slot.sub-slot:hover {
background: #f0f8e8 !important;
color: #477a25 !important;
}.aside_menu .aside_menu_content--slot.sub-slot.active {
color: #477a25 !important;
font-weight: 600 !important;
background: #f0f8e8 !important;
border-left: 3px solid #68b236 !important;
padding-left: 25px !important;
}
}@media (max-width: 1024px) {
.aside_menu .aside_menu_content {
display: flex !important;
}
.aside_menu .accordion_box_title::after {
display: none !important;
}
.aside_menu .accordion_box_title {
cursor: default !important;
}
}@media (max-width: 1260px) {
header #nav .bottom-nav.active {
width: 100vw !important;
max-height: calc(100vh - 60px) !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}header #nav .bottom-nav.active .left-container {
width: 100% !important;
}
header #nav .bottom-nav.active .left-container ul.first-nav-line-list {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
header #nav .bottom-nav.active .left-container ul li.first-line {
position: relative !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid #e8e8e8 !important;
text-align: left !important;
}
header #nav .bottom-nav.active .left-container ul li.first-line .nav-link-wrapper {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 13px 16px !important;
width: 100% !important;
box-sizing: border-box !important;
cursor: pointer !important;
}header #nav .bottom-nav.active .left-container ul li.first-line .nav-link-wrapper a {
font-size: 15px !important;
font-weight: 500 !important;
color: #333 !important;
text-decoration: none !important;
flex: 1 !important;
}header #nav .bottom-nav.active .left-container ul li.first-line .nav-link-wrapper a:hover {
color: #477a25 !important;
}
header #nav .bottom-nav.active .left-container ul li.first-line .nav-link-wrapper::after {
content: '▾' !important;
color: #477a25 !important;
font-size: 18px !important;
transition: transform 0.3s !important;
margin-left: 8px !important;
flex-shrink: 0 !important;
}
header #nav .bottom-nav.active .left-container ul li.first-line:not(:has(.bottom-nav-sublist)) .nav-link-wrapper::after {
display: none !important;
}
header #nav .bottom-nav.active .left-container ul li.first-line.opened .nav-link-wrapper::after {
transform: rotate(180deg) !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist {
display: none !important;
position: static !important;
top: auto !important;
left: auto !important;
width: 100% !important;
min-height: 0 !important;
max-width: 100% !important;
background-image: none !important;
background: #f8f8f8 !important;
box-shadow: none !important;
border-top: 1px solid #e0e0e0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
header #nav .bottom-nav.active .left-container ul li.opened .bottom-nav-sublist {
display: block !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col {
width: 100% !important;
position: static !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li:has(strong) {
background: #68b236 !important;
padding: 8px 16px !important;
margin-top: 0 !important;
}header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li strong a,
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li strong {
color: #fff !important;
font-size: 14px !important;
font-weight: 600 !important;
display: block !important;
width: 100% !important;
text-decoration: none !important;
line-height: 1.3 !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li.arrow-link {
padding: 10px 16px 10px 28px !important;
border-bottom: 1px solid #efefef !important;
background: #fff !important;
margin-top: 0 !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li.arrow-link a {
font-size: 13px !important;
color: #444 !important;
text-decoration: none !important;
line-height: 1.3 !important;
}header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li.arrow-link a:hover {
color: #477a25 !important;
}
header #nav .bottom-nav.active .mobile-arrow {
display: none !important;
}
header #nav .bottom-nav.active .left-container .home-link {
display: flex !important;
align-items: center !important;
padding: 12px 16px !important;
border-bottom: 1px solid #e8e8e8 !important;
}
}@media (max-width: 1260px) {
header #nav .bottom-nav.active .left-container ul li.first-line .nav-link-wrapper {
padding: 8px 16px !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li:has(strong) {
background: #fff !important;
padding: 0 !important;
border-bottom: 1px solid #e8e8e8 !important;
}header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li strong {
background: transparent !important;
}header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li strong a,
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li strong {
color: #333 !important;
font-size: 14px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 8px 16px 8px 28px !important;
width: 100% !important;
box-sizing: border-box !important;
text-decoration: none !important;
line-height: 1.3 !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li strong::after {
content: '' !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li.arrow-link {
padding: 8px 16px 8px 44px !important;
background: #fafafa !important;
}header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li.arrow-link a {
font-size: 13px !important;
color: #555 !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li.arrow-link svg {
display: none !important;
}
}@media (max-width: 1260px) {
header #nav .bottom-nav .first-line:hover .bottom-nav-sublist {
display: none !important;
}header #nav .bottom-nav.active .left-container ul li.first-line.opened .bottom-nav-sublist {
display: block !important;
}
header #nav .bottom-nav.active .bottom-nav-sublist,
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist {
position: static !important;
max-height: none !important;
top: auto !important;
left: auto !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper {
flex-wrap: nowrap !important;
max-height: none !important;
gap: 0 !important;
align-content: unset !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col {
max-width: 100% !important;
flex: none !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col li {
margin-top: 0 !important;
}
}@media (max-width: 1260px) {
header #nav .bottom-nav.active .left-container ul li.first-line .nav-link-wrapper {
padding-top: 5px !important;
padding-bottom: 5px !important;
min-height: 36px !important;
align-items: center !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li:has(strong) {
padding: 0 !important;
}header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li strong a,
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li strong {
padding: 5px 16px !important;
min-height: 34px !important;
display: flex !important;
align-items: center !important;
font-style: italic !important;
background: #f0f0f0 !important;
color: #555 !important;
font-weight: 400 !important;
}
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li.arrow-link {
padding: 5px 16px !important;
min-height: 34px !important;
align-items: center !important;
}header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li.arrow-link a {
display: flex !important;
align-items: center !important;
min-height: 24px !important;
}
}@media (max-width: 768px) {
#banners .banner-content h2 {
font-size: 14px !important;
margin: 0 0 4px 0 !important;
line-height: 1.2 !important;
}#banners .banner-content p {
font-size: 11px !important;
line-height: 1.4 !important;
margin: 0 0 8px 0 !important;
}#banners .button01 {
height: 28px !important;
padding: 0 12px !important;
font-size: 11px !important;
border-radius: 20px !important;
min-width: unset !important;
}#banners .button01 a {
font-size: 11px !important;
line-height: 28px !important;
}
}@media (max-width: 760px) {
.category_filters-slot--list.color {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 2px 8px !important;
padding: 0 !important;
list-style: none !important;
}
}@media (max-width: 760px) {
.flag-modal {
left: auto !important;
right: 0 !important;
width: 60px !important;
min-width: unset !important;
padding: 4px 0 !important;
}.flag-option {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
padding: 6px !important;
}.flag-option .flag-img {
width: 22px !important;
height: 15px !important;
display: block !important;
}.flag-option .flag-text {
display: none !important;
}
}@media (max-width: 760px) {
body #main-wrapper {
margin-top: 0 !important;
}
#swiper.swiper-home {
padding-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
left: 0 !important;
}
#swiper.swiper-home .swiper-slide img {
width: 100% !important;
height: auto !important;
display: block !important;
}
}@media (max-width: 760px) {
#swiper {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
left: 0 !important;
margin-top: 0 !important;
}
#swiper .swiper.mobile {
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}#swiper .swiper.mobile .swiper-slide img {
width: 100% !important;
height: auto !important;
object-fit: cover !important;
display: block !important;
}
}.products_details__bottom_left .input-slot label:has(a.info-icon) {
display: flex;
align-items: center;
}@media (max-width: 1600px) {
.products_details__bottom_left .input-slot label {
font-size: 12px;
}
}a.clients_panel_aside--slot {
line-height: 1.25em;
font-size: 14px;
}a.clients_panel_aside--slot p {
font-size: 14px;
line-height: 14px;
}a.clients_panel_aside--slot:last-of-type {
margin-top: 15px;
}.footer_top-col--text.telephone a,
.footer_top-col--text.mail a,
.footer_top-col--text .small-text,
.footer_top-col--text a {
font-size: 14px;
}img.promo {
max-width: 100%;
width: 100%;
}@media (min-width: 769px) {
.clients_panel_orders_details_content__right .orders_details_box__slot__middle .slot-text {
width: 80%;
}
}.contact_container .contact_form_box .top_container .contact_form_box__left_bottom {
padding: 0;
}
.contact_container .contact_form_box .top_container .contact_form_box__left_bottom textarea {
margin: 0;
vertical-align: bottom;
}.order-header-row {
display: flex;
flex-direction: row;
justify-content: space-between;
border-bottom: 1px solid #68b236;
margin: 0 -36px 32px -36px;
padding: 0 36px 32px 36px;
width: calc(100% + 72px);
box-sizing: border-box;
}
.order-header-row__col {
width: 50%;
box-sizing: border-box;
}
.order-header-row__col--left {
text-align: left;
padding-right: 12px;
}
.order-header-row__col--right {
text-align: right;
padding-left: 12px;
}
.order-header-row__line {
font-size: 16px;
color: #6e6e6e;
margin: 0;
}
.order-header-row__line strong {
font-size: 16px;
font-weight: 700;
color: #333333;
margin-right: 4px;
}
@media (max-width: 600px) {
.order-header-row {
flex-direction: column;
}
.order-header-row__col {
width: 100%;
padding: 0;
}
.order-header-row__col--right {
text-align: left;
margin-top: 16px;
}
}.order-price-net {
font-size: 20px;
font-weight: 600;
color: #333333;
}
.order-price-total-label {
font-size: 16px;
font-weight: 700;
color: #333333;
}.order-action-btn {
font-size: 14px;
padding-left: 24px;
padding-right: 24px;
}.order-list-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
gap: 16px;
width: 100%;
box-sizing: border-box;
}
.order-list-header__actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}.cart_pay_box__button .next-btn::after {
right: -5px;
}.footer_bottom .contip img {
margin-top: 14px !important;
}.contact_container .contact_form_box .top_container .contact_form_box__right .add-files.uploading {
opacity: .6;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .attached-file {
cursor: default;
text-align: center;
word-break: break-word;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .attached-file__link {
font-size: 12px;
font-weight: 400;
color: #477a25;
margin: 0 0 8px 0;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .attached-file__remove {
font-size: 12px;
font-weight: 400;
color: #848484;
}
.contact_container .contact_form_box .top_container .contact_form_box__right .attached-file__remove:hover {
color: #333333;
text-decoration: none;
}.contact_container .contact_form_box .bottom-container .contact-sending {
margin: 27px 0 0 0;
max-width: 100%;
flex-wrap: wrap;
}header #nav .top-nav .search-bar-wrapper {
width: 50%;
}
header #nav .top-nav .account-cart-container {
width: auto;
flex: 1 0 auto;
}
header #nav .top-nav .account-cart-container .wishlist-container {
display: flex;
flex-direction: row;
margin-left: 24px;
}
header #nav .top-nav .account-cart-container .wishlist-container .wishlist-link {
display: flex;
align-items: center;
text-decoration: none;
}
header #nav .top-nav .account-cart-container .wishlist-container .wishlist-link .wishlist-logo-container {
position: relative;
display: flex;
align-items: center;
margin-right: 8px;
}
header #nav .top-nav .account-cart-container .wishlist-container .wishlist-link .wishlist-total p {
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #333333;
white-space: pre;
margin: 0;
}
header #nav .top-nav .account-cart-container .wishlist-container .wishlist-link .wishlist-total p span {
color: #477a25;
font-weight: 700;
}
header #nav .top-nav .account-cart-container .wishlist-container .wishlist-link:hover .wishlist-image path {
stroke: #68b236;
}
header #nav .top-nav .account-cart-container .wishlist-container .wishlist-link:hover .wishlist-total p {
color: #477a25;
}@media (max-width: 1260px) {
header #nav .top-nav .account-cart-container .wishlist-container .wishlist-total {
display: none;
}
header #nav .top-nav .account-cart-container .wishlist-container {
margin-left: 16px;
}
header #nav .top-nav .account-cart-container .wishlist-container .wishlist-link .wishlist-logo-container {
margin-right: 0;
}
}@media (max-width: 760px) {
header #nav .top-nav .account-cart-container .wishlist-container {
margin-left: 4px !important;
}
header #nav .top-nav .account-cart-container .wishlist-container .wishlist-link .wishlist-image {
width: 24px !important;
height: 24px !important;
}
}.products_blocks_wrapper__slot .wishlist-toggle {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
border: 0;
border-radius: 50%;
background: #ffffff;
cursor: pointer;
}
.products_blocks_wrapper__slot .wishlist-toggle svg path {
fill: none;
stroke: #8a8a8a;
stroke-width: 2;
stroke-linejoin: round;
transition: fill 0.15s, stroke 0.15s;
}
.products_blocks_wrapper__slot .wishlist-toggle:hover svg path {
stroke: #68b236;
}
.products_blocks_wrapper__slot .wishlist-toggle.active svg path {
fill: #68b236;
stroke: #68b236;
}
.products_blocks_wrapper__slot .wishlist-toggle.busy,
.products_details .product-to-wishlist.busy {
opacity: 0.5;
cursor: progress;
}
.products_blocks_wrapper__slot .wishlist-toggle:focus {
outline: none;
}
.products_blocks_wrapper__slot .wishlist-toggle:focus-visible {
outline: 2px solid #68b236;
outline-offset: 2px;
}.products_details .product-to-wishlist {
display: inline-flex;
align-items: center;
margin: 4px 0 12px 0;
padding: 8px 16px;
border: 1px solid #e6e6e6;
border-radius: 10px;
background: #ffffff;
color: #333333;
font-family: inherit;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.products_details .product-to-wishlist svg {
margin-right: 8px;
flex-shrink: 0;
}
.products_details .product-to-wishlist svg path {
fill: none;
stroke: #333333;
stroke-width: 2;
stroke-linejoin: round;
}
.products_details .product-to-wishlist:hover {
border-color: #68b236;
color: #477a25;
}
.products_details .product-to-wishlist:hover svg path {
stroke: #68b236;
}
.products_details .product-to-wishlist.active svg path {
fill: #68b236;
stroke: #68b236;
}.wishlist-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 16px 0 24px 0;
}
.wishlist-actions .wishlist-btn {
margin: 0 12px 8px 0;
}
.wishlist-actions__counter {
margin: 0 24px 8px 0;
font-size: 14px;
color: #333333;
}
.wishlist-actions__counter span {
color: #477a25;
font-weight: 700;
}
.wishlist-btn {
display: inline-flex;
align-items: center;
height: 40px;
padding: 0 20px;
border: 1px solid #68b236;
border-radius: 10px;
background: #68b236;
color: #1f1f1f;
font-family: inherit;
font-size: 14px;
font-weight: 500;
text-decoration: none;
cursor: pointer;
}
.wishlist-btn:hover,
.wishlist-btn:focus {
background: #5a9a2e;
border-color: #5a9a2e;
color: #ffffff;
text-decoration: none;
}
.wishlist-btn--light {
background: #ffffff;
border-color: #e6e6e6;
color: #333333;
}
.wishlist-btn--light:hover,
.wishlist-btn--light:focus {
background: #ffffff;
border-color: #68b236;
color: #477a25;
}
.wishlist-products {
position: relative;
}
.wishlist-products__overlay {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
background: rgba(255, 255, 255, 0.6);
}.clients_panel_aside--slot.wishlist {
position: relative;
}
.clients_panel_aside--slot.wishlist::before {
position: absolute;
display: block;
top: 4px;
left: 4px;
content: "";
background: url("./../assets/icons/clients_panel/wishlist.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}
.clients_panel_aside--slot.wishlist:hover::before {
background: url("./../assets/icons/clients_panel/wishlist-green.svg");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
}#swiper.swiper-home .banner-content h1 {
font-size: 34px;
font-weight: 600;
margin: 0 0 14px;
letter-spacing: 0.5px;
}
.catalogs-container h2.catalogs-title {
font-size: 2.5rem;
font-weight: bold;
margin-top: 0.67em;
margin-bottom: 40px;
text-align: center;
}
#our_clients h2.clients-title {
font-size: 2em;
font-weight: bold;
line-height: normal;
text-transform: none;
color: inherit;
margin: 0.67em 0;
}#banners .banners_container .banners_container__wide img {
height: auto;
}
#our_clients h2.clients-title span {
color: inherit;
text-decoration: none;
}.top-categories h2.top-categories-title {
text-align: center;
font-size: 22px;
line-height: normal;
font-weight: bold;
margin-top: 0.67em;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.top-categories h2.top-categories-title {
font-size: 20px;
}
}#swiper.swiper-home .banner-content h2.banner-subtitle {
font-size: 1.17em;
font-weight: bold;
line-height: normal;
letter-spacing: normal;
margin: 1em 0;
}.products_blocks_wrapper__slot {
height: auto;
min-height: 524px;
padding-bottom: 80px;
align-self: stretch;
}
.products_blocks_wrapper__slot .products_block_wrapper__slot--colors .color_square {
margin-right: 9px;
margin-bottom: 9px;
}
.footer_top-col--text a {
display: inline-block;
padding: 2px 0;
}
#our_team .our_team_container__slot--text .mail {
margin-top: 7px;
}.pricing_availability_container__btn button .btn-label {
font-size: 14px;
font-weight: 700;
line-height: 180%;
}
.pricing_availability_container__btn:hover button .btn-label {
color: #477a25;
}.article_container h1.site-title,
.article_container .article_txt_img_box--text h1.site-title {
font-size: 24px;
font-weight: 700;
line-height: 34px;
text-transform: uppercase;
color: #333333;
margin: 0 0 16px 0;
width: 100%;
}
.article_container h1.site-title span {
color: #477a25;
margin: 0;
}header #nav .bottom-nav .left-container ul li .bottom-nav-sublist ul li.arrow-link::before {
content: "";
display: block;
flex: 0 1 8px;
width: 8px;
height: 14px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath d='M8 7L0.499999 13.9282L0.5 0.0717966L8 7Z' fill='%2368B236'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 1260px) {
header #nav .bottom-nav.active .left-container ul li .bottom-nav-sublist .columns-wrapper ul.one-col > li.arrow-link::before {
display: none !important;
}
}
@media (max-width: 1024px) {
.catalogs-container h2.catalogs-title {
font-size: 2rem;
}
}
@media (max-width: 960px) {
.article_container h1.site-title {
font-size: 20px;
line-height: 28px;
}
.article_container .article_txt_img_box--text h1.site-title {
font-size: 20px;
line-height: 38px;
}
}
@media (max-width: 768px) {
#swiper.swiper-home .banner-content h1 {
font-size: 22px;
line-height: 1em;
}
.catalogs-container h2.catalogs-title {
font-size: 1.75rem;
margin-bottom: 30px;
}
}
/* css/alerts.css */
.alert-div {
font-family: 'Open Sans',sans-serif;
line-height: normal;
}.alert-div .close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
}.alert-div .close:hover,
.alert-div .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
}.alert-div button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}.alert-div .alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}.alert-div .alert h4 {
margin-top: 0;
color: inherit;
}.alert-div .alert .alert-link {
font-weight: bold;
}.alert-div .alert>p,
.alert-div .alert>ul {
margin-bottom: 0;
}.alert-div .alert>p+p {
margin-top: 5px;
}.alert-div .alert-dismissable {
padding-right: 35px;
}.alert-div .alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}.alert-div .alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}.alert-div .alert-success hr {
border-top-color: #c9e2b3;
}.alert-div .alert-success .alert-link {
color: #2b542c;
}.alert-div .alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}.alert-div .alert-info hr {
border-top-color: #a6e1ec;
}.alert-div .alert-info .alert-link {
color: #245269;
}.alert-div .alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}.alert-div .alert-warning hr {
border-top-color: #f7e1b5;
}.alert-div .alert-warning .alert-link {
color: #66512c;
}.alert-div .alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}.alert-div .alert-danger hr {
border-top-color: #e4b9c0;
}.alert-div .alert-danger .alert-link {
color: #843534;
}.alert-div .alert {
border-radius: 0;
-webkit-border-radius: 0;
box-shadow: 0 1px 2px rgba(0,0,0,0.11);
}.alert-div .alert .sign {
font-size: 20px;
vertical-align: middle;
margin-right: 5px;
text-align: center;
width: 25px;
display: inline-block;
}.alert-div .alert-success {
background-color: #dbf6d3;
border-color: #aed4a5;
color: #569745;
}.alert-div .alert-info {
background-color: #d9edf7;
border-color: #98cce6;
color: #3a87ad;
}.alert-div .alert-warning {
background-color: #fcf8e3;
border-color: #f1daab;
color: #c09853;
}.alert-div .alert-danger {
background-color: #f2dede;
border-color: #e0b1b8;
color: #b94a48;
}.alert-div .alert-white {
background-image: linear-gradient(to bottom,#FFFFFF,#F9F9F9);
border-top-color: #d8d8d8;
border-bottom-color: #bdbdbd;
border-left-color: #cacaca;
border-right-color: #cacaca;
color: #404040;
padding-left: 61px;
position: relative;
}.alert-div .alert-white .icon {
text-align: center;
width: 45px;
height: 100%;
position: absolute;
top: -1px;
left: -1px;
border: 1px solid #bdbdbd;
}.alert-div .alert-white .icon:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
display: block;
content: '';
width: 10px;
height: 10px;
border: 1px solid #bdbdbd;
position: absolute;
border-left: 0;
border-bottom: 0;
top: 50%;
right: -6px;
margin-top: -5px;
background: #fff;
}.alert-div .alert-white.rounded {
border-radius: 3px;
-webkit-border-radius: 3px;
}.alert-div .alert-white.rounded .icon {
border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
}.alert-div .alert-white .icon i {
font-size: 20px;
color: #FFF;
left: 12px;
margin-top: -10px;
position: absolute;
top: 50%;
}.alert-div .alert-white .icon svg {
width: 20px;
height: 20px;
fill: #FFF;
left: 12px;
margin-top: -10px;
position: absolute;
top: 50%;
}.alert-div .alert-white.alert-danger .icon,
.alert-div .alert-white.alert-danger .icon:after {
border-color: #ca452e;
background: #da4932;
}.alert-div .alert-white.alert-info .icon,
.alert-div .alert-white.alert-info .icon:after {
border-color: #3a8ace;
background: #4d90fd;
}.alert-div .alert-white.alert-warning .icon,
.alert-div .alert-white.alert-warning .icon:after {
border-color: #d68000;
background: #fc9700;
}.alert-div .alert-white.alert-success .icon,
.alert-div .alert-white.alert-success .icon:after {
border-color: #54a754;
background: #68B236;
}.alert-div .fa-check:before {
content: "\f00c";
}
.alert-div .fa-info-circle:before {
content: "\f05a";
}
.alert-div .fa-warning:before {
content: "\f071";
}
.alert-div .fa-times-circle:before {
content: "\f057";
}
/* css/swal.css */
.swal-overlay {
background-color: rgba(43, 165, 137, 0.25);
}.swal-footer {
background-color: rgb(245, 248, 250);
margin-top: 32px;
border-top: 1px solid #E9EEF1;
overflow: hidden;
}.swal2-confirm {
background-color: #28a745 !important;
color: #1f1f1f !important;
border: none !important;
box-shadow: none !important;
}.swal2-cancel {
background-color: #6c757d !important;
color: #fff !important;
border: none !important;
box-shadow: none !important;
}.swal2-confirm:hover {
background-color: #68b236 !important;
}.swal2-cancel:hover {
background-color: #5a6268 !important;
}.swal2-icon-info {
color: #17a2b8 !important;
border-color: #17a2b8 !important;
}.swal2-icon-success {
color: #28a745 !important;
border-color: #28a745 !important;
}.swal2-icon-error {
color: #dc3545 !important;
border-color: #dc3545 !important;
}.swal2-title {
color: #343a40;
font-weight: 600;
}.swal2-html-container {
color: #495057;
}
/* css/autocomplete.css */
#searchQueryInput:focus {
border-color: #4285f4;
box-shadow: 0 2px 8px rgba(66, 133, 244, 0.2);
}.search-container {
max-width: 600px;
margin: 0 auto;
position: relative;
}.autocomplete-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border: 1px solid #e0e0e0;
border-radius: 8px;
margin-top: 4px;
max-height: 400px;
overflow-y: auto;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
display: none;
z-index: 1000;
}.autocomplete-results.show {
display: block;
}.autocomplete-item {
padding: 12px 20px;
cursor: pointer;
transition: background 0.2s ease;
border-bottom: 1px solid #f5f5f5;
display: block;
color: #333;
text-decoration: none;
}.autocomplete-item:last-child {
border-bottom: none;
}.autocomplete-item:hover,
.autocomplete-item.active {
background: #f5f5f5;
}.autocomplete-item mark {
background: #fff3cd;
font-weight: 600;
padding: 2px 0;
}.autocomplete-item .product-code {
color: #666;
font-size: 0.85em;
margin-left: 8px;
font-weight: normal;
}.autocomplete-loading {
padding: 12px 20px;
text-align: center;
color: #666;
font-size: 14px;
}.autocomplete-no-results {
padding: 12px 20px;
text-align: center;
color: #999;
font-size: 14px;
}@keyframes spin {
to { transform: rotate(360deg); }
}.spinner {
display: inline-block;
width: 14px;
height: 14px;
border: 2px solid #e0e0e0;
border-top-color: #4285f4;
border-radius: 50%;
animation: spin 0.6s linear infinite;
margin-right: 8px;
}
/* css/consent.css */
.cookie-banner {
position: fixed;
left: 16px;
right: 16px;
bottom: 16px;
z-index: 10000;
max-width: 760px;
margin: 0 auto;
padding: 14px 18px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 20px;
background: #ffffff;
border: 1px solid #d3d3d3;
border-radius: 12px;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: #333333;
}
.cookie-banner[hidden] {
display: none;
}
.cookie-banner__text {
flex: 1 1 320px;
margin: 0;
font-size: 13px;
line-height: 1.5;
}
.cookie-banner__text a {
color: #333333;
font-size: inherit;
font-weight: 500;
text-decoration: underline;
}
.cookie-banner__buttons {
display: flex;
gap: 10px;
flex: 0 0 auto;
}
.cookie-banner__btn {
min-width: 110px;
min-height: 44px;
padding: 8px 20px;
border-radius: 20px;
border: 1px solid #8a8a8a;
background: #ffffff;
color: #333333;
font-family: inherit;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
.cookie-banner__btn--accept {
background: #68b236;
border-color: #68b236;
color: #1f1f1f;
}
.cookie-banner__btn:hover,
.cookie-banner__btn:focus-visible {
opacity: 0.85;
}
.cookie-banner__btn:focus-visible {
outline: 2px solid #333333;
outline-offset: 2px;
}
.cookie-settings-link {
background: none;
border: 0;
padding: 0;
color: inherit;
font: inherit;
text-decoration: underline;
cursor: pointer;
}