/* Start:/local/templates/truewater.v2/css/swiper-bundle.min.css?173684703018432*/ /** * Swiper 11.1.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 26, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/truewater.v2/css/styles.min.css?1726568834169641*/ @charset 'UTF-8'; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ @-webkit-keyframes fw-spinner { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fw-spinner { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes pure-material-progress-circular { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 12.5% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 25% { -webkit-transform: rotate(630deg); transform: rotate(630deg); } 37.5% { -webkit-transform: rotate(810deg); transform: rotate(810deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 50% { -webkit-transform: rotate(1260deg); transform: rotate(1260deg); } 62.5% { -webkit-transform: rotate(1440deg); transform: rotate(1440deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 75% { -webkit-transform: rotate(1890deg); transform: rotate(1890deg); } 87.5% { -webkit-transform: rotate(2070deg); transform: rotate(2070deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } to { -webkit-transform: rotate(2520deg); transform: rotate(2520deg); } } @keyframes pure-material-progress-circular { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 12.5% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 25% { -webkit-transform: rotate(630deg); transform: rotate(630deg); } 37.5% { -webkit-transform: rotate(810deg); transform: rotate(810deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 50% { -webkit-transform: rotate(1260deg); transform: rotate(1260deg); } 62.5% { -webkit-transform: rotate(1440deg); transform: rotate(1440deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 75% { -webkit-transform: rotate(1890deg); transform: rotate(1890deg); } 87.5% { -webkit-transform: rotate(2070deg); transform: rotate(2070deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } to { -webkit-transform: rotate(2520deg); transform: rotate(2520deg); } } @-webkit-keyframes pure-material-progress-circular-pseudo { 0% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 29.4% { border-left-color: transparent; } 29.41% { border-left-color: currentColor; } 64.7% { border-bottom-color: transparent; } 64.71% { border-bottom-color: currentColor; } to { -webkit-transform: rotate(225deg); transform: rotate(225deg); border-bottom-color: currentColor; border-left-color: currentColor; } } @keyframes pure-material-progress-circular-pseudo { 0% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 29.4% { border-left-color: transparent; } 29.41% { border-left-color: currentColor; } 64.7% { border-bottom-color: transparent; } 64.71% { border-bottom-color: currentColor; } to { -webkit-transform: rotate(225deg); transform: rotate(225deg); border-bottom-color: currentColor; border-left-color: currentColor; } } html { line-height: 1.15; -webkit-text-size-adjust: 100%; font-size: 16px; } body { scroll-behavior: smooth; text-rendering: optimizeSpeed; } details, img, main { display: block; } hr { overflow: visible; box-sizing: content-box; height: 0; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { text-decoration: underline dotted; border-bottom: none; -webkit-text-decoration: underline dotted; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; max-width: 100%; } button, input, optgroup, select, textarea { line-height: 1.15; margin: 0; } optgroup { font-family: inherit; font-size: 100%; } button, input { overflow: visible; } button, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { display: table; max-width: 100%; white-space: normal; color: inherit; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"], legend { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: textfield; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } summary { display: list-item; } [hidden], template { display: none; } @font-face { font-family: "Gilroy"; font-weight: 800; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ExtraBold.eot); src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ExtraBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ExtraBold.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ExtraBold.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 900; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Heavy.eot); src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Heavy.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Heavy.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 300; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-LightItalic.eot); src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-LightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-LightItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-LightItalic.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 100; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ThinItalic.eot); src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ThinItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ThinItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ThinItalic.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 900; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-BlackItalic.eot); src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-BlackItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-BlackItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-BlackItalic.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 700; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-BoldItalic.eot); src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-BoldItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-BoldItalic.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 600; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-SemiBold.eot); src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-SemiBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-SemiBold.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-SemiBold.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 200; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-UltraLightItalic.eot); src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-UltraLightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-UltraLightItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-UltraLightItalic.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 600; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-SemiBoldItalic.eot); src: local("Gilroy SemiBold Italic"), local("Gilroy-SemiBoldItalic"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-SemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-SemiBoldItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-SemiBoldItalic.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 300; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Light.eot); src: local("Gilroy Light"), local("Gilroy-Light"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Light.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Light.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 500; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-MediumItalic.eot); src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-MediumItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-MediumItalic.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 800; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ExtraBoldItalic.eot); src: local("Gilroy ExtraBold Italic"), local("Gilroy-ExtraBoldItalic"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ExtraBoldItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-ExtraBoldItalic.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 400; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Regular.eot); src: local("Gilroy Regular"), local("Gilroy-Regular"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Regular.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Regular.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 900; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-HeavyItalic.eot); src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-HeavyItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-HeavyItalic.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 500; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Medium.eot); src: local("Gilroy Medium"), local("Gilroy-Medium"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Medium.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Medium.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 400; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-RegularItalic.eot); src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-RegularItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-RegularItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-RegularItalic.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 200; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-UltraLight.eot); src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-UltraLight.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-UltraLight.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 700; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Bold.eot); src: local("Gilroy Bold"), local("Gilroy-Bold"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Bold.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Bold.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 100; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Thin.eot); src: local("Gilroy Thin"), local("Gilroy-Thin"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Thin.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Thin.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Thin.ttf) format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 900; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Black.eot); src: local("Gilroy Black"), local("Gilroy-Black"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Black.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/gilroy/Gilroy-Black.ttf) format("truetype"); } @font-face { font-family: "Euclid Circular A"; font-weight: 700; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Bold.eot); src: local("Euclid Circular A Bold"), local("EuclidCircularA-Bold"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Bold.woff2) format("woff2"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Bold.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Bold.ttf) format("truetype"); } @font-face { font-family: "Euclid Circular A"; font-weight: 300; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Light.eot); src: local("Euclid Circular A Light"), local("EuclidCircularA-Light"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Light.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Light.woff2) format("woff2"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Light.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Light.ttf) format("truetype"); } @font-face { font-family: "Euclid Circular A"; font-weight: 700; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-BoldItalic.eot); src: local("Euclid Circular A Bold Italic"), local("EuclidCircularA-BoldItalic"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-BoldItalic.woff2) format("woff2"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-BoldItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-BoldItalic.ttf) format("truetype"); } @font-face { font-family: "Euclid Circular A"; font-weight: 300; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-LightItalic.eot); src: local("Euclid Circular A Light Italic"), local("EuclidCircularA-LightItalic"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-LightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-LightItalic.woff2) format("woff2"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-LightItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-LightItalic.ttf) format("truetype"); } @font-face { font-family: "Euclid Circular A"; font-weight: 400; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Regular.eot); src: local("Euclid Circular A Regular"), local("EuclidCircularA-Regular"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Regular.woff2) format("woff2"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Regular.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Regular.ttf) format("truetype"); } @font-face { font-family: "Euclid Circular A"; font-weight: 600; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-SemiBold.eot); src: local("Euclid Circular A SemiBold"), local("EuclidCircularA-SemiBold"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-SemiBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-SemiBold.woff2) format("woff2"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-SemiBold.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-SemiBold.ttf) format("truetype"); } @font-face { font-family: "Euclid Circular A"; font-weight: 500; font-style: normal; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Medium.eot); src: local("Euclid Circular A Medium"), local("EuclidCircularA-Medium"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Medium.woff2) format("woff2"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Medium.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Medium.ttf) format("truetype"); } @font-face { font-family: "Euclid Circular A"; font-weight: 400; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Italic.eot); src: local("Euclid Circular A Italic"), local("EuclidCircularA-Italic"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Italic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Italic.woff2) format("woff2"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Italic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-Italic.ttf) format("truetype"); } @font-face { font-family: "Euclid Circular A"; font-weight: 600; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-SemiBoldItalic.eot); src: local("Euclid Circular A SemiBold Italic"), local("EuclidCircularA-SemiBoldItalic"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-SemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-SemiBoldItalic.woff2) format("woff2"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-SemiBoldItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-SemiBoldItalic.ttf) format("truetype"); } @font-face { font-family: "Euclid Circular A"; font-weight: 500; font-style: italic; font-display: swap; src: url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-MediumItalic.eot); src: local("Euclid Circular A Medium Italic"), local("EuclidCircularA-MediumItalic"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-MediumItalic.woff2) format("woff2"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-MediumItalic.woff) format("woff"), url(/local/templates/truewater.v2/css/../fonts/euclid/EuclidCircularA-MediumItalic.ttf) format("truetype"); } @media (max-width: 1279px) { html { font-size: 13px; } } @media (max-width: 767px) { html { font-size: 16px; } } *, ::after, ::before { box-sizing: border-box; -webkit-font-smoothing: antialiased; } ol { padding: 0 1.0625rem; } ol li { padding: 0.3125rem 0; } ol[class], ul[class] { padding: 0; list-style: none; } blockquote, body, dd, dl, figcaption, figure, ol[class], ul[class] { font-family: "Euclid Circular A", "Sans-serif"; font-size: 14px; font-weight: 500; font-style: normal; line-height: 24px; margin: 0; } h1, h2, h3, h4, li, p { font-size: 14px; font-style: normal; line-height: 24px; } li, p { margin: 0; } a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } button, input, select, textarea { font: inherit; } @media (prefers-reduced-motion: reduce) { * { -webkit-transition-duration: 0.01ms !important; transition-duration: 0.01ms !important; -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } } audio, canvas, iframe, img, svg, textarea, video { vertical-align: middle; } textarea { resize: none; min-height: 7.5rem; } section { position: relative; } button, input, select { outline: 0; } .content { -webkit-box-flex: 1; flex: 1 0 auto; } .container { width: 100%; max-width: 1024px; margin: 0 auto; } .padding-0 .fancybox-content { padding: 0; } .grid { display: grid; grid-template-rows: repeat(auto-fill, minmax(335px, 1fr)); } .grid.--padded { margin: 4.375rem 0; } .grid.--c4, .grid.--c5, .grid.--c6 { grid-template-columns: repeat(6, 15.5%); grid-template-rows: inherit; grid-gap: 1em 1%; } .grid.--c4, .grid.--c5 { grid-template-columns: repeat(5, 1fr); grid-gap: 2% 10%; } .grid.--c4 { grid-template-columns: repeat(4, 1fr); grid-gap: 2% 2.3%; } @media (max-width: 1023px) { .grid.--c4 { grid-gap: 1.15385rem; } } .grid.--c3 { grid-template-columns: repeat(3, calc(33.3% - 0.83em)); grid-gap: 1.3em 1.3em; } .grid.--c2, .grid.--c3, .grid.--quad { grid-template-rows: inherit; } .grid.--c2 { grid-template-columns: repeat(2, 1fr); grid-gap: 1.3em 1.3em; } .grid.--quad { grid-template-columns: repeat(4, calc(25% - 1em)); grid-gap: 1.35em; } .grid .--col-2 { grid-column: span 2; } .grid .--col-3 { grid-column: span 3; } .card { position: relative; height: 100%; min-height: 30%; padding: 2.2em 4em; background: #bde4fb; } @media (max-width: 1279px) { .card { padding: 2em; } } @media (max-width: 1023px) { .card { padding: 2.30769rem 1.92308rem; } } @media (max-width: 767px) { .card { height: auto; min-height: 0; } } .card.--gradient { background-image: -webkit-gradient( linear, left top, right top, from(#f1fafe), color-stop(25%, #d1edfc), color-stop(50%, #bde4fb), to(#77cbf3) ); background-image: linear-gradient( 90deg, #f1fafe 0, #d1edfc 25%, #bde4fb 50%, #77cbf3 100% ); background-size: 200%; } .card.--quad { border: 2px solid #edf8fe; } .card.--light { background-color: #e8f6fe; } .card.--deep { background-color: #aadbf7; } .card-title, .card__badge { font-family: "Euclid Circular A", "Sans-serif"; font-size: 21px; font-weight: 500; line-height: 27px; } .card & gt ; .card__badge { position: absolute; z-index: 1; top: 25px; left: 30px; } .card & gt ; .card__badge + .card__badge { top: 53px; } .card & gt ; .card__badge + .card__badge + .card__badge { top: 80px; } .card & gt ; .card__badge + .card__badge + .card__badge + .card__badge { top: 108px; } .card & gt ; .card__badge + .card__badge + .card__badge + .card__badge + .card__badge { top: 136px; } .card & gt ; .card__badge + .card__badge + .card__badge + .card__badge + .card__badge + .card__badge { top: 164px; } @media (max-width: 767px) { .card > ; .card__badge { top: 10px; left: 10px; } } .card__badge { font-size: 10px; line-height: 14px; display: -webkit-inline-box; display: inline-flex; padding: 4px 15px; color: #fff; border-radius: 30px; } .card__badge.--red { background-image: -webkit-gradient( linear, left top, right top, from(#c61b1c), color-stop(61%, #db3b21), to(#e94f25) ); background-image: linear-gradient( 90deg, #c61b1c 0, #db3b21 61%, #e94f25 100% ); } .card__badge.--green { background-image: -webkit-gradient( linear, left top, right top, from(#015f39), color-stop(61%, #05994b), to(#91ae26) ); background-image: linear-gradient( 90deg, #015f39 0, #05994b 61%, #91ae26 100% ); } .card__badge.--yellow { background-image: -webkit-gradient( linear, left top, right top, from(#ffd401), color-stop(61%, #f28719), to(#ea4f25) ); background-image: linear-gradient( 90deg, #ffd401 0, #f28719 61%, #ea4f25 100% ); } .card__badge.--blue { background-image: -webkit-gradient( linear, left top, right top, from(#264d9c), color-stop(61.03%, #089bd8), to(#7bcef5) ); background-image: linear-gradient( 90deg, #264d9c 0, #089bd8 61.03%, #7bcef5 100% ); } .card__badge.--grey { background-image: -webkit-gradient( linear, left top, right top, from(#462f88), color-stop(61.03%, #754091), to(#964b98) ); background-image: linear-gradient( 90deg, #462f88 0, #754091 61.03%, #964b98 100% ); } .card__badge.--purple { background-image: -webkit-gradient( linear, left top, right top, from(#444443), color-stop(61.03%, #6d6d6d), to(#dfe1e1) ); background-image: linear-gradient( 90deg, #444443 0, #6d6d6d 61.03%, #dfe1e1 100% ); } .card__badge.--pull-right { right: 30px; left: auto; } .card.--fullpic & gt ; .sku-data { height: 100%; } a.card { -webkit-transition: background-color 0.3s, background-position 0.3s; transition: background-color 0.3s, background-position 0.3s; text-decoration: none; } a.card:hover { background-color: #95cff1; } a.card:hover.--gradient { background-position: 100% 50%; } .product-grid { margin: 0; padding: 10px 0; } .product-grid .checkbox { margin: 0.9375rem 0 0; } .product-grid .checkbox label { font-size: 12px; font-weight: 400; line-height: 15px; } .product-grid__delete { width: 20px; grid-row: span 2; } .menu-popup__header svg path, .popup__close-btn svg path, .product-grid__delete:hover path { fill: #000; } .product-grid__delete svg { display: block; width: 11px; height: 11px; } .product-grid__delete path { -webkit-transition: fill 0.3s; transition: fill 0.3s; fill: #a4a7aa; } .product-grid__line { position: relative; display: grid; border-bottom: 2px solid #eceff2; grid-template-rows: repeat(auto-fill, minmax(335px, 1fr)); grid-template-columns: 20% 29% 18% 10% 5%; grid-template-rows: inherit; grid-gap: 0 5%; } @media (max-width: 767px) { .product-grid__line { grid-template-columns: 25% 45% 15% calc(14% - 2em) 4%; grid-gap: 0.5em 1em; } } .product-grid.--simple .product-grid__line:nth-child(2n), .product-grid__line:nth-child(2n) { border-top: 0; } .product-grid.--simple .product-grid__line { display: grid; width: 100%; border-bottom: 2px solid #eceff2; grid-template-rows: repeat(auto-fill, minmax(335px, 1fr)); grid-template-columns: 105px calc(50% - 105px) 15% 26%; grid-template-rows: inherit; grid-gap: 0 3%; } @media (max-width: 1023px) { .product-grid.--simple .product-grid__line { grid-gap: 2% 2%; grid-template-columns: 15% 35% 15% 20%; } } @media (max-width: 767px) { .product-grid.--simple .product-grid__line { grid-template-columns: 20% 35% 15% 20%; grid-gap: 3%; } } .product-grid.--simple .product-grid__quantity { left: 23%; } .product-grid__picture { display: -webkit-box; display: flex; height: calc(100% - 3.75em); margin: 1.875rem 0; padding: 1.875rem; background: #e8f6fe; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; grid-row: span 2; } @media (max-width: 1023px) { .product-grid__picture { height: calc(100% - 2.14em); margin: 1.15385rem 0; } } @media (max-width: 767px) { .product-grid__picture { padding: 0.9375rem; } } .product-grid__price { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { .product-grid__price { position: absolute; top: 0.9375rem; right: 0; } } .product-grid__description { font-size: 12px; font-weight: 400; line-height: 15px; margin-top: 0; padding-bottom: 10px; grid-column-start: 3; grid-column-end: 6; } .product-grid__description small { font-size: 11px; } @media (max-width: 767px) { .product-grid__description { grid-column-end: 5; } .product-grid__description small { font-size: 10px; } } .product-grid__name, .product-grid__quantity { display: -webkit-box; display: flex; flex-direction: column; padding: 1.875rem 0; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .product-grid__name { -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .product-grid__name { padding: 0.9375rem 0 4.0625rem; -webkit-box-align: start; align-items: flex-start; } } .product-grid__quantity { -webkit-box-pack: center; justify-content: center; } @media (max-width: 767px) { .ordered .product-grid__quantity { bottom: 5%; } .product-grid__quantity { position: absolute; bottom: 30%; left: calc(28% + 2em); margin: auto; padding: 0; } .product-grid__quantity .sku-quantity { width: 6.25rem; padding-top: 0; padding-bottom: 0; } .grid.--c5 { grid-gap: 1% 0%; } } .product-summary { padding: 20px 0 30px; } .product-summary__line { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .product-summary__line:not(:last-child) { margin-bottom: 30px; } .rightimg { float: right; max-width: 100%; margin: 0 8%; } @media (max-width: 678px) { .rightimg { float: none; width: calc(100% - 40px); margin: 0.625rem 1.25rem 1.875rem; } } .hidemob { display: block; } @media (max-width: 1023px) { .hidemob { display: none !important; } } .hidinfo { position: absolute; overflow: hidden; width: 0.01px; height: 0.01px; opacity: 0.01; } .--bordered { border-top: 2px solid #eceff2; } .--bordered.separator-xl { height: 0; margin-bottom: 1.875rem; padding-top: 4.375rem; border-top: 0; border-bottom: 2px solid #eceff2; } .heading, h1, h2, h3, h4, h5, h6 { font-family: "Euclid Circular A", "Sans-serif"; font-weight: 500; margin: 1em 0; color: #000; } .heading.--low-margin, h1.--low-margin, h2.--low-margin, h3.--low-margin, h4.--low-margin, h5.--low-margin, h6.--low-margin { margin: 0.5em 0; } .heading a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: underline; color: #000; } .heading.--h1, h1, h1 a, h1.--h1, h2.--h1, h3.--h1, h4.--h1, h5.--h1, h6.--h1 { font-size: 2rem; line-height: 2.375rem; } @media (max-width: 767px) { .heading.--h1, h1.--h1, h2.--h1, h3.--h1, h4.--h1, h5.--h1, h6.--h1 { font-size: 1.5rem; line-height: 1.875rem; } } .heading.--h2, h1.--h2, h2.--h2, h3.--h2, h4.--h2, h5.--h2, h6.--h2 { font-size: 1.75rem; line-height: 2rem; } @media (max-width: 767px) { .heading.--h2, h1.--h2, h2.--h2, h3.--h2, h4.--h2, h5.--h2, h6.--h2 { font-size: 1.375rem; line-height: 1.625rem; } } .heading.--h3, h1.--h3, h2.--h3, h3.--h3, h4.--h3, h5.--h3, h6.--h3 { font-size: 1.5rem; line-height: 1.875rem; } @media (max-width: 767px) { .heading.--h3, h1.--h3, h2.--h3, h3.--h3, h4.--h3, h5.--h3, h6.--h3 { font-size: 1.25rem; line-height: 1.75rem; } } .heading.--h4, h1.--h4, h2.--h4, h3.--h4, h4.--h4, h5.--h4, h6.--h4 { font-size: 1.3125rem; line-height: 1.625rem; } @media (max-width: 767px) { .heading.--h4, h1.--h4, h2.--h4, h3.--h4, h4.--h4, h5.--h4, h6.--h4 { font-size: 1.125rem; line-height: 1.375rem; } } .heading.--h5, h1.--h5, h2.--h5, h3.--h5, h4.--h5, h5.--h5, h6.--h5 { font-size: 1.125rem; line-height: 1.4375rem; } @media (max-width: 767px) { .heading.--h5, h1.--h5, h2.--h5, h3.--h5, h4.--h5, h5.--h5, h6.--h5 { font-size: 0.875rem; line-height: 1.25rem; } } .heading.--h6, h1.--h6, h2.--h6, h3.--h6, h4.--h6, h5.--h6, h6.--h6 { font-size: 0.875rem; line-height: 1.125rem; } @media (max-width: 767px) { .heading.--h6, h1.--h6, h2.--h6, h3.--h6, h4.--h6, h5.--h6, h6.--h6 { font-size: 0.75rem; line-height: 1.125rem; } } @media (max-width: 767px) { h1, h1 a { font-size: 1.5rem; line-height: 1.875rem; } } h2, h2 a { font-size: 1.75rem; line-height: 2rem; } @media (max-width: 767px) { h2, h2 a { font-size: 1.375rem; line-height: 1.625rem; } } h3, h3 a { font-size: 1.5rem; line-height: 1.875rem; } @media (max-width: 767px) { h3, h3 a { font-size: 1.25rem; line-height: 1.75rem; } } h4 { font-size: 1.3125rem; line-height: 1.625rem; } @media (max-width: 767px) { h4, h5 a { font-size: 1.125rem; line-height: 1.375rem; } } h5, h5 a { font-size: 1.125rem; line-height: 1.4375rem; } @media (max-width: 767px) { h5, h5 a { font-size: 0.875rem; line-height: 1.25rem; } } h6, h6 a { font-size: 0.875rem; line-height: 1.125rem; } @media (max-width: 767px) { h6, h6 a { font-size: 0.75rem; line-height: 1.125rem; } } p { margin: 2rem 0; } @media (max-width: 767px) { p { margin: 1em 0; } } a, li, p, ul { font-family: "Gilroy", "Sans-serif"; font-size: 1rem; font-weight: 500; } a { color: #312882; } li, p, ul { line-height: 1.5rem; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: inherit; color: inherit; } svg { overflow: visible; } .file-selector, input:not([type="file"]):not([type="button"]):not(.adm-input):not([size]), textarea:not([cols]) { font-family: "Gilroy", "Sans-serif"; font-size: 1em; font-weight: 500; position: relative; display: block; width: 100%; margin-bottom: 0.9375rem; padding: 1.25rem 2.1875rem; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; color: #000; border: 2px solid #eceff2; border-radius: 3px; box-shadow: none; -webkit-appearance: none; } @media (max-width: 767px) { .file-selector, input:not([type="file"]):not([type="button"]):not(.adm-input):not([size]), textarea:not([cols]) { padding: 0.9375rem; } } .file-selector:last-child, input:not([type="file"]):not([type="button"]):not(.adm-input):not( [size] ):last-child, textarea:not([cols]):last-child { margin-bottom: 0; } .file-selector::-webkit-input-placeholder, input:not([type="file"]):not([type="button"]):not(.adm-input):not( [size] )::-webkit-input-placeholder, textarea:not([cols])::-webkit-input-placeholder { color: #a4a7aa; } .file-selector::-moz-placeholder, input:not([type="file"]):not([type="button"]):not(.adm-input):not( [size] )::-moz-placeholder, textarea:not([cols])::-moz-placeholder { color: #a4a7aa; } .file-selector:-ms-input-placeholder, .file-selector::-ms-input-placeholder, input:not([type="file"]):not([type="button"]):not(.adm-input):not( [size] ):-ms-input-placeholder, input:not([type="file"]):not([type="button"]):not(.adm-input):not( [size] )::-ms-input-placeholder, textarea:not([cols]):-ms-input-placeholder, textarea:not([cols])::-ms-input-placeholder { color: #a4a7aa; } .file-selector::placeholder, input:not([type="file"]):not([type="button"]):not(.adm-input):not( [size] )::placeholder, textarea:not([cols])::placeholder { color: #a4a7aa; } .file-selector:focus, input:not([type="file"]):not([type="button"]):not(.adm-input):not([size]):focus, textarea:not([cols]):focus { border-color: #1576bc; } @media (max-width: 767px) { .heading + .separator-medium { height: 1.25rem; margin: 0; } } .file-selector { padding-right: 50px; background: url(/local/templates/truewater.v2/css/../images/svg/attach.svg) calc(100% - 1.5em) 1.25rem/1.625rem 1.5625rem no-repeat; } .file-selector label { color: #afb2b5; } .file-selector label.has-file { color: #000; } .file-selector & gt ; input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0.01; } .bg-lightblue { padding: 1px; background: #ecf8fe; } .checkbox { position: relative; margin: 25px 0; text-align: left; } .checkbox label { font-family: "Euclid Circular A", "Sans-serif"; font-size: 1.125rem; font-weight: 500; line-height: 1.5rem; position: relative; padding-left: 3.125rem; cursor: pointer; color: #000; } .checkbox label:before { position: absolute; top: 0; bottom: 0; left: 0; display: block; margin: auto; content: ""; } .checkbox label:after { position: absolute; display: block; content: ""; border-radius: 3px; } .checkbox label:before { box-sizing: border-box; width: 33px; height: 33px; border: 2px solid #eceff2; border-radius: 3px; } .checkbox label:after { top: 0; bottom: 0; left: 8px; width: 19px; height: 19px; margin: auto; opacity: 0; background: url(/local/templates/truewater.v2/css/../images/svg/check.svg) center center/cover no-repeat; } @media (min-width: 1024px) { .checkbox label:hover:after { opacity: 0.3; } } .checkbox input:not([type="file"]):not([type="button"]):not(.adm-input):not([size]), .home .variants input:not([type="file"]):not([type="button"]):not(.adm-input):not([size]), .radio-picker input:not([type="file"]):not([type="button"]):not(.adm-input):not([size]) { position: absolute; width: 0.01px; height: 0.01px; opacity: 0.01; } .checkbox input:not([type="file"]):not([type="button"]):not(.adm-input):not( [size] ):checked + label:after, .home .variants input:not([type="file"]):not([type="button"]):not(.adm-input):not( [size] ):checked + img { opacity: 1; } .radio-picker { position: relative; margin: 1.5625rem 0; text-align: left; } @media (max-width: 767px) { .radio-picker { margin: 0.9375rem 0; } } .radio-picker.--btn label, .radio-picker.--square label { font-family: "Euclid Circular A", "Sans-serif"; font-weight: 500; line-height: 1.5rem; cursor: pointer; color: #000; } .radio-picker.--square label { font-size: 1.125rem; padding-left: 3.125rem; } .radio-picker.--square label:before { left: 0; } .radio-picker.--square label:after, .radio-picker.--square label:before { position: absolute; top: 0; bottom: 0; display: block; margin: auto; content: ""; border-radius: 50%; } .radio-picker.--square label:before { width: 1.4375rem; height: 1.4375rem; background-color: #ecf0f4; } .radio-picker.--square label:after { left: 5px; width: 0.8125rem; height: 0.8125rem; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; background-color: #1f9d44; } .radio-picker.--square label:hover:after { opacity: 0.3; } .radio-picker.--btn label { font-size: 1rem; display: block; margin: 0.9375rem 0; padding: 0.9375rem 1.875rem; -webkit-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; text-align: center; border-radius: 0.3125rem; background-color: #ecf0f4; } .radio-picker.--btn label:hover { background: #1f9d4452; box-shadow: 0 0 1.25rem #cfd9e3; } .radio-picker.--square input:checked + label:after { opacity: 1; } .radio-picker.--btn input:checked + label { color: #fff; background-color: #1f9d44; } .gradient-bg { background: #312783; background: -webkit-gradient( linear, left top, right top, from(#312783), color-stop(4.78%, #302b85), color-stop(11.61%, #2f348b), color-stop(19.67%, #294697), color-stop(28.68%, #125faa), color-stop(38.47%, #007ec3), color-stop(48.77%, #00a2df), color-stop(50%, #00a6e2), color-stop(59.97%, #00aae4), color-stop(75.02%, #2fb5e9), color-stop(93.18%, #6fc8f2), to(#83d0f5) ); background: linear-gradient( 90deg, #312783 0, #302b85 4.78%, #2f348b 11.61%, #294697 19.67%, #125faa 28.68%, #007ec3 38.47%, #00a2df 48.77%, #00a6e2 50%, #00aae4 59.97%, #2fb5e9 75.02%, #6fc8f2 93.18%, #83d0f5 100% ); } .gradient-bg-reverce { background: #312783; background: -webkit-gradient( linear, right top, left top, from(#312783), color-stop(4.78%, #302b85), color-stop(11.61%, #2f348b), color-stop(19.67%, #294697), color-stop(28.68%, #125faa), color-stop(38.47%, #007ec3), color-stop(48.77%, #00a2df), color-stop(50%, #00a6e2), color-stop(59.97%, #00aae4), color-stop(75.02%, #2fb5e9), color-stop(93.18%, #6fc8f2), to(#83d0f5) ); background: linear-gradient( -90deg, #312783 0, #302b85 4.78%, #2f348b 11.61%, #294697 19.67%, #125faa 28.68%, #007ec3 38.47%, #00a2df 48.77%, #00a6e2 50%, #00aae4 59.97%, #2fb5e9 75.02%, #6fc8f2 93.18%, #83d0f5 100% ); } .rel { position: relative; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-center > div { margin: 0 auto; } .text-white, .text-white .heading { color: #fff; } .text-inactive { font-family: "Euclid Circular A", "Sans-serif"; font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; color: #a4a7aa; } .text-hint { line-height: 1.125rem; color: rgba(0, 0, 0, 0.5); } @media (max-width: 1279px) { .text-hint { font-size: 0.84615rem; } } .gilroy, .link.--upper, a.--upper { font-family: "Gilroy", "Sans-serif"; } .justify-between { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .column-between, .column-center { display: -webkit-box; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .column-between { -webkit-box-pack: justify; justify-content: space-between; } .link, a { font-size: 1em; font-style: normal; line-height: 1.125rem; text-decoration: underline; } .link.--upper, a.--upper { font-size: 0.75rem; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #000; border-bottom: 2px solid #000; } .link.--upper:hover, a.--upper:hover { border-color: transparent; } .float-input { position: relative; margin-bottom: 1.25rem; } .float-input label { font-size: 14px; line-height: 14px; position: absolute; z-index: 1; top: 2.2rem; left: 2.1875rem; height: auto; margin: 0; padding: 0 0.625rem; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; color: #a4a7aa; border-radius: 0.3125rem; background: #fff; } @media (max-width: 767px) { .float-input label { top: 1.8rem; left: 0.9em; } } .float-input.float-input__floated label { -webkit-transform: translate3d(-0.3rem, -145%, 0) scale(0.8); transform: translate3d(-0.3rem, -145%, 0) scale(0.8); } @media (max-width: 767px) { .float-input.float-input__floated label { -webkit-transform: translate3d(-0.2rem, -163%, 0) scale(0.8); transform: translate3d(-0.2rem, -163%, 0) scale(0.8); } } .partial-copyright { position: relative; overflow: hidden; margin: 6.25rem 0; padding-bottom: 6.25rem; } .partial-copyright.--collapsed { max-height: 31.25rem; } .partial-copyright:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 9.375rem; content: ""; background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(70%, #fff), to(#fff) ); background: linear-gradient( to bottom, #ffffff 0, #fff 70%, #fff 100% ); } .partial-copyright:not(.--collapsed) { padding-bottom: 1.875rem; } .partial-copyright:not(.--collapsed):after { display: none; } .partial-copyright__separate { position: absolute; z-index: 1; bottom: 0; left: 0; } @media (max-width: 1023px) { .partial-copyright img { max-width: 40%; margin: 1em; } } @media (max-width: 767px) { .partial-copyright img { max-width: 100%; margin: 1.5em 0; } } table { border-spacing: 0; border-collapse: collapse; } td { padding: 5px 10px; border: 1px solid #cecece; } .alert { padding: 1rem 2rem; text-align: center; border-radius: 0.5rem; } .alert.alert--warning { background: #ffe5e5; } .wrapper { width: auto; max-width: 1360px; margin: 0 auto; padding: 0 10px; } .wrapper.--size-sm { max-width: 600px; } @media (max-width: 1279px) { .wrapper { max-width: 100%; padding: 0 1.875rem; } } @media (max-width: 767px) { .wrapper { padding: 0 10px; } } .icon { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; align-content: center; } .separator-xl { height: 6.25rem; } @media (max-width: 1023px) { .separator-xl { height: 4.61538rem; } } @media (max-width: 767px) { .separator-xl { height: 2.5rem; } } .separator-medium { height: 2.5rem; } .separator-small { height: 1.25rem; } .pages-list { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 200; line-height: 30px; margin: 20px; padding: 20px 60px; color: #333; border-radius: 6px; background: #fafafa; background-color: #eee; } .pages-list h1 { margin: 20px 0; } .pages-list ul li { margin: 5px 0; } .pages-list button { margin: 10px 0; } .btn-reset { position: relative; display: -webkit-box; display: flex; padding: 0; cursor: pointer; text-decoration: none; color: #fff; border: 0; background: 0 0; -webkit-box-pack: center; justify-content: center; align-content: center; -webkit-box-align: center; align-items: center; } .btn-hover__box, .btn-hover__box-dark { position: relative; margin: 0 1.25rem; } @media (max-width: 1279px) { .btn-hover__box, .btn-hover__box-dark { margin: 0; } } .btn-hover__box-dark & gt ; *, .btn-hover__box & gt ; * { z-index: 1; } .btn-hover__box-dark:after, .btn-hover__box:after { position: absolute; z-index: 0; top: -8px; left: -12px; display: block; width: calc(100% + 24px); height: calc(100% + 16px); content: ""; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; border-radius: 8px; background: rgba(255, 255, 255, 0.15); } @media (max-width: 1023px) { .btn-hover__box-dark:after, .btn-hover__box:after { display: none; } } .btn-hover__box-dark:hover:after, .btn-hover__box:hover:after { opacity: 1; } .btn-hover__box-dark:after { background: rgba(0, 0, 0, 0.05); } .btn, .btn:hover { text-decoration: none; } .btn { font-family: "Euclid Circular A", "Sans-serif"; font-size: 1rem; font-weight: 500; line-height: 1.5rem; position: relative; display: block; width: 100%; margin: 0; padding: 0.5rem 0.625rem 0.75rem; cursor: pointer; -webkit-transition: background-position 0.5s, background-color 0.3s; transition: background-position 0.5s, background-color 0.3s; text-align: center; color: #000; border: 0; border-radius: 1.875rem; background-color: #fff; background-size: 200% 200%; } @media (max-width: 1023px) { .btn { font-size: 1rem; padding: 0.76923rem 0.46154rem; } } @media (max-width: 767px) { .btn { font-size: 0.875rem; line-height: 1.125rem; padding: 0.625rem 0.375rem; } } .btn:hover { background-color: rgba(255, 255, 255, 0.8); } .btn.--large { padding-right: 1.5625rem; padding-left: 1.5625rem; } .btn.--extra-large { padding-right: 3.125rem; padding-left: 3.125rem; } @media (max-width: 767px) { .btn.--extra-large { padding-right: 1.5625rem; padding-left: 1.5625rem; } } .btn.--wide { padding-top: 1.25rem; padding-bottom: 1.25rem; } .btn.--lg { padding: 0.9375rem 2.1875rem; } .btn:hover { background-position: 100% 50%; } .btn.--mt { margin-top: 0.75rem; } .btn.--inline { display: -webkit-inline-box; display: inline-flex; width: auto; min-width: 10rem; text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } @media (max-width: 767px) { .btn.--inline { min-width: 8.75rem; } } .btn.--outline { padding-right: 1.875rem; padding-left: 1.875rem; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; color: #fff; border: 1px solid #fff; background: 0 0; } .btn.--outline.--spinner:before, .btn.--primary.--spinner:before, .btn.--secondary.--spinner:before { border-color: #fff transparent #fff #fff; } .btn.--outline:hover { background-color: rgba(255, 255, 255, 0.2); } .btn.--primary { color: #fff; background-image: -webkit-gradient( linear, left top, right top, from(#c71c1c), color-stop(33%, #db3b21), color-stop(45%, #e94f25), color-stop(61%, #e2513a), to(#f15f37) ); background-image: linear-gradient( 90deg, #c71c1c 0, #db3b21 33%, #e94f25 45%, #e2513a 61%, #f15f37 100% ); } .btn.--secondary { color: #fff; background-image: -webkit-gradient( linear, left top, right top, from(#264a9a), color-stop(61%, #01abe4), to(#82d0f5) ); background-image: linear-gradient( 90deg, #264a9a 0, #01abe4 61%, #82d0f5 100% ); } .btn.--light { color: #000; background: #eceff2; } .btn.--spinner { padding-right: 1.5625rem; padding-left: 1.5625rem; } .btn.--spinner:before { position: relative; top: 0.375rem; display: inline-block; box-sizing: border-box; width: 1.25rem; height: 1.25rem; margin: 0 0.625rem 0 -7px; margin-top: -0.625rem; content: ""; -webkit-animation: fw-spinner 0.5s linear infinite; animation: fw-spinner 0.5s linear infinite; border: 2px solid #000; border-right: 2px solid transparent; border-radius: 50%; } .btn[disabled] { opacity: 0.7; } .btn-group { display: -webkit-box; display: flex; } .btn-group .btn:not(:last-child) { margin-right: 0.625rem; } @media (max-width: 767px) { .btn-group .btn:not(:last-child) { max-width: 100%; margin: 0 0 1em; } .btn-group .btn { max-width: 100%; margin: 0 0 1em; } } .logo { display: -webkit-box; display: flex; flex-direction: column; width: 22.0625rem; height: auto; padding-top: 0.3125rem; text-align: center; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; align-items: center; } .logo img { padding-bottom: 1.5625rem; } @media (max-width: 1023px) { .logo img { padding-bottom: 0.76923rem; } } .logo__name { font-family: "Euclid Circular A", "Sans-serif"; font-size: 1.375rem; font-weight: 400; font-style: normal; line-height: 1.5rem; text-align: center; text-transform: uppercase; color: #fff; } @media (max-width: 1023px) { .logo__name { font-size: 0.875rem; line-height: 1.5rem; } } .logo.--small { width: 16.5625rem; height: auto; } .logo.--extra-small .logo__name, .logo.--small .logo__name { font-size: 0.875rem; line-height: 1.5rem; } .logo.--small img { padding-bottom: 1.25rem; } .logo.--extra-small { width: 13.625rem; height: auto; } .logo.--extra-small img { padding-bottom: 0.9375rem; } @media (max-width: 1279px) { .logo { width: 24.61538rem; } } @media (max-width: 1023px) { .logo { top: 5.38462rem; width: 18.46154rem; } } .footer { position: relative; min-height: 19.375rem; padding: 5.1875rem 0 3.125rem; background: #312783; background: -webkit-gradient( linear, right top, left top, from(#312783), color-stop(4.78%, #302b85), color-stop(11.61%, #2f348b), color-stop(19.67%, #294697), color-stop(28.68%, #125faa), color-stop(38.47%, #007ec3), color-stop(48.77%, #00a2df), color-stop(50%, #00a6e2), color-stop(59.97%, #00aae4), color-stop(75.02%, #2fb5e9), color-stop(93.18%, #6fc8f2), to(#83d0f5) ); background: linear-gradient( -90deg, #312783 0, #302b85 4.78%, #2f348b 11.61%, #294697 19.67%, #125faa 28.68%, #007ec3 38.47%, #00a2df 48.77%, #00a6e2 50%, #00aae4 59.97%, #2fb5e9 75.02%, #6fc8f2 93.18%, #83d0f5 100% ); } @media (max-width: 1023px) { .footer { padding: 3.84615rem 0 0; } } @media (max-width: 767px) { .footer { padding-top: 2.1875rem; } } .footer:after { position: absolute; z-index: 0; bottom: 0; display: block; width: 100%; height: 3.125rem; content: ""; background: -webkit-gradient( linear, right top, left top, from(#005c38), color-stop(50%, #00984b), to(#96ae24) ); background: linear-gradient(270deg, #005c38 0, #00984b 50%, #96ae24 100%); } @media (max-width: 1023px) { .footer:after { height: 3.84615rem; } } .footer-graphics { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: url(/local/templates/truewater.v2/css/../images/svg/footer.svg) right bottom/auto 100% no-repeat; } @media (max-width: 1023px) { .footer-graphics { background-position: 51.15385rem center; } } .footer-logo { width: 13.625rem; } /* @media (max-width: 1023px) { .footer-logo { position: absolute; top: 0; width: 13.07692rem; } }*/ @media (max-width: 767px) { .footer-logo { right: 0; left: 0; margin: auto; } } .footer-outer { position: relative; z-index: 2; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .footer-outer { flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; } } .footer-links { display: -webkit-box; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } @media (max-width: 1023px) { .footer-links { padding-top: 2.5rem; } } /* .footer-menu { display: -webkit-box; display: flex; }*/ @media (max-width: 1023px) { .footer-menu { -webkit-box-pack: justify; justify-content: space-between; } } /* @media (max-width: 767px) { .footer-menu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } }*/ .footer-menu ul { margin: 0; margin-right: 4.0625rem; padding: 0; list-style: none; } @media (max-width: 767px) { .footer-menu ul { margin: 0 0 2.5rem; flex-basis: calc(50% - 10px); } /*.footer-menu ul:nth-child(2n) { margin-left: 1.25rem; }*/ } .footer-menu__link { font-family: "Euclid Circular A", "Sans-serif"; font-size: 0.875rem; font-weight: 500; line-height: 0.9375rem; text-decoration: none; color: #fff; } @media (min-width: 1024px) { .footer-menu__link:hover { text-decoration: underline; } } /* @media (max-width: 1023px) { .footer-menu__link { display: block; margin-bottom: 1em; font-size: 0.8125rem; line-height: 0.9375rem; } }*/ .footer-external { display: -webkit-box; display: flex; margin-top: 1.875rem; } @media (max-width: 1023px) { .footer-external { padding-bottom: 0.53846rem; } } @media (max-width: 767px) { .footer-external { margin: 0; padding-bottom: 1.5625rem; } } .footer-external__portal { margin-right: 4.375rem; } .footer-external__store, .footer-external__store & gt ; div { display: -webkit-box; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .footer-external__store a, .footer-external__store & gt ; div a { display: inline-block; margin-bottom: 0.4375rem; } .footer-contact { text-align: right; } /* @media (max-width: 1023px) { .footer-contact { display: -webkit-box; display: flex; flex-direction: row-reverse; padding: 0.5em 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-box-align: center; align-items: center; } }*/ @media (max-width: 767px) { .footer-contact { flex-direction: row; padding-top: 6.25rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; } } .footer-contact a { text-decoration: none; color: #fff; } @media (min-width: 1024px) { .footer-contact a:hover { text-decoration: underline; } } .footer-contact__phone { display: flex; gap: 6px; justify-content: flex-end; } .footer-contact__email, .footer-contact__phone { font-size: 0.8125rem; font-weight: 500; line-height: 0.9375rem; color: #fff; } .footer-contact__email *, .footer-contact__phone * { font-size: 0.8125rem; line-height: 0.9375rem; } @media (max-width: 767px) { .footer-contact__email, .footer-contact__phone { text-align: left; flex-basis: calc(50% - 10px); flex-flow: column-reverse; } .footer-contact__email:nth-child(2n), .footer-contact__phone:nth-child(2n) { margin-left: 1.25rem; } } .footer-contact__phone a { font-family: "Gilroy", "Sans-serif"; font-size: 1.5rem; font-weight: 700; line-height: 1.8125rem; } /* @media (max-width: 1023px) { .footer-contact__phone a { font-size: 1.38462rem; line-height: 1.69231rem; } } */ @media (max-width: 767px) { .footer-contact__phone a { font-size: 1.125rem; line-height: 1.375rem; } } /* @media (max-width: 1023px) { .footer-contact__email { display: -webkit-box; display: flex; margin: 0.3125rem 2.5rem 0 0; align-self: flex-start; } }*/ @media (max-width: 767px) { .footer-contact__email { flex-direction: column; margin: 0; align-self: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; } } .footer-contact__email a { font-family: "Euclid Circular A", "Sans-serif"; font-size: 0.8125rem; font-weight: 500; line-height: 0.9375rem; } @media (max-width: 1023px) { .footer-contact__email a { font-size: 1rem; line-height: 1.15385rem; } } @media (max-width: 767px) { .footer-contact__email a { font-size: 0.8125rem; line-height: 0.9375rem; } } .header { position: relative; height: 16.25rem; padding-top: 3.125rem; padding-bottom: 3.4375rem; color: #fff; background: #312783; background: -webkit-gradient( linear, left top, right top, from(#312783), color-stop(4.78%, #302b85), color-stop(11.61%, #2f348b), color-stop(19.67%, #294697), color-stop(28.68%, #125faa), color-stop(38.47%, #007ec3), color-stop(48.77%, #00a2df), color-stop(50%, #00a6e2), color-stop(59.97%, #00aae4), color-stop(75.02%, #2fb5e9), color-stop(93.18%, #6fc8f2), to(#83d0f5) ); background: linear-gradient( 90deg, #312783 0, #302b85 4.78%, #2f348b 11.61%, #294697 19.67%, #125faa 28.68%, #007ec3 38.47%, #00a2df 48.77%, #00a6e2 50%, #00aae4 59.97%, #2fb5e9 75.02%, #6fc8f2 93.18%, #83d0f5 100% ); } @media (max-width: 1023px) { .header { padding: 1.92308rem; } } @media (max-width: 767px) { .header { height: 9.375rem; padding: 1.875rem 0.625rem; } } .header-outer { position: relative; z-index: 200; display: -webkit-box; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .header-outer { padding: 0; } } .header-graphics { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: url(/local/templates/truewater.v2/css/../images/svg/header.svg) center bottom/auto 60% no-repeat; } @media (max-width: 767px) { .header-graphics { display: none; } } .header-contact { font-family: "Gilroy", "Sans-serif"; font-size: 0.75rem; font-weight: 400; line-height: 1.125rem; } .header-contact__phone { display: flex; line-height: 0; margin-top: -1px; align-items: center; } .header-contact__whatsapp { padding-left: 20px; } .header-contact a { font-size: 1.5rem; font-weight: 700; line-height: 1.8125rem; display: inline-block; margin-bottom: 0.25rem; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; text-decoration: none; color: #fff; border: 2px solid transparent; } @media (min-width: 1024px) { .header-contact a:hover { border-bottom-color: #fff; } } @media (max-width: 1023px) { .header-contact a { font-size: 1.38462rem; } } @media (max-width: 767px) { .header-contact a { font-size: 0.8rem !important; line-height: 1.125rem !important; margin: 0 !important; border-width: 0 !important; } } @media (max-width: 1023px) { .header-contact__worktime { display: none; } } .header-menu__btn { font-family: "Gilroy", "Sans-serif"; font-size: 21px; font-weight: 700; line-height: 22px; display: -webkit-box; display: flex; width: 90px; cursor: pointer; text-align: right; color: #fff; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { .header-menu__btn { width: auto; } .header-menu__btn span { display: none; } } .header-box { position: static; display: -webkit-box; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; } .header-box:first-child { width: 30.5%; } & nbsp ; .header-box:last-child { width: 26.5%; } @media (max-width: 1279px) { .header-box:first-child, .header-box:last-child { width: 29%; } } @media (max-width: 1023px) { .header-box:first-child, .header-box:last-child { width: 43%; } } @media (max-width: 767px) { .header-box:first-child, .header-box:last-child { width: 46%; -webkit-box-align: center; align-items: center; } } @media (max-width: 350px) { .header-box:first-child, .header-box:last-child { width: 50%; -webkit-box-align: center; align-items: center; } .header-box:last-child { width: 45%; -webkit-box-align: center; align-items: center; } } @media (max-width: 1023px) { .header-box__logo { position: absolute; top: 4.0625rem; right: 0; left: 0; margin: auto; } } @media (max-width: 767px) { .header-box__logo { top: 2.5rem; width: 9.375rem; } .header-box__logo img { padding-bottom: 0.3125rem; } .header-box__logo .logo__name { font-size: 0.6875rem; line-height: 1.25rem; } } .cart-mini { position: relative; display: -webkit-inline-box; display: inline-flex; } .cart-mini__icon { display: block; width: 25px; height: 21px; background: url(/local/templates/truewater.v2/css/../images/svg/cart.svg) center center/cover no-repeat; } .cart-mini__icon.--dark { background-image: url(/local/templates/truewater.v2/css/../images/svg/cart-dark.svg); } .cart-mini .cart-widget { top: calc(100% + 40px); visibility: hidden; opacity: 0; } .cart-mini:hover .cart-widget { top: calc(100% + 22px); visibility: visible; opacity: 1; } .auth-btn, .cart-mini__cnt { display: -webkit-box; display: flex; } .cart-mini__cnt { font-family: Gilroy; font-size: 11px; font-weight: 400; font-style: normal; line-height: 13px; position: absolute; top: -12px; right: -9px; width: 18px; height: 18px; text-align: center; border-radius: 50%; background: #b51d1f; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .auth-btn { text-align: right; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; } .auth-btn p, .menu-line ul { display: -webkit-box; display: flex; margin: 0; -webkit-box-direction: normal; } .auth-btn p { font-family: "Gilroy", "Sans-serif"; font-size: 21px; font-weight: 700; line-height: 25px; flex-direction: column; padding-right: 14px; text-align: right; -webkit-box-orient: vertical; } .auth-btn p small { font-size: 12px; font-weight: 400; line-height: 14px; display: inline-block; margin-top: 6px; } @media (max-width: 1023px) { .auth-btn p small { display: none; } } @media (max-width: 767px) { .auth-btn p { display: none; } } .auth-btn .icon { margin-top: 5px; } @media (max-width: 1023px) { .auth-btn .icon { margin: 0; } } .menu-line { position: -webkit-sticky; position: sticky; z-index: 100; top: 0; background: #fff; } @media (max-width: 1023px) { .menu-line:not(.--show-mobile) { display: none; } } .menu-line ul { flex-direction: row; padding: 0; list-style: none; border-bottom: 2px solid #eceff2; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; } .menu-line__link { position: relative; } .menu-line__link--badge { font-family: "Gilroy", "Sans-serif"; font-size: 0.6875rem; font-weight: 500; line-height: 1rem; position: absolute; top: 5px; right: 0; display: block; display: -webkit-box; display: flex; width: 1.125rem; height: 1.125rem; color: #fff; border-radius: 50%; background: #b51d1f; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .menu-line__link a { font-family: "Euclid Circular A", "Sans-serif"; font-size: 0.6875rem; font-weight: 600; line-height: 0.875rem; display: inline-block; padding: 1.4375rem 1.375rem; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; text-decoration: none; text-transform: uppercase; color: #000; } .menu-line__link a:after, .menu-line__link a:before { position: absolute; bottom: -2px; left: 49%; width: 0; height: 3px; content: ""; -webkit-transition: width 0.3s, left 0.3s; transition: width 0.3s, left 0.3s; background-color: #2053a1; } .menu-line__link a:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu-line__link a.current:after, .menu-line__link a.current:before, .menu-line__link a:hover:after, .menu-line__link a:hover:before { width: 50%; } .menu-line__link a.current:before, .menu-line__link a:hover:before { left: 0; } .search-mini .icon.collapse { width: 21px; height: 21px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } .search-mini .icon.separate, .search-mini__form { display: -webkit-box; display: flex; width: 0; height: 0; } .search-mini .icon.separate { position: relative; left: -8px; -webkit-transition: none; transition: none; opacity: 0; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .search-mini .icon.separate:after, .search-mini .icon.separate:before { position: absolute; left: 15px; width: 2px; height: 20px; content: " "; background-color: #fff; } .search-mini .icon.separate:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .search-mini .icon.separate:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .search-mini__form { overflow: hidden; margin: 0; -webkit-transition: width 0.3s; transition: width 0.3s; -webkit-box-pack: end; justify-content: flex-end; } .search-mini__form-input { font-family: "Gilroy", "Sans-serif"; font-size: 12px; position: relative; z-index: 1; width: 100%; margin: 0; padding: 2px 8px; -webkit-transition: opacity 0.3s ease 0.2s; transition: opacity 0.3s ease 0.2s; opacity: 0; color: #000; border: 0; border-radius: 5px; background: #fff; } .search-mini__form:after { position: absolute; z-index: 0; top: -8px; left: -12px; display: block; width: calc(100% + 24px); height: calc(100% + 16px); content: ""; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; border-radius: 8px; background: rgba(255, 255, 255, 0.15); } @media (max-width: 1023px) { .search-mini__form:after { display: none; } } .search-mini.--dark .search-mini__form:after { background: rgba(0, 0, 0, 0.05); } .search-mini.--dark .icon:after, .search-mini.--dark .icon:before { background-color: #565353; } .search-mini__collapse .icon.collapse { width: 0; height: 0; opacity: 0; } .search-mini__collapse .icon.separate { width: 21px; height: 21px; -webkit-transition: opacity 0.3s ease 0.2s; transition: opacity 0.3s ease 0.2s; opacity: 1; } .search-mini__collapse .search-mini__form { width: 140px; height: 27px; margin: -3px -7px -3px 5px; } .search-mini__collapse .search-mini__form:after { opacity: 1; } .search-mini__collapse .search-mini__form-input { padding: 5px 15px; opacity: 1; border: 0; border-radius: 3px; } .breadcrumbs, .msf_breadcrumbs ul { margin: 30px 0 20px; padding: 0; list-style: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .breadcrumbs li, .breadcrumbs li a, .breadcrumbs li__link, .breadcrumbs li__text, .breadcrumbs-item, .breadcrumbs-item a, .breadcrumbs-item__link, .breadcrumbs-item__text, .msf_breadcrumbs ul li, .msf_breadcrumbs ul li a, .msf_breadcrumbs ul li__link, .msf_breadcrumbs ul li__text, .msf_breadcrumbs ul-item, .msf_breadcrumbs ul-item a, .msf_breadcrumbs ul-item__link, .msf_breadcrumbs ul-item__text { font-family: "Euclid Circular A", "Sans-serif"; font-size: 10px; font-weight: 600; text-decoration: none; text-transform: uppercase; color: #000; } .breadcrumbs li:not(:last-child), .breadcrumbs-item:not(:last-child), .msf_breadcrumbs ul li:not(:last-child), .msf_breadcrumbs ul-item:not(:last-child) { margin-right: 5px; } .breadcrumbs li:not(:last-child):after, .breadcrumbs-item:not(:last-child):after, .msf_breadcrumbs ul li:not(:last-child):after, .msf_breadcrumbs ul-item:not(:last-child):after { content: "\00a0\00a0-"; } .breadcrumbs li__link:hover, .breadcrumbs-item__link:hover, .msf_breadcrumbs ul li__link:hover, .msf_breadcrumbs ul-item__link:hover, .popup-wrapper a:hover { text-decoration: underline; } @media (max-width: 1023px) { .benefit.grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .benefit.grid { grid-template-columns: repeat(1, 1fr); } .benefit.grid .heading { font-size: 1.25rem; line-height: 1.75rem; } } .benefit img { height: 60px; margin: 0 auto 20px; } .popup-wrapper { width: 550px; padding: 3.75rem 5rem !important; } .popup-wrapper .errortext { display: none; } .popup-wrapper p { margin: 10px 0; } .popup-wrapper.popup--sm { width: 300px; padding: 1.875rem 2.5rem !important; } @media (max-width: 767px) { .popup-wrapper { width: 100%; padding: 1.875rem 1.25rem !important; } } .popup-wrapper & gt ; p { font-size: 1rem; line-height: 1.25rem; margin: 1em 0; } .popup-wrapper .btn-group { margin-top: 2.5rem; } @media (max-width: 767px) { .popup-wrapper .btn-group { display: block; } .popup-wrapper .btn-group .btn { display: block; width: 100%; } } .popup-wrapper a { font-family: "Gilroy", "Sans-serif"; font-weight: 700; text-decoration: none; color: #1f9d44; } .form-error, .popup-form__error { font-family: "Gilroy", "Sans-serif"; font-size: 1rem; font-weight: 500; line-height: 1.25rem; margin-bottom: 0.9375rem; text-align: center; color: #c71c1c; } .popup-form__heading { display: block; text-align: center; } .popup-form__hint { font-size: 0.75rem; line-height: 0.875rem; margin: 2.5rem 0 0; text-align: center; } .popup-form__submit { margin-top: 1.25rem; } .popup-form .captcha { display: -webkit-inline-box; display: inline-flex; max-width: 300px; } .popup { position: fixed; z-index: 10000; top: 0; left: 0; display: -webkit-box; display: flex; visibility: hidden; margin: 0; padding: 0; list-style: none; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; opacity: 0; background: #fff; } @media (max-width: 767px) { .popup.menu-popup { position: relative; display: none; visibility: visible; opacity: 1; } } .popup.--showed { visibility: visible; opacity: 1; } .popup.--fullscreen { width: 100vw; height: 100vh; } @media (max-width: 767px) { .popup.--fullscreen.menu-popup { width: 100%; height: auto; } } .popup__close-btn { position: relative; padding: 10px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; border: 1px solid #000; border-radius: 50%; } @media (min-width: 1024px) { .popup__close-btn:after { position: absolute; z-index: 0; top: -8px; left: -8px; display: block; width: calc(100% + 16px); height: calc(100% + 16px); content: ""; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; border-radius: 50%; background: rgba(0, 0, 0, 0.1); } } @media (min-width: 1024px) and (max-width: 1023px) { .popup__close-btn:after { display: none; } } @media (min-width: 1024px) { .popup__close-btn:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .popup__close-btn:hover:after { opacity: 1; } } @media (max-width: 1023px) { .popup__close-btn { border-color: #fff; } } .menu-popup { background: #ecf8fe; } .menu-popup & gt ; * { -webkit-box-flex: 50%; flex: 50%; } @media (max-width: 1023px) { .menu-popup > ; * { width: 100%; -webkit-box-flex: 100%; flex: 100%; } .menu-popup { background: -webkit-gradient( linear, left top, right top, color-stop(2.93%, #0181c5), color-stop(40.27%, #007ec3), color-stop(75.75%, #18b0e7), to(#33b6ea) ); background: linear-gradient( 90deg, #0181c5 2.93%, #007ec3 40.27%, #18b0e7 75.75%, #33b6ea 100% ); } .menu-popup:before { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 120px; content: ""; background: url(/local/templates/truewater.v2/css/../images/content/menumob-bg.png) right bottom/auto 100%; background-position: 51.15385rem center; } } @media (max-width: 1023px) and (max-width: 767px) { .menu-popup:before { background-position: 0 center; } } .menu-popup__graphics { display: -webkit-box; display: flex; height: 100%; padding: 2% 3.5%; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate3d(15%, 0, 0); transform: translate3d(15%, 0, 0); background: url(/local/templates/truewater.v2/css/../images/general/menu.jpg) center center/cover no-repeat; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; } @media (max-width: 1023px) { .menu-popup__graphics { display: none; } } .menu-popup__outer { z-index: 1; display: -webkit-box; display: flex; flex-direction: column; padding: 2.5% 5%; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } @media (max-width: 1023px) { .menu-popup__outer { position: relative; z-index: 2; display: block; overflow: auto; padding: 1.5625rem 0 9.375rem; background-attachment: transparent; } } @media (max-width: 767px) { .menu-popup__outer { min-height: 100vh; -webkit-transform: none; -ms-transform: none; transform: none; } } .menu-popup.--showed .menu-popup__graphics, .menu-popup.--showed .menu-popup__outer { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .menu-popup__header { z-index: 3; display: -webkit-box; display: flex; width: 100%; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .menu-popup__header { position: absolute; top: 20px; left: 20px; width: auto; } } .menu-popup__header-btn-group { display: -webkit-box; display: flex; min-width: 20%; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } @media (max-width: 1023px) { .menu-popup__header-btn-group { display: none; } } @media (max-width: 1023px) { .menu-popup__header svg path { fill: #fff; } } .menu-popup__content { list-style: none; counter-reset: menulink; text-align: center; } @media (max-width: 1023px) { .menu-popup__content { position: relative; z-index: 2; } } .menu-popup__content & gt ; * { display: -webkit-box; display: flex; margin: 15px 0; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .menu-popup__content & gt ; :before { font-family: "Gilroy", "Sans-serif"; font-size: 12px; font-weight: 500; font-style: normal; line-height: 14px; display: block; margin: 18px -5px 0 0; content: counters(menulink, ".", decimal-leading-zero); counter-increment: menulink; text-align: center; color: #b1babe; } @media (max-width: 1023px) { .menu-popup__content > ; :before { display: none; } } @media (max-width: 767px) { .menu-popup__content > ; * { margin: 12px 0; } } .menu-popup__content-link { font-family: "Gilroy", "Sans-serif"; font-size: 32px; font-weight: 500; font-style: normal; line-height: 38px; position: relative; display: block; text-align: center; text-decoration: none; color: #000; } @media (max-width: 1279px) { .menu-popup__content-link { padding-left: 0.625rem; } } @media (max-width: 1023px) { .menu-popup__content-link { font-family: "Euclid Circular A", "Sans-serif"; font-size: 1rem; line-height: 1.25rem; color: #fff; } .menu-popup__footer { position: relative; z-index: 2; } } .menu-popup__footer & gt ; * { margin: 18px 0; text-align: center; } @media (max-width: 767px) { .menu-popup__footer > ; * { margin: 12px 0; } } .menu-popup__footer-link { font-family: "Gilroy", "Sans-serif"; font-size: 18px; font-weight: 500; font-style: normal; line-height: 21px; -webkit-transition: border-bottom-color 0.3s; transition: border-bottom-color 0.3s; text-align: center; text-decoration: none; color: #000; border-bottom: 2px solid transparent; } @media (min-width: 1024px) { .menu-popup__footer-link:hover { border-bottom-color: #000; } } @media (max-width: 1023px) { .menu-popup__footer-link { font-family: "Euclid Circular A", "Sans-serif"; font-size: 1rem; line-height: 1.25rem; color: #fff; border: 0; } } .menu-popup__catalog { display: -webkit-box; display: flex; flex-direction: column; padding-bottom: 2.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media (max-width: 1023px) { .menu-popup__catalog { position: relative; z-index: 2; } } @media (min-width: 1024px) { .menu-popup__catalog { display: none; } } .menu-popup__catalog li { margin: 0.625rem 0; } @media (max-width: 767px) { .menu-popup__catalog li { margin: 0.3125rem 0; } } .menu-popup__catalog-link, .search-popup__form-input input { font-family: "Euclid Circular A", "Sans-serif"; font-weight: 500; } .menu-popup__catalog-link { font-size: 1.75rem; font-style: normal; line-height: 2.25rem; -webkit-transition: border-bottom-color 0.3s; transition: border-bottom-color 0.3s; text-align: center; text-decoration: none; color: #fff; border-bottom: 2px solid transparent; } @media (max-width: 767px) { .menu-popup__catalog-link { font-size: 1.3125rem; line-height: 1.625rem; } } .search-popup { display: block; background: #fff; } .search-popup.popup .popup__close-btn { border-color: #fff; } .search-popup.popup .popup__close-btn svg path { fill: #fff; } .search-popup__menu { display: block !important; } .search-popup__menu ul { -webkit-box-pack: center; justify-content: center; } .search-popup .page-catalog__content { margin-top: -2px; padding-top: 0; } .search-popup .menu-line__link { margin: 0 1.875rem; } @media (max-width: 767px) { .search-popup .menu-line__link { margin: 0 0.625rem; } } .search-popup .menu-line__link a { padding: 1.6875rem 1.25rem; } @media (max-width: 767px) { .search-popup .menu-line__link a { padding: 1.25rem 0.625rem; } } .search-popup__fixer { position: fixed; top: 0; left: 0; width: 100%; } .search-popup__form { padding: 1.875rem 0; background: -webkit-gradient( linear, left top, right top, from(#312783), color-stop(4.78%, #302b85), color-stop(11.61%, #2f348b), color-stop(19.67%, #294697), color-stop(28.68%, #125faa), color-stop(38.47%, #007ec3), color-stop(48.77%, #00a2df), color-stop(50%, #00a6e2), color-stop(59.97%, #00aae4), color-stop(75.02%, #2fb5e9), color-stop(93.18%, #6fc8f2), to(#83d0f5) ); background: linear-gradient( 90deg, #312783 0, #302b85 4.78%, #2f348b 11.61%, #294697 19.67%, #125faa 28.68%, #007ec3 38.47%, #00a2df 48.77%, #00a6e2 50%, #00aae4 59.97%, #2fb5e9 75.02%, #6fc8f2 93.18%, #83d0f5 100% ); } @media (max-width: 767px) { .search-popup__form { padding: 0.9375rem 0; } } .search-popup__form--wrapper { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .search-popup__form-input { position: relative; overflow: hidden; width: calc(100% - 100px); height: 4.375rem; border-radius: 20px; background: #fff; } @media (max-width: 767px) { .search-popup__form-input { width: calc(100% - 50px); height: 3.125rem; } } .search-popup__form-input input { font-size: 1.125rem; line-height: 1.4375rem; display: block; height: 100%; margin: 0; padding: 0 2em; text-align: left; color: #000; border: 0; } @media (max-width: 767px) { .search-popup__form-input input { font-size: 1rem; line-height: 1.25rem; padding: 0.625rem 0.9375rem; } } .search-popup__form-icon { position: absolute; top: 0; right: 1.5625rem; bottom: 0; width: 1.3125rem; height: 1.3125rem; margin: auto 0; background: url(/local/templates/truewater.v2/css/../images/svg/search-dark.svg) center center/cover no-repeat; } .search-popup__inner { overflow: auto; height: calc(100% - 12.5rem); margin-top: 12.5rem; } @media (max-width: 767px) { .search-popup__inner { height: calc(100% - 8.5rem); margin-top: 8.5rem; } } .pure-material-progress-circular { font-size: 16px; position: absolute; top: 50%; left: 50%; overflow: hidden; box-sizing: border-box; width: 3em; height: 3em; padding: 0.25em; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #264a9a; border: 0; border-radius: 50%; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .pure-material-progress-circular::-webkit-progress-bar { background-color: transparent; } .pure-material-progress-circular:indeterminate { -webkit-animation: pure-material-progress-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1); animation: pure-material-progress-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1); -webkit-mask-image: -webkit-gradient( linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #000) ), -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #000)); -webkit-mask-image: linear-gradient(transparent 50%, #000 50%), linear-gradient(to right, transparent 50%, #000 50%); mask-image: -webkit-gradient( linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #000) ), -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #000)); mask-image: linear-gradient(transparent 50%, #000 50%), linear-gradient(to right, transparent 50%, #000 50%); } .pure-material-progress-circular:indeterminate, :-ms-lang(x) { animation: none; } .pure-material-progress-circular:indeterminate::-webkit-progress-value, .pure-material-progress-circular:indeterminate::before { display: block; box-sizing: border-box; width: 100% !important; height: 100%; margin-bottom: 0.25em; content: ""; -webkit-animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate; animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate; border: solid 0.25em transparent; border-top-color: currentColor; border-radius: 50%; background-color: transparent; } .pure-material-progress-circular:indeterminate::-moz-progress-bar { box-sizing: border-box; width: 100%; height: 100%; animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate; border: solid 0.25em transparent; border-top-color: currentColor; border-radius: 50%; background-color: transparent; } .pure-material-progress-circular:indeterminate::-ms-fill { animation-name: -ms-ring; } .cart-widget { position: absolute; z-index: 200; top: calc(100% + 25px); left: 50%; min-width: 17.1875rem; padding: 15px; -webkit-transition: top 0.3s, opacity 0.3s, visibility 0.3s; transition: top 0.3s, opacity 0.3s, visibility 0.3s; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); color: #000; background: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); } @media (max-width: 1023px) { .cart-widget { display: none; } } .cart-widget__clear { font-size: 12px; display: inline-block; margin-top: 10px; text-decoration: none; } .cart-widget__clear:hover { text-decoration: underline; } .cart-widget__product { position: relative; display: grid; padding: 0.625rem 0; grid-template-columns: 50px calc(100% - 0.9375 * 2rem - 40px); grid-gap: 0 0.9375rem; } .cart-widget__product:not(:last-child) { border-bottom: 1px solid #eceff2; } .cart-widget__product--scroll { overflow: auto; max-height: 17.5rem; border-bottom: 1px solid #eceff2; } .cart-widget__product-pic { display: -webkit-box; display: flex; padding: 0.3125rem; background: #e8f6fe; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .cart-widget__product-pic img { max-width: 70%; } .cart-widget__product-name { font-family: "Euclid Circular A", "Sans-serif"; font-size: 0.75rem; font-weight: 500; font-style: normal; line-height: 0.9375rem; margin: 0; margin-bottom: 0.3125rem; } .cart-widget__product-info { display: -webkit-box; display: flex; flex-direction: column; justify-content: space-around; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .cart-widget__product-price { font-family: "Euclid Circular A", "Sans-serif"; font-size: 0.875rem; font-weight: 500; font-style: normal; line-height: 1.125rem; position: absolute; right: 0.625rem; bottom: 0.625rem; text-align: right; } .cart-widget__heading { padding-bottom: 0.625rem; border-bottom: 1px solid #eceff2; } .cart-widget__heading-total { font-size: 1.125rem; line-height: 1.4375rem; } .cart-widget:before { position: absolute; top: -15px; left: 50%; display: inline-block; width: 0; height: 0; margin: 0; content: ""; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); border: 15px solid transparent; border-top: 0; border-bottom-color: #fff; } .cart-widget .heading { margin: 0; } .slider { position: relative; margin: 0 3.125rem; } @media (max-width: 767px) { .slider { margin: 0; } } .slider .slick-arrow { position: absolute; z-index: 1; top: calc(50%); width: 3.125rem; height: 3.125rem; padding: 0.625rem; cursor: pointer; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); text-indent: -9999px; border: 0; border-radius: 50%; background: center center no-repeat #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } .slider .slick-arrow:hover { background-color: #b5e4fb; } .slider .slick-next { right: -3.125rem; left: auto; background-image: url(/local/templates/truewater.v2/css/../images/svg/arrow-right.svg); } @media (max-width: 767px) { .slider .slick-next { right: 0.3125rem; } } .slider .slick-prev { right: auto; left: -3.125rem; background-image: url(/local/templates/truewater.v2/css/../images/svg/arrow.svg); } @media (max-width: 767px) { .slider .slick-prev { left: 0.3125rem; } } .slider .slick-slide img { margin: 0 auto; } @media (max-width: 767px) { .slider .slick-slide img { height: 100%; } } @media (min-width: 1024px) { .slider.--displaced-arrow .slick-arrow { top: 10.9375rem; } } .slider .slide { padding: 0 0.625rem; } @media (max-width: 767px) { .slider .slide { padding: 0; text-align: center; } } .slider a { text-decoration: none; color: #000; } .scroll-top { position: fixed; z-index: 300; right: 30px; bottom: 30px; display: none; width: 30px; height: 30px; background: url(/local/templates/truewater.v2/css/../images/svg/up.svg) center center no-repeat; } @media (max-width: 1023px) { .scroll-top { right: 10px; } } .page-catalog .heading { margin: 0; padding: 0 0 1.5625rem; } @media (max-width: 1023px) { .page-catalog .heading { padding: 0 0 0.9375rem; } } .page-catalog__content { margin: 1.5625rem 0; padding: 1.5625rem 0; border-top: 2px solid #eceff2; } @media (max-width: 1023px) { .page-catalog__content > ; .grid { grid-template-columns: repeat(2, calc(50% - 0.65em)); } } .page-catalog__filter { display: -webkit-box; display: flex; padding-bottom: 0.625rem; justify-self: space-between; align-content: center; } .page-catalog__filter.fancybox-content { padding: 0 10px; } @media (max-width: 1023px) { .page-catalog__filter { top: 0; left: 0; display: none; overflow: auto; flex-direction: column-reverse; padding: 4.375rem 10px; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; background: #fff; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-box-pack: end; justify-content: flex-end; } .page-catalog__filter.--showed { visibility: visible; opacity: 1; } } .page-catalog__filter-close-btn { position: absolute; top: 15px; right: 10px; display: none; } @media (max-width: 1023px) { .page-catalog__filter-close-btn { display: none; } } .page-catalog__filter-grid { -webkit-box-flex: 1; flex-grow: 1; grid-template-columns: fit-content(100%); } @media (max-width: 1023px) { .page-catalog__filter-grid { display: -webkit-box; display: flex; width: 100%; -webkit-box-flex: initial; flex-grow: initial; flex-wrap: wrap; } } @media (max-width: 767px) { .page-catalog__filter-grid { margin-top: 2em; } } .page-catalog__filter-line { display: -webkit-box; display: flex; overflow: hidden; height: 7.1875rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; align-content: flex-start; } @media (max-width: 1023px) { .page-catalog__filter-line { overflow: inherit; width: 30.5%; height: auto; min-height: auto; margin: 0 1.5% 1.5rem; align-content: stretch; } .page-catalog__filter-line:nth-child(3n) { margin-right: 0; margin-bottom: 1.5rem; } .page-catalog__filter-line:nth-child(3n-2) { margin-bottom: 1.5rem; margin-left: 0; } } @media (max-width: 767px) { .page-catalog__filter-line { width: 48%; } .page-catalog__filter-line:nth-child(3n), .page-catalog__filter-line:nth-child(3n-2) { margin: 0 1.5%; } .page-catalog__filter-line:nth-child(2n) { margin-right: 0; margin-bottom: 0; } .page-catalog__filter-line:nth-child(2n + 1) { margin-bottom: 0; margin-left: 0; } } .page-catalog__filter-btn-toggler { margin: 0 0 1.5625rem; padding: 0 0.9375rem; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; color: #000; border-radius: 5px; background: #eceff2; } @media (min-width: 1024px) { .page-catalog__filter-btn-toggler { text-indent: -9999px; } .page-catalog__filter-btn-toggler:hover { background: #c2c5c7; } .page-catalog__filter-btn-toggler:after { display: block; width: 8px; height: 13px; content: ""; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background: url(/local/templates/truewater.v2/css/../images/svg/right.svg) center center no-repeat; } } @media (max-width: 1023px) { .page-catalog__filter-btn-toggler { font-size: 1.125rem; line-height: 1.4375rem; width: 100%; padding: 1.25rem 0.9375rem; text-align: left; -webkit-box-pack: start; justify-content: flex-start; } .page-catalog__filter-btn-toggler:before { display: block; width: 2.0625rem; height: 2.0625rem; margin-right: 0.75rem; content: ""; background: url(/local/templates/truewater.v2/css/../images/svg/settings.svg); } } .page-catalog__filter .heading { font-size: 1rem; overflow: hidden; width: 100%; height: 2em; margin-bottom: 0; padding: 0 0 0.625rem; white-space: nowrap; text-overflow: ellipsis; } .page-catalog__filter-variants { display: -webkit-box; display: flex; width: 100%; height: calc(100% - 25px); padding: 15px 15px 10px; border-radius: 5px; background-color: #eceff2; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; align-content: flex-start; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .page-catalog__filter-variants { height: calc(100% - 30px); margin-bottom: 1rem; } } @media (max-width: 767px) { .page-catalog__filter-variants { height: calc(100% - 60px); margin-bottom: 0; } } .page-catalog__filter-variants a { font-family: "Euclid Circular A", "Sans-serif"; font-size: 14px; font-weight: 500; line-height: 1.5em; display: block; overflow: hidden; min-width: 33%; max-width: 100%; margin: 0 0 15px; text-decoration: none; text-overflow: ellipsis; color: #000; } @media (max-width: 1023px) { .page-catalog__filter-variants a { text-overflow: inherit; word-wrap: break-word; } } .page-catalog__filter-variants a.current, .page-catalog__filter-variants a:hover { font-weight: 500; text-decoration: underline; color: #01aae4; } .page-catalog__filter-variants a:hover:not(.current) { color: #000; } .page-catalog__filter.--collapsed + .page-catalog__filter-btn-toggler:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .page-catalog__sort { display: -webkit-box; display: flex; max-width: 15%; text-align: right; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: start; align-items: flex-start; align-content: flex-start; } @media (max-width: 1023px) { .page-catalog__sort { position: relative; right: 0; left: 0; min-width: 100%; margin: 1.5% auto 2.5%; } } @media (max-width: 767px) { .page-catalog__sort { right: 0; max-width: 100%; margin: 0; padding-top: 1rem; padding-bottom: 1rem; text-align: left; -webkit-box-pack: start; justify-content: flex-start; } } .page-catalog__sort .heading { font-size: 1rem; } .page-catalog__sort-variants { -webkit-box-flex: 1; flex: 1; align-content: flex-start; -webkit-box-pack: end; justify-content: flex-end; } @media (max-width: 1023px) { .page-catalog__sort-variants { flex-direction: column; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-content: flex-end; flex-wrap: nowrap; } } @media (max-width: 767px) { .page-catalog__sort-variants { margin-bottom: 1.5rem; } } .page-catalog__sort-variants a { overflow: visible; margin: 0 0 0.9375rem; } .sku { display: -webkit-box; display: flex; flex-direction: column; padding: 3.4375rem 2.1875rem 2.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .sku { padding: 1.25rem 0.625rem; } } .sku .heading { padding: 0; } .home-grid__sku a.heading, .sku-data { text-decoration: none; } @media (max-width: 767px) { .sku-data { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } } .sku-picture { position: relative; display: -webkit-box; display: flex; overflow: hidden; width: 8.75rem; height: 16.25rem; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } @media (max-width: 767px) { .sku-picture { width: 100%; height: 11.875rem; } } .sku-picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .sku-info { display: -webkit-box; display: flex; flex-direction: column; width: calc(100% - 8.75rem); height: 100%; padding-left: 1.875rem; align-self: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .sku-info { flex-direction: column; width: 100%; height: auto; min-height: 10em; padding: 0.625rem 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; } } .sku-actions { margin-top: 2.1875rem; -webkit-box-pack: center; justify-content: center; } .sku-actions .btn { max-width: 10rem; } @media (max-width: 767px) { .sku-actions .btn { max-width: 100%; margin: 0 0 1em; } .sku-actions { margin: 0; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .sku-card__huge { padding: 1.875rem 0.9375rem; } } .sku-card__huge .sku-picture { width: 20.8125rem; height: 20.25rem; } @media (max-width: 767px) { .sku-card__huge .sku-picture { width: 100%; } } .sku-card__huge .sku-info { display: -webkit-box; display: flex; flex-direction: column; width: calc(100% - 20.8rem); height: 100%; padding-left: 4.6875rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .sku-card__huge .sku-info { width: 100%; height: auto; margin-top: 1.5625rem; padding: 0; } } .sku-card__huge .sku-info .product-price { margin-bottom: 0.9375rem; } @media (max-width: 767px) { .sku-card__huge .sku-info .product-price { max-width: 20em; } .sku-card__huge .sku-info .product-price__old { flex-basis: auto; } } .sku-card__huge .sku-actions { -webkit-box-pack: start; justify-content: flex-start; } @media (max-width: 767px) { .sku-card__huge .sku-actions { margin-top: 0.75rem; -webkit-box-pack: justify; justify-content: space-between; } .sku-card__huge .sku-actions .btn { max-width: 48%; margin: 0 !important; } } .sku-card__huge .sku-data { -webkit-box-pack: justify; justify-content: space-between; } .sku-card__medium { padding: 0; } .sku-card__medium .sku-picture { width: 54%; height: 100%; } @media (max-width: 767px) { .sku-card__medium .sku-picture { width: 100%; height: 15.625rem; margin-top: 3.125rem; } } .sku-card__medium .sku-picture img { max-width: 70%; } .sku-card__medium.--fullpic .sku-picture img { max-width: none; } .sku-card__medium .sku-info { display: -webkit-box; display: flex; width: 46%; min-height: 20rem; padding: 1.25rem 5% 1.25rem 0; align-self: center; -webkit-box-pack: center; justify-content: center; } @media (max-width: 767px) { .sku-card__medium .sku-info { width: 100%; padding: 5% 5% 10%; } } .sku-card__medium .heading { margin: 0 0 2.1875rem; } .sku-card__medium .sku-actions { margin-top: 3.4375rem; } .sku-card__medium .card__badge { position: absolute; top: 3.125rem; } .sku-award { font-family: "Euclid Circular A", "Sans-serif"; font-size: 9px; font-weight: 500; line-height: 11px; position: absolute; top: 0; right: 0.625rem; width: 5.3125rem; padding-top: 55px; text-align: center; color: #164194; background: url(/local/templates/truewater.v2/css/../images/content/award.png) center top/41px 47px no-repeat; } .sku-award.--pull-left { right: auto; left: 1.5625rem; } @media (max-width: 1279px) { .sku-award.--pull-left { left: 0.9375rem; } .sku-award { right: 0.3125rem; } } .sku-quantity, .sku-quantity.--small input { font-family: "Euclid Circular A", "Sans-serif"; font-weight: 500; } .sku-quantity { font-size: 1.125rem; display: -webkit-box; display: flex; width: 5.9375rem; padding: 0.4375rem 0.625rem; text-align: center; color: #000; border-radius: 1.875rem; background: #fff; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media (max-width: 1023px) { .sku-quantity { padding: 0.3em 0.76923rem; } } @media (max-width: 767px) { .sku-quantity { width: 4.6875rem; padding: 0 0.625rem; } } .sku-quantity.--dark { background: #eceff2; } .sku-quantity.--huge { width: 7.5rem; padding: 0.625rem 1em; } .home-benefits img, .sku-quantity.--inline { display: -webkit-inline-box; display: inline-flex; } .sku-quantity.--small { width: 3.4375rem; padding: 2px 0; -webkit-box-pack: center; justify-content: center; } .sku-quantity.--small input { font-size: 0.75rem; font-style: normal; line-height: 0.9375rem; width: 25%; padding: 0; } .sku-quantity.--small .minus, .sku-quantity.--small .plus { font-size: 0.875rem; line-height: 0.6875rem; margin: 0 0.3125rem; padding: 0; } .sku-quantity input:not([type="file"]):not([type="button"]):not(.adm-input):not([size]) { font-family: "Euclid Circular A", "Sans-serif"; font-size: 1.125rem; font-weight: 500; display: block; width: 50%; margin: 0; padding: 0.3125rem 0; text-align: center; color: #000; border: 0; background: 0 0; } @media (max-width: 767px) { .sku-quantity input:not([type="file"]):not([type="button"]):not(.adm-input):not([size]) { font-size: 1.125rem; } } .pagination, .sku-quantity .minus, .sku-quantity .plus { text-align: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .sku-quantity .minus, .sku-quantity .plus { font-size: 1.125rem; display: -webkit-inline-box; display: inline-flex; flex-direction: column; width: 1.1em; height: 1.1em; padding: 1px 0 0; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; color: #000; border-radius: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; } @media (max-width: 767px) { .sku-quantity .minus, .sku-quantity .plus { font-size: 1.125rem; } } .pagination { display: -webkit-box; display: flex; margin: 4.375rem 0 2.5rem; } .pagination-link, .pagination-link__next, .pagination-link__prev { display: -webkit-inline-box; display: inline-flex; border-radius: 50%; } .pagination-link { font-family: "Euclid Circular A", "Sans-serif"; font-size: 14px; font-weight: 500; font-style: normal; line-height: 18px; width: 35px; height: 35px; margin: 0 8px; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; text-align: center; text-decoration: none; color: #c4c4c4; border: 2px solid #c4c4c4; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .pagination-link.--current, .pagination-link:hover { color: #aadbf7; border-color: #aadbf7; } .pagination-link__next, .pagination-link__prev { width: 25px; height: 25px; padding: 5px 8px; -webkit-transition: border 0.3s; transition: border 0.3s; border: 1px solid transparent; } .pagination-link__next use, .pagination-link__prev use { -webkit-transition: fill 0.3s; transition: fill 0.3s; all: inherit; } @media (min-width: 1024px) { .pagination-link__next:hover, .pagination-link__prev:hover { border-color: #aadbf7; } .pagination-link__next:hover use, .pagination-link__prev:hover use { fill: #aadbf7; } } .product-price { font-family: "Euclid Circular A", "Sans-serif"; display: -webkit-box; display: flex; flex-direction: column; min-height: 3.75rem; margin: 0.9375rem 0 2.5rem; color: #000; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: end; justify-content: flex-end; } @media (max-width: 767px) { .product-price { display: -webkit-box; display: flex; min-height: 0; margin: 0.625rem 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: baseline; align-items: baseline; } } .product-price__old { font-size: 1.125rem; font-weight: 400; margin-bottom: 0.625rem; text-decoration: line-through; } @media (max-width: 767px) { .product-price__old { font-size: 1rem; line-height: 1.25rem; margin: 0; margin-bottom: 0.3125rem; flex-basis: 100%; } } .product-price__value { margin-bottom: 1.25rem; } @media (max-width: 767px) { .product-price__value { margin-bottom: 0; } } .product-price__value, .product-price__value & gt ; * { font-size: 1.5rem; font-weight: 500; line-height: 2.125rem; } @media (max-width: 1023px) { .product-price__value, .product-price__value > ; * { font-size: 1.84615rem; font-weight: 500; line-height: 2.61538rem; } } @media (max-width: 767px) { .product-price__value, .product-price__value > ; * { font-size: 1rem; font-weight: 500; line-height: 1.25rem; } } .product-hint { font-family: "Euclid Circular A", "Sans-serif"; font-size: 0.875rem; font-weight: 500; font-style: normal; line-height: 1.125rem; color: #a9acaf; } @media (max-width: 1023px) { .home { padding-top: 0.76923rem; } } @media (max-width: 767px) { .home.grid { grid-template-columns: 1fr; } .home.grid .--col-2 { grid-column: 1; } } .home .variants { position: absolute; z-index: 1; top: 1.25rem; right: 16%; display: -webkit-box; display: flex; } @media (max-width: 1023px) { .home .variants { top: 6.875rem; right: 8%; } } .home .variants label { cursor: pointer; } .home .variants label:not(:first-child) { margin-left: 0.3125rem; } .home .variants label img { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0.5; } .home .variants img { width: 88px; } @media (max-width: 1279px) { .home .variants img { width: 65px; } } .home-grid__inner { z-index: 2; width: 13.75rem; } .home-grid__inner .text-hint { margin-bottom: 2rem; } .home-grid__inner .order { position: relative; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .home-grid__inner .order .price--old { font-size: 1rem; font-weight: 400; position: absolute; top: -15px; text-decoration: line-through; } .home-grid__inner .order, .home-grid__sku { display: -webkit-box; display: flex; } .home-grid__sku .heading { width: 15.625rem; margin-right: 6.25rem; } @media (max-width: 1279px) { .home-grid__sku .heading { margin: 0.5em 0 0; } } @media (max-width: 1023px) { .home-grid__sku .heading { margin-top: 0; } } .home-grid__sku a.heading:hover { text-decoration: underline; } @media (max-width: 1023px) { .home-grid__sku-award { right: 12%; width: 10em; } } .home-grid__sku--active, .home-grid__sku--hidden { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .home-grid__sku--hidden { visibility: hidden; opacity: 0; } .home-grid__sku--active { visibility: visible; opacity: 1; } .home-grid__sku-visual { position: absolute; z-index: 1; right: 9.4%; bottom: 0; width: 16rem; height: 13.4375rem; background: top center/cover no-repeat; } @media (max-width: 1279px) { .home-grid__sku-visual { right: 7%; } } @media (max-width: 1023px) { .home-grid__sku-visual { right: 5%; width: 11.30769rem; height: 9.46154rem; } } @media (max-width: 767px) { .home-grid__sku-visual { right: 5%; width: 10rem; height: 8.125rem; } } .home-grid__sku-visual-1 { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_1.png); } @supports not (background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_1_256.webp)) { .home-grid__sku-visual-1 { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_1_256.png) } } @supports (background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_1_256.webp)) { .home-grid__sku-visual-1 { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_1_256.webp) } } @media (max-width: 767px) { .home-grid__sku-visual-1 { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_1_mobile.png); } @supports not (background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_1_mobile_160.webp)) { .home-grid__sku-visual-1 { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_1_mobile_160.png) } } @supports (background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_1_mobile_160.webp)) { .home-grid__sku-visual-1 { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_1_mobile_160.webp) } } } .home-grid__sku-visual-2 { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_2.png); } @media (max-width: 767px) { .home-grid__sku-visual-2 { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_top_2_mobile.png); } } .home-grid__sku-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.875rem 3.4375rem; } @media (max-width: 1279px) { .home-grid__sku-item > ; .home-grid__inner { width: 48%; } } @media (max-width: 1023px) { .home-grid__sku-item { padding: inherit; } } @media (max-width: 767px) { .home-grid__sku-item { height: auto; min-height: inherit; } } .home-grid__card { position: relative; overflow: hidden; min-height: 25rem; } @media (max-width: 1023px) { .home-grid__card { min-height: 25.76923rem; } } @media (max-width: 767px) { .home-grid__card { height: auto; min-height: inherit; } } @media (max-width: 1023px) { .home-grid__card.--visualized .heading { width: 50%; } } .home-grid__card:after { position: absolute; z-index: 1; right: 0; bottom: 0; content: ""; } @media (max-width: 767px) { .home-grid__card.--top-sku { min-height: 21.875rem; -webkit-box-ordinal-group: 3; order: 2; } } @media (max-width: 1023px) { .home-grid__card.--coolers { min-height: 16.53846rem; } } .home-grid__card.--coolers .bubles { position: absolute; z-index: 2; top: 0; right: 18.5%; width: 9.25rem; height: 5.875rem; -webkit-transform: translate3d(0, 12.5rem, 0); transform: translate3d(0, 12.5rem, 0); opacity: 1; background: url(/local/templates/truewater.v2/css/../images/content/home/bubles.png) center center/cover no-repeat; } @media (min-width: 1024px) { .home-grid__card.--coolers:hover .bubles { top: -6.25rem; -webkit-transition: opacity 0.5s ease 0.3s, -webkit-transform 1s cubic-bezier(1, 1, 1, 1); transition: transform 1s cubic-bezier(1, 1, 1, 1), opacity 0.5s ease 0.3s; transition: transform 1s cubic-bezier(1, 1, 1, 1), opacity 0.5s ease 0.3s, -webkit-transform 1s cubic-bezier(1, 1, 1, 1); -webkit-transform: translate3d(0, 0, 0) scale(1.5); transform: translate3d(0, 0, 0) scale(1.5); opacity: 0; } } .home-grid__card.--coolers:after { z-index: 1; top: 0; right: 9.4%; bottom: auto; width: 15.875rem; height: 16rem; background: url(/local/templates/truewater.v2/css/../images/content/home/bottle_bottom.png) top center/cover no-repeat; } @supports not (background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_bottom_255.webp)) { .home-grid__card.--coolers:after { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_bottom_255.png) } } @supports (background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_bottom_255.webp)) { .home-grid__card.--coolers:after { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_bottom_255.webp) } } @media (max-width: 1279px) { .home-grid__card.--coolers:after { right: 7%; } } @media (max-width: 1023px) { .home-grid__card.--coolers:after { right: 5%; width: 11.15385rem; height: 10.76923rem; } } @media (max-width: 767px) { .home-grid__card.--coolers:after { width: 9.9375rem; height: 8.75rem; } } .home-grid__card.--coolers:before { position: absolute; z-index: 3; right: 3.8%; bottom: 0; width: 22.4375rem; height: 15.875rem; content: ""; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; background: url(/local/templates/truewater.v2/css/) bottom center/cover no-repeat; } @supports not (background-image: url(../images/content/home/cooler_bottom_360.webp)) { .home-grid__card.--coolers:before { background-image: url(/local/templates/truewater.v2/css/../images/content/home/cooler_bottom_360.png) } } @supports (background-image: url(/local/templates/truewater.v2/css/../images/content/home/cooler_bottom_360.webp)) { .home-grid__card.--coolers:before { background-image: url(/local/templates/truewater.v2/css/../images/content/home/cooler_bottom_360.webp) } } @media (max-width: 1279px) { .home-grid__card.--coolers:before { right: 0.1%; } } @media (max-width: 1023px) { .home-grid__card.--coolers:before { width: 15rem; height: 11.53846rem; } } @media (max-width: 767px) { .home-grid__card.--coolers:before { right: -4%; } .home-grid__card.--coolers { -webkit-box-ordinal-group: 4; order: 3; } } .home-grid__card.--actions { background-image: url(/local/templates/truewater.v2/css/../images/content/home/action.png); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; } .home-grid__card.--actions:after { font-size: 6.25rem; right: 0; bottom: 0; display: -webkit-box; display: flex; width: 100%; height: 100%; content: ""; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transform: opacity 0.3s; -ms-transform: opacity 0.3s; transform: opacity 0.3s; text-align: center; opacity: 0; color: #fff; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .home-grid__card.--actions:hover:after { opacity: 0.5; } @media (max-width: 767px) { .home-grid__card.--actions { background-position: right center; background-size: auto 100%; -webkit-box-ordinal-group: 6; order: 5; } } .home-grid__card.--order { display: -webkit-box; display: flex; flex-direction: column; padding-bottom: 35%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; } .home-grid__card.--order .heading { margin: 1.25rem 0 0; } @media (max-width: 767px) { .home-grid__card.--order { padding-bottom: 1.875rem; } .home-grid__card.--order .price { display: none; } .home-grid__card.--order .heading { font-size: 16px; margin: 0 0 1rem; max-width: 50%; } .home-grid__card.--order .text-hint { max-width: 50%; } .home-grid__card.--order .btn { position: absolute; top: 0; right: 1.5625rem; bottom: 0; width: 40%; height: 2.5rem; margin: auto; } } @media (max-width: 1023px) { .home-grid__card.--water { min-height: 17.30769rem; } } .home-grid__card.--water:after { right: 9.4%; width: 15.9375rem; height: 20.5625rem; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; background: center center/cover no-repeat; } @supports not (background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_common_255.webp)) { .home-grid__card.--water:after { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_common_255.png) } } @supports (background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_common_255.webp)) { .home-grid__card.--water:after { background-image: url(/local/templates/truewater.v2/css/../images/content/home/bottle_common_255.webp) } } @media (max-width: 1023px) { .home-grid__card.--water:after { width: 11.61538rem; height: 15rem; } } @media (min-width: 1024px) { .home-grid__card.--water:hover:after { -webkit-transform: rotate(-15deg) translate3d(-10%, 10%, 0) scale(1.1); transform: rotate(-15deg) translate3d(-10%, 10%, 0) scale(1.1); } } @media (max-width: 767px) { .home-grid__card.--water { -webkit-box-ordinal-group: 7; order: 6; } } .home-grid__card.--dishes:after { right: 2.1875rem; bottom: 2.1875rem; width: 9.25rem; height: 20.125rem; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; background: bottom right/cover no-repeat; } @supports not (background-image: url(/local/templates/truewater.v2/css/../images/content/home/dish_150.webp)) { .home-grid__card.--dishes:after { background-image: url(/local/templates/truewater.v2/css/../images/content/home/dish_150.png) } } @supports (background-image: url(/local/templates/truewater.v2/css/../images/content/home/dish_150.webp)) { .home-grid__card.--dishes:after { background-image: url(/local/templates/truewater.v2/css/../images/content/home/dish_150.webp) } } @media (max-width: 1023px) { .home-grid__card.--dishes:after { width: 8.75rem; height: 16.5625rem; } } @media (min-width: 1024px) { .home-grid__card.--dishes:hover:after { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @media (max-width: 767px) { .home-grid__card.--dishes { -webkit-box-ordinal-group: 9; order: 8; } .home-grid__card.--dishes:after { top: 0; bottom: 0; margin: auto; background-size: 85%; } } .home-grid__card.--calculator { display: -webkit-box; display: flex; flex-direction: column; padding-bottom: 30%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .home-grid__card.--calculator .btn { width: calc(100% + 30px); margin: 0 -15px; } } @media (max-width: 767px) { .home-grid__card.--calculator { padding: 0.9375rem 3.125rem 3.125rem; -webkit-box-ordinal-group: 11; order: 10; } } .home-grid__card.--services .--clouds { position: absolute; top: 30px; right: 35px; width: 14.875rem; height: 2.8125rem; background: url(/local/templates/truewater.v2/css/../images/content/home/clouds.png) bottom right/cover no-repeat; } @media (max-width: 767px) { .home-grid__card.--services .--clouds { display: none; } } .home-grid__card.--services .home-grid__card-picture { position: absolute; right: 35px; bottom: 35px; width: 373px; height: 220px; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; background: url(/local/templates/truewater.v2/css/../images/content/home/services.png) bottom right/cover no-repeat; } @supports not (background-image: url(/local/templates/truewater.v2/css/../images/content/home/services_375.webp)) { .home-grid__card.--services .home-grid__card-picture { background-image: url(/local/templates/truewater.v2/css/../images/content/home/services_375.png) } } @supports (background-image: url(/local/templates/truewater.v2/css/../images/content/home/services_375.webp)) { .home-grid__card.--services .home-grid__card-picture { background-image: url(/local/templates/truewater.v2/css/../images/content/home/services_375.webp) } } @media (max-width: 1023px) { .home-grid__card.--services .home-grid__card-picture { right: 0; bottom: 1.53846rem; left: 0; width: 80%; margin: auto; background-size: contain; } } @media (min-width: 1024px) { .home-grid__card.--services .home-grid__card-picture:after, .home-grid__card.--services .home-grid__card-picture:before { position: absolute; bottom: 7.3%; width: 28px; height: 28px; content: ""; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; border-radius: 50%; background: url(/local/templates/truewater.v2/css/../images/content/home/wheel.png) center center/cover no-repeat; } .home-grid__card.--services .home-grid__card-picture:before { left: 18.5%; } .home-grid__card.--services .home-grid__card-picture:after { right: 24%; } .home-grid__card.--services:hover .home-grid__card-picture { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } .home-grid__card.--services:hover .home-grid__card-picture:after, .home-grid__card.--services:hover .home-grid__card-picture:before { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } } @media (max-width: 767px) { .home-grid__card.--services { position: relative; top: 0; bottom: 9.375rem; display: block; -webkit-box-ordinal-group: 10; order: 9; } .home-grid__card.--services .home-grid__card-picture { background-size: 50%; } .home-grid__card.--services .home-grid__card-picture:before { display: none; } } .home-news a:not(.link) { text-decoration: none; color: #000; } .home-news a:not(.link):hover { text-decoration: underline; } .home-news a:not(.link):hover .pic img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 767px) { .home-news .grid { grid-template-columns: repeat(2, calc(50% - 5px)); grid-gap: 10px; } } .home-news .pic { position: relative; overflow: hidden; } .home-news .pic img { top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .home-news .pic img.shape { position: static; opacity: 0; } .home-news__card-title { margin-top: 2.5rem; } @media (max-width: 767px) { .home-news__card-title { margin-top: 1.5625rem; } } .home-benefits { padding: 3.125rem 0; background-image: -webkit-gradient( linear, left top, right top, from(#0c6cb4), to(#312884) ); background-image: linear-gradient(90deg, #0c6cb4 0, #312884 100%); } @media (max-width: 1023px) { .home-benefits .grid { grid-template-columns: repeat(2, 1fr); grid-gap: 0 0; } } @media (max-width: 767px) { .home-benefits { padding: 3.75rem 0; } .home-benefits .grid { grid-template-columns: 1fr; grid-gap: 0 0; } } .home-benefits__item { padding: 3.125rem 0 3.75rem; } @media (max-width: 1023px) { .home-benefits__item { padding: 3.07692rem; } } @media (max-width: 767px) { .home-benefits__item { padding: 0; } .home-benefits__item:nth-child(n + 2) { display: none; } } .home-benefits__item .heading { margin: 1.5625rem 0 2.1875rem; } @media (max-width: 1023px) { .home-benefits__item p { max-width: 20rem; margin: 0.5em auto; } } @media (max-width: 767px) { .home-benefits .btn { margin-top: 3.75rem; } } @media (max-width: 767px) { .home-news .grid a:nth-child(n + 3) { display: none; } } .page-product .heading { margin: 0 0 1.875rem; } .page-product .product-hint { margin: 5px 0 0; } @media (max-width: 1023px) { .page-product .product-hint { font-size: 1.07692rem; max-width: 50%; } } @media (max-width: 767px) { .page-product .product-hint { width: 100%; max-width: 100%; } } @media (max-width: 1023px) { .page-product .grid.--c3 { grid-template-columns: repeat(2, 50%); grid-gap: 1.3em 1.3em; } .page-product .grid.--c3 .--col-2 { grid-column: auto; } } @media (max-width: 767px) { .page-product .grid.--c3 { display: -webkit-box; display: flex; flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; } .page-product__picture { margin-top: 2.5rem; } } .page-product__picture .card { height: auto; padding-top: 7.5rem; } .page-product__picture-copyright { padding-top: 3.125rem; } @media (max-width: 767px) { .page-product__picture-copyright { padding-top: 0.625rem; } .page-product__picture-copyright p { font-size: 0.75rem; } } .page-product__picture-main { position: relative; width: 100%; height: 28.125rem; margin: 0 auto; } .page-product__picture-main img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block !important; visibility: hidden; max-width: 100%; max-height: 100%; margin: auto; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; opacity: 0; } #cart_form__wrapper.cart_form__loading:after, #cart_widget__wrapper.cart_form__loading:after, .page-product__picture-main img.--current { visibility: visible; opacity: 1; } .page-product__picture-thumb { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .page-product__picture-thumb-item { height: 8.125rem; margin: 1.25rem 1.25rem 0; } .page-product__picture-thumb-item img { width: auto; max-height: 100%; } .page-product__buy { display: -webkit-box; display: flex; max-width: 31.25rem; padding: 5em 0 3.5em; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } @media (max-width: 1023px) { .page-product__buy { position: relative; padding: 1.53846rem 0 1.15385rem; } .page-product__buy .sku-quantity { position: absolute; top: -5em; right: 2em; padding: 0.38462rem 1.15385rem; } .page-product__buy .btn { width: 48%; } } @media (max-width: 767px) { .page-product__buy .sku-quantity { top: auto; right: 1.4em; bottom: 6.5625rem; padding: 0.3125rem 0.9375rem; } } .page-product__accordion { padding: 0 0 1.5625rem; } .page-product__accordion--mobile { display: none; } @media (max-width: 767px) { .page-product__accordion--mobile { display: block; } .page-product__accordion--desktop { display: none; } } .page-product__accordion li, .page-product__accordion p, .page-product__accordion ul { font-size: 1rem; } .page-product__accordion h3 { font-size: 1.3125rem; line-height: 1.625rem; position: relative; margin: 1.5625rem 0 0; padding: 2.1875rem 3.125rem 0.625rem; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; border-top: 2px solid #eceff2; } @media (max-width: 767px) { .page-product__accordion h3 { font-size: 1.125rem; line-height: 1.375rem; margin-top: 0.9375rem; padding-top: 1.5625rem; padding-left: 0; } } .page-product__accordion h3:after, .page-product__accordion h3:before { position: absolute; top: 2.8125rem; right: 0; bottom: 0.625rem; display: block; width: 1.125rem; height: 2px; content: ""; -webkit-transition: background 0.3s, -webkit-transform 0.3s; transition: background 0.3s, transform 0.3s; transition: background 0.3s, transform 0.3s, -webkit-transform 0.3s; background: #dbdee1; } .page-product__accordion h3:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .page-product__accordion h3.collapsed:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .page-product__accordion h3.collapsed:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .page-product__accordion h3 a { font-weight: 600; -webkit-transition: color 0.3s; transition: color 0.3s; } .page-product__accordion h3:hover, .page-product__accordion h3:hover a { color: #274f9d; } .page-product__accordion h3:hover a:after, .page-product__accordion h3:hover a:before, .page-product__accordion h3:hover:after, .page-product__accordion h3:hover:before { background: #000; } .page-product__info { padding-left: 5em; } @media (max-width: 1023px) { .page-product__info { padding: 0; } } .page-product__info .product-price { margin: 0; padding: 1.875rem 0 0; } @media (max-width: 767px) { .page-product__info .product-price { padding-top: 0.3125rem; } } .page-product__info .product-price__value, .page-product__info .product-price__value & gt ; * { font-size: 1.75rem; line-height: 2.25rem; } @media (max-width: 1023px) { .page-product__info .product-price__value, .page-product__info .product-price__value > ; * { font-size: 2.15385rem; } } @media (max-width: 767px) { .page-product__info .product-price__value, .page-product__info .product-price__value > ; * { font-size: 1.75rem; } } .page-product__info .product-price__old, .page-product__info .product-price__value { margin: 0; } @media (max-width: 1023px) { .product__action.grid { grid-template-columns: repeat(1, 1fr); } .product__action-item:nth-child(n + 2) { display: none; } .page-order > ; .grid { grid-template-columns: 100%; grid-gap: 0; } .page-order > ; .grid .--col-2, .page-order > ; .grid .--col-3 { grid-column: 1; } } @media (max-width: 767px) { .page-order .grid { grid-template-columns: 100%; } } .page-order & gt ; .heading { margin: 2em 0; } .form-order__payment .radio-picker label, ul.order-flow { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } ul.order-flow { margin: 0; padding: 0 0 10px; list-style: none; counter-reset: order-flow; border-bottom: 2px solid #eceff2; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; } .order-flow__step { font-family: "Euclid Circular A", "Sans-serif"; font-size: 18px; font-weight: 400; font-style: normal; line-height: 23px; counter-increment: order-flow; color: #a4a7aa; } .order-flow__step.current { color: #000; } .order-flow__step:before { content: counter(order-flow) " / "; } .order-inner a { font-family: "Gilroy", "Sans-serif"; font-weight: 700; color: #1f9d44; } .order-inner a:hover { text-decoration: underline; } .order-login { padding-top: 60px; } .order-login__hint { font-size: 16px; font-weight: 500; line-height: 24px; } .form-login a.form-login__forgot-link { font-family: "Gilroy", "Sans-serif"; font-size: 14px; font-weight: 400; display: inline-block; margin: 8px 0 20px; text-decoration: underline; color: #a4a7aa; } .form-login a.form-login__forgot-link:hover, .order-inner a { text-decoration: none; } @media (max-width: 767px) { .form-order__date, .form-order__head { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .form-order__head { -webkit-box-align: start; align-items: flex-start; } .form-order__head p { margin-top: 0; } } .form-order__payment { display: -webkit-box; display: flex; margin: 0; -webkit-box-pack: start; justify-content: flex-start; } @media (max-width: 767px) { .form-order__payment { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; } } .form-order__payment .radio-picker { flex-basis: 33%; } @media (max-width: 767px) { .form-order__payment .radio-picker { margin: 0.4375rem 0; flex-basis: 100%; } } .form-order__payment .radio-picker label { height: 100%; margin: 0 20px 0 0; -webkit-box-pack: center; justify-content: center; } @media (max-width: 767px) { .form-order__payment .radio-picker label { min-height: 3.75rem; margin: 0; } } .form-order__payment .radio-picker:nth-child(3n) label { margin: 0; } .form-order__delivery, .form-order__time { flex-basis: 50%; } @media (max-width: 767px) { .form-order__delivery, .form-order__time { width: 100%; } } .form-order__btn-submit { margin: 40px 0 25px; } @media (max-width: 767px) { .page-action .grid.--c2 { grid-template-columns: 100%; } } .page-action__date { font-size: 16px; font-weight: 400; margin-bottom: 1em; } .page-action__visual { margin-top: 30px; } @media (max-width: 767px) { .page-action__visual-pic { display: none; } } .page-action__visual-content { display: -webkit-box; display: flex; flex-direction: column; max-width: 510px; padding-right: 10%; text-align: left; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; } @media (max-width: 767px) { .page-action__visual-content { width: 100%; padding: 2.5rem 0 3.75rem; } .page-action__visual-content.--col-2 { grid-column: span 4; } } .page-action__visual-content & gt ; ul { display: -webkit-box; display: flex; margin: 0; padding: 0; list-style: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; } .page-action__visual-content & gt ; ul li { width: 45%; margin-top: 2.5rem; margin-right: 5%; } @media (max-width: 767px) { .page-action__visual-content > ; ul li { margin-top: 1.25rem; } .page-action__copyright { display: -webkit-box; display: flex; flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; } } .page-action__copyright-picture { display: -webkit-box; display: flex; max-width: 28.125rem; padding: 6.25rem 1.875rem; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { .page-action__copyright-picture { max-width: 100%; margin: 0 auto; padding: 30px; padding: 7.5rem 1.875rem 1.875rem; } } .page-action__copyright-picture img { max-height: 436px; } .page-404 { background: url(/local/templates/truewater.v2/css/../images/svg/404-bg.svg) 50% 50% / contain #ecf8fe; } @media (max-width: 1023px) { .page-404 { background-size: cover; } } .page-404__inner { display: -webkit-box; display: flex; flex-direction: column; width: 28.125rem; height: 28.125rem; margin: 0 auto; color: #fff; border-radius: 50%; background: -webkit-gradient( linear, right top, left top, color-stop(6.23%, #ffd500), color-stop(10.49%, #ffcd00), color-stop(31.74%, #f7a504), color-stop(51.51%, #f0821c), color-stop(69.22%, #ec6722), color-stop(84.22%, #ea5524), color-stop(94.71%, #e94e24) ); background: linear-gradient( 270deg, #ffd500 6.23%, #ffcd00 10.49%, #f7a504 31.74%, #f0821c 51.51%, #ec6722 69.22%, #ea5524 84.22%, #e94e24 94.71% ); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; align-self: center; } @media (max-width: 767px) { .page-404__inner { width: 18.75rem; height: 18.75rem; } } .page-404__inner .heading { font-family: Euclid Circular A; font-size: 9rem; font-weight: 500; font-style: normal; line-height: 11.4375rem; margin: 0; text-align: center; color: #fff; } @media (max-width: 767px) { .page-404__inner .heading { font-size: 6rem; line-height: 6.875rem; } } .page-404__inner p { margin: 0 0 3.125rem; text-align: center; } @media (max-width: 767px) { .page-404__inner p { font-size: 1rem; margin: 0 0 1.25rem; padding: 0 2.5rem; } } .page-lk { position: relative; margin-top: 60px; } @media (max-width: 1023px) { .page-lk { margin-top: 1.53846rem; } .page-lk .grid { display: -webkit-box; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .page-lk__form { margin-top: 4.61538rem; } } @media (max-width: 767px) { .page-lk__form p { font-size: 1rem; } } .page-lk .heading.--h2:first-child { margin: 0 0 40px; } .page-lk__link { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; display: inline-block; -webkit-transition: border-bottom-color 0.3s; transition: border-bottom-color 0.3s; text-decoration: none; color: #1f9d44; border-bottom: 2px solid #1f9d44; } @media (max-width: 1023px) { .page-lk__link { font-size: 1rem; line-height: 1.25rem; } } .page-lk__link.--sm { font-size: 1rem; font-weight: 500; line-height: 1.25rem; } .page-lk__link:hover { border-bottom-color: transparent; } .page-lk__nav { margin: 5px 0 0; padding: 0; list-style: none; } @media (max-width: 1023px) { .page-lk__nav { display: -webkit-box; display: flex; } } .page-lk__nav + .page-lk__link { margin: 20px 0 0; } @media (max-width: 1023px) { .page-lk__nav + .page-lk__link { position: absolute; top: -5.5rem; right: 0; } } @media (max-width: 767px) { .page-lk__nav + .page-lk__link { top: -5rem; } } .page-lk__nav-item, .page-lk__nav-item a { font-size: 1.125rem; line-height: 1.375rem; margin: 40px 0; -webkit-transition: color 0.3s; transition: color 0.3s; text-decoration: none; color: #a4a7aa; } @media (max-width: 1023px) { .page-lk__nav-item, .page-lk__nav-item a { display: -webkit-box; display: flex; flex-direction: column; margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-basis: 25%; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; } } @media (max-width: 767px) { .page-lk__nav-item, .page-lk__nav-item a { font-size: 0.875rem; line-height: 1.125rem; } } .page-lk__nav-item a svg, .page-lk__nav-item svg { margin-right: 20px; } @media (max-width: 1023px) { .page-lk__nav-item a svg, .page-lk__nav-item svg { margin: 0; } } .page-lk__nav-item a:first-child, .page-lk__nav-item:first-child { margin-top: 0; } .page-lk__nav-item a.--current, .page-lk__nav-item a.--current a, .page-lk__nav-item a:hover, .page-lk__nav-item.--current, .page-lk__nav-item.--current a, .page-lk__nav-item:hover { color: #000; } @media (max-width: 1023px) { .page-lk__nav-item a span, .page-lk__nav-item span { margin-top: 0.53846rem; text-align: center; } } .page-lk__title { margin: 80px 0 40px; } .page-lk__title:first-child { margin-top: 0; } .page-lk__submit { margin-top: 60px; } @media (max-width: 1023px) { .page-lk__order { padding-top: 4.61538rem; } } .page-lk__order .product-grid { border-top: 2px solid #eceff2; } @media (max-width: 1023px) { .page-lk__order .product-grid { margin-top: -1.53846rem; grid-gap: 1em; } } .page-lk__order-item:nth-child(n + 2) { margin: 30px 0 40px; border-top: 2px solid #eceff2; } .page-lk__order-info { margin-bottom: 60px; } @media (max-width: 767px) { .page-lk__order .btn-group { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .page-lk__order .btn-group .btn { width: 100%; } } .page-news__item { display: grid; margin: 0; padding: 1.875rem 0; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; text-decoration: none; color: #000; border-bottom: 2px solid #eceff2; grid-template-columns: 20% 15% 55%; grid-template-rows: repeat(auto-fill, 1fr); grid-gap: 2%; } @media (min-width: 1024px) { .page-news__item:hover .page-news__item-text:after { opacity: 1; } } @media (max-width: 1023px) { .page-news__item { position: relative; padding-bottom: 4.61538rem; grid-template-columns: 30% 66%; grid-gap: 4%; } } @media (max-width: 767px) { .page-news__item { display: -webkit-box; display: flex; flex-direction: column; padding-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; } } .page-news__item-picture { position: relative; overflow: hidden; } @media (max-width: 767px) { .page-news__item-picture { margin-bottom: 0.9375rem; } .page-news__item-picture img { position: static; width: 100%; max-width: 21.5625rem; } } .page-news__item-meta { display: -webkit-box; display: flex; flex-direction: column; margin-right: 35%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media (max-width: 1023px) { .page-news__item-meta { position: absolute; bottom: 2.30769rem; display: block; } } @media (max-width: 767px) { .page-news__item-meta { position: static; } } .page-news__item-text { position: relative; } .page-news__item-text:after { position: absolute; z-index: 0; top: -3%; left: -5%; display: block; width: calc(100% + 10%); height: calc(100% + 6%); content: ""; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; border-radius: 8px; background: #03a9f41c; } @media (max-width: 1023px) { .page-news__item-text:after { display: none; } } .page-news__item-day { font-size: 4.5rem; font-weight: 600; line-height: 5.875rem; background: -webkit-gradient( linear, left top, left bottom, from(transparent), to(transparent) ), url(/local/templates/truewater.v2/css/../images/content/text-shape.jpg) left center/200%; background: linear-gradient(transparent, transparent), url(/local/templates/truewater.v2/css/../images/content/text-shape.jpg) left center/200%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .page-news__item-date { color: #a4a7aa; } @media (max-width: 1023px) { .page-news__item-date, .page-news__item-day { font-size: 1.23077rem; font-weight: 400; line-height: 1.53846rem; color: #a4a7aa; background: 0 0; -webkit-text-fill-color: #a4a7aa; } .page-news__item-date:after, .page-news__item-day:after { content: " "; } } @media (max-width: 767px) { .page-news__item-date, .page-news__item-day { font-size: 1rem; line-height: 1.25rem; } } .cart__inner { position: relative; } #cart_form__wrapper:after, #cart_widget__wrapper:after { position: absolute; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; content: ""; -webkit-transition: opacity 0.3s, visiblity 0.3s; transition: opacity 0.3s, visiblity 0.3s; opacity: 0; background: rgba(255, 255, 255, 0.5); } .page-cart { display: grid; grid-template-columns: 55% 30%; grid-gap: 1em 15%; } @media (max-width: 1023px) { .page-cart { grid-template-columns: calc(50% - 20px) calc(50% - 20px); grid-gap: 20px 40px; } } @media (max-width: 767px) { .page-cart { grid-template-columns: 100%; } } .page-cart .product-grid__picture { padding: 0.9375rem; } @media (max-width: 767px) { .page-cart .product-grid__picture { padding: 0; } } .page-cart__copyright .checkbox label, .page-cart__copyright p { font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; margin: 0.9375rem 0; } @media (max-width: 1023px) { .page-cart__copyright { font-size: 1.07692rem; line-height: 1.38462rem; grid-row-start: 2; } } .page-cart .product-grid { padding-top: 0; } @media (max-width: 1023px) { .page-cart .product-grid { grid-column: span 2; grid-row-start: 1; } } @media (max-width: 767px) { .page-cart .product-grid { grid-row: inherit; grid-column: inherit; } } .page-cart .product-summary { grid-row: span 2; } @media (max-width: 1023px) { .page-cart .product-summary { border: 0; grid-column: inherit; } } @media (max-width: 767px) { .page-cart .product-summary { border-top: 2px solid #eceff2; grid-row: inherit; grid-column: inherit; } .page-cart .btn { position: -webkit-sticky; position: sticky; bottom: 10px; } } @media (max-width: 1023px) { .page-help .grid:not(.--skip-tablet) { display: -webkit-box; display: flex; flex-direction: column; margin-top: -1.875rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; } } @media (max-width: 767px) { .page-help .grid:not(.--skip-tablet) { margin-top: 0; } } .page-help img { width: auto; height: auto; } .page-help .slide { padding: 0 0.625rem; outline: 0; } @media (max-width: 1023px) { .page-help .slide { padding: 0; } } .page-help .heading:first-child { margin-top: 0; } @media (max-width: 767px) { .page-help .heading:first-child { margin-top: 1em; } } .page-help__list { display: -webkit-box; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .page-help__nav { position: -webkit-sticky; position: sticky; top: 6.25rem; } @media (max-width: 1023px) { .page-help__nav { position: static; flex-direction: column; padding: 1.25rem 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; align-items: flex-start; } .page-help__nav a { font-size: 1.38462rem; line-height: 1.53846rem; } } @media (max-width: 767px) { .page-help__nav a { font-size: 1.3125rem; line-height: 1.6875rem; } } @media (max-width: 1023px) { .page-help__nav li { margin: 1.15385rem 0; } } @media (max-width: 767px) { .page-help__nav li { margin: 0.75rem 0; } } .page-help__link { font-family: "Euclid Circular A", "Sans-serif"; font-size: 0.875rem; font-weight: 500; font-style: normal; line-height: 1.125rem; padding: 1.875rem 0.625rem; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; text-decoration: none; color: #000; border-top: 0.125rem solid #eceff2; } @media (max-width: 1023px) { .page-help__link { font-size: 1rem; line-height: 1.5rem; } } .page-help__link:last-child { border-bottom: 0.125rem solid #eceff2; } .page-help__link:hover { color: #3f51b5; border-bottom-color: #3f51b5; } .page-help__link:hover, .page-help__link:hover + .page-help__link { border-top-color: #3f51b5; } .page-gov__client { grid-gap: 5rem 3.125rem; grid-template-columns: repeat(5, 1fr); grid-template-rows: inherit; } @media (max-width: 1023px) { .page-gov__client { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .page-gov__client { display: -webkit-box; display: flex; overflow: scroll; width: calc(100% + 20px); margin-left: -10px; flex-basis: 50%; -webkit-overflow-scrolling: touch; } .page-gov__client-item { display: block; margin: 0; padding: 0; } .page-gov__client-item img { display: block; width: auto; max-width: 50vw; height: auto; max-height: 100%; max-height: 10vh; margin: 0; padding: 0 5px; } } .page-gov__client-item { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media (max-width: 767px) { .page-gov__client-item { width: 50vw; } } .page-gov__client-picture { max-height: 115px; } .page-gov__partner { font-family: "Euclid Circular A", "Sans-serif"; text-align: center; } @media (max-width: 767px) { .page-gov__partner { display: -webkit-box; display: flex; overflow: scroll; width: calc(100% + 20px); margin-left: -10px; flex-basis: 50%; -webkit-overflow-scrolling: touch; } } .page-gov__partner-item.slide { margin: 0 0.9375rem; } @media (max-width: 767px) { .page-gov__partner-item.slide { margin: 0; padding: 0 10px; } } .page-gov__partner-title { font-weight: 600; } @media (max-width: 767px) { .page-gov__partner-title { font-size: 13px; line-height: 18px; } } .page-gov__partner-picture { display: -webkit-box; display: flex; height: 85px; padding: 1.25rem 0; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .page-gov__partner-picture img { max-height: 5.3125rem; } .page-gov__partner-caption { font-size: 0.75rem; line-height: 1.5rem; } @media (max-width: 767px) { .page-gov__partner-caption { font-size: 12px; line-height: 18px; } .page-gov .slider--certs { display: -webkit-box; display: flex; overflow: scroll; width: calc(100% + 20px); margin-left: -10px; flex-basis: 50%; -webkit-overflow-scrolling: touch; } .page-gov .slider--certs .slide { display: block; min-width: 70%; padding: 0 15px; flex-basis: 70%; } } .page-delivery p { margin: 1rem 0; } .page-delivery__schedule { display: -webkit-box; display: flex; } @media (max-width: 767px) { .page-delivery__schedule { flex-wrap: wrap; } } .page-delivery__schedule-day { margin-right: 2%; } @media (max-width: 767px) { .page-delivery__schedule-day { margin-right: 2%; margin-bottom: 5%; } } .page-delivery__schedule-interval { font-size: 0.875rem; line-height: 1.5rem; display: block; margin-bottom: 0.9375rem; padding: 1.25rem; text-align: center; border-radius: 10px; background: #e5e5e5; } @media (max-width: 1023px) { .page-delivery__schedule-interval { font-size: 0.84615rem; line-height: 1.23077rem; padding: 0.76923rem 0.23077rem; } } @media (max-width: 767px) { .page-delivery__schedule-interval { font-size: 0.84615rem; line-height: 1.23077rem; padding: 0.76923rem 0.15385rem; } } .page-delivery__schedule-title { font-size: 1rem; font-weight: 500; line-height: 1.5rem; display: block; margin-bottom: 0.3125rem; text-align: center; } @media (max-width: 1023px) { .page-delivery .grid { display: block; } } .page-delivery .col { padding-right: 5rem; } @media (max-width: 1023px) { .page-delivery .col { padding-right: 0; } .page-delivery .col + .col { margin-top: 2.5rem; } } .page-delivery__alphabet--grid { display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 2%; } @media (max-width: 1023px) { .page-delivery__alphabet--grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 767px) { .page-delivery__alphabet--grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; } } .page-delivery__alphabet--grid-col { display: -webkit-box; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; align-items: flex-start; } .page-delivery__alphabet-item { font-size: 1rem; font-weight: 500; line-height: 1.3125rem; margin: 0.3125rem 0; text-decoration: none; color: #000; } @media (min-width: 1024px) { .page-delivery__alphabet-item:hover { text-decoration: underline; } } .page-delivery__alphabet__title { font-size: 2.25rem; font-weight: 600; line-height: 2.875rem; margin-bottom: 0.9375rem; background: -webkit-gradient( linear, left top, left bottom, from(transparent), to(transparent) ), url(/local/templates/truewater.v2/css/../images/content/text-shape.jpg) left center/200%; background: linear-gradient(transparent, transparent), url(/local/templates/truewater.v2/css/../images/content/text-shape.jpg) left center/200%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .page-copy p { line-height: 1.5rem; margin: 0.625rem 0; } .page-copy .ymap { margin-top: 2.5rem; } .page-copy .text-hint { margin: 3.125rem 0; } @media (max-width: 1023px) { .page-copy .text-hint { margin: 1.5625rem 0; } .page-copy__form { display: block; } .page-copy__form .--col-2 { margin-bottom: 1.15385rem; } } @media (max-width: 767px) { .page-copy .grid { display: block; } .page-copy .heading.--h4 { font-size: 1.5rem; line-height: 2.5rem; } } @media (max-width: 1023px) { .page-vacancy .grid { display: block; } .page-vacancy .grid .--col-1 { margin-top: 3.07692rem; } .page-vacancy__form { max-width: 26.92308rem; } .products-widget .grid { grid-template-columns: 49% 49%; grid-gap: 2%; } .products-widget .sku:last-child { display: none; } } .footer-contact__whatsup { padding-right: 20px; } @media (max-width: 767px) { .footer-contact__whatsup { padding-right: 0; } } @media (max-width: 767px) { .header-contact__whatsapp { padding-left: 11px; padding-right: 1px; width: 20%; } } @media (max-width: 767px) { .header-box { position: static; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .header-box:first-child { width: 48%; } .header-box:last-child { width: 35%; } } /* End */ /* Start:/local/templates/truewater.v2/css/custom/custom.css?175549749912396*/ .page-404__inner { /**/ } .page-404__inner p { margin: 0 0 1.125rem; } .page-404__inner .btn { margin: 0 0 15px 0; } @media (max-width: 767px) { .page-404__inner { /**/ } .page-404__inner p { margin: 0 0 0.425rem; } .page-404__inner .btn { margin: 0 0 15px 0; } } /*# sourceMappingURL=custom.css.map */ .footer_popap_phone { display: none; } @media (max-width: 1023px) { .header_popap_phone { display: none; } } @media (max-width: 1023px) { .footer_popap_phone { display: flex; text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } } .header_popap_phone { width: 82%; } .pxp_popap { font-size: 1rem; /*line-height: 1rem;*/ margin: 5px 0 10px; background: rgb(51,37,104); background-image: linear-gradient(90deg, rgba(51,37,104,1) 0%, rgba(95,62,153,1) 35%, rgba(129,76,158,1) 100%) !important; } .pxp_popap_footer { font-size: 0.9rem; line-height: 1rem; margin: 5px 0 10px; width: auto; padding: 10px 20px; background: rgb(51,37,104); background-image: linear-gradient(90deg, rgba(51,37,104,1) 0%, rgba(95,62,153,1) 35%, rgba(129,76,158,1) 100%) !important; } .pxp_popap_footer:hover, .pxp_popap:hover{ background-position: 100% 50%; } .header-contact__worktime a { font-size: 1rem; } #popup-callback.popup-wrapper{ max-width: 350px; padding: 30px !important; } #popup-callback.popup-wrapper .float-input label { left: 1.1875rem !important; } .pxp_form_name { font-size: 1.6rem; font-weight: bold; color: #2158a4; margin: 20px 0 10px; } .pxp_form_desc { font-size: 1rem; font-weight: bold; margin: 0 0 10px; } .btn.--popup_wide { padding-top: 0.9rem; padding-bottom: 0.9rem; } .set_name a, .set_name { color: #1672B8; font-family: Gilroy; font-size: 29px; font-weight: bold; line-height: 30px; margin-bottom: 10px; text-decoration: none; } .page-catalog .heading.--h5, .page-catalog .heading.--h5 a { font-weight: bold; text-decoration: none; font-family: 'Gilroy','Sans-serif'; } div.price_nodiscount { line-height: 16px; } div.price_nodiscount span { font-size: 12px; } .product-price__value b { font-weight: 600; font-size: 30px; } .price_nodiscount .product-price__old { font-weight: 600; } .set_name sup { color: #CC251E; font-size: 30px; top: 0; left: 3px; } .sup_text { font-weight: normal; padding: 10px 0 0 15px; } .sup_text span { color: #CC251E; font-family: 'Gilroy','Sans-serif'; font-size: 23px; position: relative; top: 10px; margin-right: 5px; } .card.--greey { background-color: #F1F1F1; } .mob_col2 { display: flex; } .col2_minheight { min-height: auto; } .mob_col2 .sku-picture { width: 120%; } .mob_col2 .sku-info { margin-top: 0; } @media (max-width: 767px) { .set_name a, .set_name { font-size: 22px; line-height: 24px; } .set_name sup { top: 0.2em; } div.price_nodiscount { margin-top: 10px; } } .sku-actions { margin-top: 1rem; } .sku-card__huge .sku-picture { width: 25.8125rem; height: 25.25rem; } #pp-popup-news.popup-wrapper{ max-width: 425px; padding: 30px 36px !important; } .popup-news-images { } .pp-popup-news-name { color: #1672B8; font-size: 28px; line-height: 28px; margin-bottom: 15px; } .pp-popup-news-text{ font-size: 28px; line-height: 28px; margin: 25px 0; text-align: center; } #pp-popup-news .btn { margin: 15px 0; } #pp-popup-news .btn:last-child { margin-bottom: 0; } @media (max-width: 767px) { #pp-popup-news.popup-wrapper{ max-width: 350px; padding: 30px 26px !important; } } .btn-hover__box-dark:after, .btn-hover__box:after { z-index: -1; } @media (max-width: 1279px) { .menu-popup__footer-link { padding-left: 0.625rem; } .footer_popap_phone { padding-left: 20px; } .menu-popup__footer { text-align: center; margin: 20px 0 !important; } } /*ÑÒèëè äåòàëüíîé àêöèé*/ .title_action { font-family: Euclid Circular A; font-size: 32px; font-weight: 500; line-height: 41px; letter-spacing: 0em; text-align: left; margin-top: 41px; margin-bottom: 104px; } .link_market { position: absolute; left: 0; bottom: -28px; } .link_market { display: flex; } .link_market > a { display: flex; align-items: center; justify-content: center; background: #BDE4FB; width: 28px; height: 28px; border-radius: 100%; margin-right: 8px; } .header-fixed .link_market { display: none; } @media(min-width: 769px) { .link_market { display: none; } } @media(max-width: 400px) { .header-box:first-child { width: auto !important; } .header-box:first-child .header-contact { margin-left: 10px; } } .home-grid__card.--actions.action_element { display: flex; flex-direction: column; justify-content: space-between; background-position: top; } @media(max-width: 767px) { .home-grid__card.--actions.action_element { background-position: right center; padding-bottom: 15px; } .action_element .heading.--h2 { margin-bottom: 40px; } } @media(max-width: 767px) { .sku-card__huge .mob_col2 .sku-picture { width: 100%; } } .page-catalog__content .grid { grid-auto-flow: dense; } .disabled_label { pointer-events: none; opacity: 0.3; } .popup-form-friend .wp__bordered_input { padding: 0 15px; } .fancybox-container .popup_form_friend_success { background: #BCE4FA; } @media(max-width: 600px) { .fancybox-container .popup_form_friend_success .success__form { font-family: Gilroy; font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: 0em; text-align: left; } .fancybox-container .popup_form_friend_success { padding: 67px 32px !important; } .fancybox-container .popup_form_friend_success .success__form { padding: 0; } } .footer_contact_number { display: flex; flex-direction: column; } .footer_logo_description .footer-logo { width: 300px; align-items: flex-start; } .footer_logo_description .footer-logo img { padding-bottom: 10px; } .footer-logo.logo.--extra-small .logo__name { font-family: Gilroy; font-size: 20px; font-weight: 600; line-height: 28px; letter-spacing: 0em; text-align: left; } .footer_logo_description .footer_text_after_logo { max-width: 330px; margin-top: 28px; margin-bottom: 28px; font-family: Gilroy; font-size: 13px; font-weight: 500; line-height: 18px; letter-spacing: 0em; text-align: left; } .footer_logo_description .footer-external__portal { margin-right: unset; margin-left: 10px; } .footer_buttons { display: flex; } .footer-external__store { display: flex; flex-direction: column; justify-content: space-between; } .footer-menu { margin-top: 45px; display: flex; } .footer-menu ul li { margin-bottom: 10px; } .footer-menu__link { font-family: Gilroy; font-size: 15px; font-weight: 700; line-height: 21px; letter-spacing: 0em; text-align: left; } .footer-menu ul { margin-right: 40px; } .footer { background: linear-gradient(90deg, #36B7EA 0%, #577BBB 66%, #302984 100%); padding-top: 14px; padding-bottom: 64px; } .footer-contact__info .header_popap_phone { margin: 12px 0 12px auto; } .footer-contact__info .work_shedule { font-family: Gilroy; font-size: 13px; font-weight: 500; line-height: 18px; letter-spacing: 0em; text-align: right; color: #fff; margin-bottom: 12px; } .footer-links { justify-content: center; } .footer_logo_description { margin-top: 13px; } .footer-graphics { background: url(/local/templates/truewater.v2/css/../images/svg/footer.svg); background-position: bottom right 5%; background-repeat: no-repeat; } .footer_graphics_sun { background: url(/local/templates/truewater.v2/css/../images/svg/footer_sun.svg); position: absolute; width: 100%; height: 100%; background-position: top right 35%; background-repeat: no-repeat; top: 0; } .footer_buttons_mobile { display: none; } @media(max-width: 1250px) { .footer-outer { flex-wrap: wrap; } .footer_logo_description { order: 2; } .footer-links { order: 1; } .footer-contact { order: 3; margin-left: auto; margin-right: 110px; } .footer-contact { text-align: left; } .footer-contact__info .work_shedule { text-align: left; } .footer-contact__info .header_popap_phone { margin-left: 0; } .footer-contact__phone { flex-direction: row-reverse; } .footer-contact__whatsup { padding-right: 0 !important; margin-left: 8px; } .footer_buttons { display: none; } .footer_buttons_mobile { display: flex; } .footer_buttons_mobile .footer-external__portal { margin-right: 0; margin-left: 10px; } .footer_buttons_mobile { margin-top: 28px; } .footer-graphics { background-position: bottom right -550px; } } @media(max-width: 1040px) { .footer-outer { display: grid; grid-template-areas: "b a" "b c" "b c"; justify-content: space-evenly; } .footer_logo_description { grid-area: a; } .footer-links { grid-area: b; } .footer-contact { grid-area: c; } .footer-links { flex-wrap: wrap; } .footer-menu { flex-direction: column; } .footer-menu ul { margin-right: 0; margin-bottom: 20px; } .footer-menu { margin-top: 0; } .footer-menu ul li { margin-bottom: 8px; } .footer-links { padding-top: 14px; } .footer_graphics_sun { background-position: top right 0%; } .footer-contact__phone a { font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: 0em; text-align: left; } .footer-contact__info .header_popap_phone { display: block; } .footer-contact__whatsup img { width: 23px; height: 23px; } .footer-contact__whatsup { margin-top: 4px; } .footer-contact__email { font-size: 13px; font-weight: 500; line-height: 18px; letter-spacing: 0em; text-align: left; } } @media(max-width: 768px) { .footer-outer { justify-content: space-between; } .footer-links { justify-content: flex-start; } } @media(max-width: 600px) { .footer-outer { display: flex; flex-direction: column; } .footer-contact { margin-right: auto; padding-top: 0; margin-left: auto; } .footer_logo_description .footer-logo { } .footer_graphics_sun { background-position: top right -80px; } .footer-menu ul { text-align: center; } } @media(max-width: 375px) { .footer-menu ul { text-align: left; } .footer_logo_description .footer-logo { margin-left: 0; } .footer_logo_description .footer_text_after_logo { margin-left: 0; } .footer-contact { margin-left: 0; } } @media (max-width: 486px) { .benefit .page-product__benefit-item { width: 100% !important; } } .sertificate_page_text { font-family: Gilroy; font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: 0.05em; text-align: left; color: #333333; padding-bottom: 30px; border-bottom: 2px solid #ECEFF2; margin-bottom: 40px; } .footer-contact__phone a { white-space: nowrap; } .footer-contact__phone img { min-width: 30px; } .page-catalog__filter { padding-bottom: unset; margin-bottom: 1.5625rem; } @media(min-width: 1024px) { .wrapper__buttons-flex.wrapper__buttons_flex_empty { display: none; } } ul.check-list { padding-left: 30px; } .check-list li { list-style-type: none; } .check-list li:before { content: "\2713"; padding-right: 10px; } /* End */ /* Start:/local/templates/truewater.v2/css/jquery.fancybox.min.css?168682954812795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/truewater.v2/css/slick.min.css?16868295661674*/ /** * Minified by jsDelivr using clean-css v4.2.0. * Original file: /npm/slick-carousel@1.8.1/slick/slick.css * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*# sourceMappingURL=/sm/fb3ed351cd5c0f1f30f88778ee1f9b056598e6d25ac4fdcab1eebcd8be521cd9.map */ /* End */ /* Start:/local/templates/truewater.v2/css/slick-theme.min.css?16868296802697*/ /** * Minified by jsDelivr using clean-css v4.2.0. * Original file: /npm/slick-carousel@1.8.1/slick/slick-theme.css * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ @charset 'UTF-8';.slick-loading .slick-list{background:#fff url(/local/templates/truewater.v2/css/./ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(/local/templates/truewater.v2/css/./fonts/slick.eot);src:url(/local/templates/truewater.v2/css/./fonts/slick.eot?#iefix) format('embedded-opentype'),url(/local/templates/truewater.v2/css/./fonts/slick.woff) format('woff'),url(/local/templates/truewater.v2/css/./fonts/slick.ttf) format('truetype'),url(/local/templates/truewater.v2/css/./fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'?'}[dir=rtl] .slick-prev:before{content:'?'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'?'}[dir=rtl] .slick-next:before{content:'?'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /*# sourceMappingURL=/sm/4f6eaa7dd1119d31ae1e63765b05594f0f2412451130c0a4def1018d0e4be09b.map */ /* End */ /* Start:/local/templates/truewater.v2/components/bitrix/form/callback_form/bitrix/form.result.new/.default/style.css?17139552406743*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/truewater.v2/components/bitrix/form/callback_form/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/truewater.v2/components/bitrix/form/callback_form/bitrix/form.result.new/.default/images/icon_warn.gif); } .callback_form { display: flex; margin-bottom: 70px; border: 2px solid #D7DFEA; } .callback_form_question { display: flex; align-items: center; width: 100%; } .form_left_part { background: linear-gradient(180deg, #23509F 0%, #0477BD 100%); font-style: normal; font-weight: 600; font-size: 32px; line-height: 140%; color: #fff; padding: 65px 50px 0 39px; max-width: 255px; position: relative; font-family: Gilroy; max-width: 245px; } .form_left_part span { text-transform: uppercase; color: #FFC700; } .callback_form_question_block { padding-top: 65px; padding-left: 40px; padding-bottom: 38px; padding-right: 25px; max-width: 65%; } .callback_form_question_block_top_title { font-style: normal; font-weight: 600; font-size: 32px; line-height: 140%; color: #333333; font-family: Gilroy; } .callback_form_question_block_top_title span { color: #1F5CA8; } .callback_form_question_block_top_subtitle { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; color: #333333; margin-top: 19px; margin-bottom: 19px; } .callback_form_question_block_content { display: flex; } .callback_form_question_block_content label > div { font-style: normal; font-weight: 600; font-size: 14px; line-height: 140%; color: #979797; } .callback_form_question_block_content input[type="text"] { padding: 24px !important; min-width: 300px; } .callback_form_question_block_content label { margin-right: 20px; } .callback_form_question_block_bottom_text { margin-top: 15px; margin-bottom: 10px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; color: #333333; } .callback_form_question_block_bottom input[name="web_form_submit"] { background: linear-gradient(270deg, #0995D3 0%, #264B9B 100%); border-radius: 30px !important; font-style: normal; font-weight: 700 !important; font-size: 16px !important; line-height: 140%; text-align: center; color: #FFFFFF !important; padding: 12px 108px !important; width: auto !important; } .callback_form_question_block_bottom_approval { font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; color: #333333; } .callback_form_question_block_bottom_approval a { color: #1F5CA8; font-size: inherit; text-decoration: none; } .form_left_part::after { content: ''; position: absolute; right: -40px; top: 95px; width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid #23509F; } .callback_form_question_block_content label { position: relative; } .callback_form_question_block_content label span { position: absolute; top: 25px; z-index: 1; left: 115px; color: red; } .callback_form_question_block_content label.active span { display: none; } .callback_form_question_block .error { font-family: "Gilroy", "Sans-serif"; font-size: 1rem; font-weight: 500; line-height: 1.25rem; margin-bottom: 0.9375rem; text-align: center; color: #c71c1c; } .form_note_callback { font-family: Gilroy; font-size: 32px; font-weight: 600; line-height: 45px; letter-spacing: 0em; text-align: center; margin-top: 50px; color: #1F5CA8; margin-bottom: 100px; } @media(max-width: 1024px) { .callback_form_question { flex-direction: column; } .callback_form_question_block { max-width: 100%; } .callback_form_question_block_content { flex-direction: column; } .callback_form_question_block_content label:first-child { margin-bottom: 19px; } } @media(max-width: 768px) { .callback_form_question_block { padding-top: 15px; padding-left: 28px; padding-right: 20px; padding-bottom: 25px; } } @media(max-width: 600px) { .callback_form { flex-direction: column; margin-bottom: 18px; } .form_left_part { max-width: 100%; font-style: normal; font-weight: 600; font-size: 24px; line-height: 120%; padding-top: 18px; padding-bottom: 28px; padding-left: 23px; padding-right: 0; background: linear-gradient(90deg, #23509F 0%, #0477BD 100%); } .form_left_part > div { max-width: 270px; } .form_left_part::after { border: 20px solid transparent; border-top: 20px solid #23509F; right: unset; top: 100px; left: 55px; } .callback_form_question_block { padding-left: 23px; padding-right: 23px; } .callback_form_question_block_top_title { font-style: normal; font-weight: 600; font-size: 24px; line-height: 140%; } .callback_form_question_block_top_subtitle { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; } .callback_form_question_block_bottom_text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; } .callback_form_question_block_bottom_approval { font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; } .callback_form_question_block_content label { margin-right: 0; } .callback_form_question_block_content input[type="text"] { min-width: 100%; } .callback_form_question_block_bottom input[name="web_form_submit"] { padding: 12px 0 !important; width: 100% !important; } .callback_form_question { margin-bottom: 35px; } .callback_form_question_image { max-height: 250px; } .callback_form_question_image img { height: 100%; max-height: inherit; } .form_left_part span { display: block; } } .error__fields{ border-color: red !important; } .message__success{ font-size: 25px; } /* End */ /* Start:/local/templates/truewater.v2/template_styles.css?174919702641415*/ .cstm-link-wrapper { display: flex; flex-wrap: wrap; } .cstm-link-wrapper a { font-size: 16px; padding: 10px 20px; color: #000; text-decoration: none; border: 1px solid transparent; } .cstm-link-wrapper a:hover { background: #eceff2; } .sitemap-wrapper { padding: 10px 20px; } .sitemap-par { margin: 5px 0; } .sitemap-par a { color: #000; text-decoration: none; font-size: 18px; } .sitemap-list { list-style: disc !important; padding: 3px 30px !important; } .sitemap-list a { color: #000; text-decoration: none; font-size: 16px; } .sitemap-par a:hover, .sitemap-list a:hover { color: #666; font-weight: bold; } .radio-picker.--square label { display:block } .card-payment-info { display: flex; flex-direction: row; justify-content: space-between; } .card-payment-info .col { border:1px solid #e0e0e0; background:#f4f4f4; padding:22px 30px; color:#333333; font-size:15px; } .card-payment-info .col1 { width:60%; } .card-payment-info .col2 { width:38%; display: flex; flex-direction: row; justify-content: center; align-items: center; font-weight:bold; } .card-payment-info .col2 img { height: 39px; width: 61px; margin-right:20px; } .card-payment-info .col2 div span { color:#c91f1c; } .card-payment-info .img_list { margin-top:15px; display: flex; flex-direction: row; justify-content: space-between; } @media (max-width: 1200px) { .card-payment-info .col { padding:15px; } .card-payment-info .col1, .card-payment-info .col2 { margin:10px 0 } .card-payment-info .col1 img { width:45px; height:30px; } .card-payment-info .col2 img { height: 25px; width: 40px; margin-right:15px; } } @media (max-width: 767px) { .card-payment-info { display:none; } .page-product__accordion--mobile .card-payment-info { display:block; } .card-payment-info .col1, .card-payment-info .col2 { width:100%; font-size: 14px; } .card-payment-info { flex-direction: column; } .page-product__picture { margin-top: 0; } } /*.bx_item_detail_rating{display:none}*/ .menu-popup__outer { overflow-y: auto; overflow-x: hidden; } .success_text { color:green; text-align:center } .header_alert{ background:#264a9a ; color:#fff; text-align:center; padding:10px; } header .header_alert{ display:none; } @media (max-width: 767px){ header .header_alert{ display: block; line-height: initial; font-size: 12px; margin-top: 97px; width: 100%; position: absolute; left: 0; z-index: 50; } header{ /*margin-bottom: 55px;*/ } } @media (max-width: 767px){ .header-fixed .header { height: auto !important; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; } .header-fixed .content{ margin-top: 83px; } .header-fixed .hidden__logo_modile{ display: none; } } .bi-eye-fill, .bi-eye-slash-fill { position: absolute; right: 15px; top: 50%; cursor: pointer; margin-top: -13px; } .bi-eye-fill.hidden, .bi-eye-slash-fill.hidden { display: none; } .--orange{ background: linear-gradient(90deg, #FF9700 0%, #FFDA57 100%); } .marker--list{ position: absolute; top: 25px; left: 30px; z-index: 99; display: flex; flex-flow: column; align-items: baseline; gap: 5px; } .page-product__accordion { padding: 0 !important; border-bottom: none !important; } .main_best_sections { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; grid-template-columns: repeat(2,calc(50% - 5px)); grid-gap: 10px; } .main_best_sec { position: relative; } .main_best_sec:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(top, rgba(0,47,75,0) 0%, rgba(232, 246, 254, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%,rgba(0,47,75,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,47,75,0) 0%, rgba(232, 246, 254, 0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,47,75,0) 0%,rgba(232, 246, 254, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,47,75,0) 0%,rgba(232, 246, 254, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,47,75,0) 0%,rgba(232, 246, 254, 1) 100%); /* W3C */ } .main_best_sec img { width: 100%; display:block; } .main_best_mane { position: absolute; bottom: 20%; left: 43%; transform: translate(-40%, -40%); color: #1672B8; font-size: 24px; font-weight: bold; z-index: 9; } .main_best_link { position: absolute; bottom: 5%; left: 48%; transform: translate(-50%, -50%); width: 70%; z-index: 9; } .main_best_link a { } @media (max-width: 767px) { .main_best_sections { grid-template-columns: repeat(2, calc(50% - 5px)); grid-gap: 10px; display: grid; } .main_best_mane { bottom: 30%; } .main_best_link { bottom: 15%; } } @media (max-width: 480px) { .main_best_sections { grid-template-columns: repeat(1, calc(100%)); grid-gap: 10px; display: grid; } .main_best_mane { font-size: 34px; } .main_best_sec { position: relative; padding: 0 15px; } .main_best_mane { bottom: 20%; } .main_best_link { bottom: 10%; } } .slider-main-sert, .slider-main-otzyvy { position: relative; margin: 0 3.125rem } @media (max-width: 767px) { .slider-main-sert { margin: 0 } } .slider-main-sert .slick-arrow, .slider-main-otzyvy .slick-arrow { position: absolute; z-index: 1; top: calc(50%); width: 3.125rem; height: 3.125rem; padding: .625rem; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); text-indent: -9999px; border: 0; border-radius: 50%; background: center center no-repeat #fff; box-shadow: 0 0 4px rgba(0, 0, 0, .25) } .slider-main-sert .slick-arrow:hover, .slider-main-otzyvy .slick-arrow:hover { background-color: #b5e4fb } .slider-main-sert .slick-next , .slider-main-otzyvy .slick-next { right: -3.125rem; left: auto; background-image: url(/local/templates/truewater.v2/./images/svg/arrow-right.svg) } @media (max-width: 767px) { .slider-main-sert .slick-next, .slider-main-otzyvy .slick-next { right: .3125rem } } .slider-main-sert .slick-prev, .slider-main-otzyvy .slick-prev { right: auto; left: -3.125rem; background-image: url(/local/templates/truewater.v2/./images/svg/arrow.svg) } @media (max-width: 767px) { .slider-main-sert .slick-prev, .slider-main-otzyvy .slick-prev { left: .3125rem } } .slider-main-sert .slick-slide img { margin: 0 auto; padding: 15% 15% 0 15%; height: 276px; } @media (max-width: 767px) { .slider-main-sert .slick-slide img { height: 100% } } @media (min-width: 1024px) { .slider-main-sert.--displaced-arrow .slick-arrow, .slider-main-otzyvy.--displaced-arrow .slick-arrow { top: 10.9375rem } } .slider-main-sert .slide { margin: 0 5px 0 5px; border: 1px solid #E5E5E5; padding: 30px 25px 0 25px; /*width: auto !important;*/ } @media (max-width: 767px) { .slider-main-sert .slide { margin: 0; text-align: center } } .slider-main-sert a { text-decoration: none; color: #000 } .slider-main-sert p.caption { text-align: center; min-height: 100px; display: inline-block; margin-top: 15px; margin-bottom: 15px; } .wrapper-long { width: auto; max-width: 1450px; margin: 0 auto; padding: 0 10px; } .all-sert { display: inline; font-size: 1rem; padding: 10px 35px; margin-left: 15px; } .assortiment .images{ } .assortiment .images img, .prem .images img{ margin: 0 auto; } .assortiment p { font-size: 17px; } .prem p { padding: 0 30px; } .main-otzyv { margin: 0 5px 0 5px; max-width: 95% !important; } .otzyv-img { position: relative; left: 40px; top: 40px; } .otzyv-border { border: 1px solid #E3E3E3; padding: 50px 40px 0 40px; min-height: 365px; } .otzyv-name { font-size: 16px; font-weight: bold; } .otzyv-date-rating { display: flex; } .otzyv-stars { display: flex; margin-right: 10px; } .otzyv-stars img { width: 19px !important; height: 19px !important; } .otzyvy-text p { font-weight: normal; font-style: italic; margin: 10px 0; } .prem, .assortiment { display: flex; } .assortiment .page-product__benefit-item { width: 12%; } .prem .page-product__benefit-item { width: 33%; } @media (max-width: 486px) { .assortiment, .prem { flex-flow: column wrap; flex-direction: column; flex-direction: inherit; } .page-product__benefit-item { width: 48% !important; } .prem .page-product__benefit-item { width: 100% !important; } .slider-main-sert, .slider-main-otzyvy { position: relative; margin: 0 0.9rem; } .wrapper.mobile-center { text-align: center; } .slider-main-sert .slide { /*width: 99% !important;*/ } .otzyv-border { min-height: 10px !important; padding: 50px 20px 0 20px; } } @media (max-width: 420px){ .sku-card__huge .sku-picture { width: 100%; height: 21rem; } } .bx_item_detail_rating td { border: none; padding: 0; } @media (max-width: 1023px){ .hidden--mobile{ display: none !important; } .marker--list{ top: 7px; left: 7px; } } @media (min-width: 1024px){ .hidden--pc{ display: none !important; } } .footer_text_after_logo { max-width: 218px; margin: 0; padding: 0; color: #fff; font-size: 14px; line-height: 16px; } element.style { /* right: 0; */ /* position: absolute; */ /* left: 0; */ /* width: 100% !important; */ /* top: 73px; */ } @media (max-width: 767px) { .footer_text_after_logo { margin: 0 auto 10px auto; } } .footer-contact__whatsup { padding-right: 20px; } @media (max-width: 767px) { .header-box {position : static; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .header-box:first-child {width: 48%;} .header-box:last-child {width: 35%;} } .header-contact__phone { display: flex; line-height: 0; margin-top: -1px; align-items: center; } /*.header-contact a { font-size: 1.5rem; font-weight: 700; line-height: 1.8125rem; display: inline-block; margin-bottom: 0.25rem; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; text-decoration: none; color: #fff; border: 2px solid transparent; }*/ .header-box:first-child { width: 30.5%; } .header-box:last-child { width: 27.5%; } @media (max-width: 1279px) { .header-box:first-child, .header-box:last-child { width: 29%; } } @media (max-width: 1023px) { .header-box:first-child, .header-box:last-child { width: 43%; } } @media (max-width: 767px) { .header-box:first-child, .header-box:last-child { width: 46%; -webkit-box-align: center; align-items: center; } } @media (max-width: 350px) { .header-box:first-child, .header-box:last-child { width: 50%; -webkit-box-align: center; align-items: center; } .header-box:last-child { width: 45%; -webkit-box-align: center; align-items: center; } } .page-catalog-sort-btn-toggler { display: none; font-size: 1.125rem; line-height: 1.4375rem; width: 100%; padding: 1.25rem 0.9375rem; text-align: left; -webkit-box-pack: start; justify-content: flex-start; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; color: #000; border-radius: 5px; background: #eceff2; } .popup-vote-heading { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 32px; line-height: 140%; text-align: left; color: #333333; } .popup-vote-text { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 26px; line-height: 140%; text-align: left; color: #333333; } @media (max-width: 480px) { .popup-vote-heading { font-size: 24px; } .popup-vote-text { font-size: 20px; } #popup-vote { padding: 20px !important; } } div#popup-vote { padding: 2rem 3rem !important; width: auto; } .cart-mini__cnt { font-family: Gilroy; font-size: 14px; font-weight: 600; font-style: normal; line-height: 16px; position: absolute; top: -14px; right: 0px; width: 23px; height: 23px; text-align: center; border-radius: 50%; background: #C9201D; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .new_cart-mini__icon { display: block; width: 57px; height: 64px; background: url(/local/templates/truewater.v2/./images/svg/new_cart.svg) center center/cover no-repeat; top: -8px; position: relative; } .auth-btn .icon { margin-top: 0px; } @media (max-width: 821px) { .search-mini .icon.collapse { width: 37px; height: 37px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; align-items: self-end; } .search-mini .icon.collapse svg { width: 37px; height: 37px; } .new_cart-mini__icon { display: block; width: 37px; height: 42px; background: url(/local/templates/truewater.v2/./images/svg/new_cart.svg) center center/cover no-repeat; top: -2px; position: relative; background-size: contain; } .cart-mini__cnt { font-family: Gilroy; font-size: 12px; font-weight: 600; font-style: normal; line-height: 16px; position: absolute; top: -5px; right: 0px; width: 18px; height: 18px; text-align: center; border-radius: 50%; background: #C9201D; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .auth-btn .icon { margin-top: 1px; align-items: self-end; width: 37px; height: 37px; } .auth-btn .icon svg{ width: 38px; height: 38px; } .mobile-box { width: 40% !important; } } @media (max-width: 480px) { .search-mini .icon.collapse { width: 37px; height: 37px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; align-items: self-end; } .search-mini .icon.collapse svg { width: 37px; height: 37px; } .new_cart-mini__icon { display: block; width: 37px; height: 42px; background: url(/local/templates/truewater.v2/./images/svg/new_cart.svg) center center/cover no-repeat; top: -2px; position: relative; background-size: contain; } .cart-mini__cnt { font-family: Gilroy; font-size: 12px; font-weight: 600; font-style: normal; line-height: 16px; position: absolute; top: -5px; right: 0px; width: 18px; height: 18px; text-align: center; border-radius: 50%; background: #C9201D; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .auth-btn .icon { margin-top: 1px; align-items: self-end; width: 37px; height: 37px; } .auth-btn .icon svg{ width: 38px; height: 38px; } .mobile-box { width: 40% !important; } } .search-mini:after { opacity: 0 !important; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; color: #000; border-radius: 5px; background: #eceff2; } .lins__sort_block_mobile{ display: none; position: absolute; bottom: -86px; left: 0; padding: 0px 14px 27px 14px; z-index: 100; width: 100%; background: #FFFFFF; } .lins__sort_block_mobile a{ font-style: normal; font-weight: 700; font-size: 13px; line-height: 140%; color: #1F5CA8; display: block; border-bottom: 1px dashed #1F5CA8; text-decoration: none; } .lins__sort_block_mobile a:first-child{ margin-bottom: 15px; } @media (max-width: 1023px) { .hidden__mobile{ display: none; } .page-catalog-sort-btn-toggler{ display: flex; } .page-catalog-sort-btn-toggler:before { display: block; width: 2.0625rem; height: 2.0625rem; margin-right: 0.55rem; content: ""; background: url(/local/templates/truewater.v2/images/svg/sorting.svg); background-position: center center; } } .wrapper__buttons-flex{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5625rem; } .wrapper__buttons-flex button{ margin-bottom: 0px; max-width: 48%; } .page-catalog-sort-btn-toggler.open .lins__sort_block_mobile{ display: block; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12); border-radius: 0px 0px 5px 5px; } .page-catalog-sort-btn-toggler.open{ background: #FFFFFF; /*box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.12);*/ border-radius: 5px 5px 0px 0px; } @media (max-width: 394px) { .page-catalog__filter-btn-toggler{ font-size: 16px; } .page-catalog-sort-btn-toggler{font-size: 16px;} } .main-benefits { background-color: #E8F6FE; } .main-benefits .home-benefits__item .heading { color: #1F5CA8; } .main-benefits p { font-weight: 400; margin: 1rem 0.5rem } .home-benefits__item img { margin-right: auto; margin-left: auto; } .main-benefits .home-benefits__item { padding: 3.125rem 0 0; } .main-benefits-link{ display: inline-grid; margin: 20px 0 30px 0; } .main_assortment_list { } .main_assortment { text-align: center; } .main_assortment img { margin-left: auto; margin-right: auto; } .main_assortment p { } .partial-copyright p { font-weight: 400; } .main-benefits .wrapper { padding: 30px 0; } @media (max-width: 1249px) { .main_advantage .heading{text-align: center} .main_advantage .advantage{ margin-right: 0px; height: 370px; overflow: hidden; padding: 0px 20px; } .main_advantage .advantage_text p{padding: 0;} .main_advantage .advantage_text{ text-align: center; margin: 0px; } .main_advantage {} .main_advantage {} .main_advantage {} .main_advantage {} } .main_advantage .slick-dots{ bottom: -36px; } .item__dot{ display: block; width: 7px; height: 7px; background: #1672B8; border-radius: 7px; } .slick-active .item__dot{ background: #ffffff; border: 2px solid #1672B8; width: 9px; height: 9px; } @media (max-width: 878px) { .main_advantage .advantage .advantage-picture{ margin-right: 15px; } .main_advantage .advantage .advantage_text p{ font-size: 15px; line-height: 21px; text-align: left; } .main_advantage .advantage .heading { margin-top: 0; margin-bottom: 0; font-size: 18px; line-height: 25px; text-align: left; } .main_advantage .advantage { display: flex !important; height: 235px; } .main_advantage .slick-dots{ bottom: -55px; } .slider-main-sert .slick-dots{ bottom: -55px; } .mobile-mt-big{ margin-top: 70px !important; } } @media (max-width: 581px) { .mobile-center{ text-align: center; width: 100%; font-size: 32px !important; margin-top: 20px; margin-bottom: 20px; } .separator-xl { height: 10px; } .main-benefits .wrapper{ padding-bottom: 0; } .main-benefits-link{ width: 100%; /*margin: 20px 10px 30px 10px;*/ } .main-benefits-link a{ width: 80%; margin: 0 auto; } .partial-copyright{ margin-top: 0px; } .mobile_h1_center{ text-align: center; font-size: 24px; } } .main-benefits-slider .heading{ font-size: 24px; font-weight: 700; line-height: 34px; text-align: center; } .main-benefits-slider .home-benefits__item { font-size: 16px; font-weight: 400; line-height: 22px; text-align: center; padding-right: 10px; padding-left: 10px; } .main-benefits-slider p{margin: 0!important;max-width: unset} .main-benefits-slider .slick-dots{ bottom: -55px} .main-benefits-slider{} .main-benefits-slider{} .main-benefits-slider{} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ background-image: url(/local/templates/truewater.v2/images/svg/arrow-right.svg) !important; background-position: center center !important; /* Положение фона */ background-repeat: no-repeat !important; } .slider-main-sert .slick-prev, .slider-main-otzyvy .slick-prev { background-image: url(/local/templates/truewater.v2/images/svg/arrow.svg) !important; } .slider-main-sert .slick-arrow:hover, .slider-main-otzyvy .slick-arrow:hover { background-color: unset; } /*.slick-disabled{opacity: 0}*/ .home-benefits__item img{max-height: 118px; width: auto} .main_assortment img{max-height: 173px; width: auto} .bordered__input{ /*width: 100;*/ height: 74px; border-radius: 20px !important; border: 4px solid #B0C8E5 !important; padding: 20px !important; font-family: Gilroy; font-size: 24px !important; font-weight: 700 !important; line-height: 34px !important; letter-spacing: 0em; text-align: left; color: #164194 !important; } .popup-form-friend{ max-width: 595px; /*width: 595px;*/ padding: 80px 57px !important; border-radius: 50px; } .popup-form__heading_new{ font-family: Gilroy; font-size: 30px; font-weight: 700; line-height: 42px; letter-spacing: 0em; text-align: left; color: #164194; margin-bottom: 40px; display: block; } .label__bordered_input{ font-family: Gilroy; font-size: 16px; font-weight: 700; line-height: 22px; letter-spacing: 0em; text-align: left; color: #B0C8E5; display: block; margin-bottom: 8px; } .wp__bordered_input{ margin-bottom: 30px; } .wp__bordered_input:last-child{margin-bottom: 0px} .popup-form-friend [data-fancybox-close] { top: 10px; right: 17px; } .popup-form-friend [data-fancybox-close] svg path { fill: #164194 !important; } .bordered__input.focus{ border-color: #164194 !important; } .label__bordered_input.focus{ color: #164194 !important; } .button__submit_new{ background: linear-gradient(90deg, #A42523 0%, #E30613 96.84%); box-shadow: 0px 4px 4px 0px #00000040; max-width: 353px; width: 100%; font-family: Gilroy; font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: 0em; text-align: center; margin: 0 auto; color: #FFFFFF; padding: 18px 0px; } .success__form{ font-family: Gilroy; font-size: 32px; font-weight: 700; line-height: 45px; letter-spacing: 0em; text-align: left; padding: 60px 46px; background: #BCE4FA; color: #164194; } /* review start*/ .review_header { display: flex; position: relative; } .review_name { font-family: 'Gilroy'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 140%; color: #333333; padding-left: 35px; margin-right: 11px; } .review_name:before { content: ' '; display: inline-block; width: 25px; height: 25px; margin-right: 11px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjMzODkgMy42NjExOEMxOC45Nzc5IDEuMzAwMjQgMTUuODM4OSAwIDEyLjUgMEM5LjE2MTEzIDAgNi4wMjIxMiAxLjMwMDI0IDMuNjYxMTMgMy42NjExOEMxLjMwMDI0IDYuMDIyMTIgMCA5LjE2MTEzIDAgMTIuNUMwIDE1LjgzODkgMS4zMDAyNCAxOC45Nzc5IDMuNjYxMTMgMjEuMzM4OEM2LjAyMjEyIDIzLjY5OTggOS4xNjExMyAyNSAxMi41IDI1QzE1LjgzODkgMjUgMTguOTc3OSAyMy42OTk4IDIxLjMzODkgMjEuMzM4OEMyMy42OTk4IDE4Ljk3NzkgMjUgMTUuODM4OSAyNSAxMi41QzI1IDkuMTYxMTMgMjMuNjk5OCA2LjAyMjEyIDIxLjMzODkgMy42NjExOFpNMTIuNSAyMy41MzUyQzkuNTI5MSAyMy41MzUyIDYuODI5IDIyLjM1NDYgNC44NDMxNiAyMC40Mzg1QzUuOTE4NTUgMTcuMTUyNyA5LjAwODE1IDE0Ljg5MjYgMTIuNSAxNC44OTI2QzE1Ljk5MTggMTQuODkyNiAxOS4wODE0IDE3LjE1MjcgMjAuMTU2OSAyMC40Mzg2QzE4LjE3MSAyMi4zNTQ2IDE1LjQ3MDkgMjMuNTM1MiAxMi41IDIzLjUzNTJaTTguODM3ODkgOS43NjU2MkM4LjgzNzg5IDcuNzQ2MzQgMTAuNDgwNyA2LjEwMzUyIDEyLjUgNi4xMDM1MkMxNC41MTkzIDYuMTAzNTIgMTYuMTYyMSA3Ljc0NjM0IDE2LjE2MjEgOS43NjU2MkMxNi4xNjIxIDExLjc4NDkgMTQuNTE5MyAxMy40Mjc3IDEyLjUgMTMuNDI3N0MxMC40ODA3IDEzLjQyNzcgOC44Mzc4OSAxMS43ODQ5IDguODM3ODkgOS43NjU2MlpNMjEuMjU2OCAxOS4yMDY3QzIwLjE3OTIgMTYuNjg1NSAxOC4wNjMzIDE0Ljc2OTggMTUuNTA2IDEzLjkxNjJDMTYuNzkwMiAxMi45ODM2IDE3LjYyNyAxMS40NzA2IDE3LjYyNyA5Ljc2NTYyQzE3LjYyNyA2LjkzODYyIDE1LjMyNyA0LjYzODY3IDEyLjUgNC42Mzg2N0M5LjY3MyA0LjYzODY3IDcuMzczMDUgNi45Mzg2MiA3LjM3MzA1IDkuNzY1NjJDNy4zNzMwNSAxMS40NzA2IDguMjA5ODIgMTIuOTgzNiA5LjQ5NDA0IDEzLjkxNjJDNi45MzY3MiAxNC43Njk4IDQuODIwOCAxNi42ODU1IDMuNzQzMTYgMTkuMjA2N0MyLjMxNTE0IDE3LjM0NjYgMS40NjQ4NCAxNS4wMjA5IDEuNDY0ODQgMTIuNUMxLjQ2NDg0IDYuNDE1MTkgNi40MTUxOSAxLjQ2NDg0IDEyLjUgMS40NjQ4NEMxOC41ODQ4IDEuNDY0ODQgMjMuNTM1MiA2LjQxNTE5IDIzLjUzNTIgMTIuNUMyMy41MzUyIDE1LjAyMDkgMjIuNjg0OSAxNy4zNDY2IDIxLjI1NjggMTkuMjA2N1oiIGZpbGw9IiMxRjVDQTgiLz4KPC9zdmc+Cg=="); position: absolute; left: 0; } .review_date { font-family: 'Gilroy'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; color: #BBBBBB; margin-right: 11px; } .stars_active { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjk0MiAxNy42MjlDMTMuNzE2NiAxNy42MjkyIDEzLjQ5NDYgMTcuNTc0MSAxMy4yOTU0IDE3LjQ2ODdMOS41OTQ1NiAxNS41MjM2QzkuNTY1ODggMTUuNTA4MiA5LjUzMzg2IDE1LjUwMDIgOS41MDEzNCAxNS41MDAyQzkuNDY4ODIgMTUuNTAwMiA5LjQzNjggMTUuNTA4MiA5LjQwODEyIDE1LjUyMzZMNS43MDc4NyAxNy40Njg3QzUuNDc4NTcgMTcuNTg5NCA1LjIyMDA4IDE3LjY0MzQgNC45NjE2NCAxNy42MjQ4QzQuNzAzMTkgMTcuNjA2MiA0LjQ1NTEyIDE3LjUxNTYgNC4yNDU0OSAxNy4zNjMzQzQuMDM1ODYgMTcuMjExIDMuODczMDQgMTcuMDAzMSAzLjc3NTQ1IDE2Ljc2MzFDMy42Nzc4NiAxNi41MjMgMy42NDk0IDE2LjI2MDUgMy42OTMyOCAxNi4wMDUxTDQuMzk5ODQgMTEuODg1MUM0LjQwNTI3IDExLjg1MjggNC40MDI3IDExLjgxOTcgNC4zOTIzNSAxMS43ODg2QzQuMzgxOTkgMTEuNzU3NiA0LjM2NDE4IDExLjcyOTUgNC4zNDA0NyAxMS43MDdMMS4zNDkxNiA4Ljc4NzQ5QzEuMTYzNDMgOC42MDY1NCAxLjAzMjEgOC4zNzcyIDAuOTcwMDM3IDguMTI1NDRDMC45MDc5NzUgNy44NzM2OCAwLjkxNzY2NSA3LjYwOTU3IDAuOTk4MDEgNy4zNjMwNEMxLjA3ODM1IDcuMTE2NTEgMS4yMjYxNCA2Ljg5NzQgMS40MjQ2MyA2LjczMDU2QzEuNjIzMTEgNi41NjM3MSAxLjg2NDM2IDYuNDU1NzkgMi4xMjEwMyA2LjQxOTAyTDYuMjU1MzEgNS44MTg3NEM2LjI4NzQ4IDUuODE0MDYgNi4zMTgwMyA1LjgwMTYxIDYuMzQ0MyA1Ljc4MjQ3QzYuMzcwNTggNS43NjMzMyA2LjM5MTggNS43MzgwOCA2LjQwNjEyIDUuNzA4OUw4LjI1NDQ3IDEuOTU5MzZDOC4zNjg5NSAxLjcyNjkyIDguNTQ2MjMgMS41MzExOCA4Ljc2NjIzIDEuMzk0M0M4Ljk4NjIzIDEuMjU3NDIgOS4yNDAxNiAxLjE4NDg4IDkuNDk5MjYgMS4xODQ4OEM5Ljc1ODM3IDEuMTg0ODggMTAuMDEyMyAxLjI1NzQyIDEwLjIzMjMgMS4zOTQzQzEwLjQ1MjMgMS41MzExOCAxMC42Mjk2IDEuNzI2OTIgMTAuNzQ0MSAxLjk1OTM2TDEyLjU5MzYgNS43MDc3MUMxMi42MDggNS43MzY4IDEyLjYyOTMgNS43NjE5NyAxMi42NTU1IDUuNzgxMUMxMi42ODE4IDUuODAwMjIgMTIuNzEyMyA1LjgxMjczIDEyLjc0NDQgNS44MTc1NUwxNi44ODIyIDYuNDE4NDNDMTcuMTM4OCA2LjQ1NTQgMTcuMzc5OSA2LjU2MzQ0IDE3LjU3ODIgNi43MzAzMUMxNy43NzY2IDYuODk3MTkgMTcuOTI0MiA3LjExNjI0IDE4LjAwNDYgNy4zNjI2OEMxOC4wODQ5IDcuNjA5MTIgMTguMDk0NiA3Ljg3MzEzIDE4LjAzMjcgOC4xMjQ4MkMxNy45NzA4IDguMzc2NTIgMTcuODM5NiA4LjYwNTg1IDE3LjY1NDEgOC43ODY4OUwxNC42NTk4IDExLjcwNDZDMTQuNjM2MiAxMS43MjcyIDE0LjYxODUgMTEuNzU1MyAxNC42MDgxIDExLjc4NjNDMTQuNTk3OCAxMS44MTczIDE0LjU5NTEgMTEuODUwNCAxNC42MDA1IDExLjg4MjdMMTUuMzA3IDE2LjAwMjdDMTUuMzQxIDE2LjIwMTggMTUuMzMxMiAxNi40MDU5IDE1LjI3ODMgMTYuNjAwOEMxNS4yMjU0IDE2Ljc5NTcgMTUuMTMwNyAxNi45NzY3IDE1LjAwMDcgMTcuMTMxM0MxNC44NzA3IDE3LjI4NTkgMTQuNzA4NiAxNy40MTAyIDE0LjUyNTcgMTcuNDk1OEMxNC4zNDI3IDE3LjU4MTMgMTQuMTQzNCAxNy42MjYgMTMuOTQxNCAxNy42MjY2TDEzLjk0MiAxNy42MjlaIiBmaWxsPSIjRkZDNzAwIi8+Cjwvc3ZnPgo="); display: inline-block; width: 19px; height: 19px; } .stars_grey { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjk0MiAxNy42MjlDMTMuNzE2NiAxNy42MjkxIDEzLjQ5NDYgMTcuNTc0MSAxMy4yOTU0IDE3LjQ2ODZMOS41OTQ1NiAxNS41MjM1QzkuNTY1ODggMTUuNTA4MiA5LjUzMzg2IDE1LjUwMDIgOS41MDEzNCAxNS41MDAyQzkuNDY4ODIgMTUuNTAwMiA5LjQzNjggMTUuNTA4MiA5LjQwODEyIDE1LjUyMzVMNS43MDc4NyAxNy40Njg2QzUuNDc4NTcgMTcuNTg5MyA1LjIyMDA4IDE3LjY0MzQgNC45NjE2NCAxNy42MjQ4QzQuNzAzMTkgMTcuNjA2MSA0LjQ1NTEyIDE3LjUxNTYgNC4yNDU0OSAxNy4zNjMzQzQuMDM1ODYgMTcuMjExIDMuODczMDQgMTcuMDAzIDMuNzc1NDUgMTYuNzYzQzMuNjc3ODYgMTYuNTIzIDMuNjQ5NCAxNi4yNjA0IDMuNjkzMjggMTYuMDA1TDQuMzk5ODQgMTEuODg1QzQuNDA1MjcgMTEuODUyNyA0LjQwMjcgMTEuODE5NiA0LjM5MjM1IDExLjc4ODZDNC4zODE5OSAxMS43NTc1IDQuMzY0MTggMTEuNzI5NSA0LjM0MDQ3IDExLjcwNjlMMS4zNDkxNiA4Ljc4NzQzQzEuMTYzNDMgOC42MDY0OCAxLjAzMjEgOC4zNzcxNCAwLjk3MDAzNyA4LjEyNTM4QzAuOTA3OTc1IDcuODczNjIgMC45MTc2NjUgNy42MDk1MSAwLjk5ODAxIDcuMzYyOThDMS4wNzgzNSA3LjExNjQ1IDEuMjI2MTQgNi44OTczNCAxLjQyNDYzIDYuNzMwNUMxLjYyMzExIDYuNTYzNjUgMS44NjQzNiA2LjQ1NTczIDIuMTIxMDMgNi40MTg5Nkw2LjI1NTMxIDUuODE4NjhDNi4yODc0OCA1LjgxNCA2LjMxODAzIDUuODAxNTUgNi4zNDQzIDUuNzgyNDFDNi4zNzA1OCA1Ljc2MzI3IDYuMzkxOCA1LjczODAyIDYuNDA2MTIgNS43MDg4M0w4LjI1NDQ3IDEuOTU5M0M4LjM2ODk1IDEuNzI2ODYgOC41NDYyMyAxLjUzMTEyIDguNzY2MjMgMS4zOTQyNEM4Ljk4NjIzIDEuMjU3MzYgOS4yNDAxNiAxLjE4NDgxIDkuNDk5MjYgMS4xODQ4MUM5Ljc1ODM3IDEuMTg0ODEgMTAuMDEyMyAxLjI1NzM2IDEwLjIzMjMgMS4zOTQyNEMxMC40NTIzIDEuNTMxMTIgMTAuNjI5NiAxLjcyNjg2IDEwLjc0NDEgMS45NTkzTDEyLjU5MzYgNS43MDc2NUMxMi42MDggNS43MzY3NCAxMi42MjkzIDUuNzYxOTEgMTIuNjU1NSA1Ljc4MTA0QzEyLjY4MTggNS44MDAxNiAxMi43MTIzIDUuODEyNjYgMTIuNzQ0NCA1LjgxNzQ5TDE2Ljg4MjIgNi40MTgzN0MxNy4xMzg4IDYuNDU1MzQgMTcuMzc5OSA2LjU2MzM4IDE3LjU3ODIgNi43MzAyNUMxNy43NzY2IDYuODk3MTMgMTcuOTI0MiA3LjExNjE3IDE4LjAwNDYgNy4zNjI2MkMxOC4wODQ5IDcuNjA5MDYgMTguMDk0NiA3Ljg3MzA3IDE4LjAzMjcgOC4xMjQ3NkMxNy45NzA4IDguMzc2NDUgMTcuODM5NiA4LjYwNTc5IDE3LjY1NDEgOC43ODY4M0wxNC42NTk4IDExLjcwNDVDMTQuNjM2MiAxMS43MjcxIDE0LjYxODUgMTEuNzU1MiAxNC42MDgxIDExLjc4NjJDMTQuNTk3OCAxMS44MTczIDE0LjU5NTEgMTEuODUwNCAxNC42MDA1IDExLjg4MjZMMTUuMzA3IDE2LjAwMjdDMTUuMzQxIDE2LjIwMTcgMTUuMzMxMiAxNi40MDU4IDE1LjI3ODMgMTYuNjAwN0MxNS4yMjU0IDE2Ljc5NTYgMTUuMTMwNyAxNi45NzY3IDE1LjAwMDcgMTcuMTMxMkMxNC44NzA3IDE3LjI4NTggMTQuNzA4NiAxNy40MTAyIDE0LjUyNTcgMTcuNDk1N0MxNC4zNDI3IDE3LjU4MTMgMTQuMTQzNCAxNy42MjU5IDEzLjk0MTQgMTcuNjI2NkwxMy45NDIgMTcuNjI5WiIgZmlsbD0iI0RCREJEQiIvPgo8L3N2Zz4K"); display: inline-block; width: 19px; height: 19px; } .count_star { font-family: 'Gilroy'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; position: absolute; top: 0; margin-left: 11px; } .review_vote { position: relative; } .review { margin-top: 20px; } .review_text { font-family: 'Gilroy'; font-style: italic; font-size: 14px; line-height: 140%; } .review_good span { font-weight: 700; color: #559B2D; } .review_bad span { font-weight: 700; color: #C81E1C; } .review_comment span { font-weight: 700; color: #333333; } .review_text div { margin: 14px 0 14px 0; } .review_text { border-bottom: 1px dotted #B7C0CB; } .review_popup { display: flex; align-items: center; padding: 18px 0; } .review_botton a { padding: 0.5rem 3.625rem 0.75rem; } .text_botton { font-family: 'Gilroy'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; color: #333333; margin-left: 14px; } .popup_review_title { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 32px; line-height: 140%; color: #333333; } #review_add { padding: 30px 30px !important; } .item_image { background-color: #e8f6fe; border-radius: 15px; width: 30px; height: 30px; margin-right: 11px; } .item_info { display: flex; align-items: center; margin-top: 26px; } .item_image img { width: 30px; padding: 5px; } .item_name { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; color: #333333; } form.review button{ padding: 15px 50px !important; width: auto; } form.review .text-bottom { font-family: 'Gilroy'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 140%; color: #333333; } form.review .text-bottom a { font-weight: 400; text-decoration: underline; color: #333; } input.disabled { background: #F0F0F0; padding: 0.9rem 1.1875rem; padding: 0.9rem 1.1875rem !important; } .rating-area { overflow: hidden; /*width: 265px;*/ /*margin: 0 auto;*/ display: flex; } .full-stars, .full-stars-otzyv { text-align: center; } .full-stars .rating-group, .full-stars-otzyv .rating-group { display: inline-flex; } .full-stars input, .full-stars-otzyv input { position: absolute; left: -9999px; } .full-stars label, .full-stars-otzyv label { margin: 0; cursor: pointer; } .full-stars label svg, .full-stars-otzyv label svg { margin: 2px; height: 19px; width: 19px; fill: #FFC700; transition: fill 0.3s; } .full-stars input:checked ~ label svg, .full-stars-otzyv input:checked ~ label svg { fill: #DBDBDB; } .full-stars .rating-group:hover label svg, .full-stars-otzyv .rating-group:hover label svg { fill: #FFC700; } .full-stars .rating-group input:hover ~ label svg, .full-stars-otzyv .rating-group input:hover ~ label svg { fill: #DBDBDB; } .rating-group input { width: auto !important; padding: 0 !important; margin: 0 !important; } .star { display: flex; align-items: center; } .popup_stars_text{ font-family: 'Gilroy'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; color: #333333; } .review_text div { margin: 14px 0 14px 0; } .review_text_video { display: flex; border-bottom: 1px dotted #B7C0CB; padding: 14px 0 14px 0; flex-flow: wrap; } .review_comment_video { padding: 0 0 0 15px; font-family: 'Gilroy'; font-style: italic; font-size: 14px; line-height: 140%; flex: 0 0 50%; } .otzyv_pager { text-align: left; -webkit-box-pack: start; justify-content: start; -webkit-box-align: start; align-items: start; margin: 1rem 0; } .otzyv_pager .pagination-link.--current, .otzyv_pager .pagination-link:hover { color: #000000; border: none; background: #EBEBEB; } .otzyv_pager .pagination-link { background: rgb(38,75,155); background: linear-gradient(90deg, rgba(38,75,155,1) 0%, rgba(38,75,155,1) 35%, rgba(9,149,211,1) 100%); border: none; color: #ffffff; } .float-input.video { margin-top: 2rem; } .float-input.video label { top: -1rem; left: 1rem; } .float-input.video.float-input__floated label { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform-origin: center left; -ms-transform-origin: center left; } #otzyv_add .text-bottom a { color: #1F5CA8; } #otzyv_add { padding: 1.75rem 2rem !important; } .review_video iframe { /*max-width: 560px;*/ width: 100%; min-height: 320px; } .video_file_show { /*max-width: 560px;*/ width: 100%; } .review_video { /*width: 40%;*/ /*display: contents;*/ flex: 0 0 50%; } @media (max-width:480px) { .review_header { flex-flow: wrap; } .review_vote { position: relative; margin-top: 15px; } .review_popup { display: block; } .text_botton { text-align: left; } form.review button { padding: 15px 50px !important; width: 100%; } .item_info { display: flex; align-items: center; margin-top: 5px; } form.review textarea { min-height: 4.5rem; } input.disabled { background: #F0F0F0; padding: 0.4rem 1.1875rem !important; } .popup_review_title { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 130%; color: #333333; } .popup-wrapper p { margin: 0; } .review_text_video { flex-flow: column; } } /* review end */ .video_list { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: stretch; align-content: stretch; margin-left: -10px; } .video-item { background-color: #E8F6FE; margin: 0 10px; padding: 15px; width: calc(100% / 6 - 20px); text-align: center; cursor: pointer; position: relative; } .video-item:after{ content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE3XzIzKSI+CjxjaXJjbGUgY3g9IjMwIiBjeT0iMzAiIHI9IjMwIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzAgMEMxMy40NTggMCAwIDEzLjQ1OCAwIDMwQzAgNDYuNTQyIDEzLjQ1OCA2MCAzMCA2MEM0Ni41NDIgNjAgNjAgNDYuNTQyIDYwIDMwQzYwIDEzLjQ1OCA0Ni41NDIgMCAzMCAwWk00NS41NjMgMzAuODI2TDIzLjU2MyA0NS44MjZDMjMuMzk0IDQ1Ljk0MSAyMy4xOTcgNDYgMjMgNDZDMjIuODQgNDYgMjIuNjc5IDQ1Ljk2MiAyMi41MzMgNDUuODg0QzIyLjIwNSA0NS43MTEgMjIgNDUuMzcxIDIyIDQ1VjE1QzIyIDE0LjYyOSAyMi4yMDUgMTQuMjg5IDIyLjUzMyAxNC4xMTZDMjIuODYxIDEzLjk0MiAyMy4yNTcgMTMuOTY2IDIzLjU2NCAxNC4xNzRMNDUuNTY0IDI5LjE3NEM0NS44MzYgMjkuMzYgNDYgMjkuNjY5IDQ2IDMwQzQ2IDMwLjMzMSA0NS44MzYgMzAuNjQgNDUuNTYzIDMwLjgyNloiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xN18yMykiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE3XzIzIiB4MT0iMzAiIHkxPSIwIiB4Mj0iMzAiIHkyPSI2MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMjQ0RTlEIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA5OTZENCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE3XzIzIj4KPHJlY3Qgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="); width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; } #video_open video{ object-fit: fill; } #popup-video { padding: 40px 10px 10px 10px !important; max-height: 100%; width: auto; } .video_list .slick-slide { margin: 10px; } @media (max-width: 767px) { .video-item { background-color: #E8F6FE; margin: 0 10px; padding: 15px; width: calc(100% / 2 - 20px); text-align: center; cursor: pointer; position: relative; } .hide-mobile { display: none; } .mobile-w100 { width: 100%; } .mobile-w50 { width: 50%; } .mobile-main-buy { width: 48%; display: block; float: inline-start; margin-right: 4%; margin-top: 20px; } .mobile-main-oneclick { width: 48%; bottom: -20px; display: block; } .main_mobile_name { width: 70% !important; font-size: 22px !important; font-weight: bold; line-height: 30px !important; } .main_mobile_price { font-size: 22px !important; font-weight: bold; } .mobile-w100 .text-hint { font-size: 15px; } .mobile-w100 .order { margin-top: 20px; } } .video_list .slick-dots li button::before { background: linear-gradient(180deg, #EAEAEA 0%, #AFAFAF 100%); content: ' ' !important; width: 10px; height: 10px; line-height: 10px; border-radius: 5px; } .video_list .slick-dots li.slick-active button::before { background: linear-gradient(180deg, #80CFF5 0%, #312883 100%); content: ' ' !important; } .video-text-block { margin-bottom: 20px; } .delivery_ul { background: #f4f4f4; padding: 22px 30px; color: #333333; font-size: 15px; font-weight: bold; } .surname { display: none; } @media (max-width: 360px) { .main_mobile_name { width: 70% !important; font-size: 20px !important; font-weight: bold; line-height: 24px !important; } .mobile-w100 .text-hint { font-size: 12px; } .home-grid__sku-item { padding: 15px; } .home .variants img { width: 55px; } } #cart_form .product-grid__price { display: -webkit-box; } .block__cart_user{} .block__cart_user .cart__user_item{ display: flex; align-content: center; flex-wrap: wrap-reverse; margin-bottom: 15px; } .block__cart_user .cart__user_item label{ font-family: Gilroy; font-size: 18px; font-weight: 400; line-height: 25px; letter-spacing: 0em; text-align: left; position: relative; padding-left: 25px; cursor: pointer; margin-right: 19px; } .block__cart_user .cart__user_item input[type="radio"]{ display: none !important; opacity: 0; } .del__cart{ font-family: Gilroy !important; font-size: 13px !important; font-weight: 400 !important; line-height: 18px; letter-spacing: 0em; text-align: left; color: #C81E1C !important; text-decoration: none; display: flex; align-items: center; border-bottom: 1px dotted #C81E1C; } .del__cart:hover{text-decoration: none !important;} .block__cart_user .cart__user_item label::before{ content: ' '; position: absolute; top: calc(50% - 8px); left: 0; border: 2px solid #ECEFF2; border-radius: 16px; width: 16px; height: 16px; } .block__cart_user .cart__user_item input:checked + label::after { content: ' '; position: absolute; top: calc(50% - 4px); left: 4px; width: 8px; height: 8px; background: #23519F; border-radius: 8px; } .add__new_cart{ max-width: 300px; } @media (max-width: 480px) { .slider--certs.slider .slick-slide img { height: auto !important; } } .pagination_info .pagination-link.--current, .pagination_info .pagination-link:hover { color: #000000; background-color: #EBEBEB; } .pagination_info .pagination-link.--current { margin-left: 0; } .pagination_info .pagination-link { font-family: "Euclid Circular A", "Sans-serif"; font-size: 14px; font-weight: 500; font-style: normal; line-height: 18px; width: 48px; height: 48px; margin: 0 8px; -webkit-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; text-align: center; text-decoration: none; color: #ffffff; border: none; background-color: #1A79D0; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .pagination_info .pagination-link, .pagination_info .pagination-link__next, .pagination_info .pagination-link__prev { display: -webkit-inline-box; display: inline-flex; border-radius: 0px; } .pagination_info .show_more { width: 100%; display: block; border: 1px solid #1F5CA8; padding: 17px; font-family: Gilroy; font-size: 14px; font-weight: 500; line-height: 16.48px; text-align: center; text-decoration: none; color: #1F5CA8; margin-bottom: 20px; } .cookie-popup{ position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.90); box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.08); z-index: 20; display: flex; justify-content: center; align-items: center; padding: 17px; gap: 40px; } .cookie-popup__text{ color: #494949; font-size: 20px; font-weight: 400; line-height: normal; } .cookie-popup__text a:hover{ text-decoration: underline; } .cookie-popup__btn{ width: auto; padding-left: 15px; padding-right: 15px; } @media (max-width: 980px) { .cookie-popup{ padding: 15px 20px; gap: 16px; } .cookie-popup__text{ font-size: 18px; } } @media (max-width: 767px) { .cookie-popup{ padding: 10px 12px; flex-direction: column; } .cookie-popup__text{ font-size: 13px; } } /* End */ /* /local/templates/truewater.v2/css/swiper-bundle.min.css?173684703018432 */ /* /local/templates/truewater.v2/css/styles.min.css?1726568834169641 */ /* /local/templates/truewater.v2/css/custom/custom.css?175549749912396 */ /* /local/templates/truewater.v2/css/jquery.fancybox.min.css?168682954812795 */ /* /local/templates/truewater.v2/css/slick.min.css?16868295661674 */ /* /local/templates/truewater.v2/css/slick-theme.min.css?16868296802697 */ /* /local/templates/truewater.v2/components/bitrix/form/callback_form/bitrix/form.result.new/.default/style.css?17139552406743 */ /* /local/templates/truewater.v2/template_styles.css?174919702641415 */