/* Start:/local/js/ui/hint/ui.hint.min.css?16588277322245*/
.ui-hint,.ui-hint_v1 .ui-hint-icon::after{text-align:center;cursor:pointer;display:inline-block}.ui-hint{width:26px;height:26px;transition:opacity .3s;opacity:.45;line-height:26px}.ui-hint:hover{opacity:1}.ui-hint-icon{display:inline-block;margin:7px 0 0;width:13px;height:13px;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cg%20fill%3D%22none%22%20opacity%3D%22.7%22%3E%3Cpath%20fill%3D%22%23525C69%22%20d%3D%22M12.48%206.49C12.48%203.183%209.8.5%206.49.5%203.183.5.5%203.182.5%206.49c0%203.31%202.682%205.99%205.99%205.99%203.31%200%205.99-2.68%205.99-5.99z%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M4.06%204.842c0-.308.098-.62.296-.936.197-.316.486-.578.865-.785.38-.207.823-.31%201.33-.31.47%200%20.884.086%201.244.26.36.173.638.41.834.707.196.298.294.623.294.973%200%20.275-.056.517-.168.724-.11.208-.244.387-.398.538-.154.15-.43.404-.83.76-.11.1-.198.19-.265.266-.065.076-.114.146-.147.21-.032.062-.057.125-.075.19-.018.062-.045.173-.08.332-.062.337-.255.505-.58.505-.168%200-.31-.055-.425-.165-.115-.11-.172-.274-.172-.49%200-.273.043-.51.127-.71.084-.198.196-.373.336-.524.14-.15.327-.33.564-.537.207-.183.357-.32.45-.412.092-.093.17-.195.233-.31.063-.112.095-.236.095-.37%200-.258-.097-.477-.29-.655-.192-.178-.44-.268-.746-.268-.358%200-.62.09-.79.27-.167.18-.31.445-.427.795-.11.367-.32.55-.627.55-.182%200-.335-.064-.46-.192s-.187-.267-.187-.416zm2.372%205.33c-.197%200-.37-.064-.518-.192-.147-.128-.22-.307-.22-.537%200-.205.07-.376.213-.516s.318-.21.525-.21c.205%200%20.376.07.516.21.14.14.21.31.21.516%200%20.227-.074.405-.22.535-.146.13-.314.194-.506.194z%22/%3E%3C/g%3E%3C/svg%3E);background-repeat:no-repeat}.ui-hint-content{display:block;margin:7px;max-width:670px}@media (max-width:559px){.ui-hint-content{max-width:520px}}.ui-hint.ui-hint_v1 .ui-hint-icon{background:0 0;width:20px;height:24px;margin:auto}.ui-hint.ui-hint_v1{width:20px;height:24px;opacity:1;position:relative;bottom:-4px}.ui-hint_v1 .ui-hint-icon::after{content:"?";width:16px;height:16px;line-height:16px;background:#ccc;border-radius:50%;color:#fff;font-size:12px;position:relative;top:-6px}.ui-hint_v1:hover .ui-hint-icon::after{background:#2b7dc0}
/* End */
/* Start:/local/templates/topsantehnika/css/swiper-bundle.min.css?168608131717905*/
/**
* Swiper 9.3.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: May 15, 2023
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */
/* Start:/local/templates/topsantehnika/css/slick.css?16051718171776*/
/* Slider */
.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: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-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:before,
.slick-track:after
{
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;
}
/* End */
/* Start:/local/templates/topsantehnika/css/product.css?17171672781258*/
.modal__dialog.quick-view {
max-width: 1090px;
width: calc(100% - 50px);
}
.quick-view .product-card__main {
width: 100%;
}
.quick-view .product-card__info {
padding-right: 0;
}
.quick-view-btn {
display: flex;
justify-content: center;
}
.item-img-block .item-img-block__quick-view {
display: block;
text-align: center;
font-family: 'Arimo';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: var(--grey-color);
cursor: pointer;
text-decoration: none;
opacity: 0;
padding: 6px 10px 7px;
position: absolute;
bottom: 20px;
width: 150px;
background: #FFFFFF;
z-index: 2;
}
@media (max-width: 998px) {
.item-img-block .item-img-block__quick-view {
display: none;
}
}
.catalog-item:hover .item-img-block .item-img-block__quick-view {
opacity: 0.9;
}
.item-img-block .item-img-block__quick-view:hover,
.item-img-block .item-img-block__quick-view:active {
text-decoration: none;
}
.block-relative {
position: relative;
}
.quick-view .product-properties__value span {
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
/* End */
/* Start:/local/templates/topsantehnika/css/favorite.css?17434248462173*/
.icon-heart::before {
background-position: -46px -362px;
}
.header-btn_favorite:hover .icon-heart::before {
background-position: -46px -380px;
}
.btn-favorite {
width: 18px;
height: 18px;
cursor: pointer;
}
.btn-favorite::before {
content: '';
width: 18px;
height: 18px;
display: inline-block;
background: no-repeat var(--url-sprites) -46px -362px;
}
.btn-favorite:hover::before,
.btn-favorite.active::before {
background-position: -46px -380px;
}
/*region favorite-helper*/
.favorite-helper {
padding: 0;
}
.favorite-helper__items {
margin: 0 -5px 0 -5px;
}
.favorite-helper__item {
display: inline-block;
padding: 5px;
}
.favorite-helper__value {
display: inline-block;
padding: 9px 10px;
background: rgba(234, 242, 249, 1);
color: #2A2A2A;
border-radius: 5px;
cursor: pointer;
font-family: Arimo;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 150%;
transition: all ease-in-out .2s;
text-decoration: none;
}
@media (max-width: 1200px) {
.favorite-helper__item {
display: inline-block;
padding: 5px;
width: calc(100% - 15px);
}
.favorite-helper__value {
width: 100%;
}
}
.favorite-helper__value:hover {
background: rgba(11, 89, 234, 1);
color: #fff;
text-decoration: none;
}
.favorite-helper__value:active,
.favorite-helper__value.active,
.favorite-helper__value:focus {
background: rgba(11, 89, 234, 1);
color: #fff;
text-decoration: none;
}
.favorite-helper__count {
opacity: .6;
padding-left: 5px;
}
.app-compare.onload {
position: relative;
}
.app-compare.onload:before {
content: '';
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(249, 248, 248, .5);
}
/*endregion favorite-helper*/
.favorite-btns__right {
line-height: 18px;
padding: 5px 0;
}
.favorite-btns {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 560px) {
.favorite-btns .favorite-btns__left {
width: 100%;
}
}
/* End */
/* Start:/local/templates/topsantehnika/css/notify.min.css?16553801731245*/
.notifyjs-tn-base,.notifyjs-tn-compare-base{font-family:'Arimo';font-style:normal;font-weight:400;font-size:16px;line-height:120%;color:#666;background:#fff;box-shadow:0 4px 8px rgba(42,42,42,.12);padding:20px;width:304px;border-radius:5px}.notify-good{display:grid;grid-template-areas:'image title' 'image description' 'image action-link';grid-template-columns:61px auto;gap:5px 6px}.notify-good__column-image{grid-area:image;text-align:center}.notify-good__image{max-width:100%;max-height:82px;margin:auto}.notify-good__title{font-weight:700;grid-area:title;color:#2a2a2a}.notify-good__description{grid-area:description;color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;max-height:38px}.notify-good__action-link{grid-area:action-link;font-family:'Arimo';font-style:normal;font-weight:700;font-size:12px;line-height:18px;color:#2b7dc0;cursor:pointer;padding-top:4px;text-decoration:none}.notify-good__action-link:active,.notify-good__action-link:hover{text-decoration:none}.notify-good__close .icon-bg.cross{background-position:-48px -261px;width:100%;height:100%;display:inline-block}.notify-good{position:relative}.notify-good__close{position:absolute;right:-8px;top:-12px;width:12px;height:12px}
/* End */
/* Start:/local/templates/topsantehnika/css/jquery-ui.min.css?160517181732076*/
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/local/templates/topsantehnika/css/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/local/templates/topsantehnika/css/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/local/templates/topsantehnika/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/local/templates/topsantehnika/css/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/local/templates/topsantehnika/css/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/local/templates/topsantehnika/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/local/templates/topsantehnika/css/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/topsantehnika/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/topsantehnika/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/topsantehnika/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/topsantehnika/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/topsantehnika/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/topsantehnika/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/topsantehnika/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* End */
/* Start:/local/templates/topsantehnika/css/detail.css?174342484651760*/
/*region product*/
.product_load {
position: relative;
}
.product_load:before {
content: '';
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(249, 248, 248, .5);
}
@media (max-width: 998px) {
.product__h1.page-block__title {
font-size: 24px;
}
}
@media (max-width: 768px) {
.product__h1.page-block__title {
font-size: 22px;
}
}
@media (max-width: 560px) {
.product__h1.page-block__title {
font-size: 20px;
}
.page-block__title {
word-break: break-word;
}
}
/*endregion product*/
/*region product-line*/
.product-line {
padding: 10px 0;
background: #FFFFFF;
box-shadow: 0px 6px 12px rgba(42, 42, 42, 0.05);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 2;
transition: all .3s ease;
border-bottom: solid 1px #eee;
transform: translateY(-100%);
}
.product-line_show {
transform: translateY(0);
}
.product-line__content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.product-line__name {
color: #2A2A2A;
font-weight: bold;
font-size: 14px;
line-height: 150%;
padding: 0 10px 0 0;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-line__img-block {
width: calc((100% / 12) * 1);
}
.product-line__img-block {
}
.product-line__img {
max-width: 100%;
max-height: 52px;
width: auto;
}
.product-line__info {
display: flex;
align-items: center;
justify-content: space-between;
width: calc((100% / 12) * 9);
}
.product-line__btn-block {
width: calc((100% / 12) * 2);
text-align: right;
}
.product-line__price-old {
font-size: 12px;
line-height: 16px;
text-decoration-line: line-through;
}
.product-line__price {
color: #404040;
font-size: 20px;
font-weight: bold;
line-height: 150%;
}
.product-line__add-basket {
display: inline-block;
font-size: 16px;
}
.product-line__preview {
width: 70%;
}
.product-line__price-block {
display: flex;
flex-direction: column;
}
@media (max-width: 998px) {
.product-line__img-block {
width: calc((100% / 12) * 1);
}
.product-line__info {
width: calc((100% / 12) * 8.5);
}
.product-line__btn-block {
width: calc((100% / 12) * 2.5);
}
}
@media (max-width: 768px) {
.product-line__img-block {
display: none;
}
.product-line__name {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-line__info {
width: calc((100% / 12) * 8.5);
}
.product-line__btn-block {
width: calc((100% / 12) * 3.5);
text-align: right;
}
.product-line__price {
font-size: 18px;
}
}
@media (max-width: 560px) {
.product-line__img-block {
display: none;
}
.product-card__link-properties.link-bold {
display: none;
}
.product-line__info {
width: calc((100% / 12) * 8);
flex-direction: row;
flex-wrap: wrap;
}
.product-line__btn-block {
width: calc((100% / 12) * 4);
}
.product-line__preview {
width: 100%;
}
.product-line__price-block {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: left;
padding-top: 5px;
}
.product-line__price-old {
order: 2;
font-size: 12px;
line-height: 16px;
}
.product-line__price {
order: 1;
font-size: 16px;
line-height: 150%;
padding-right: 10px;
}
}
@media (max-width: 520px) {
.product-line__info {
width: calc((100% / 12) * 6);
}
.product-line__btn-block {
width: calc((100% / 12) * 6);
}
}
/*endregion product-line*/
/*region product-card*/
.product-card__id-name {
font-size: 14px;
line-height: 150%;
color: #666;
}
.product-card__id-value {
font-size: 14px;
font-weight: bold;
line-height: 150%;
color: #2A2A2A;
}
.product-card__title-block {
padding-bottom: 10px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.product-card {
font-family: 'Arimo';
position: relative;
}
.product-card__main-block {
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
justify-content: space-between;
width: 100%;
padding-top: 10px;
}
.product-card__main {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: calc((100% / 12) * 10);
}
.product-card__gallery {
width: 50%;
}
.product-card__gallery-sticky {
position: sticky;
top: 20px;
}
.product-card__info {
width: 50%;
padding: 0 30px 0 30px;
}
.product-card__helper {
width: calc((100% / 12) * 2);
}
.product-card__gallery_modal {
width: 100%;
}
.product-card__link-properties.link-bold {
font-size: 14px;
line-height: 150%;
padding-top: 5px;
}
.product-card__helper-sticky {
position: sticky;
top: 20px;
}
.product-card__helper-inner-mobile {
display: none;
}
.product-card__manufacturer-certificat {
padding-bottom: 44px;
}
.product-card__manufacturer-certificat {
display: none;
}
.product-card__manufacturer-certificat-img {
max-width: 162px;
max-height: 226px;
cursor: pointer;
box-shadow: 0px 8px 15px rgba(42, 42, 42, 0.1);
border-radius: 5px;
transition: all ease-in-out 0.1s;
}
.product-card__manufacturer-certificat-img:hover {
box-shadow: 0px 8px 15px rgba(42, 42, 42, 0.2);
}
.product-card__manufacturer-link-logo {
display: block;
background: #fff;
}
.product-card__manufacturer-logo {
padding-top: 15px;
}
.product-card__manufacturer-img-logo {
max-width: 100%;
}
.product-card__columns {
display: flex;
position: relative;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
}
.product-card__column-properties {
width: 80%;
}
.product-card__column-manufacturer-logo {
width: 20%;
}
.product-card__id-block {
padding-right: 20px;
}
@media (max-width: 1100px) {
.product-card__main {
width: calc((100% / 12) * 9.5);
}
.product-card__helper {
width: calc((100% / 12) * 2.5);
}
.product-card__gallery {
width: 40%;
}
.product-card__info {
width: 60%;
}
}
@media (max-width: 998px) {
.product-card__main {
width: calc((100% / 12) * 9);
max-width: 70%;
}
.product-card__helper {
width: calc((100% / 12) * 3);
}
.product-card__gallery {
width: 100%;
margin: 0 auto;
}
.product-card__info {
width: 100%;
padding: 20px 0 0 0;
}
}
@media (max-width: 768px) {
.product-card__main {
width: 100%;
max-width: 100%;
}
.product-card__helper {
width: 100%;
}
.product-card__helper-inner {
display: none;
}
.product-card__helper-inner-mobile {
display: block;
}
}
@media (max-width: 460px) {
.product-card__column-properties {
width: 100%;
order: 2;
}
.product-card__column-manufacturer-logo {
width: 100%;
order: 1;
}
.product-card__id-block{
padding-bottom: 5px;
}
}
/*endregion product-card*/
/*region product-card__btns-order*/
.product-card__btns-order {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -5px;
padding-top: 10px;
padding-bottom: 20px;
position: relative;
}
.product-card__btns-order:after {
content: '';
position: absolute;
bottom: 0;
left: 5px;
width: calc(100% - 10px);
border-top: 1px solid #eee;
}
.product-card__btn-block {
width: 50%;
padding: 0 5px;
}
.product-card__add-basket {
display: block;
}
.product-card__buy-now {
display: block;
}
button.product-card__add-basket,
button.product-card__buy-now {
width: 100%;
font-family: inherit;
}
@media (max-width: 450px) {
.product-card__btn-block {
width: 100%;
padding: 5px 5px;
}
}
/*endregion product-card__btns-order*/
/*region product-cart__price*/
.product-card__price-first-line {
padding-bottom: 10px;
padding-top: 4px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.product-cart__price-text {
color: #666666;
font-size: 14px;
line-height: 16px;
padding-top: 5px;
}
.product-cart__price-line {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
padding-top: 5px;
padding-bottom: 10px;
}
.product-cart__price {
font-size: 26px;
line-height: 150%;
color: #404040;
font-weight: 700;
padding-right: 15px;
}
.product-card__price-discount {
display: block;
text-align: center;
font-size: 14px;
line-height: 16px;
color: #000;
padding: 0 7px;
border-radius: 5px;
background-color: #fff200;
}
.product-card__price-old {
font-size: 12px;
line-height: 16px;
text-decoration: line-through;
color: #666666;
padding-right: 15px;
}
/*endregion product-cart__price*/
/*region product-card__delivery*/
.product-card__delivery {
position: relative;
padding-top: 20px;
padding-bottom: 12px;
display: none;
}
.product-card__delivery_show {
display: block;
}
.product-card__delivery:after {
content: '';
position: absolute;
bottom: 5px;
width: 100%;
border-top: 1px solid #eee;
}
.product-card__delivery-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-bottom: 8px;
}
.product-card__delivery-location.link-bold {
font-size: 14px;
line-height: 150%;
cursor: pointer;
padding-left: 26px;
position: relative;
}
.product-card__delivery-location:before {
content: '';
position: absolute;
width: 18px;
height: 18px;
left: 0;
background-repeat: no-repeat;
background-position: -211px -198px;
}
.product-card__delivery-date {
font-size: 14px;
line-height: 150%;
color: #666666;
position: relative;
text-decoration: none;
}
.product-card__delivery-date:before {
content: '/';
position: relative;
padding: 0 5px;
color: #eee;
}
.product-card__delivery-date {
color: #2A2A2A;
}
.product-card__delivery-price {
font-weight: 700;
font-size: 14px;
line-height: 150%;
color: #2A2A2A;
}
.product-card__delivery-price:before {
content: '/';
position: relative;
padding: 0 5px;
color: #eee;
}
.product-card__delivery-name {
font-size: 14px;
line-height: 150%;
color: #666;
padding-left: 26px;
position: relative;
padding-right: 25px;
cursor: pointer;
}
.product-card__delivery-name:before {
content: '';
position: absolute;
width: 18px;
height: 18px;
left: 0;
background-repeat: no-repeat;
background-position: -211px -216px;
}
.product-card__delivery-name_express:before {
background-position: -211px -12px;
}
.product-card__delivery-name:after {
content: '?';
position: absolute;
top: 3px;
right: 0;
width: 16px;
height: 16px;
line-height: 16px;
background: #ccc;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 12px;
cursor: pointer;
}
.product-card__delivery-name:hover:after {
background: #2b7dc0;
}
.product-card__delivery-name_express {
}
.product-card__delivery-description {
position: absolute;
width: 350px;
display: none;
color: #666;
background: #fff;
box-shadow: 0px 4px 8px rgba(42, 42, 42, 0.12);
border-radius: 5px;
padding: 20px 20px 10px 20px;
font-size: 14px;
}
.product-card__delivery-name_active .product-card__delivery-description {
display: block;
z-index: 1;
}
.product-card__delivery-description-link.link-bold {
display: inline-block;
padding-left: 5px;
font-size: 14px;
}
/*endregion product-card__delivery*/
/*region product-card-max-slider*/
.product-card-max-slider__item {
height: 405px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
padding-top: 30px;
}
.product-card-max-slider__item-video {
position: relative;
border-radius: 3%;
}
.video-wrap {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
}
.product-card-max-slider__item-video iframe {
position: absolute;
opacity: 0;
visibility: hidden;
}
.product-card-max-slider__item img.product-card-max-slider__img {
max-width: 100%;
width: 100%;
max-height: 100%;
margin: 0 auto;
object-fit: contain;
}
.product-card-max-slider {
padding-bottom: 5px;
}
/*endregion product-card-max-slider*/
/*region product-card-min-slider*/
.product-card-min-slider {
position: relative;
padding: 5px 27px 5px 27px;
}
.product-card-min-slider__item {
display: flex;
align-items: center;
justify-content: center;
width: 74px;
height: 80px;
max-width: 100%;
border: 1.2px solid transparent;
cursor: pointer;
transition: all ease-in-out .2s;
}
.product-card-min-slider__item.swiper-slide-thumb-active {
border: 1.2px solid #F02C37;
border-radius: 2px;
}
.product-card-max-slider__pagination {
bottom: auto !important;
display: flex;
}
.product-card-max-slider__pagination .swiper-pagination-bullet {
display: inline-block;
zoom: 1;
cursor: pointer;
background: #eee;
flex-grow: 1;
position: relative;
height: 2px;
border-radius: 4px;
margin: 10px 5px 0 !important;
opacity: 1;
}
.product-card-max-slider__pagination .swiper-pagination-bullet-active {
background-color: #999;
}
.product-card-min-slider__item:hover {
border: 1.2px solid #F02C37;
}
.product-card-min-slider__btn {
width: 16px;
height: 16px;
}
.product-card-min-slider__item .product-card-min-slider__img {
max-width: 100%;
max-height: 100%;
width: auto;
padding: 5%;
}
@media (max-width: 998px) {
.product-card-min-slider {
display: none;
}
}
.product-card-min-slider__btns {
display: none;
}
.product-card-min-slider__btns_active {
display: block;
}
.product-card-min-slider__btn {
position: absolute;
z-index: 2;
cursor: pointer;
right: 0;
bottom: calc(50% - 9px);
}
.product-card-min-slider__btn_back {
left: 0;
right: auto;
}
.product-card-min-slider__btn_back.icon-bg {
transform: rotate(180deg);
}
.product-card-min-slider__btn.icon-bg {
width: 18px;
height: 18px;
background-position: -263px -9px;
}
.product-card-min-slider__btn.icon-bg:hover {
background-position: -263px -30px;
}
.product-card-min-slider__btn.icon-bg:active {
background-position: -263px -51px;
}
/*endregion product-card-min-slider*/
/*region product-properties*/
.product-properties {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.product-properties_select {
position: relative;
display: none;
padding-bottom: 15px;
}
.product-properties_select_show {
display: block;
}
.product-properties_select:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px solid #eee;
}
.product-properties__item {
display: grid;
grid-template-columns: 1fr 1fr;
padding-top: 5px;
align-items: end;
}
.product-properties__name {
position: relative;
font-size: 14px;
line-height: 150%;
color: #666;
}
.product-properties__name_border:before {
content: '';
width: 100%;
border-bottom: 1px dashed #e5e5e5;
position: absolute;
bottom: 5px;
z-index: -1;
}
.product-properties__name-text {
display: inline-block;
background: #fff;
color: #2A2A2A;
}
.product-properties__name_bold {
font-weight: bold;
color: #222;
}
.product-properties__value {
font-size: 14px;
line-height: 18px;
color: #2A2A2A;
display: flex;
align-items: center;
}
.product-properties__value span {
word-break: break-word;
}
.product-properties__hr:before {
content: '';
width: 100%;
position: absolute;
height: 1px;
border-bottom: 1px solid #eee;
}
.product-properties__value a {
color: #2B7DC0;
font-size: 14px;
line-height: 150%;
text-decoration: none;
font-weight: bold;
}
.product-properties__value a:hover {
color: #266CA6;
}
.product-properties__value {
padding-right: 10px;
}
.product-properties__value-block {
border: 1px solid #CCCCCC;
box-sizing: border-box;
border-radius: 2px;
padding: 6px;
display: inline-block;
margin-bottom: 5px;
margin-right: 10px;
cursor: pointer;
}
.product-properties__value-block_active {
border-color: #F02C37;
}
@media (max-width: 1200px) {
.product-properties_list {
padding-top: 10px;
padding-bottom: 10px;
}
.product-properties__item {
grid-template-columns: auto 30%;
}
.product-properties_list .product-properties__item,
.product-properties_select .product-properties__item {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.product-properties__item {
grid-template-columns: auto 40%;
}
}
/*endregion product-properties*/
/*region product-scope*/
.product-scope {
}
.product-scope__block {
position: relative;
}
.product-scope__list {
font-family: 'Arimo';
font-size: 14px;
line-height: 150%;
color: #2A2A2A;
max-height: 300px;
overflow-y: auto;
padding-bottom: 5px;
}
.file.file__li::before {
background-position: -212px -303px;
height: 17px;
width: 17px;
top: 9px;
}
.file.file__li.pdf::before {
/**@todo style for pdf*/
}
.text ul li.product-scope__item {
display: none;
padding-top: 5px;
}
.product-scope__block_open ul li.product-scope__item,
.text ul li.product-scope__item:nth-child(-n+3) {
display: block;
}
.product-scope__name {
}
.product-scope__count {
color: #999999;
}
.product-scope__btn-more.link-bold {
font-size: 14px;
line-height: 150%;
cursor: pointer;
padding-top: 5px;
}
@media (max-width: 768px) {
.product-scope.panel-bg__content {
box-shadow: none;
padding: 0;
}
.product-scope__block {
padding-bottom: 45px;
}
.product-scope__block:after {
content: '';
position: absolute;
bottom: 15px;
width: 100%;
height: 1px;
border-top: 1px solid #EEEEEE;
}
}
/*endregion product-scope*/
/*region messenger-icons*/
.messenger-icons {
padding: 30px 20px 20px 20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-top: -30px;
}
.messenger-icons__item {
position: relative;
display: block;
width: 22px;
height: 22px;
cursor: pointer;
}
.messenger-icons__item:before {
content: '';
position: absolute;
width: 22px;
height: 22px;
background-repeat: no-repeat;
background-position: -77px -220px;
}
.messenger-icons__item_telegram:before {
background-position: -77px -170px;
}
.messenger-icons__item_whatsapp:before {
background-position: -77px -195px;
}
.messenger-icons__item_chat:before {
background-position: -77px -145px;
}
.messenger-icons__item_viber:before {
background-position: -77px -220px;
}
.messenger-icons__text {
display: none;
position: absolute;
left: -50%;
bottom: 115%;
font-weight: bold;
font-size: 10px;
line-height: 120%;
color: #249CCE;
text-align: center;
}
.messenger-icons__item:hover .messenger-icons__text {
display: block;
}
@media (max-width: 768px) {
.messenger-icons {
justify-content: space-between;
width: 70%;
padding: 20px;
margin: 0 -20px;
}
.messenger-icons__item:before {
position: relative;
display: block;
margin: 0 auto 5px auto;
}
.messenger-icons__item {
width: 50px;
height: auto;
}
.messenger-icons__text {
position: relative;
display: block;
left: auto;
bottom: auto;
}
}
@media (max-width: 560px) {
.messenger-icons {
width: 80%;
}
}
@media (max-width: 460px) {
.messenger-icons {
width: 100%;
}
}
/*endregion messenger-icons*/
/*region product-block*/
.product-block {
width: 100%;
}
.product-block__content {
position: relative;
display: grid;
width: 100%;
grid-template-columns: 8fr 4fr;
}
.product-block__properties,
.product-block__description {
/*width: calc((100% / 12) * 8);*/
}
.product-block__main_width {
/*width: 100%;*/
}
/*.product-block__more {*/
/* width: calc((100% / 12) * 4);*/
/* padding-left: calc((100% / 12));*/
/*}*/
.product-block__more {
/*width: calc((100% / 12) * 4);*/
grid-column: 2;
grid-row: 1/3;
padding-left: 54px;
padding-top: 25px;
}
.product-block__block {
/*position: sticky;*/
/*top: 0;*/
}
@media (max-width: 768px) {
.product-block__content {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.product-block__description {
order: 1
}
.product-block__description {
padding-bottom: 0;
}
.product-block__description .page-block_border:after {
display: none;
}
.product-block__properties {
order: 3
}
.product-block__more {
order: 2;
width: 100%;
padding-left: 0;
}
.product-block__properties,
.product-block__description {
width: 100%;
}
}
/*endregion product-block*/
/*region product-icons__hit*/
.product-icons {
width: 100%;
position: absolute;
z-index: 2;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 7px;
}
.product-icons__hit {
position: relative;
cursor: pointer;
}
.product-icons__hit-title {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 16px;
color: #F26C21;
font-weight: bold;
padding-left: 25px;
padding-right: 25px;
}
.product-icons__hit-title:before {
content: '';
position: absolute;
top: -2px;
left: 0;
width: 18px;
height: 18px;
background-position: -211px -260px;
}
.product-icons__hit-title:after {
content: 'i';
position: absolute;
right: 0;
width: 16px;
height: 16px;
background: #ccc;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 12px;
}
.product-icons__hit_active .product-icons__hit-title:after {
background: #2b7dc0;
}
.product-icons__hit-text {
position: absolute;
width: 350px;
display: none;
color: #666;
background: #fff;
box-shadow: 0px 4px 8px rgba(42, 42, 42, 0.12);
border-radius: 5px;
padding: 20px 20px 10px 20px;
font-size: 14px;
}
.product-icons__hit_active .product-icons__hit-text {
display: block;
}
.product-icons__list {
margin: 0 0 0 auto;
display: flex;
}
.product-icons__list-item {
position: relative;
width: 24px;
height: 24px;
margin-left: 6px;
}
.product-icons__list-item:before {
content: '';
position: absolute;
left: 0;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: -76px -37px;
}
.product-icons__list-item_new:before {
background-position: -76px -10px;
}
/*endregion product-icons__hit*/
.product-description__text {
height: 120px;
overflow: hidden;
}
.product-description__text_show,
.product-description__text_hidden {
overflow: auto;
height: auto;
}
.product-description__more.link-bold {
cursor: pointer;
padding-top: 15px;
font-size: 14px;
line-height: 150%;
display: none;
}
.product-description__more_show.link-bold {
display: inline-block;
}
.certificate-block {
text-align: center;
}
.product-modal-gallery {
max-width: 560px;
margin: 0 auto;
}
.product-modal-gallery .product-card-max-slider__img {
max-height: 530px;
}
/*region set-preview*/
.set-preview__list {
display: flex;
margin: 0 -5px;
padding-bottom: 5px;
}
.set-preview__item {
padding: 5px;
}
.set-preview__img-block {
width: 64px;
height: 64px;
border: solid 1px #ccc;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
}
.set-preview__img {
max-width: 100%;
max-height: 100%;
}
.set-preview__title {
font-weight: 400;
font-size: 14px;
color: #2A2A2A;
padding-top: 2px;
padding-bottom: 5px;
}
.set-preview__title-count {
font-weight: 700;
padding-left: 5px;
}
/*endregion set-preview*/
/*region sets*/
.sets {
position: relative;
display: grid;
grid-gap: 0;
grid-template-columns: 75% 25%;
}
.sets_load:before {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(249, 248, 248, .5);
}
.sets__load.loader {
display: none;
position: absolute;
z-index: 1;
left: calc(50% - 15px);
top: calc(50% - 15px);
}
.sets_load .sets__load.loader {
display: block;
}
.sets_change {
height: 320px;
}
.sets__products {
position: relative;
overflow: hidden;
transition: height ease-in-out .2s;
}
.sets__products-content {
position: relative;
display: grid;
grid-template-columns: 25% 25% 25% 25%;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.sets__products:before {
content: '';
position: absolute;
top: 0;
width: 100%;
z-index: 0;
border-bottom: 1px solid #eee;
}
.sets__item {
display: none;
position: relative;
border: 1px solid #eee;
margin: 0 -1px -1px 0;
}
.sets__products_show .sets__item,
.sets__item:nth-child(-n+4) {
display: block;
}
.sets__item:nth-child(4n+4) {
border-right: 0;
}
.sets__result {
background: #FAFAFA;
border-left: 1px solid #eee;
padding: 20px 30px;
color: #2A2A2A;
}
.sets__result-title {
font-size: 16px;
font-weight: 400;
line-height: 150%;
padding: 10px 0;
}
.sets__result-text {
font-weight: 700;
font-size: 16px;
line-height: 150%;
padding: 10px 0;
}
.sets__result-price-block {
padding: 10px 0;
}
.sets__result-price {
font-weight: 700;
font-size: 22px;
line-height: 22px;
display: inline-block;
padding-right: 10px;
}
.sets__result-price-old {
font-weight: 700;
font-size: 12px;
line-height: 16px;
color: #666666;
text-decoration-line: line-through;
display: inline-block;
}
.sets__result-percent-block {
padding-bottom: 10px;
}
.sets__result-percent {
display: inline-block;
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 16px;
color: #2A2A2A;
border-radius: 5px;
background-color: #fff200;
padding: 3px 4px 3px 4px;
}
.sets__result-more {
}
.sets__result-more-btn-block {
padding-top: 10px;
}
.sets__result-btns {
padding-top: 15px;
padding-bottom: 10px;
}
@media (max-width: 1200px) {
.sets {
grid-template-columns: 80% 20%;
}
.sets__result {
padding: 15px 15px;
}
.sets__result-text,
.sets__result-title {
font-size: 14px;
padding: 5px 0;
}
.sets__result-price {
font-size: 18px;
line-height: 18px;
}
}
@media (max-width: 998px) {
.sets {
display: block;
}
.sets_change {
height: 460px;
}
.sets__products-content {
border-right: 1px solid #eee;
grid-template-columns: 33.3% 33.3% 33.3%;
}
.sets__result {
border-left: 0;
display: flex;
flex-direction: column;
padding: 10px 10px;
}
.sets__result-percent-block {
display: inline-block;
padding-right: 10px;
}
.sets__result-info {
/*order: 3;*/
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.sets__result-price-block {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
padding: 5px 0;
}
.sets__result-percent-block {
padding-bottom: 0;
}
.sets__result-btns {
/*order: 3;*/
padding-top: 5px;
padding-bottom: 10px;
}
.sets__result-more {
/*order: 1;*/
}
.sets__result-more-btn-block {
padding-bottom: 20px;
}
.sets__result-title {
/*order: 2;*/
}
.sets__products_show .sets__item,
.sets__item:nth-child(-n+4) {
display: none;
}
.sets__products_show .sets__item,
.sets__item:nth-child(-n+3) {
display: block;
}
.sets__item:nth-child(4n+4) {
border: 1px solid #eee;
}
.sets__item:nth-child(3n+3) {
border-right: 0;
}
}
@media (max-width: 768px) {
.sets_change {
height: 610px;
}
.sets__products-content {
grid-template-columns: 50% 50%;
}
.sets__products_show .sets__item,
.sets__item:nth-child(-n+3) {
display: none;
}
.sets__products_show .sets__item,
.sets__item:nth-child(-n+2) {
display: block;
}
.sets__item:nth-child(3n+3) {
border: 1px solid #eee;
}
.sets__item:nth-child(2n+2) {
border-right: 0;
}
}
@media (max-width: 560px) {
}
/*endregion sets*/
/*region sets-item*/
.sets-item {
padding: 15px 20px 15px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.sets-item__icons-left {
position: absolute;
top: 15px;
left: 15px;
}
.sets-item__yellow-icon {
background: #fff200;
border-radius: 5px;
padding: 3px 4px;
margin-bottom: 5px;
font-size: 12px;
}
.sets-item__icons {
position: absolute;
display: flex;
top: 15px;
right: 15px;
}
.sets-item__icon {
position: relative;
width: 24px;
height: 24px;
margin-left: 6px;
}
.sets-item__img-link {
display: flex;
align-items: center;
justify-content: center;
height: 175px;
}
.sets-item__img {
max-width: 100%;
max-height: 100%;
}
.sets-item__link {
font-size: 16px;
font-weight: 400;
line-height: 21px;
color: #2A2A2A;
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
padding-top: 5px;
}
.sets__item:last-child .sets-item__plus,
.sets__item:nth-child(4n+4) .sets-item__plus {
display: none;
}
.sets-item__available {
padding: 5px 0;
}
.sets-item__price-block {
padding-top: 5px;
}
.sets-item__price {
display: inline-block;
font-size: 20px;
line-height: 22px;
color: #2A2A2A;
font-weight: 700;
}
.sets-item__price-old {
display: inline-block;
font-weight: 700;
font-size: 12px;
line-height: 12px;
color: #ccc;
text-decoration-line: line-through;
}
.sets-item__icons {
position: absolute;
display: flex;
top: 15px;
right: 15px;
}
.sets-item__icon {
position: relative;
width: 24px;
height: 24px;
margin-left: 3px;
}
.sets-item__icon:before {
content: '';
position: absolute;
left: 0;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: -76px -37px;
}
.sets-item__icon_top:before {
background-position: -76px -91px;
}
.sets-item__icon_new:before {
background-position: -76px -10px;
}
.sets-item__icon_express:before {
background-position: -76px -64px;
}
.sets-item__properties {
min-height: 20px;
padding: 5px 0;
font-size: 14px;
line-height: 16px;
}
.sets-item__property {
padding: 2px 0;
}
.sets-item__property-name {
color: #999;
}
.sets-item__property-value {
}
.sets-item__plus {
position: absolute;
border: 1px solid #ccc;
border-radius: 50%;
z-index: 1;
width: 28px;
height: 28px;
top: calc(50% - 14px);
right: -15px;
}
.sets-item__plus:after {
content: '';
position: absolute;
width: 1px;
height: 13px;
left: 12px;
top: 7px;
background: #ccc;
}
.sets-item__plus:before {
content: '';
position: absolute;
top: 13px;
left: 6px;
width: 13px;
height: 1px;
background: #ccc;
}
.sets-item__btn {
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #2a2a2a;
display: flex;
align-items: center;
padding-top: 15px;
cursor: pointer;
}
.sets-item__btn-text {
padding-left: 10px;
}
.sets-item__btn-icon {
position: relative;
border-radius: 2px;
z-index: 0;
width: 25px;
min-width: 25px;
height: 25px;
min-height: 25px;
background: #eee;
border: solid 1px #eee;
transition: all ease-in-out 0.2s;
}
.sets-item__btn-icon:before {
content: '';
position: absolute;
top: 11.8px;
left: 2.5px;
width: 10px;
height: 2px;
background: #fff;
border-radius: 1px;
transform: rotate(41deg);
}
.sets-item__btn-icon:after {
content: '';
position: absolute;
width: 2px;
height: 14px;
left: 14px;
top: 4px;
background: #fff;
border-radius: 1px;
transform: rotate(45deg);
}
.sets-item__btn-icon_add {
background: #ed2b32;
border: solid 1px #ed2b32;
}
.sets-item__btn:hover .sets-item__btn-icon_add {
background: #2B7DC0;
border: solid 1px #2B7DC0;
}
.sets-item__btn-icon_add:before {
content: '';
position: absolute;
top: 11px;
left: 4px;
width: 16px;
height: 2px;
background: #fff;
border-radius: 1px;
transform: none;
}
.sets-item__btn-icon_add:after {
content: '';
position: absolute;
width: 2px;
height: 16px;
left: 11px;
top: 4px;
background: #fff;
border-radius: 1px;
transform: none;
}
.sets-item__btn-icon_ok {
background: #2B7DC0;
border: solid 1px #2B7DC0;
}
.sets-item__btn:hover .sets-item__btn-icon_ok {
background: #ed2b32;
border: solid 1px #ed2b32;
}
@media (max-width: 1200px) {
}
@media (max-width: 998px) {
.sets__item:last-child .sets-item__plus,
.sets__item:nth-child(4n+4) .sets-item__plus {
display: block;
}
.sets__item:last-child .sets-item__plus,
.sets__item:nth-child(3n+3) .sets-item__plus {
display: none;
}
}
@media (max-width: 768px) {
.sets__item:last-child .sets-item__plus,
.sets__item:nth-child(3n+3) .sets-item__plus {
display: block;
}
.sets__item:last-child .sets-item__plus,
.sets__item:nth-child(2n+2) .sets-item__plus {
display: none;
}
}
@media (max-width: 560px) {
.sets-item {
padding: 10px 10px 20px 10px;
}
.sets-item__plus {
display: none;
}
}
/*endregion sets-item*/
/*region properties-nav*/
.properties-nav {
padding: 5px 0 5px 0;
font-size: 14px;
line-height: 150%;
color: #2A2A2A;
}
.properties-nav__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -5px;
}
.properties-nav__item {
padding: 5px;
max-width: 33%;
cursor: pointer;
}
.properties-nav__item_hidden {
display: none;
}
.properties-nav__item-content {
display: flex;
align-items: center;
padding: 6px 14px;
border: 1px solid #E5E5E5;
border-radius: 5px;
transition: ease-in-out 0.1s;
}
.properties-nav__item:hover .properties-nav__item-content,
.properties-nav__item_active .properties-nav__item-content {
border: 1px solid #2B7DC0;
box-shadow: 0px 6px 12px rgba(42, 42, 42, 0.1);
}
.properties-nav__img-block {
width: 100px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
}
.properties-nav__img {
border-radius: 2px;
max-width: 100%;
max-height: 100%;
}
.properties-nav__name {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
padding-left: 8px;
user-select: none;
}
@media (max-width: 998px) {
.properties-nav__item {
max-width: 50%;
}
}
/*endregion properties-nav*/
/*region one-click-modal*/
.one-click-modal__btn-block {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.one-click-modal__btn-info {
width: 60%;
padding-right: 10%;
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #666
}
@media (max-width: 768px) {
.one-click-modal__btn-info {
width: 100%;
order: 2;
padding: 10px 0 0 0;
}
.one-click-modal__btn {
order: 1;
width: 100%;
}
}
/*endregion one-click-modal*/
/*region product-order-gifts__item*/
.product-order-gifts__item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-top: 5px;
cursor: pointer;
}
.product-order-gifts__img-block {
width: 20%;
}
.product-order-gifts__img {
max-width: 100%;
}
.product-order-gifts__name {
padding-left: 10px;
width: 80%;
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #666666;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-order-gifts__item:hover .product-order-gifts__name {
color: #2b7dc0;
}
/*endregion product-order-gifts__item*/
.product-card__btns-order:after {
display: none;
}
/* ДолÑми */
.fraction-block {
cursor: pointer;
display: flex;
align-items: center;
gap: 12px;
position: relative;
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
background-color: #FAFAFA;
opacity: 1;
width: 100%;
transition: opacity .3s ease-in-out;
}
.fraction-block:hover {
opacity: .85;
}
.fraction-text {
color: #2A2A2A;
font-size: 16px;
line-height: 150%;
}
.fraction-bold {
font-weight: 700;
}
.fraction-arrow {
position: absolute;
right: 10px;
filter: brightness(1);
transition: all .2s ease-in-out;
}
.fraction-block:hover .fraction-arrow {
filter: brightness(0.1);
}
.fraction-arrow:hover {
filter: brightness(0.1);
}
.fraction-block::after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
right: 0;
width: 100%;
border-top: 1px solid #eee;
}
.fraction-popup {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .4);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease-in-out;
}
.fraction-popup__dialog {
padding: 0 15px;
max-width: 850px;
width: 100%;
}
.fraction-popup__content {
position: relative;
width: 100%;
padding: 50px 40px;
background-color: #fff;
}
.fraction-popup-close {
position: absolute;
top: 30px;
right: 40px;
border: none;
background-color: transparent;
cursor: pointer;
width: 15px;
height: 15px;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.fraction-popup-close:hover {
opacity: .75;
}
.fraction-popup__title {
margin: 0;
padding: 0;
color: #2A2A2A;
font-size: 24px;
font-weight: 700;
}
.fraction-popup__header {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.fraction-popup__logo {
max-width: 210px;
width: 100%;
}
.fraction-popup__subtitle {
padding: 0;
margin: 0;
color: #2A2A2A;
font-size: 16px;
max-width: 430px;
}
.fraction-popup__benefits {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.fraction-popup__benefit {
display: flex;
gap: 5px;
align-items: center;
}
.fraction-popup__benefit .benefit-text {
color: #2A2A2A;
font-size: 16px;
margin: 0;
padding: 0;
}
.fraction-popup__benefit span {
display: block;
width: 10px;
height: 10px;
border-radius: 10px;
}
.fraction-popup__benefit span.red {
background: #ED2B32;
}
.fraction-popup__benefit span.blue {
background: #2A7DC0;
}
.fraction-popup__benefit span.green {
background: #9DCB3B;
}
.fraction-popup__block {
margin-top: 30px;
padding: 30px 20px;
border-radius: 20px;
background: #FAFAFA;
}
.fraction-popup__ol {
padding: 0 0 0 20px;
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 15px;
}
.fraction-popup__ol li {
color: #2A2A2A;
font-size: 16px;
line-height: 150%;
}
@media (max-width: 992px) {
.fraction-popup__dialog {
max-width: 650px;
}
.fraction-popup__content {
padding: 30px 20px;
}
.fraction-popup__logo {
max-width: 160px;
}
.fraction-popup__subtitle {
max-width: 330px;
}
.fraction-popup__benefits {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}
@media (max-width: 600px) {
.fraction-popup__content {
padding: 20px;
}
.fraction-popup__title {
font-size: 22px;
}
.fraction-popup__logo {
max-width: 144px;
}
.fraction-popup__header {
margin-top: 15px;
flex-direction: column;
gap: 15px;
align-items: flex-start;
}
.fraction-popup__ol {
gap: 12px;
margin-top: 15px;
}
.fraction-popup__block {
padding: 20px;
margin-top: 15px;
}
}
@media (max-width: 450px) {
.product-card__btns-order {
padding-bottom: 5px;
}
}
.panel-bg__badge {
border-radius: 4px;
background: #9DCB3B;
color: #fff;
font-size: 14px;
width: 135px;
box-sizing: border-box;
font-family: Arimo, sans-serif;
font-weight: 700;
padding: 6px;
text-transform: uppercase;
text-align: center;
margin-bottom: 8px;
}
.panel-bg__title a {
color: #2B7DC0;
font-size: 14px;
line-height: 150%;
text-decoration: none;
font-weight: bold;
}
.panel-bg__title a:hover {
color: #266CA6;
}
.chart-block {
cursor: pointer;
display: flex;
align-items: center;
gap: 12px;
position: relative;
margin-bottom: 10px;
padding: 10px;
margin-top: 10px;
border-radius: 5px;
border: 1px solid #EEE;
background-color: transparent;
opacity: 1;
width: 100%;
transition: opacity .3s ease-in-out;
}
.chart-text {
margin: 0;
padding: 0;
font-size: 16px;
}
.chart-arrow {
position: absolute;
right: 10px;
filter: brightness(1);
transition: all .2s ease-in-out;
}
.chart-block:hover .chart-arrow {
filter: brightness(0.1);
}
.chart-arrow:hover {
filter: brightness(0.1);
}
.chart-popup {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .4);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease-in-out;
}
.chart-popup__active {
opacity: 1;
visibility: visible;
}
.chart-popup__dialog {
padding: 0 15px;
max-width: 450px;
width: 100%;
}
.chart-popup__content {
position: relative;
width: 100%;
padding: 50px 40px;
background-color: #fff;
}
.chart-popup-close {
position: absolute;
top: 20px;
right: 30px;
border: none;
background-color: transparent;
cursor: pointer;
width: 15px;
height: 15px;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.chart-popup-close:hover {
opacity: .75;
}
.chart-popup__title {
color: #2A2A2A;
font-family: Arimo;
font-size: 24px;
margin: 0;
font-weight: 700;
}
.chart-popup__items {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.chart-popup__item {
border-radius: 5px;
background: #FAFAFA;
padding: 12px;
display: flex;
gap: 10px;
justify-content: flex-start;
}
.chart-popup__wrap {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.chart-popup__row {
display: flex;
justify-content: space-between;
}
.chart-popup__price {
line-height: 100%;
color: #2A2A2A;
font-weight: 700;
font-size: 20px;
}
.chart-popup__price.chart-popup__price-old {
text-decoration-line: underline;
}
.chart-popup__discount {
display: flex;
border-radius: 5px;
background: #9DCB3B;
padding: 4px 10px;
gap: 4px;
align-items: center;
font-size: 14px;
font-weight: 400;
color: #fff;
height: 25px;
transform: scale(1.25);
transition: all 2s ease-in-out;
}
.chart-popup__benefit {
color: #A1A1A1;
font-size: 14px;
font-weight: 400;
line-height: 100%;
}
.chart-popup__descr {
line-height: 100%;
color: #2A2A2A;
font-size: 16px;
font-weight: 400;
}
.chart-popup__icon {
height: 16px;
width: 16px;
transform: translateY(35px);
transition: all 1s ease-in-out;
}
.chart-popup__discount.active {
transform: scale(1);
}
.chart-popup__icon.active {
transform: translateY(0px);
}
@media (max-width: 992px) {
.chart-block {
padding: 8px;
}
.chart-popup__content {
padding: 30px 20px;
}
}
@media (max-width: 560px) {
.chart-popup__title {
font-size: 22px;
}
.chart-block {
margin-bottom: 10px;
}
}
.product-scope__certificate-wrap {
display: flex !important;
width: 100%;
}
/* Изменение вида проÑмотра увеличенных картинок */
.picture-slider__modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1050;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease-in-out;
background-color: #fff;
}
.picture-slider__modal.active {
opacity: 1;
visibility: visible;
}
.picture-slider__close {
position: absolute;
top: 30px;
right: 40px;
border: none;
background-color: transparent;
cursor: pointer;
width: 20px;
height: 20px;
opacity: 1;
transition: opacity .3s ease-in-out;
z-index: 5;
}
.picture-slider__close {
width: 20px;
height: 20px;
}
.picture-slider__close:hover {
opacity: .75;
}
.picture-slider__sliders {
display: flex;
width: 100%;
height: 100vh;
}
.picture-slider-max {
position: relative;
border-radius: 4px;
overflow: hidden;
flex: 1;
min-width: 0;
padding: 0 20px;
display: flex;
}
.picture-slider-min {
height: 100vh;
position: relative;
overflow: hidden;
flex-shrink: 0;
width: 120px;
padding: 20px;
border-right: 1px solid #CCCCCC;
}
.picture-slider__slide-max img {
border-radius: 5px;
max-width: 100%;
object-fit: contain;
padding: 0px;
height: 100%;
width: 100%;
}
.picture-slider__slide-max {
display: flex;
justify-content: center;
}
.picture-slider__slide-min {
display: flex !important;
align-items: center;
justify-content: center;
}
.picture-slider__slide-min img {
cursor: pointer;
max-width: 100%;
cursor: pointer;
padding: 3px;
height: 74px;
width: 74px;
object-fit: contain;
border: 1.2px solid transparent;
border-radius: 2px;
}
.picture-slider__slide-min.swiper-slide-thumb-active img {
border: 1.2px solid #F02C37;
}
.picture-slider__next, .picture-slider__prev {
top: 45% !important;
-webkit-appearance: none;
appearance: none;
background: transparent;
border: none;
outline: none;
padding: 0;
background-color: #fff;
box-shadow: 0 4px 20px #00000014;
width: 44px !important;
flex-shrink: 0;
height: 44px !important;
border-radius: 50%;
margin: auto 0;
color: #6f7682;
font-size: 24px;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.picture-slider__next:hover, .picture-slider__prev:hover {
opacity: .8;
}
.picture-slider__next {
right: 30px !important;
}
.picture-slider__prev {
left: 30px !important;
}
.picture-slider__next:after {
content: '' !important;
width: 18px;
height: 18px;
background-image: url('/local/templates/topsantehnika/images/icons/sprite.svg');
background-position: -263px -9px;
}
.picture-slider__prev:after {
content: '' !important;
width: 18px;
height: 18px;
background-image: url('/local/templates/topsantehnika/images/icons/sprite.svg');
background-position: -263px -9px;
transform: rotate(180deg);
}
.modal-loaded {
display: flex;
justify-content: center;
align-items: center;
}
.lds-ring {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 32px;
height: 32px;
border: 3px solid #ED2B32;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #ED2B32 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.product-scope__certificate-wrap {
display: flex !important;
width: 100%;
}
.product-scope__certificate {
object-fit: contain;
margin: 0 auto;
max-width: 386px;
}
.ya-pay-widget {
margin-top: 0px !important;
margin-bottom: 5px !important;
width: 100% !important;
}
.product-cart__price sup {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
/*region switcher*/
.measure-descr {
font-size: 12px;
padding-bottom: 10px;
width: 100%;
}
.switcher__container {
background: #FAFAFA;
border-radius: 2px;
padding: 0 1px;
display: inline-flex;
width: auto;
}
.switcher__item {
padding: 2px 1px 2px 1px;
}
.measure-price {
position: relative;
}
.measure-price sup {
position: absolute;
top: -5px;
}
.switcher__item-container {
width: 50px;
cursor: pointer;
border-radius: 2px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #666666;
padding: 3px 0 5px 0;
transition: all ease-in-out 0.2s;
user-select: none;
display: flex;
align-items: center;
justify-content: center;
}
.switcher__item-container:hover {
background: rgba(255, 255, 255, 0.7);
}
.switcher__item_active .switcher__item-container,
.switcher__item_active .switcher__item-container:hover {
background: #FFFFFF;
box-shadow: 0 2px 4px rgba(42, 42, 42, 0.1);
color: #2A2A2A;
font-weight: 700;
}
/*endregion switcher*/
/* End */
/* Start:/local/templates/topsantehnika/css/style.css?1745927505184994*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Montserrat:wght@400;700&display=swap');
html { line-height: 1.15; -webkit-text-size-adjust: 100%; box-sizing: border-box; scroll-behavior: smooth;}
body { margin: 0; font-family: 'Montserrat', sans-serif;}
a { background-color: transparent; transition: all .3s; outline-style: none; outline: none;}
img { border-style: none; }
body,
button,
input,
select,
optgroup,
textarea { color: #404040; font-family: 'Montserrat'; font-size: 16px; font-size: 1rem; line-height: 1.5; outline-style: none; outline: none;}
/*a { color: #58b9b9; }*/
/*a:visited { color: #559b9b; }*/
/*a:hover, a:focus, a:active { color: #559b9b; }*/
/*a:focus { outline-style: none; outline: none; }*/
/*a:hover, a:active { outline: 0; }*/
*{box-sizing: border-box;}
::placeholder { color: #cccccc; opacity: 1; }
:-ms-input-placeholder { color: #cccccc;}
::-ms-input-placeholder {color: #cccccc;}
.inner{max-width: 1240px; margin: 0 auto;}
body.overflowed{overflow: hidden;}
table{font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: normal;}
.technikalWork{color: red; text-align: center; padding: 10px 15px;}
/* Body Styles */
main{/*background: linear-gradient(to bottom, #f6f6f6 0, #ffffff 50px, #ffffff 100%);*/ border-top:solid 1px #EEEEEE; min-height: 300px;}
main.main__main-page{padding-top: 20px; border: 0}
@media (max-width: 998px){main.main__main-page{padding-top: 0;}}
.product .addCompare{margin-left: auto;height: 30px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; text-decoration: none; background: none; cursor: pointer;border: none; border-radius: 0; width: auto; padding: 0; margin-right: 40px; min-width: 104px;}
.product .addCompare i{width: 13px; height: 16px; background-position: -86px -113px; display: block; background-image: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png');background-repeat: no-repeat;margin-right: 17px; position: relative;}
.product .addCompare:hover i { background-position: -119px -113px; }
.product .addCompare i::after{border: 1px solid #3f6bdb; border-radius: 50%; width: 26px; height: 26px; content: ""; position: absolute; left: -7px; top: -5px;}
.product .addCompare span{display: inline;font-size: 12px; color: #3f6bdb; font-family: 'Montserrat', sans-serif;}
.product__top{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; border-bottom: 1px solid #ebebeb; padding-bottom: 45px;}
.product__top .product__top-image{width:100%; max-width: 495px; margin-right: 54px; position: relative;}
.product__top .product__top-image .slick-slider .slick-track{display: flex; align-items: center;}
.product__top .product__top-image .topTovar{position: absolute; top: 0; z-index: 1; background: url('/local/templates/topsantehnika/css/../images/bg_topTovar.jpg') 0 0 no-repeat; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; width: 100%; height: 35px; overflow: hidden; padding: 0 10px;}
.product__top .product__top-image .topTovar span{font-size: 18px; color: #fff; font-weight: bold; padding: 0 15px;}
.product__top .product__top-image .topTovar p{font-size: 12px; color: #fff; line-height: 1.1; margin: 0; letter-spacing: -0.4px;}
.product__top .product__top-image .tSticker{position: absolute;z-index: 1;}
.product__top .product__top-image .tSticker.tSticker_sale-leader{top: 35px;}
.product__top .product__top-image .slider-for, .product__top .product__top-image .slider-nav img{border: 1px solid #ebebeb;}
.product__top .product__top-image .slider-for .slick-slide{text-align: center;}
.product__top .product__top-image .slider-for .slick-slide img{display: inline;}
.product__top .product__top-image .slider-nav img{margin:0 7px;max-height: 75px;
width: auto !important;}
.product__top .product__top-image .slider-nav img:hover{cursor: pointer;}
.product__top .product__top-image .slider-nav{padding: 0 26px; margin-top: 34px; }
.product__top .product__top-image .slick-arrow{font-size: 0; background: none; border: none; cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px;z-index: 1;}
.product__top .product__top-image .slick-arrow.slick-prev{width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -112px -10px; left: 6px;}
.product__top .product__top-image .slick-arrow.slick-next{width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -39px -78px;right: 6px;padding: 0;}
.product__top .product__top-image .slick-arrow.slick-prev:hover{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -78px;}
.product__top .product__top-image .slick-arrow.slick-next:hover{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -68px -78px;}
.product__top .product__top-descr{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;}
.product__top .product__top-descr .product-descr{max-width: 575px; margin-right: 45px;}
.product__top .product__top-descr h1{font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 32px; color: #000; border-bottom: 1px solid #ebebeb; line-height: 1.2; padding-bottom: 18px; margin-bottom: 15px; margin-top: 0;}
.product__top .product__top-descr .descr__content{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin: 25px 0; flex-wrap: wrap;}
.product__top .product__top-descr .descr__content .price{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; flex-wrap: wrap; max-width: 286px;}
.product__top .product__top-descr .descr__content .price div{flex:0 1 100%;margin-top: 5px;}
.product__top .product__top-descr .descr__content .price .old{font-size: 18px; color: #aaaaaa; margin-right: 12px;text-decoration: line-through;}
.product__top .product__top-descr .descr__content .price .discount{font-size: 12px; color: #000; font-weight: bold; font-family: 'Montserrat', sans-serif; line-height: 17px; padding: 0 7px; border-radius: 8px; background-color: #fff200; width: 52px; text-align: center;}
.product__top .product__top-descr .descr__content .price .status { color: #28b118; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 12px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; margin-left: 10px;}
.product__top .product__top-descr .descr__content .status i { display: block; width: 12px; height: 12px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -245px; margin-right: 5px; }
.product__top .product__top-descr .descr__content .price .status.small_count{color: #ff6c08;}
.product__top .product__top-descr .descr__content .status.small_count i{background: url('/local/templates/topsantehnika/css/../images/ico_status-small_count.png') 0 0 no-repeat;}
.product__top .product__top-descr .descr__content .price .status.not_available{color: #f02b37;}
.product__top .product__top-descr .descr__content .status.not_available i{background: url('/local/templates/topsantehnika/css/../images/ico_status-not_available.png') 0 0 no-repeat;}
.product__top .product__top-descr .descr__content .price .actual{font-size: 44px; font-weight: bold; color: #000; flex:0 1 100%;}
.product__top .product__top-descr .descr__content .price .buyInCredit{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; font-size: 14px; color: #487af4; font-family: 'Montserrat', sans-serif; text-decoration: none;}
.product__top .product__top-descr .descr__content .price .buyInCredit i{background:url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -275px no-repeat; display: block; margin-right: 10px; width: 15px; height: 15px; min-width: 15px;}
.product__top .product__top-descr .descr__content .price .buyInCredit b{font-weight: normal; color: #464646;}
.product__top .product__top-descr .descr__content .delivery{flex:0 1 100%; margin-top: 20px;}
.product__top .product__top-descr .descr__content .delivery .express{font-size: 12px; font-weight: bold; color: #000; background-color: #fff200; line-height: 25px; padding: 0 18px; position: relative; float: left;}
.product__top .product__top-descr .descr__content .delivery .express:before{content:"";
position: absolute; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -141px -10px no-repeat; width: 21px; height: 25px; left: -21px; }
.product__top .product__top-descr .descr__content .delivery .expDays{background-color: #ebebeb; font-size: 11px; color: #000; float: left; line-height: 25px; padding: 0 8px; display: flex; align-items: center; justify-content: space-between;}
.product__top .product__top-descr .descr__content .delivery .expDays a{display: inline-block; color: #fff; text-decoration: none; border-radius: 50%; background-color: #487af4; height: 13px; width: 13px; font-size: 7px; text-align: center; line-height: 13px; margin-left: 5px;}
.product__top .product__top-descr .descr__content .techSpecs{margin-left: 30px; width: 238px; color: #3b3a3a; font-size: 12px; font-family: 'Montserrat', sans-serif;}
.product__top .product__top-descr .descr__content .techSpecs table{width: 100%;}
.product__top .product__top-descr .descr__content .techSpecs table td{padding: 0;}
.product__top .product__top-descr .descr__content .techSpecs a{font-size: 12px; color: #3f6bdb; display: block; font-family: 'Montserrat', sans-serif; text-decoration: none;}
.product__top .product__top-descr .descr__content .techSpecs a:hover{text-decoration: underline;}
.product__top .product__top-descr .descr__content .techSpecs tr:last-child a{margin-top: 14px;}
.product__top .product__top-descr .descr__content .hot{flex:0 1 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; margin-top: 46px; flex-wrap:wrap; margin-bottom: 42px;}
.product__top .product__top-descr .descr__content .hot .left{border: 1px dashed #cecece; background-color: #f9f8f8; padding: 10px 20px; width: 400px; display: flex; flex-direction: column; justify-content: space-between; height: 85px; border-right: none;}
.product__top .product__top-descr .descr__content .hot .left h3{font-size: 18px; font-weight: bold; color: #f02b37; margin: 5px 0 0 0; padding: 0;}
.product__top .product__top-descr .descr__content .hot .left ul{list-style: none; margin: 0; padding: 0; }
.product__top .product__top-descr .descr__content .hot .left ul li{float: left; margin-right: 10px; margin-bottom: 10px; font-size: 11px; color: #322323; font-family: 'Montserrat', sans-serif;}
.product__top .product__top-descr .descr__content .hot .left ul li::before{content:""; display: inline-block; width: 12px; height: 11px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -182px -108px no-repeat; margin-right: 5px;}
.product__top .product__top-descr .descr__content .hot .left ul li:last-child{margin-right: 0;}
.product__top .product__top-descr .descr__content .hot .right{background: url('/local/templates/topsantehnika/css/../images/bg_timer.jpg') 0 0 no-repeat; height: 85px; width: 175px; padding: 18px;}
.product__top .product__top-descr .descr__content .hot .right h4{margin: 0 0 8px; padding: 0; color: #fff; font-weight: bold; font-size: 12px; }
.product__top .product__top-descr .descr__content .hot .right #countdown{margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-size: 12px; color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center;}
.product__top .product__top-descr .descr__content .hot .right #countdown span{display: inline-block; background-color: #fff; border-radius: 3px; text-align: center; padding: 0 5px; color: #000; height: 25px; line-height: 26px; min-width: 37px;}
.product__top .product__top-descr .descr__content .hot .bottom{flex:0 1 100%; color: #3b3a3a; font-size: 14px; font-family: 'Montserrat', sans-serif; margin-top: 29px; line-height: 1.2;}
.product__top .product__top-descr .descr__content .hot .bottom a{color: #3b3a3a; font-size: 14px; font-family: 'Montserrat', sans-serif; }
.product__top .product__top-descr .descr__content .hot .bottom .coupon{font-size: 12px; color: #fff; text-align: center; background-color: #ff6c08; width: 200px; margin-top: 22px; line-height: 25px; position: relative;}
.product__top .product__top-descr .descr__content .hot .bottom .coupon::before,.product__top .product__top-descr .descr__content .hot .bottom .coupon::after{content:""; position: absolute; top: 0; width: 3px; height: 25px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -215px -10px no-repeat;}
.product__top .product__top-descr .descr__content .hot .bottom .coupon::before{left: 0;}
.product__top .product__top-descr .descr__content .hot .bottom .coupon::after{right: 0; transform: scale(-1, 1); }
.product__top .product__top-descr .descr__content .buttons, .product__popUp-card .buttons{width: 414px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; margin-bottom: 32px;}
.product__top .product__top-descr .descr__content .buttons .buyNow, .product__top .product__top-descr .descr__content .buttons .addBusket, .product__popUp-card .buttons .buyNow, .product__popUp-card .buttons .addBusket{width: 185px; height: 45px; text-transform: uppercase; cursor: pointer; border-radius: 6px; font-size: 12px; font-weight: bold; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.product__top .product__top-descr .descr__content .buttons .buyNow, .product__popUp-card .buttons .buyNow{color: #fff; background-color: #f02b37; border: none;}
.product__top .product__top-descr .descr__content .buttons .addBusket, .product__popUp-card .buttons .addBusket{text-transform: none; border: 1px solid #f02b37; color: #f02b37; background: none; width: 205px;}
.product__top .product__top-descr .descr__content .buttons .buyNow:hover, .product__top .product__top-descr .descr__content .buttons .addBusket:hover, .product__popUp-card .buttons .buyNow:hover, .product__popUp-card .buttons .addBusket:hover{background-color: #9e0b0f; color: #ffffff; border-color: #9e0b0f;}
.product__top .product__top-descr .descr__content .guarantie{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; color: #3b3a3a; font-size: 12px; font-family: Arial; align-items: center;}
.product__top .product__top-descr .descr__content .guarantie i{background: url('/local/templates/topsantehnika/css/../images/ico_guaranties.png') 0 0 no-repeat; width: 32px; height: 40px; margin-right: 25px;}
.product__top .product__top-descr .descr__content .logoTopSan{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 225px; align-items: center;}
.product__top .product__top-descr .descr__content .logoTopSan img{margin-right: 20px;}
.product__top .product__top-descr .descr__content .logoTopSan div{font-family: Arial; font-weight: bold; font-size: 12px; color: #3f6bdb;}
.product__top .product__top-descr .descr__content .logoTopSan div span{display: block; color: #3b3a3a;}
.product__top .product__top-descr .product-socials{width: 70px;padding-top: 9px;}
.product__top .product__top-descr .product-socials div{position: -webkit-sticky; position: sticky; top: 10px;}
.product__top .product__top-descr .product-socials a{display: block; margin-bottom: 31px; font-size: 12px; text-transform: uppercase; font-family:'Montserrat', sans-serif; color: #000; text-align: center; text-decoration: none; outline: none; line-height: 1.2;}
.product__top .product__top-descr .product-socials a:hover{text-decoration: underline;}
.product__top .product__top-descr .product-socials a i{display: block; margin: 0 auto 15px; }
.product__top .product__top-descr .product-socials a:nth-child(1){color: #ff6c08;}
.product__top .product__top-descr .product-socials a:nth-child(1) i{width: 25px; height: 25px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-2.png') -10px -58px;}
.product__top .product__top-descr .product-socials a:nth-child(2){color: #3f6bdb;}
.product__top .product__top-descr .product-socials a:nth-child(2) i{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-2.png') -10px -10px; width: 27px; height: 28px;}
.product__top .product__top-descr .product-socials a:nth-child(3){color: #1ea311;}
.product__top .product__top-descr .product-socials a:nth-child(3) i{width: 27px; height: 28px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-2.png') -57px -10px; }
.product__top .product__top-descr .product-socials a:nth-child(4){color: #3f6bdb;}
.product__top .product__top-descr .product-socials a:nth-child(4) i{width: 25px; height: 25px;background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-2.png') -55px -58px;}
.product__body{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; padding-top: 58px; margin-bottom: 65px;}
.product__body .product__body-left{width: 200px; border-right: 1px solid #ebebeb; padding-right: 5px;}
.product__body .product__body-left ul{margin: 0; padding: 0; list-style:none; position: -webkit-sticky; position: sticky; top: 10px;}
.product__body .product__body-left ul li{display: block;margin-bottom: 8px;}
.product__body .product__body-left ul li a{color: #787272; font-size: 16px; font-weight: bold; font-family:'Montserrat', sans-serif; text-decoration: none; padding: 8px 13px; display: inline-block;}
.product__body .product__body-left ul li a h2{margin: 0;padding: 0;font-size: 16px;color: #787272; font-size: 16px; font-weight: bold; font-family:'Montserrat', sans-serif; text-decoration: none; display: inline-block;}
.product__body .product__body-left ul li.active a{background: #3f6bdb; color: #fff !important;font-family:'Montserrat', sans-serif;}
.product__body .product__body-left ul li a h2{border-bottom: 1px dotted #787272;}
.product__body .product__body-left ul li a:hover, .product__body .product__body-left ul li a:hover span{color: #3f6bdb; border-color: #3f6bdb;}
.product__body .product__body-left ul li.active a h2{border-bottom: none; color: #fff !important;}
.product__body .product__body-middle{ width: 688px; padding-right: 66px; padding-left: 45px;}
.product__body .product__body-middle .tab-item{}
.product__body .product__body-middle .tab-item .h2{font-weight:bold;margin-top: 0;font-size: 20px;margin-bottom: 26px;font-family:'Montserrat', sans-serif; letter-spacing: 1px;}
.product__body .product__body-middle .tab-item .row{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; background-color: #f9f8f8;}
.product__body .product__body-middle .tab-item .row:nth-child(2n){background-color: #fff;}
.product__body .product__body-middle .tab-item .row .col{width: 56%; padding:5px 10px; font-size: 13px; color: #2a2a2a; font-weight: bold; font-family:'Montserrat', sans-serif; display: flex; align-items: center; }
.product__body .product__body-middle .tab-item .row .col i{font-style: normal; color: #fff; border-radius: 50%; background-color: #3f6bdb; text-align: center; display: block; width: 14px; height: 14px; line-height: 14px; font-size: 10px; font-weight: bold; font-family: 'Montserrat', sans-serif; margin-left: 20px; position: relative;cursor: default;}
.product__body .product__body-middle .tab-item .row .col .showHint{position: absolute; border: 1px solid #487af4; padding: 15px; font-size: 12px; color: #2a2a2a; width: 206px; top: -30px; left: 20px; height: 75px; overflow: hidden; background: #fff; font-family: 'Montserrat', sans-serif; font-weight: normal; display: none; z-index: 1}
.product__body .product__body-middle .tab-item .row .col:nth-child(2n){font-weight: normal; width: 44%;}
.product__body .product__body-middle .tab-item .specs{margin-bottom: 30px;}
.product__body .product__body-middle .tab-item .price{font-size: 32px;font-weight: bold; color: #000000; line-height: 1; margin-bottom: 30px;}
.product__body .product__body-middle .tab-item .regionButtons{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: relative; margin-bottom: 36px;}
.product__body .product__body-middle .tab-item .regionButtons::after{content:""; position: absolute; width: 100%; height: 2px; background-color: #efefef; left: 0; bottom: 0;}
.product__body .product__body-middle .tab-item .regionButtons a{font-size: 14px; font-weight: bold; color: #2a2a2a; font-family: 'Montserrat', sans-serif; margin-right: 34px; text-decoration: none; position: relative; padding-bottom: 12px; outline: none;}
.product__body .product__body-middle .tab-item .regionButtons a.active::after{content:""; position: absolute; width: 100%; height: 2px; background-color: #3f6bdb; left: 0; bottom: 0;z-index: 1;}
.product__body .product__body-middle .tab-item .regionTabs .row .col:nth-child(1n){font-weight: normal; width: 65%;}
.product__body .product__body-middle .tab-item .regionTabs .row .col:nth-child(2n){font-weight: bold; width: 35%;}
.product__body .product__body-middle .tab-item .regionTabs .h4{font-weight: bold; font-size: 13px; color: #000; font-family: 'Montserrat', sans-serif; margin-block-start: 1.33em; margin-block-end: 1.33em;}
.product__body .product__body-middle .tab-item .regionTabs .rTab-2, .product__body .product__body-middle .tab-item .regionTabs .rTab-3{display: none;}
.product__body .product__body-middle .tab-item .textBlock{border-top: 1px solid #efefef; margin-top: 38px;}
.product__body .product__body-middle .tab-item .textBlock .h3{font-size: 17px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #000; margin-block-start: 1.33em; margin-block-end: 1.33em;}
.product__body .product__body-middle .tab-item .textBlock p{color: #2a2a2a; font-size: 13px; line-height: 16px; font-family: 'Montserrat', sans-serif;}
.product__body .product__body-middle .tab-item .textBlock .textBlock-button{font-size: 12px; font-weight: bold; color: #f02b37; border: 1px solid #f02b37; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -ms-align-items: center; align-items: center; justify-content: center; font-family: Montserrat; text-align: center; height: 45px; padding: 0 40px; border-radius: 7px; text-decoration: none; margin:15px 0; }
.product__body .product__body-middle .tab-item .textBlock .question{background-color: #f9f8f8; padding:20px 27px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; font-weight: bold; font-size: 13px; color: #2a2a2a; font-family: 'Montserrat', sans-serif; margin:30px 0 ;}
.product__body .product__body-middle .tab-item .textBlock .question i{background: url('/local/templates/topsantehnika/css/../images/ico_question.png') 0 0 no-repeat; width: 28px; height: 28px; display: block; background-size: 100% 100%; margin: 0 30px; min-width: 28px;}
.product__body .product__body-middle .tab-item .textBlock .partners {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center;flex-wrap: wrap; margin: 10px 0;}
.product__body .product__body-middle .tab-item .textBlock .partners img{margin-bottom: 20px;}
.product__body .product__body-middle .tab-item .textBlock .attention{border-left: 2px solid #f69ca7; padding: 20px 0 20px 30px; margin-top: 40px;}
.product__body .product__body-middle .tab-item .paymentsMethod{}
.product__body .product__body-middle .tab-item .paymentsMethod .item{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; padding: 20px 0; border-top: 1px solid #efefef;}
.product__body .product__body-middle .tab-item .paymentsMethod .item i{display: block; min-width: 56px; height: 56px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; background-color: #f6f5f5; border-radius: 50%; margin-right: 26px;}
.product__body .product__body-middle .tab-item .paymentsMethod .item h4{font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 17px; color: #2a2a2a; margin: 0; padding: 0;}
.product__body .product__body-middle .tab-item .paymentsMethod .item p{font-size: 13px; color: #2a2a2a; font-family: 'Montserrat', sans-serif; margin: 0;}
.product__body .product__body-middle .tab-item .textBlock ul{margin: 0; padding: 0;list-style: none}
.product__body .product__body-middle .tab-item .textBlock ul li{margin-bottom: 15px; padding-left: 15px; position: relative;}
.product__body .product__body-middle .tab-item .textBlock ul li::before {content: "•"; color: #3f6bdb;left: 0px; position: absolute; font-size: 20px; top: 0; line-height: 1;}
.product__body .product__body-middle .tab-item .textBlock ul li, .product__body .product__body-middle .tab-item .textBlock ul li a{font-size: 13px; color: #2a2a2a; font-family: 'Montserrat', sans-serif;}
.product__body .product__body-middle .tab-item .textBlock ul li a{color: #3f6bdb;}
.product__body .product__body-middle .tab-item{display: none;}
.product__body .product__body-middle .tab-item.tab1{display: block;}
.product__body .product__body-right .howWeHelp{border: 1px solid #ebebeb; box-shadow: -12px 16px 60px 0px rgba(0, 0, 0, 0.09); padding: 20px 21px 42px; width: 348px; margin-top: 13px; margin-bottom: 46px; position: relative;}
.product__body .product__body-right .howWeHelp h2{font-size: 16px; font-weight: bold; color: #2a2a2a;margin: 18px 0 23px;letter-spacing: -1px;}
.product__body .product__body-right .howWeHelp form{position: relative; margin-bottom: 18px;}
.product__body .product__body-right .howWeHelp input[type="text"]{background-color: #f9f8f8; border: 1px solid #cccccc; border-radius: 3px; font-size: 14px; color: #3b3a3a; padding: 0 40px 0 15px; height: 44px; width: 100%;}
.product__body .product__body-right .howWeHelp input[type="submit"]{background: url('/local/templates/topsantehnika/css/../images/ico_search-black.png') center center no-repeat; position: absolute; width: 40px; height: 100%; border: none; right: 0;top: 0; cursor: pointer;}
.product__body .product__body-right .howWeHelp button{background-color: #fff; border: 1px solid #cccccc; border-radius: 3px; font-size: 14px; color: #000; padding: 0 40px 0 15px; height: 44px; width: 100%; margin-bottom: 18px; cursor: pointer; text-align: left; background: url('/local/templates/topsantehnika/css/../images/ico_arrow_right-active.png') right 15px center no-repeat; -webkit-background-size: 6px 11px; background-size: 6px 11px;}
.product__body .product__body-right .howWeHelp button:hover{border-color: #487af4; background-color: #487af4; color: #fff; background-image: none; position: relative;}
.product__body .product__body-right .howWeHelp button:hover:after{content:""; width: 6px; height: 11px; display: block; background: url('/local/templates/topsantehnika/css/../images/ico_arrow_right-active.png') 0 0 no-repeat; position: absolute; right: 15px; top: 16px;-webkit-background-size: 6px 11px; background-size: 6px 11px; filter: invert(100%); -webkit-filter: invert(100%);}
.product__body .product__body-right .howWeHelp .helpResults{background-color: #f7f7f7; border: 1px solid #cccccc; border-radius: 4px; padding: 15px; position: absolute; width: 304px; height: 150px; overflow-y: auto; display: none;}
.product__body .product__body-right .howWeHelp .helpResults ul{list-style-type: none; margin: 0; padding: 0; }
.product__body .product__body-right .howWeHelp .helpResults ul li{display: block; margin-bottom: 3px; }
.product__body .product__body-right .howWeHelp .helpResults ul li a{font-size: 14px; display: block; color: #8e8888; text-decoration: none;}
.product__body .product__body-right .howWeHelp .helpResults ul li a:hover{text-decoration: underline; color: #4779f2;}
.product__body .product__body-right .howWeHelp .howWePopUp{background-color: #fff; position: absolute; width: calc( 100% - 21px ); height: 100%; top: 0; padding-right: 15px; padding-top: 20px; display: none;}
.product__body .product__body-right .howWeHelp .howWePopUp h2{margin-bottom: 20px; padding-left: 20px; position: relative;}
.product__body .product__body-right .howWeHelp .howWePopUp h2:hover{cursor: pointer;}
.product__body .product__body-right .howWeHelp .howWePopUp h2:after{content:""; position: absolute; background: url('/local/templates/topsantehnika/css/../images/ico_arrow_right-active.png') left center no-repeat;-webkit-background-size: 6px 11px; background-size: 6px 11px; width: 6px; height: 11px; left: 0; top: 6px; transform: rotate(180deg);}
.product__body .product__body-right .howWeHelp .howWePopUp .text{overflow-y: auto; height: 225px; font-size: 14px; color: #000; font-family: 'Montserrat', sans-serif;}
.product__body .product__body-right .howWeHelp .howWePopUp .text p{margin: 0 0 15px;}
.product__body .product__body-right .howWeHelp .howWePopUp .text a{font-size: 18px; color: #000; text-decoration: none; font-weight: bold; font-family: 'Montserrat', sans-serif;}
.product__body .product__body-right .recommended{border: 1px solid #ebebeb; padding: 25px 10px 25px 25px; position: relative; width: 348px;}
.product__body .product__body-right .recommended .h2{color: #2a2a2a; font-size: 16px; font-weight: bold; margin: 3px 0 25px; padding: 0; font-family:'Montserrat', sans-serif; }
.product__body .product__body-right .recommended .percent{position: absolute; color: #000; background-color: #fff200; height: 17px; border-radius: 8px 0 0 8px; width: 50px; right: 0; top: 30px; text-align: center; font-size: 12px;font-weight: bold; font-family: 'Montserrat', sans-serif;}
.product__body .product__body-right .recommended .smallTovar{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; padding-bottom: 10px; padding-top: 20px; }
.product__body .product__body-right .recommended hr{margin: 0;padding: 0;height: 1px; width: 100%; background-color: #ebebeb; border: none; }
.product__body .product__body-right .recommended .smallTovar .img{border: 1px solid #d8d5d5; height: 106px; overflow: hidden; min-width: 118px; margin-right: 16px;}
.product__body .product__body-right .recommended .smallTovar .img a{display: block; line-height: 0;text-align: center;}
.product__body .product__body-right .recommended .smallTovar .img a img{}
.product__body .product__body-right .recommended .smallTovar .right{}
.product__body .product__body-right .recommended .smallTovar .right .name{font-size: 14px; font-weight: bold; color: #3f6bdb; text-decoration: none; font-family: 'Montserrat', sans-serif; line-height: 15px; display: block; margin-bottom: 9px;}
.product__body .product__body-right .recommended .smallTovar .right .priceOld{font-size: 14px;text-decoration: line-through; color: #aaaaaa;margin-bottom: 4px;}
.product__body .product__body-right .recommended .smallTovar .right .priceActual{font-size: 22px; font-weight: bold; color: #000; line-height: 24px;}
.product__body .product__body-right .recommended .smallTovar .right .signature{text-align: right;}
.product__popUp{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); padding: 30px; left: 0; top: 0; z-index: 9; display: none;}
.product__popUp-inner{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; height: 100%;}
.product__popUp-slider{background: #fff;height: 100%; overflow: hidden; position: relative; width: 100%; max-width: 1376px;}
.product__popUp-slider_bottom{position: absolute; bottom: 0; width: 100%; height: 114px; border-top: 1px solid #ebebeb; background-color: #f7f7f7; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center;}
.product__popUp-slider_bottom .slick-list{padding-bottom: 8px;}
.product__popUp-slider .slider-nav{ max-width: 440px;}
.product__popUp-slider .slider-nav .slick-track div{text-align: center; margin: 0 8px; border: 1px solid #e1e1e1;height: 75px; position: relative; cursor: pointer;}
.product__popUp-slider .slider-nav .slick-track div.slick-current::after{content:""; width: 100%; height: 2px; background-color: #f02b37; position: absolute; bottom: -8px; left: 0;}
.product__popUp-slider .slider-nav .slick-track div img{display: inline;}
.product__popUp-slider .slick-arrow { font-size: 0; background: none; border: none; cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; z-index: 9; width: 21px; height: 37px;}
.product__popUp-slider .slick-arrow.slick-next{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -238px -124px; right: 20px; padding: 0;}
.product__popUp-slider .slick-arrow.slick-next:hover{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -238px -67px; }
.product__popUp-slider .slick-arrow.slick-prev{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -238px -10px; left: 20px; padding: 0;}
.product__popUp-slider .slick-arrow.slick-prev:hover{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -188px;}
.product__popUp-slider .slider-for{height: calc( 100% - 120px );}
.product__popUp-slider .slider-for .slick-list, .product__popUp-slider .slider-for .slick-track{height: 100%;}
.product__popUp-slider .slider-for .slick-track .slick-slide{padding: 50px;display: flex; justify-content: center; align-content: center; align-items: center;}
.product__popUp-card{background-color: rgba(247,247,247,0.9); padding:25px; position: absolute; z-index: 1; right: 20px; bottom: 144px; width: 390px;}
.product__popUp-card .name{font-size: 15px; font-weight: bold; color: #000; font-family: 'Montserrat', sans-serif;}
.product__popUp-card .price { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; flex-wrap: wrap; margin-top: 5px; margin-bottom: 15px;}
.product__popUp-card .price .old { font-size: 15px; color: #aaaaaa; margin-right: 12px; text-decoration: line-through; }
.product__popUp-card .price .discount { font-size: 10px; color: #000; font-weight: bold; font-family: 'Montserrat', sans-serif; line-height: 17px; padding: 0 7px; border-radius: 8px; background-color: #fff200; width: 52px; text-align: center; margin-right: 20px;}
.product__popUp-card .price .status {color: #28b118; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center;}
.product__popUp-card .price .status i{display: block;width: 12px; height: 12px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -245px; margin-right: 5px;}
.product__popUp-card .price .status.not_available {color: #f02b37;}
.product__popUp-card .price .status.not_available i{background: url('/local/templates/topsantehnika/css/../images/ico_status-not_available.png') 0 0 no-repeat;}
.product__popUp-card .price .actual { font-size: 32px; font-weight: bold; color: #000; flex: 0 1 100%; line-height: 1;}
.product__popUp-card .buttons{width: 100%; margin-bottom: 0;}
.product__popUp-card .buttons .buyNow{width: 154px; height: 38px; font-size: 10px;}
.product__popUp-card .buttons .addBusket{width: 172px; height: 38px;}
.product__popUp-slider .closePopUp{text-decoration: none; position: absolute; right: 20px; top: 20px; color: #fff; background-color: #000; width: 30px; height: 30px; z-index: 9; text-align: center; line-height: 26px; font-size: 24px;}
/* Catalog page */
.catalogPage{}
.catalogPage__sectionDescription,.catalogPage__sectionSlider{margin-bottom: 30px;}
.catalogPage__sectionDescription h1{font-size: 32px; font-weight: bold; font-family: 'Montserrat', sans-serif; margin:0; color: #404040;}
.catalogPage__sectionDescription .heading_h1{display: flex;}
.catalogPage__sectionDescription .heading_h1 sup{font-size: 14px; color: #3b3a3a; margin-left: 5px;font-weight: bold; font-family: 'Montserrat', sans-serif; line-height: 1;}
.catalogPage__sectionDescription div{font-size: 14px; color: #8e8e8e; font-family: 'Montserrat', sans-serif;}
.catalogPage__sectionDescription div a{color: #487af4; text-decoration: none;line-height: 17px;}
.catalogPage__sectionSlider .slick-track{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.catalogPage__sectionSlider .slick-next,
.catalogPage__sectionSlider .slick-prev {width: 35px; height: 35px; background:#acacac; right: -15px; padding: 0;font-size: 0; border: none; cursor: pointer; position: absolute; top: 50%; margin-top: -17.5px; z-index: 9; border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center;}
.catalogPage__sectionSlider .slick-next i,
.catalogPage__sectionSlider .slick-prev i{width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -68px -78px; display: block; filter: invert(1);}
.catalogPage__sectionSlider .slick-prev{left: -15px;}
.catalogPage__sectionSlider .slick-prev i{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -78px;}
.catalogPage__sectionSlider .item{border: 1px solid #e1e1e1; padding: 12px 22px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; width: 230px; text-decoration: none;color: #3b3a3a; font-weight: bold; font-size: 12px; font-family: 'Montserrat', sans-serif; height: auto; margin-right: 22px;}
.catalogPage__sectionSlider .item img{margin-right: 20px;}
/*Фильтр по левому Ñайдбару*/
.catalogPage__filter .item{border-bottom: 1px solid #ebebeb; padding: 26px 0;}
.catalogPage__filter .item .heading{}
.catalogPage__filter .item .catalogPage__filter-toggle{margin-top: 20px;}
.catalogPage__filter .item .heading a{font-size: 16px; font-weight: bold; color: #3b3a3a; font-family: 'Montserrat', sans-serif; display: block; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; text-decoration: none;}
.catalogPage__filter .item .heading a i{width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -39px -78px; display: block;transform: rotate(270deg); margin-right: 15px;}
.catalogPage__filter .item.closed .heading a i{transform: rotate(90deg);}
.catalogPage__filter .linkList{margin: 0; padding: 0; list-style:none;}
.catalogPage__filter .linkList li{padding: 5px 0;position: relative; }
.catalogPage__filter .linkList a{font-size: 14px; color: #787272; text-decoration: none; }
.catalogPage__filter .linkList a.active{color: #000000;}
.catalogPage__filter .linkList a.active::after{content:""; width: 4px; height: 30px; position: absolute; left: -20px; top: 50%; background-color: #3f6bdb; margin-top: -15px;}
.catalogPage__filter .showMore{color: #3f6bdb; font-size: 14px; text-decoration: none; margin-top: 15px; display: block;}
.catalogPage__filter .range_filter{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.catalogPage__filter .range_filter input{border: 1px solid #e1e1e1; border-radius: 4px; width: 48%; margin-right: 2%; height: 38px; padding: 0 10px;}
.catalogPage__filter .range_filter input:last-child{margin-right: 0;}
.catalogPage__filter .range_filter .range_line{flex: 0 1 100%; margin-top: 26px;}
.catalogPage__filter .range_filter .ui-widget.ui-widget-content{border: none;background-color: #ebebeb; height: 8px;}
.catalogPage__filter .range_filter .ui-slider-horizontal .ui-slider-range{background-color: #487af4;}
.catalogPage__filter .range_filter .ui-state-default, .catalogPage__filter .range_filter .ui-widget-content .ui-state-default{border-radius: 50%; background-color: #fff; box-shadow:0 0 5px #f2f2f2;}
.catalogPage__filter .range_filter .ui-state-default:focus, .catalogPage__filter .range_filter .ui-widget-content .ui-state-default:focus{outline: none; border: 1px solid #c5c5c5;}
.checkbox_filter #searchManufacturer{border: 1px solid #e1e1e1; border-radius: 4px; height: 38px; padding: 0 10px; margin-bottom: 25px; width: 100%; background: url('/local/templates/topsantehnika/css/../images/ico_search-black-2.png') 96% center no-repeat;}
.checkbox_filter-list{max-height: 115px; overflow-y: auto;}
.checkbox_filter-list input{border-radius: 2px;}
.checkbox_filter-list label{font-size: 14px; color: #787272; font-family: 'Montserrat', sans-serif;}
.checkbox_filter-list label a{color: #787272; text-decoration: none;}
.filter__buttons{margin-top: 30px;}
.filter__buttons button{width: 100%; border-radius: 8px; font-size: 12px; font-weight: bold; font-family: 'Montserrat'; background: none; border: none; height: 45px; margin-bottom: 20px; cursor: pointer;}
.filter__buttons .apply{background-color: #487af4; color: #fff; text-transform: uppercase;}
.filter__buttons .refresh{color: #666666; text-transform: uppercase; border: 1px solid #cccccc;}
.filter__buttons a{width: 100%; border-radius: 8px; font-size: 12px; font-weight: bold; font-family: 'Montserrat'; background: none; border: none; height: 45px; margin-bottom: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; text-decoration: none;}
/*Конец Фильтра по левому Ñайдбару*/
.smartfilter__property-icon{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -39px -78px}
.catalogPage__categoryFull{width: 100%;}
.catalogPage__sortView{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;padding-bottom: 15px;}
.catalogPage__sortView-sort span{margin-right: 10px;font-size: 14px; color: #3b3a3a; font-weight: bold;font-family: 'Montserrat', sans-serif;}
.catalogPage__sortView-sort a{display: inline-block; text-align: center; text-decoration: none; border: 1px solid #acacac; padding: 0 15px; height: 30px; line-height: 30px; border-radius: 15px; font-size: 14px; font-weight: bold; color: #464646; font-family: 'Montserrat', sans-serif; margin-right: 8px;}
.catalogPage__sortView-sort a.active{background-color: #464646; color: #fff; border-color: #464646;}
.catalogPage__sortView-sort a:hover{background-color: #acacac;}
.catalogPage__sortView-sort a.active:hover{background-color: #464646;}
.catalogPage__sortView-view{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content: flex-end;}
.catalogPage__sortView-view button{background: none;border: 1px solid #aeaeae; border-radius: 50%; width: 30px; height: 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; margin-left: 10px; cursor: pointer;}
.catalogPage__sortView-view button i{display: block; background-image: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png'); }
.catalogPage__sortView-view button.square i{width: 12px; height: 13px; background-position: -279px -109px;}
.catalogPage__sortView-view button.gorizontal i{width: 16px; height: 13px; background-position: -279px -10px;}
.catalogPage__sortView-view button.square.active i{width: 12px; height: 13px; background-position: -279px -76px;}
.catalogPage__sortView-view button.gorizontal.active i{width: 16px; height: 13px; background-position: -279px -43px;}
.catalogPage__sortView-view button.active{border-color: #487af4; background-color: #487af4;}
@media (max-width: 998px) {
.catalogPage__sortView-view .gorizontal {
display: none;
}
}
.pagination{height: 82px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-top: 36px;}
.pagination-back, .pagination-next{font-size: 12px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #000 !important; text-decoration: none;}
.pagination-back span{margin-right: 30px; font-family: Verdana,sans-serif;font-size: 10px;}
.pagination-next span{margin-left: 30px; font-family: Verdana,sans-serif;font-size: 10px;}
.pagination-pages{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.pagination-pages a{border: 1px solid #e3e3e3; width: 45px; height: 45px; border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; text-decoration: none; font-size: 14px; color: #000; margin: 0 8px;}
.pagination-pages a:hover{background-color: #e3e3e3;}
.pagination-pages a.active{border-color: #487af4; background-color: #487af4; color: #fff;}
.pagination-pages span{line-height: 38px;margin: 0 8px;}
.catalogPage__bannerPlaceHolder{ margin-bottom: 32px; }
.catalogPage__bannerPlaceHolder a{display: block; line-height: 1;font-size: 0;}
.catalogPage__productsList .item{border: 1px solid #ebebeb; padding:24px 17px 0 17px; position: relative; color: #000000; font-weight: bold; font-size: 12px; font-family: 'Montserrat', sans-serif; display: flex; justify-content: space-between; flex-direction:column;}
.collection.collection__saleByCategory{padding-bottom: 50px;}
.collection.collection__saleByCategory .catalogPage__productsList{display: grid; grid-template-columns: repeat(5, 1fr ); grid-gap:22px;}
.collection.collection__saleByCategory .catalogPage__productsList .showMore{grid-column: span 5 / auto;}
.collection.collection__saleByCategory .catalogPage__productsList .item{margin-right: 0; width: auto; margin-bottom: 20px;}
.collection.collection__saleByCategory .showMore{margin-top: 30px;}
.catalogPage__productsList .item .discountTop{position: absolute; background-color: #fff200; right: 0; top: 24px; border-radius: 8px 0 0 8px; width: 50px; text-align: center;}
.catalogPage__productsList .item .icons{position: absolute; z-index: 1; right: 0; top: 24px; width: 50px;}
.catalogPage__productsList .item .icons span{position: relative; margin-bottom: 5px;display: block; top: auto; width: 100% ; text-align: center;border-radius: 8px 0 0 8px;}
.catalogPage__productsList .item .icons span.discountTop-new{background-color: #9be01f;color: #fff;}
.catalogPage__productsList .item .icons span.discountTop-top { background-color: #f7941d; color: #fff; }
.catalogPage__productsList .item .img{display: block; text-align: center; height: 168px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 15px;}
.catalogPage__productsList .item .name{color: #487af4; font-size: 12px; font-weight: bold; font-family: 'Montserrat', sans-serif; display: block; text-decoration: none; margin-bottom: 22px; min-height: 40px;}
.catalogPage__productsList .item .name:hover{text-decoration: underline;}
.catalogPage__productsList .item .articul, .catalogPage__productsList .item .code{display: block; color: #757575; font-size: 11px; line-height: 18px;}
.catalogPage__productsList .price { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; flex-wrap: wrap; margin-top: 10px; margin-bottom: 15px; position: relative;}
.catalogPage__productsList .price div{flex: 0 1 100%;}
.catalogPage__productsList .price .old { font-size: 14px; color: #aaaaaa; margin-right: 12px; text-decoration: line-through; }
.catalogPage__productsList .price .discount { font-size: 12px; color: #000; font-weight: bold; font-family: 'Montserrat', sans-serif; line-height: 18px; padding: 0 7px; border-radius: 8px; background-color: #fff200; width: 52px; text-align: center; margin-right: 20px;}
.catalogPage__productsList .price .status {color: #28b118; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 12px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; height: 44px;}
.catalogPage__productsList .price .brand{position: absolute; right: 0; bottom: 0;}
.catalogPage__productsList .price .status i{display: block;width: 12px; height: 12px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -245px; margin-right: 5px;}
.catalogPage__productsList .price .status.small_count{color: #ff6c08;}
.catalogPage__productsList .price .status.small_count i{background: url('/local/templates/topsantehnika/css/../images/ico_status-small_count.png') 0 0 no-repeat;}
.catalogPage__productsList .price .status.not_available{color: #f02b37;}
.catalogPage__productsList .price .status.not_available i{background: url('/local/templates/topsantehnika/css/../images/ico_status-not_available.png') 0 0 no-repeat;}
.catalogPage__productsList .price .actual { font-size: 22px; font-weight: bold; color: #000; flex: 0 1 100%; line-height: 1; margin: 5px 0; font-family: 'Montserrat';}
.catalogPage__productsList .buttons{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin: 0 -17px; border-top: 1px solid #ebebeb; height: 58px; -ms-align-items: center; align-items: center; padding: 0 15px;}
.catalogPage__productsList .buttons .buyNow{color: #fff;background-color: #f02b37;border: none;width: 115px;height: 35px;text-transform: uppercase;cursor: pointer;border-radius: 6px;font-size: 12px;font-weight: bold; font-family: 'Montserrat'; text-decoration: none; display: flex; justify-content: center; align-items: center;}
.catalogPage__productsList .buttons .buyNow:hover{background-color: #9e0b0f; color: #fff; border-color: #9e0b0f;}
.catalogPage__productsList .buttons .buyNow:disabled,
.catalogPage__productsList .buttons .buyNow:disabled:hover{opacity: .5; color: #fff;background-color: #f02b37;border: none;}
.catalogPage__productsList .buttons .addCompare{ border-radius: 50%; border: 1px solid #ebebeb; width: 30px; height: 30px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; text-decoration: none; background: none; cursor: pointer;}
.catalogPage__productsList .buttons .addCompare i { width: 13px; height: 16px; background-position: -86px -113px;display: block; background-image: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png'); background-repeat: no-repeat; }
.catalogPage__productsList .buttons .addCompare_active i,.catalogPage__productsList .buttons .addCompare:hover i { background-position: -119px -113px; }
.catalogPage__productsList .buttons .addCompare span{display: none;}
.catalogPage__productsList-gorizontal{display: block;}
.catalogPage__productsList-gorizontal .item{width: 100%;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 0; margin-bottom: 30px;flex-direction: row;}
.catalogPage__productsList-gorizontal .item:nth-child(4n+4) { margin-right: 22px; }
.catalogPage__productsList-gorizontal .item .img{width: 268px; min-width: 268px; border-right: 1px solid #ebebeb; height: auto; margin-bottom: 0;}
.catalogPage__productsList-gorizontal .item .gor{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 450px; min-width: 450px; padding: 25px; flex-wrap: wrap; -ms-align-items: center; align-items: center; border-right: 1px solid #ebebeb;}
.catalogPage__productsList .item .gor .tableTech{display: none;}
.catalogPage__productsList-gorizontal .item .gor .tableTech{width: 100%;margin-top: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.catalogPage__productsList-gorizontal .item .gor .tableTech table{margin-right: 40px;}
.catalogPage__productsList-gorizontal .item .gor table, .catalogPage__productsList-gorizontal .item .gor table tr, .catalogPage__productsList-gorizontal .item .gor table td{padding: 0;border-collapse: collapse; font-weight: normal;}
.catalogPage__productsList-gorizontal .item .gor table td{padding-right: 15px;}
.catalogPage__productsList-gorizontal .item .gor table td:last-child{padding-right: 0;}
.catalogPage__productsList-gorizontal.catalogPage__productsList .item .articul, .catalogPage__productsList-gorizontal.catalogPage__productsList .item .code{margin-right: 20px;}
.catalogPage__productsList-gorizontal .gorPB{width: 268px; min-width: 268px; display: flex; flex-direction: column; justify-content: space-between;}
.catalogPage__productsList-gorizontal .price{padding: 15px;}
.catalogPage__productsList-gorizontal .buttons{margin: 0;}
.catalogPage__productsList-gorizontal .buttons .addCompare{border: none; border-radius: 0; width: auto; padding: 0;}
.catalogPage__productsList-gorizontal .buttons .addCompare i{margin-right: 17px; position: relative;}
.catalogPage__productsList-gorizontal .buttons .addCompare i::after{border: 1px solid #3f6bdb; border-radius: 50%; width: 26px; height: 26px; content: ""; position: absolute; left: -7px; top: -5px;}
.catalogPage__productsList-gorizontal .buttons .addCompare span{display: inline;font-size: 12px; color: #3f6bdb; font-family: 'Montserrat', sans-serif;}
.catalogPage__productsList-gorizontal .item .discountTop{top:15px;}
/* Блок Ñ Ðтим товаром покупают */
.buyWithThisProduct{padding-bottom: 60px;border-bottom: 1px solid #ebebeb;}
.buyWithThisProduct .heading{ border-bottom: 1px solid #ebebeb; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; height: 110px;}
.buyWithThisProduct .heading h2{font-size: 22px; font-weight: bold; font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; margin-right: 70px;}
.buyWithThisProduct .heading a{margin-right: 45px; display: inline-block; font-size: 16px; color: #787272; font-weight: bold; font-family: 'Montserrat', sans-serif; text-decoration: none; border-bottom: 1px dotted #787272;}
.buyWithThisProduct .heading a.active{color: #3f6bdb; border-bottom: none;}
.buyWithThisProduct__body{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;}
.buyWithThisProduct__body-left{width: 230px; min-width: 230px; padding-top: 30px; margin-right: 40px;}
.buyWithThisProduct__body-left .linkList{margin: 0; padding: 0; list-style:none; position: -webkit-sticky; position: sticky; top: 10px;}
.buyWithThisProduct__body-left .linkList li{padding: 8px 0;position: relative; border-bottom: 1px solid #ebebeb;}
.buyWithThisProduct__body-left .linkList a{font-size: 14px; color: #787272; text-decoration: none; }
.buyWithThisProduct__body-left .linkList a.active{color: #000000;}
.buyWithThisProduct__body-left .linkList a.active::after{content:""; width: 4px; height: 30px; position: absolute; left: -20px; top: 50%; background-color: #3f6bdb; margin-top: -15px;}
.buyWithThisProduct__body-right{width: 100%;}
.buyWithThisProduct__body-right .collection .catalogPage__productsList {grid-template-columns: repeat( auto-fill, minmax(220px, 1fr) ); }
.buyWithThisProduct__body-right .collection .catalogPage__productsList .item .buttons{margin: 0;padding: 0;}
.buyWithThisProduct__body-right .collection .catalogPage__productsList .item .gorPB{background: #fff;}
/* Конец Блок Ñ Ðтим товаром покупают */
/* Блок ПреимущеÑтва */
.advantages{background: url('/local/templates/topsantehnika/css/../images/bg_advantages.jpg') 0 0 no-repeat; height: 255px; width: 100%; border-radius: 8px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; margin-bottom: 30px;}
.advantages .item{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-around; -ms-align-items: center; align-items: center; color: #fff; font-size: 16px; font-weight: bold; font-family: 'Montserrat'; flex: 0 1 25%; text-align: center; padding: 0 40px; position: relative;}
.advantages .item::after{content:""; position: absolute; right: 0; width: 1px; height: 100px; background-color: #8a8a8b;}
.advantages .item:last-child::after{display: none;}
.advantages .item img{margin-bottom: 20px;}
/* Конец Блок ПреимущеÑтва */
/*Блок товаров из коллекции*/
.collection{padding-top: 15px;}
.collection.bdBottom{padding-bottom: 60px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px;}
.collection .h2{font-size: 22px; font-weight: bold; font-family: 'Montserrat', sans-serif;margin-block-start: 0.83em;margin-block-end: 0.83em;}
.collection .item{border: none;padding-top: 0;}
.collection .showMore, .productsList__mainPage .showMore{width: 100%; cursor: pointer; font-size: 12px; color: #726f6f; font-family: 'Montserrat'; text-transform: uppercase; border: 1px dashed #a1a1a1; border-radius: 8px; background: none; height: 45px;max-width: 1240px; margin: 0 auto; display: block;}
.collection .showMore:hover, .productsList__mainPage .showMore:hover{color: #487af4; border: 1px solid #487af4;}
/*Конец Блок товаров из коллекции*/
/* Стили главной Ñтраницы */
/* Баннер главной Ñтраницы */
.mainPage__banner {margin: 0 0 70px;
padding-top: 50px;}
.mainPage__banner a{margin: 0 50px;}
.mainPage__banner .slick-dots{position: absolute; bottom: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; list-style:none; padding: 0; margin: 0; width: 100%;}
.mainPage__banner .slick-dots::before, .mainPage__banner .slick-dots::after{content:""; display: block; width: 60px; height: 28px; background: url('/local/templates/topsantehnika/css/../images/mainSlider__pagBg.png') 0 0 no-repeat;}
.mainPage__banner .slick-dots::after{transform: scale(-1, 1);}
.mainPage__banner .slick-dots li{background-color: #fff; height: 28px; padding: 0 4px;}
.mainPage__banner .slick-dots li button{width: 14px; height: 14px; border: 1px solid #a4a4a4; border-radius: 50%; background-color: #fff; padding: 0; font-size: 0; cursor: pointer; margin: 0;}
.mainPage__banner .slick-dots li.slick-active button{border: 1px solid #487af4; background-color: #487af4;}
.mainPage__banner .slick-arrow{width: 40px; height: 40px; background:#acacac; padding: 0;font-size: 0; border: none; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; z-index: 9; border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center;}
.mainPage__banner .slick-arrow:hover{background-color: #000;}
.mainPage__banner .slick-prev{left: calc( ((100% - 1240px) / 2 ) - 20px );}
.mainPage__banner .slick-next{right: calc( ((100% - 1240px) / 2 ) - 20px );}
.mainPage__banner .slick-arrow i { width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -68px -78px; display: block; filter: invert(1); }
.mainPage__banner .slick-prev i{transform: rotate(180deg); margin-right: 4px;}
/* ПреимущеÑтва главной Ñтраницы */
.advantages_mainPage{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; margin-bottom: 70px;}
.advantages_mainPage .item{text-align: center; flex:0 1 25%; padding: 7px 40px; border-right: 1px solid #dcd9d9;}
.advantages_mainPage .item:last-child{border-right: none;}
.advantages_mainPage .item h3{font-size: 16px; font-weight: bold; font-family: 'Montserrat'; margin:25px 0 0 0;}
/* Скидки по категориÑм */
.collection__saleByCategory{background-color: #f7f7f7; padding-bottom: 60px; padding-top: 40px;}
.collection__saleByCategory h2{text-align: center; font-size: 32px;}
.collection__saleByCategory .catalogPage__productsList{max-width: 1240px; margin: 0 auto;}
.collection__saleByCategory .catalogPage__productsList .item{background-color: #fff; border: 1px solid #ebebeb; padding: 18px 14px; margin-bottom: 50px; }
.collection__saleByCategory .catalogPage__productsList .item .img img{border-radius: 6px;}
.collection__saleByCategory .catalogPage__productsList .item .price{justify-content: center; margin: 25px 0;}
.collection__saleByCategory .catalogPage__productsList .item .price .discount{margin-right: 0;}
.collection__saleByCategory .catalogPage__productsList .item .price .actual{text-align: center;}
.collection__saleByCategory .catalogPage__productsList .item .name{height: 45px; border-radius: 6px; color: #fff; font-size: 14px; font-weight: bold; font-family: 'Montserrat', sans-serif; width: 100%; text-decoration: none; background-color: #0080d6; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; margin-bottom: 0;}
.collection__saleByCategory .catalogPage__productsList .item .name:hover{opacity:0.8;}
.collection__saleByCategory .catalogPage__productsList .item .name.color_1{background-color: #0080d6;}
.collection__saleByCategory .catalogPage__productsList .item .name.color_2{background-color: #65ae2f;}
.collection__saleByCategory .catalogPage__productsList .item .name.color_3{background-color: #ff6b08;}
.collection__saleByCategory .catalogPage__productsList .item .name.color_4{background-color: #a262ae;}
.collection__saleByCategory .catalogPage__productsList .item .name.color_5{
background-color: #62ae77;}
/* Блок уÑкоренной доÑтавки */
.expressDelivery{background-color: #f7f7f7; padding-bottom: 50px;}
.expressDelivery__inner{max-width: 1240px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; background-color: #fff; border-radius: 8px; padding: 15px;}
.expressDelivery__left{flex:0 1 50%; border-right: 1px solid #ebebeb; padding: 33px 100px 40px 33px;}
.expressDelivery__left .label{background: url('/local/templates/topsantehnika/css/../images/bg_expressDelivery.png') 0 0 no-repeat; text-align: center; color: #010101; font-weight: bold; font-size: 12px; font-family: 'Montserrat'; width: 218px; height: 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center;justify-content: center;}
.expressDelivery__left h2, .expressDelivery__left .h2{font-size: 26px; font-weight: bold; font-family: 'Montserrat'; color: #000; line-height: 1.2; margin-top: 0.83em; margin-bottom: 0.83em;}
.expressDelivery__left a{height: 45px; border-radius: 6px; color: #fff; font-size: 14px; font-weight: bold; font-family: 'Montserrat', sans-serif; width: 100%; text-decoration: none; background-color: #f02b37; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; margin-bottom: 0; width: 185px;}
.expressDelivery__left a:hover{opacity:0.8;}
.expressDelivery__left .bottom{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;-ms-align-items: center; align-items: center;}
.expressDelivery__left .bottom span{font-size: 12px; font-weight: bold; color: #868686; text-transform: uppercase; font-family: 'Montserrat';}
.expressDelivery__right{flex:0 1 50%;width: 50%; max-width: 50%; padding-left: 40px;}
.expressDelivery__right-slider{display: flex;}
.expressDelivery__right-slider, .expressDelivery__right-slider .slick-track, .expressDelivery__right-slider .item{height: 100%;}
.expressDelivery__right-slider::after{ content:""; display:block; height:100%; position: absolute; top:0; background-image:linear-gradient(to right, rgba(255, 255, 255, 0), #fff 75%); width: 40px; right: 0; }
.expressDelivery__right-slider .item{border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; width: 400px; align-items: center; margin-bottom: 0; padding: 0; margin-right: 35px;flex-direction:row;}
.expressDelivery__right-slider .item .img{min-width: 170px;margin-right: 30px;}
.expressDelivery__right-slider .item .img img{height: auto; width: auto;}
.expressDelivery__right-slider .slick-arrow{ width: 35px; height: 35px; background: #acacac; right: 0; padding: 0; font-size: 0; border: none; cursor: pointer; position: absolute; top: 50%; margin-top: -17.5px; z-index: 9; border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center;}
.expressDelivery__right-slider .slick-prev {left: 0; right: auto;}
.expressDelivery__right-slider .slick-arrow i{ width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -68px -78px; display: block; filter: invert(1); }
.expressDelivery__right-slider .slick-prev i{transform: scale(-1, 1);}
.expressDelivery__right-slider .slick-arrow.slick-disabled {opacity: 0;}
.productsList__mainPage{ padding: 50px 0;}
.productsList__mainPage .heading{ border-bottom: 1px solid #ebebeb;padding-bottom: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; margin: 0 auto 45px;}
.productsList__mainPage .heading h2, .productsList__mainPage .heading .h2{margin:5px 0; font-size: 32px; font-weight: bold; font-family: 'Montserrat', sans-serif; margin-right: 70px;display: flex; align-items: flex-start; line-height: 1;}
.productsList__mainPage .heading h2 span, .productsList__mainPage .heading .h2 span{font-size: 12px; color: #fff; font-weight: bold; font-family: 'Montserrat', sans-serif; line-height: 18px; padding: 0 7px; border-radius: 8px; background-color: #fff200; width: 52px; text-align: center;text-transform: uppercase; margin-left: 10px;}
.productsList__mainPage .heading a { margin-right: 45px; display: inline-block; font-size: 16px; color: #787272; font-weight: bold; font-family: 'Montserrat', sans-serif; text-decoration: none; border-bottom: 1px dotted #787272; }
.productsList__mainPage .heading a.active { color: #3f6bdb; border-bottom: none; }
.productsList__mainPage .productsList__container{max-width: 1240px; margin: 0 auto;}
.productsList__mainPage .item{background-color: #fff;}
.productsList__mainPage .item .icons{position: absolute; right: 0; top: 24px; width: 50px;}
.productsList__mainPage .item .icons span{position: relative; margin-bottom: 5px;display: block; top: auto; width: 100% ; text-align: center;border-radius: 8px 0 0 8px;}
.productsList__mainPage .item .icons span.discountTop-new{background-color: #9be01f;color: #fff;}
.productsList__mainPage .item .icons span.discountTop-top{background-color: #f7941d;color: #fff;}
.productsList__mainPage .showMore{margin-top: 35px;}
.productsList__mainPage-new .heading h2 span, .productsList__mainPage-new .heading .h2 span{background-color: #9be01f;}
.productsList__mainPage-top .heading h2 span, .productsList__mainPage-top .heading .h2 span{background-color: #f7941d;}
.productsList__mainPage-sale .heading h2 span, .productsList__mainPage-sale .heading .h2 span{background-color: #fff200; color: #000;}
.productsList__mainPage-top {background-color: #f7f7f7;}
.popular__brands{background-color: #f7f7f7; padding: 32px 0;}
.popular__brands .inner{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;}
.popular__brands-left{min-width: 254px; border-right: 1px solid #ebebeb; padding-right: 50px; flex:0 1 50%; margin-right: 20px;}
.popular__brands-left h2, .popular__brands-left .h2{font-size: 32px; font-weight: bold; font-family: 'Montserrat', sans-serif; line-height: 1.2;}
.popular__brands-right{flex:0 1 50% ; max-width: calc( 100% - 330px );}
.popular__brands-slider, .popular__brands-slider .slick-list, .popular__brands-slider .slick-track{height: 100%;}
.popular__brands-slider .slick-track{height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center;}
.popular__brands-slider .slick-track a{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; padding: 0 30px;}
.popular__brands-slider .slick-next { width: 35px; height: 35px; background: #acacac; right: 0; padding: 0; font-size: 0; border: none; cursor: pointer; position: absolute; top: 50%; margin-top: -17.5px; z-index: 9; border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; }
.popular__brands-slider .slick-next i { width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -68px -78px; display: block; filter: invert(1); }
.content{font-size: 14px; color: #8e8e8e; padding: 50px 0 20px; overflow-x: auto;}
.content h1, .content h2, .content h3{font-size: 22px; font-weight: bold; font-family:'Montserrat', sans-serif; color: #000;}
.content h2{font-size: 16px;}
.content h3{font-size: 14px;}
.content p, .content a{font-size: 14px; color: #8e8e8e; font-family:'Montserrat', sans-serif;}
.content a{color: #3f6bdb; text-decoration: none;}
.content a:hover{text-decoration: underline;}
.content hr{background: #ebebeb; height: 1px; width: 100%; border: none; margin:40px 0; padding: 0;}
.content .list{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;}
.content .list ul{list-style:none; margin: 10px 0 0 0; padding: 0;}
.content .list ul li{background: url('/local/templates/topsantehnika/css/../images/ico_list-li.png') left center no-repeat; padding-left: 25px; margin-bottom: 12px;}
/* Конец Стили главной Ñтраницы */
/* Стили меню каталога */
header{position: relative;}
.catalog__menu{position: absolute; z-index: 10; background-color: #fbfbfb; width: 100%; min-height: calc( 100vh - 180px ); display: none; padding-bottom: 40px; box-shadow: 0 30px 30px #cecece;}
.catalog__menu-inner{max-width: 1240px; margin: 0 auto; position: relative;}
.catalog__menu-left, .catalog__menu-right{background-color: #fff; border-radius: 8px; padding: 25px 0;}
.catalog__menu-left{max-width: 280px; margin: 0; list-style:none;}
.catalog__menu-left > li{padding: 2px 0;}
.catalog__menu-left > li.hover > a:before, .catalog__menu-left > li:hover > a:before{content:""; width: 3px; height: 100%; position: absolute; left: 0; top: 0; background-color: #487af4; }
.catalog__menu-left li a{text-decoration: none; font-size: 14px; color: #000; font-family: 'Montserrat', sans-serif; position: relative; line-height: 1;}
.catalog__menu-left > li > a{display: block; padding: 5px 25px;}
.catalog__menu-left li.hover > a, .catalog__menu-left li:hover > a{color: #487af4;}
.catalog__menu-left li:hover .catalog__menu-right, .catalog__menu-left li.hover .catalog__menu-right{display: block;}
.catalog__menu-left li:hover .catalog__menu-right{z-index: 1;}
.catalog__menu-right{position: absolute; left: 280px; top: 0; width: 945px; min-height: 100%; display: none;}
.catalog__menu-right::before{content:""; width: 20px; height: 100%; background-color: #fbfbfb; left: 0;display: block; position: absolute; top: 0;}
.catalog__menu-right .heading_h2{background-color: #ff6b08; color: #fff; font-weight: bold; font-size: 22px; font-family:'Montserrat', sans-serif; display: inline-block; line-height: 45px; margin: 0; padding: 0 40px; }
.catalog__menu-right .middle{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; height: calc( 100% - 45px ); max-height: 370px; padding: 23px 40px; overflow: hidden;}
/*.catalog__menu-right .middle-list{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap:wrap; max-height: 100%; width: 600px; } */
.catalog__menu-right .middle-list{max-height: 100%; width: 600px;column-count: 4; column-gap: 1em;overflow-x: auto;}
.catalog__menu-right .middle-list.no-columns-styles{column-count: auto;}
.catalog__menu-right .middle-list.no-columns-styles .list{margin-bottom: 15px;}
.catalog__menu-right .middle-list.no-columns-styles.grid-template {display: grid; grid-gap: 20px;}
.catalog__menu-right .column{padding-right: 30px; width: 33.3%;}
.catalog__menu-right .list{margin-bottom: 30px;}
.catalog__menu-right .heading{text-transform: uppercase; color: #959595; font-size: 12px; font-weight: bold; font-family: 'Montserrat', sans-serif;}
.catalog__menu-right .list ul, .catalog__menu-right .subCat ul, .catalog__menu-right .brands__list ul{margin: 0; padding: 0; list-style:none;}
.catalog__menu-right .subCat ul{margin-top: 10px;}
/*.catalog__menu-right .subCat ul{column-count: 4;column-gap: 1em;}*/
.catalog__menu-right .subCat ul li{display: block;}
.catalog__menu-right .list ul li{margin: 0; padding: 0;}
.catalog__menu-right .list ul li a{font-size: 12px; color: #000;}
.catalog__menu-right .list ul li a:hover{text-decoration: underline; color: #487af4;}
.catalog__menu-right .list ul li a span{color: #959595;}
.catalog__menu-right .subCat a{font-size: 12px; font-weight: bold; margin-bottom: 10px; display: flex;
align-items: start;}
.catalog__menu-right .subCat a img{margin-right: 12px;}
.catalog__menu-right .brands__list{padding: 20px 40px;}
.catalog__menu-right .brands__list::after{content:""; clear: both; width: 100%; display: block;}
.catalog__menu-right .brands__list .heading_h3{font-size: 12px; color: #959595; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
.catalog__menu-right .brands__list ul li{float: left; width: 25%; padding: 0;}
.catalog__menu-right .brands__list ul li a{font-size: 12px; color: #487af4; font-family: 'Montserrat', sans-serif;}
.catalog__menu-right .brands__list ul li a:hover{text-decoration: underline; color: #000;}
.catalog__menu-right .brands__list ul li a span{color: #959595;}
.catalog__menu-right .brands__list .allBrands{float: right; font-size: 10px; width: 25%; margin-top: 20px; color: #487af4; font-family: 'Montserrat', sans-serif;}
.catalog__menu-right .brands__logos{padding: 20px 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
/* Конец Стили меню каталога */
/* Стили Корзины */
.busketOrder__outer{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-bottom: 90px;align-items: flex-start;}
.busketContent{flex: 0 1 100%; margin-right: 40px;}
.busketContent__heading{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; border-bottom: 1px solid #ebebeb;}
.busketContent__heading h1{font-size: 32px; font-weight: bold; font-family: 'Montserrat', sans-serif;}
.busketContent__heading a{font-size: 12px; color: #acacac; font-family: 'Montserrat', sans-serif; text-decoration: none;}
.busketContent__body{}
.busketContent__body .item{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; padding-top: 40px; font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #ebebeb; padding-bottom: 40px; flex-wrap:wrap;}
.busketContent__body .item .img{width: 118px; border: 1px solid #d8d5d5; display: block; padding: 3px; margin-right: 15px;align-self: start;}
.busketContent__body .item .img img{width: 100%; height: auto;}
.busketContent__body .item .name { color: #487af4; font-size: 12px; font-weight: bold; font-family: 'Montserrat', sans-serif; display: block; text-decoration: none; margin-bottom: 5px;}
.busketContent__body .item .product-status { margin-bottom: 15px; }
.busketContent__body .item .delivery {
background-color: #f9f8f8;
border: 1px dashed #cecece;
font-size: 11px;
font-weight: bold;
color: #000;
line-height: 13px;
padding: 5px 10px;
display: inline-block;
margin-bottom: 15px;
}
.busketContent__body .item .descr{font-size: 12px; color: #3b3a3a;font-family: 'Montserrat', sans-serif; min-width: 320px; padding: 0 15px; margin-right: auto; max-width: 320px;}
.busketContent__body .item .descr table{padding: 0; border-collapse: collapse;}
.busketContent__body .item .descr table td:first-child{padding-right: 15px;}
.busketContent__body .gift{border: 1px dashed #cecece; padding:15px 18px 0; margin:10px 0 0 150px; min-width: 450px; background: url('/local/templates/topsantehnika/css/../images/ico_gift.png') top 12px right 16px no-repeat #f9f8f8;}
.busketContent__body .gift h4{margin: 5px 0 16px; font-size: 12px; font-weight: bold; color: #3b3a3a;font-family: 'Montserrat', sans-serif;}
.busketContent__body .gift__item{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center;
align-items: center; margin-bottom: 18px;}
.busketContent__body .gift__item .img{max-width: 35px;border: 1px solid #dad7d7; display: block; margin-right: 15px;}
.radio__container { display: block; position: relative; padding-left: 35px; cursor: pointer; /*font-size: 22px;*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 24px;}
.radio__container input { position: absolute; opacity: 0; cursor: pointer; }
.radio__container .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: #fff; border-radius: 50%; border: 2px solid #b7b7b7;}
.radio__container:hover input ~ .checkmark { background-color: #ccc; }
.radio__container input:checked ~ .checkmark { background-color: #fff; border-color: #487af4;}
.radio__container .checkmark:after { content: ""; position: absolute; display: none; }
.radio__container input:checked ~ .checkmark:after { display: block; }
.radio__container .checkmark:after { top: 4px; left: 4px; width: 12px; height: 12px; border-radius: 50%; background: #487af4; }
.busketContent__body .count{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; padding: 0 15px; min-width: 146px;}
.busketContent__body .count .minus, .busketContent__body .count .plus{ width:35px; height:35px; background:#e1e1e1; border-radius:0 8px 8px 0;cursor:pointer; text-align: center; line-height: 35px; font-weight: bold; font-size: 16px; color: #3b3a3a;}
.busketContent__body .count .minus{border-radius: 8px 0 0 8px;}
.busketContent__body .count input[name="count"]{ height:35px; width: 44px; text-align: center; font-size: 14px; border:1px solid #e1e1e1; border-radius:0; display: block; vertical-align: middle; color: #3b3a3a; font-family: 'Montserrat', sans-serif;}
.busketContent__body .price{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display:flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; padding: 0 15px; min-width: 200px;}
.busketContent__body .price .old { font-size: 14px; color: #aaaaaa; margin-right: 12px; text-decoration: line-through; font-family: 'Montserrat'; display: block;}
.busketContent__body .price .actual { font-size: 22px; font-weight: bold; color: #000; line-height: 1; margin: 5px 0; font-family: 'Montserrat'; display: block;}
.busketContent__body .remove{display: block; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center;}
.order{background-color: #fff; border: 1px solid #ebebeb; width: 350px; padding: 30px; box-shadow: -12px 16px 60px 0px rgba(0, 0, 0, 0.09);font-family: 'Montserrat', sans-serif; margin-top: 30px; position: -webkit-sticky; position: sticky; top: 10px; min-width: 350px;}
.order h3{font-size: 22px; font-weight: bold; color: #487af4;font-family: 'Montserrat', sans-serif; margin: 0; line-height: 1; margin-bottom: 30px;}
.order h3 a{font-size: 14px; color: #2a2a2a; font-family: 'Montserrat', sans-serif; margin-left: 30px;}
.order table{padding: 0; border-collapse: collapse; color: #2a2a2a; font-size: 14px; line-height: 18px; margin-bottom: 25px; width: 100%;}
.order table td:first-child{padding-right: 15px; width: 50%;}
.order table tr.grey td{color: #999999; padding-top: 15px;}
.order hr{background-color: #ebebeb; width: calc( 100% + 60px ); height: 1px; margin: 15px -30px; border: none;}
.order .summ{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; font-size: 18px; font-weight: bold; color: #2a2a2a; font-family: 'Montserrat'; margin-bottom: 15px;}
.order .buyNow, .order .buyCredit, .buyForm__checkAndSend .buyNow{ color: #fff; background-color: #f02b37; border: none; width: 100%; height: 45px; text-transform: uppercase; cursor: pointer; border-radius: 6px; font-size: 12px; font-weight: bold; font-family: 'Montserrat'; margin-bottom: 15px;}
.order .buyNow:hover, .buyForm__checkAndSend .buyNow:hover { background-color: #9e0b0f; color: #fff; border-color: #9e0b0f; }
.order .buyCredit{background-color: #ebebeb; color: #999999; text-transform: none;}
.order .buyCredit:hover{background-color: #000; color: #fff; text-transform: none;}
.order .credDescr{color: #5d5d5d; font-size: 12px; line-height: 1.2; display: block;font-family: 'Montserrat', sans-serif; }
.buyForm{max-width: 640px; margin-top: 50px;}
.buyForm h3{font-size: 20px; font-weight: bold; color: #000; margin: 0 0 15px;}
.buyForm__subInput{position: relative;}
.buyForm__subInput span{position: absolute; font-size: 12px; color: #a8a8a8; font-family: 'Montserrat', sans-serif; top: 12px; left: 19px;}
.buyForm input{border: 1px solid #b7b7b7; border-radius: 4px; height: 60px; padding: 0 18px 0; width: 100%;}
.buyForm__subInput input{padding: 20px 18px 0;}
.buyForm__separator{height: 45px;}
.buyForm__deliveryType{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.buyForm__deliveryType-container { display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: calc( 50% - 10px ); margin-bottom: 20px;}
.buyForm__deliveryType-container input { position: absolute; opacity: 0; cursor: pointer; }
.buyForm__deliveryType-container .checkmark {border-radius: 8px; border: 1px solid #b7b7b7; padding: 30px; min-height: 164px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; flex-wrap:wrap;}
.buyForm__deliveryType-container:hover input ~ .checkmark { background-color: #fff; }
.buyForm__deliveryType-container input:checked ~ .checkmark { background-color: #fff; border-color: #487af4;}
.buyForm__deliveryType-container h4{font-size: 16px; font-weight: bold; color: #2a2a2a; font-family: 'Montserrat', sans-serif; margin: 0;}
.buyForm__deliveryType-container .checkmark span{font-size: 12px; color: #8e8888; font-family: 'Montserrat', sans-serif; line-height: 16px; display: block;}
.buyForm__dataPrice{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content: space-between; width: 100%;}
.buyForm__dataPrice .date, .buyForm__dataPrice .price{font-size: 12px; font-family:'Montserrat', sans-serif;}
.buyForm__dataPrice .price{color: #487af4; font-weight: bold;}
.buyForm__twoCols{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin: 20px 0;}
.buyForm__twoCols input, .buyForm__twoCols select{max-width: calc( 50% - 10px );}
.buyForm__twoCols .buyForm__subInput{width: calc( 50% - 10px );}
.buyForm__twoCols .buyForm__subInput input{max-width: 100%;}
.buyForm__mess{font-size: 12px; color: #8e8888; display: block; margin-top: -10px;}
.buyForm__payMethods{margin-top: 25px;}
.buyForm__payMethods-item{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 25px; color: #2a2a2a; font-weight: bold; font-family: 'Montserrat', sans-serif; flex-wrap:wrap;}
.buyForm__payMethods-item > span{display: block; flex: 0 1 100%; font-size: 12px; color: #8e8888; font-weight: normal; padding-left: 35px;}
.buyForm__payMethods-item.disabled{color: #8e8888;}
.buyForm__payMethods-item.disabled .radio__container .checkmark{border-color: #f1f1f1;}
.buyForm__payMethods-item.disabled .radio__container:hover input ~ .checkmark{background-color: #fff;}
.buyForm label.error{font-size: 10px; color: #f02b37; margin-left: 18px;}
.buyForm input.error{border-color: #f02b37;}
.buyForm__checkAndSend{display: flex; justify-content: space-between;}
.buyForm__checkAndSend div{font-size: 12px; color: #8e8888; }
.buyForm__checkAndSend div:first-child{max-width: 340px;}
.buyForm__checkAndSend div:last-child{min-width: 270px;}
.buyForm__checkAndSend div a{font-size: 12px; color: #8e8888; }
.buyForm__checkAndSend div input{height: auto; width: auto; margin: 0 5px 0 0;}
select{border: 1px solid #b7b7b7; background: none; -moz-appearance:none; -webkit-appearance:none; appearance:none; height: 60px; padding:0 50px 0 18px; cursor: pointer; color: #3b3a3a; font-family: 'Montserrat', sans-serif; font-size: 14px; background: url('/local/templates/topsantehnika/css/../images/ico_arrow-down.png') right 20px center no-repeat; border-radius: 4px; width: calc( 100% - 10px );}
textarea{border: 1px solid #b7b7b7; background: none; border-radius: 4px; width: 100%; padding: 25px 15px; font-size: 14px; color: #a8a8a8; height: 195px; margin-bottom: 40px;}
.buyForm textarea{color: #404040;}
/* Конец корзины*/
/*Ðачало контентных Ñтраниц Ñ Ñайдбаром*/
.content__withSidebar{display: flex;}
.content__withSidebar-sidebar{ max-width: 250px; margin: 0; min-width: 250px; padding-top: 24px;}
.content__withSidebar-sidebar ul{ margin: 0; list-style: none; padding: 0;}
.content__withSidebar-sidebar ul > li { padding: 2px 0; }
.content__withSidebar-sidebar ul > li a { text-decoration: none; font-size: 14px; color: #787272; font-family: 'Montserrat', sans-serif; position: relative; line-height: 1; display: block; padding: 5px 25px;}
.content__withSidebar-sidebar li.hover a::before, .content__withSidebar-sidebar li:hover a::before {content: ""; width: 3px; height: 100%; position: absolute; left: 0; top: 0; background-color: #487af4;}
.content__withSidebar-sidebar li.hover a, .content__withSidebar-sidebar li:hover a { color: #000000; }
.content__withSidebar-content .content{padding: 0;}
.content__withSidebar-content .content h1{margin: 0 0 15px; font-size: 32px;}
.content__withSidebar-content .content h2{margin: 0 0 15px; font-size: 22px;}
.content__withSidebar-content .content p, .content__withSidebar-content .content a { font-size: 16px; color: #000; font-family: 'Montserrat', sans-serif; }
.content__withSidebar-content .content .contacts{display: flex; justify-content: space-between;align-items: center; }
.content__withSidebar-content .content .contacts .phone{background: url(/local/templates/topsantehnika/css/../images/ico_phone.png) left 15px no-repeat; padding-left: 58px; margin: 30px 20px 30px 0;}
.content__withSidebar-content .content .contacts .phone a{display: block;font-size: 32px; color: #000; font-family: 'Montserrat'; font-weight: bold;}
.content__withSidebar-content .content .contacts .phone span{font-size: 12px; font-weight: bold; color: #000; font-family: 'Montserrat', sans-serif;}
.content__withSidebar-content .content .contacts .schedule{margin-right: auto;}
.content__withSidebar-content .content .contacts img{margin-right: 100px;}
.content__withSidebar-content .content .attention{font-size: 12px; color: #000; font-family: 'Montserrat', sans-serif; padding: 30px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin: 15px 0 30px;}
.content__withSidebar-content .content .attention span{color: #f91515;}
.content__withSidebar-content .content h3{font-size: 16px; font-weight: bold; color: #000; font-family: 'Montserrat', sans-serif;}
ul.lstn, ul.lstchk{list-style-type: none; }
ul.lstn li, ul.lstchk li{position: relative; font-size: 14px; color: #000; font-family: 'Montserrat', sans-serif; margin-bottom: 7px;}
ul.lstn li:before{content:""; height: 1px; width: 15px; background-color: #000; position: absolute; left: -30px; top: 11px;}
ul.lstn li a, ul.lstchk li a{font-size: 14px !important; color: #000 !important; font-family: 'Montserrat', sans-serif !important;}
ul.lstchk li:before{content:"";width: 12px; height: 11px; position: absolute; left: -30px; background: url('/local/templates/topsantehnika/css/../images/ico_list-li.png') left center no-repeat; top: 5px;}
.content__withSidebar-content{width: 100%;}
.content__withSidebar-content .content p.grey{font-size: 14px; color: #8e8e8e; font-family: 'Montserrat', sans-serif; overflow-x:auto;}
.content__withSidebar-content .gorizontalLinks{margin: 20px 0; padding-bottom: 25px; border-bottom: 1px solid #ebebeb;}
.content__withSidebar-content .gorizontalLinks a{font-size: 16px; color: #787272; font-weight: bold; font-family: 'Montserrat', sans-serif; margin-right: 45px; display: inline-block; text-decoration: none; border-bottom: 1px dotted #787272;}
.content__withSidebar-content .gorizontalLinks a:hover{border-bottom: none;}
.content__withSidebar-content .gorizontalLinks a.active { color: #3f6bdb; border-bottom: none; }
.content__withSidebar-content p.term {display: flex; align-items: center; font-size: 14px;}
.content__withSidebar-content p.term i{display: block; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -45px -153px no-repeat; width: 12px; height: 12px; margin-right: 7px;}
.content__withSidebar-content h4{font-size: 16px; color: #000; font-family: 'Montserrat', sans-serif;}
.content__withSidebar-content .imagesList{display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 30px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px;}
.content__withSidebar-content .imagesList a{display: flex; height: 120px; width: 228px; border: 1px solid #e1e1e1; justify-content: center; align-items: center; padding: 10px; margin-bottom: 20px;}
.content__withSidebar-content .imagesList a img{max-width: 100%;}
.deliveryTable .row{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; background-color: #f9f8f8; border: 1px solid #e1e1e1; border-bottom: none;}
.deliveryTable .row:nth-child(2n) { background-color: #fff; }
.deliveryTable .row:last-child{border-bottom: 1px solid #e1e1e1;}
.deliveryTable .row .col { width: 56%; padding: 5px 10px; font-size: 13px; color: #2a2a2a; font-weight: bold; font-family: 'Montserrat', sans-serif; display: flex; align-items: center; }
.deliveryTable .row .col:nth-child(n) { font-weight: normal; width: 65%; }
.deliveryTable .row .col:nth-child(2n) { font-weight: bold; width: 35%; border-left: 1px solid #e1e1e1;}
.deliveryTable .row .col:nth-child(3n) { font-weight: bold; width: 35%; border-left: 1px solid #e1e1e1;}
table.deliveryTable {width: 100%;border-collapse: collapse;}
table.deliveryTable tr{background-color: #f9f8f8;}
table.deliveryTable tr:nth-child(2n) { background-color: #fff; }
table.deliveryTable tr td {padding: 5px 10px; font-size: 13px; color: #2a2a2a; font-weight: bold; font-family: 'Montserrat', sans-serif; border: 1px solid #e1e1e1; }
.contacts3col{display: flex; justify-content: space-between; margin-top: 40px;}
.contacts3col .col{font-size: 16px; color: #000; font-family: 'Montserrat', sans-serif;}
.contacts3col b{display: block;}
.contacts3col a{font-size: 16px; text-decoration: none; color: #3f6bdb !important;display: block; }
.mapIframe{border: none; border-radius: 5px;}
.content__withSidebar-content .paymentsMethod{display: flex; flex-wrap:wrap; justify-content: space-between;}
.content__withSidebar-content .paymentsMethod .item{width: 480px; background-color: #f5f5f5; padding: 45px 30px 30px 45px; position: relative; min-height: 270px; margin-bottom: 20px;}
.content__withSidebar-content .paymentsMethod .item h4{font-size: 20px;}
.content__withSidebar-content .paymentsMethod .item span{font-size: 16px; color: #000; display: block; max-width:300px;}
.content__withSidebar-content .paymentsMethod .item div{position: absolute; right: 30px; bottom: 30px; background-color: #487af4; border-radius: 50%; height: 100px; width: 100px; display: flex; justify-content: center; align-items: center;}
.brands__head{margin-left: -10px; margin-bottom: 30px;}
.brands__head a{display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #487af4 !important; font-weight: bold; border-radius: 40%;}
.brands__head a.active, .brands__head a:hover{color: #fff !important; background-color: #487af4; border-radius: 50%; text-decoration: none;}
.brands__head button{display: block;color: #fff; background-color: #487af4; border: none; width: 115px; height: 35px; text-transform: uppercase; cursor: pointer; border-radius: 6px; font-size: 12px; font-weight: bold; font-family: 'Montserrat'; margin-top: 20px; margin-left: 10px;}
.brands__head button:hover{background-color: #3d6de1;}
.brands__body{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px;}
.brands__body a{display: flex; align-items: center; justify-content: center; flex-direction:column; border: 1px solid #e1e1e1; padding:30px 15px; text-align: center;}
.brands__body a:hover{border-color: #487af4;text-decoration: none;}
.brands__body a span{display: inline-block; font-size: 14px; color: #787272; border-bottom: 1px solid #787272;}
.brands__body a:hover span{color: #000;}
.brands__body a img{display: block; margin: auto; max-height: 65px;}
.content__withSidebar-content .content .pagination{margin-top: 50px;}
.content__withSidebar-content .content .pagination-pages a{color: #000; font-size: 14px;}
.content__withSidebar-content .content .pagination-pages a:hover{text-decoration: none;}
.content__withSidebar-content .content .pagination-pages a.active{color: #fff; font-size: 14px;}
.content__withSidebar-content .content .pagination-back, .content__withSidebar-content .content .pagination-next{font-size: 12px;}
.content__withSidebar-content .content .pagination-back:hover, .content__withSidebar-content .content .pagination-next:hover{text-decoration: none;}
/*Конец контентных Ñтраниц Ñ Ñайдбаром*/
/* Корзина пуÑÑ‚Ð°Ñ */
.basket__empty h1{font-size: 32px; color: #000; font-weight: bold; font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #ebebeb; padding-bottom: 24px; margin-bottom: 50px;}
.basket__empty-content{display: flex;}
.basket__empty-content img{margin: 20px 60px 20px 0;}
.basket__empty-content div{max-width: 570px;}
.basket__empty-content p{font-size: 18px; line-height: 30px; color: #000; font-family: 'Montserrat', sans-serif; margin-bottom: 30px;}
.basket__empty-content .discount, .basket__empty-content .choose{display: block; text-decoration: none; display: inline-block; text-align: center; line-height: 44px;}
.basket__empty-content .discount{color: #fff; background-color: #f02b37; border: none; width: 185px; height: 45px; text-transform: uppercase; cursor: pointer; border-radius: 6px; font-size: 12px; font-weight: bold;font-family: 'Montserrat'; margin-right: 24px;}
.basket__empty-content .discount:hover{background-color: #9e0b0f; color: #fff; border-color: #9e0b0f;}
.basket__empty-content .choose{color: #f02b37; background-color: #fff; border: none; width: 185px; height: 45px; text-transform: uppercase; cursor: pointer; border-radius: 6px; font-size: 12px; font-weight: bold;font-family: 'Montserrat'; border: 1px solid #f02b37;}
.basket__empty-content .choose:hover{background-color: #9e0b0f; color: #fff; border-color: #9e0b0f;}
/* Конец Корзина пуÑÑ‚Ð°Ñ */
/* Заказ оформлен */
.order__formalized-content{background: url('/local/templates/topsantehnika/css/../images/img_31.png') top right no-repeat; min-height: 450px;}
.order__formalized-content.inner{max-width: 550px; margin: 0; background: none; }
.order__formalized h1{font-size: 32px; color: #000; font-weight: bold; font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #ebebeb; padding-bottom: 24px; margin-bottom: 50px;}
.order__info{}
.order__info h2, .order__info h3{color: #1e1e1e; font-size: 28px; font-weight: bold; font-family: 'Montserrat'; margin: 0;}
.order__info h3{font-size: 24px; font-weight: normal;}
.order__info h2 a{color: #1687d8; text-decoration: none;}
.sms__info{margin: 30px 0;}
.sms__info, .sms__info a{color: #1e1e1e; font-size: 14px; font-family: 'Montserrat', sans-serif; text-decoration: none;}
.order__detail{padding-left: 65px; border-left: 3px solid #dde4ef; margin: 20px 0;}
.order__detail h4{color: #1687d8; font-size: 16px; font-weight: bold; font-family: 'Montserrat', sans-serif; margin: 0 0 10px;}
.order__detail table{font-size: 14px; color: #000; margin-bottom: 30px;}
.order__detail table td:first-child{padding-right: 15px; font-weight: bold;}
.order__detail .print, .order__detail .choose{text-decoration: none; display: inline-block; text-align: center; line-height: 44px; border: none; width: 185px; height: 45px; border-radius: 6px; font-size: 12px; font-weight: bold;font-family: 'Montserrat';}
.order__detail .print{color: #fff; background-color: #f02b37; margin-right: 24px; position: relative; text-transform: uppercase; padding-left: 20px;}
.order__detail .print i{width: 16px; height: 16px; background: url('/local/templates/topsantehnika/css/../images/ico_print.png') 0 0 no-repeat; display: block; position: absolute; left: 25px; top: 15px;}
.order__detail .print:hover{background-color: #9e0b0f; color: #fff; border-color: #9e0b0f;}
.order__detail .choose{color: #f02b37; background-color: #fff; border:1px solid #f02b37;}
.order__detail .choose:hover{background-color: #9e0b0f; color: #fff; border-color: #9e0b0f;}
/* Конец Заказ оформлен */
/* Выбор региона */
.searchRegion{display: none;}
.searchRegion .top{padding: 35px;}
.searchRegion h2{font-size: 22px; font-weight: bold; color: #000; font-family: 'Montserrat', sans-serif;}
.searchRegion form{display: flex; align-items: center; justify-content: space-between;border: 1px solid #ccc; height: 45px; border-radius: 22px; position: relative;}
.searchRegion form input[type="text"] { border: none; background: none; height: 100%; padding-left: 52px; width: 84%; font-size: 14px; color: #3b3a3a; font-family: 'Montserrat', sans-serif; background: url('/local/templates/topsantehnika/css/../images/ico_search-black.png') left 20px center no-repeat;}
.searchRegion form input[type="submit"] { border: none; border-radius: 22px; width: 65px; height: 45px; cursor: pointer; background-color: #f02b37; color: #fff; font-size: 14px; font-weight: bold;}
.searchRegion .top .allCity{list-style:none; padding: 40px 0 40px 10px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 5px;}
.searchRegion .top ul{list-style:none; padding: 0 0 0 10px;}
.searchRegion .top ul:nth-child(1) li:nth-child(-n+4) {font-weight: bold;}
.searchRegion .top ul li a,
.searchRegion .top ul li span {cursor:pointer;font-size: 14px; color: #787272; font-family: 'Montserrat', sans-serif; text-decoration: none; }
.searchRegion .top ul li a.active,
.searchRegion .top ul li a:hover,
.searchRegion .top ul li span.active,
.searchRegion .top ul li span:hover {color: #0080d6; text-decoration: underline; }
.searchRegion .bottom{background-color: #f7f7f7; border-top: 1px solid #ebebeb;padding:25px 35px;font-size: 12px; color: #787272; font-family: 'Montserrat', sans-serif;}
.searchRegion .bottom h4{margin: 0; font-size: 14px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #000;}
/* Конец Выбор региона */
/* Попап Ñтили */
.popUp{position: fixed; z-index: 99; background-color: rgba(0,0,0,0.6); width: 100%; height: 100%; left: 0; top: 0; min-height: 100vh;}
.popUp__inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 560px;background-color: #fff; max-height: 80vh; overflow-y: scroll;}
.popUp__inner .closePopUp { text-decoration: none; position: absolute; right: 20px; top: 20px; color: #fff; background-color: #000; width: 30px; height: 30px; z-index: 9; text-align: center; line-height: 26px; font-size: 24px; }
/* Конец Попап Ñтили */
/* Товар добавлен попап */
/*body{overflow: hidden;}*/
.productAdded{display: none;}
.productAdded h2{font-size: 22px; color: #000; font-weight: bold; font-family: 'Montserrat', sans-serif; margin: 0 0 25px 0;}
.productAdded .product{padding: 55px 35px 35px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px;}
.productAdded .product .item{display: flex;align-items: flex-start;}
.productAdded .product .item .img{border: 1px solid #ebebeb; margin-right: 20px; padding: 10px;}
.productAdded .product .item .name{color: #3f6bdb; font-size: 16px; font-weight: bold; font-family: 'Montserrat', sans-serif; display: block; text-decoration: none; margin-bottom: 5px;}
.productAdded .product .item table{ color: #757575; font-size: 11px; line-height: 18px; }
.productAdded .product .item table tr td{padding: 0;}
.productAdded .product .item table tr td:first-child{padding-right: 10px;}
.productAdded .product .price { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; flex-wrap: wrap; margin-top: 10px; margin-bottom: 15px; position: relative;}
.productAdded .product .price .old { font-size: 14px; color: #aaaaaa; margin-right: 12px; text-decoration: line-through; }
.productAdded .product .price .discount { font-size: 12px; color: #000; font-weight: bold; font-family: 'Montserrat', sans-serif; line-height: 18px; padding: 0 7px; border-radius: 8px; background-color: #fff200; width: 52px; text-align: center; margin-right: 20px;}
.productAdded .product .price .status {color: #28b118; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 12px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center;}
.productAdded .product .price .brand{position: absolute; right: 0; bottom: 0;}
.productAdded .product .price .status i{display: block;width: 12px; height: 12px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -245px; margin-right: 5px;}
.productAdded .product .price .status.small_count{color: #ff6c08;}
.productAdded .product .price .status.small_count i{background: url('/local/templates/topsantehnika/css/../images/ico_status-small_count.png') 0 0 no-repeat;}
.productAdded .product .price .status.not_available{color: #f02b37;}
.productAdded .product .price .status.not_available i{background: url('/local/templates/topsantehnika/css/../images/ico_status-not_available.png') 0 0 no-repeat;}
.productAdded .product .price .actual { font-size: 22px; font-weight: bold; color: #000; flex: 0 1 100%; line-height: 1; margin: 5px 0; font-family: 'Montserrat';}
.productAdded .dontForget{padding: 0 35px;}
.productAdded .dontForget h3{font-size: 14px; font-weight: bold; color: #000; font-family: 'Montserrat', sans-serif;}
.productAdded .dontForget .item{display: flex; align-items: center; margin-bottom: 15px;}
.productAdded .dontForget .item .img{border: 1px solid #ebebeb; padding: 1px; margin-right: 15px; display: block; text-align: center; min-height: 30px; display: flex; justify-content: center; align-items: center;}
.productAdded .dontForget .item .name{text-decoration: none; font-size: 12px; font-weight: bold; color: #3f6bdb; font-family: 'Montserrat', sans-serif; flex: 1 1 100%; margin-right: 15px;}
.productAdded .dontForget .item .price{min-width: 80px; margin-right: 15px;}
.productAdded .dontForget .item .price span{display: block;}
.productAdded .dontForget .item .price .old { font-size: 12px; color: #aaaaaa; text-decoration: line-through; line-height: 10px;}
.productAdded .dontForget .item .price .actual { font-size: 16px; font-weight: bold; color: #000; flex: 0 1 100%; line-height: 1; margin: 5px 0; font-family: 'Montserrat'; }
.productAdded .dontForget .item .addToBusket {display: block; min-width: 36px;height: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid #f02b37; border-radius: 6px;}
.productAdded .dontForget .item .addToBusket i{display: block; background: url('/local/templates/topsantehnika/css/../images/ico_busket-red.png') 0 0 no-repeat; width: 20px; height: 20px;}
.productAdded .bottom{background-color: #f7f7f7; border-top: 1px solid #ebebeb; height: 116px; display: flex; justify-content: space-between; align-items: center; padding: 0 35px;}
.productAdded .bottom a{display: block; border-radius: 6px; text-align: center; width: 185px; height: 45px; line-height: 45px; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Montserrat;}
.productAdded .bottom a.continue{border: 1px solid #f02b37; color: #f02b37; }
.productAdded .bottom a.continue:hover{color: #fff; background-color: #f02b37;}
.productAdded .bottom a.oformlenie{color: #fff; text-transform: uppercase; background-color: #f02b37; }
.productAdded .bottom a.oformlenie:hover{background-color:#9e0b0f; }
/* Конец Товар добавлен попап */
/* Бренд детально */
.brand__detail-left {padding-right: 20px;}
.brand__detail-sections{display: grid;grid-template-columns: repeat(5, 1fr); grid-gap: 24px;}
.brand__detail-sections .item{display: flex; flex-direction: column; align-items: center; justify-content: space-between; border: 1px solid #ebebeb; padding: 20px; color: #000; font-size: 14px; font-weight: bold;}
.brand__detail-sections .item:hover{color: #487af4; box-shadow:0 19px 21px rgba(0, 0, 0, 0.09);}
.brand__detail-sections .item img{display: block; margin-bottom: 15px; font-family: 'Montserrat', sans-serif;}
.brand__detail-sections .showMore { width: 100%; cursor: pointer; font-size: 12px; color: #726f6f; font-family: 'Montserrat'; text-transform: uppercase; border: 1px dashed #a1a1a1; border-radius: 8px; background: none; height: 45px; max-width: 1240px; margin: 0 auto; margin-top: 0px; display: block; grid-column: span 5 / auto;}
.brand__detail-sections .showMore:hover { color: #487af4; border: 1px solid #487af4; }
.productsList-brandsPage .heading h2{font-size: 22px;}
.productsList-brandsPage .heading a span{font-size: 12px; font-weight: bold; color: #fff; background-color: #9be01f; width: 50px; height: 16px; text-align: center; border-radius: 8px;display: inline-block;}
.productsList-brandsPage .heading a span.discount{color: #000; background-color: #fff200;}
.productsList-brandsPage .heading a span.top{background-color: #f7941d;}
.productsList-brandsPage .slick-arrow { width: 40px; height: 40px; background: #acacac; padding: 0; font-size: 0; border: none; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; z-index: 9; border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; }
.productsList-brandsPage .slick-next { right: calc( ((100% - 1240px) / 2 ) - 20px ); }
.productsList-brandsPage .slick-prev { left: calc( ((100% - 1240px) / 2 ) - 20px ); }
.productsList-brandsPage .slick-arrow:hover { background-color: #000; }
.productsList-brandsPage .slick-arrow i { width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -68px -78px; display: block; filter: invert(1); }
.productsList-brandsPage .slick-prev i { transform: rotate(180deg); margin-right: 4px; }
.productsList-brandsPage .catalogPage__productsList .item:nth-child(5n+5){margin-right: 0;}
/* Конец Бренд детально */
/* Попап купить в 1 клик */
.buyInOneClick{display: none;}
.buyInOneClick .top, .buyInOneClick .bottom{padding: 0 45px;}
.buyInOneClick .top{ margin-top: 50px; margin-bottom: 30px;}
.buyInOneClick .top .h2{margin: 0 0 20px;font-size: 22px; color: #000; font-weight: bold; font-family: 'Montserrat', sans-serif; }
.buyInOneClick .top div{font-weight: bold; font-size: 14px; color: #000; font-family: 'Montserrat', sans-serif; margin-bottom: 15px;}
.buyInOneClick .top .input{position: relative;}
.buyInOneClick .top .input span { position: absolute; font-size: 12px; color: #a8a8a8; font-family: 'Montserrat', sans-serif; top: 12px; left: 19px; font-weight: normal;}
.buyInOneClick .top input{border: 1px solid #b7b7b7; border-radius: 4px; height: 60px; width: 100%; padding: 20px 18px 0;}
.buyInOneClick .bottom{background-color: #f7f7f7; border-top: 1px solid #ebebeb; display: flex; justify-content: space-between; align-items: center; height: 114px;}
.buyInOneClick .bottom div, .buyInOneClick .bottom div a{color: #3b3a3a; font-size: 12px; font-family: 'Montserrat', sans-serif;}
.buyInOneClick .bottom input[type="submit"]{ color: #fff; background-color: #f02b37; border: none; width: 185px; height: 45px; text-transform: uppercase; cursor: pointer; border-radius: 6px; font-size: 12px; font-weight: bold; font-family: 'Montserrat'; }
.buyInOneClick .bottom input[type="submit"]:hover { background-color: #9e0b0f; color: #fff; border-color: #9e0b0f; }
/* Конец Попап купить в 1 клик */
/* Опции фильтрации */
.catalogPage__filteringOptions{border-bottom: 1px solid #ebebeb;padding-bottom: 22px;margin-bottom: 30px;display: flex;flex-wrap: wrap;}
.catalogPage__filteringOptions a{display: block; background-color: #fbfbfb; text-decoration: none; font-size: 12px; color: #787272; font-family: 'Montserrat', sans-serif; border-radius: 4px; border: 1px solid #e1e1e1; margin-right: 8px; margin-bottom: 8px; padding: 10px;}
.catalogPage__filteringOptions a span{margin-left: 10px; color: #000;}
.catalogPage__filteringOptions a:hover{border-color: #666767;}
.catalogPage__filteringOptions a:hover span{color: #f02c38;}
.catalogPage__filteringOptions a.clear{border-color: #487af4; color: #487af4;}
.catalogPage__filteringOptions a.clear:hover{background-color: #487af4; color: #fff;}
/* Конец Опции фильтрации */
table.table{font-size: 0.9rem; border-collapse: collapse; border: 1px solid #ebebeb;width: 100%;}
table.table thead th { background: #aeafae; color: #fff !important; border-width: 1px !important;}
table.table tbody tr:last-child th { border-bottom-width: 0; }
table.table th { color: #363636;border: 1px solid #dbdbdb;border-width: 0 0 1px;padding: .5em .75em;}
table.table td { border: 1px solid #ebebeb !important;}
table.table tbody tr:nth-child(2n) td { background: #fafbfc; }
.bx-filter-container-modef{position: sticky; z-index: 9; display: block; top: 10px;}
#modef{ border: 1px solid #ccc; border-radius: 12px; background: #fff; padding:10px 20px; font-size: 14px; position: absolute; right: -150px; top: 30px; box-shadow: 1px 1px 5px #cecece; color: #2a2a2a;font-family: 'Montserrat', sans-serif; font-weight: normal;}
#modef #modef_num{font-weight: bold;}
#modef a{text-decoration: none;display: block; background-color: #0080d6; color: #fff; text-align: center; height: 25px; line-height: 25px; border-radius: 12px; margin-top: 10px;}
#modef:after{content:""; background: url('/local/templates/topsantehnika/css/../images/ico_arrowTooltip.png'); left: -7px; top: 31px; height: 18px; width: 7px; display: block; position: absolute;}
/* achievements */
.how__achievment{font-family: 'Montserrat', sans-serif; margin-bottom: 75px;}
.how__achievment .top{text-align: center; background: url('/local/templates/topsantehnika/css/../images/bg_how__achievment-top.jpg') center center no-repeat; border-radius: 10px 10px 0 0; min-height: 253px; display: flex; justify-content: center; align-items: center;}
.how__achievment .top h1{font-size: 46px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #000; line-height: 48px;}
.how__achievment .top h1 span{color: #39b54a; border-bottom: 5px solid #fff;}
.how__achievment .middle {background-color: #f7f7f7; padding: 30px;display: flex; justify-content: space-between;}
.how__achievment .middle .txt {font-size: 18px; font-weight: bold; color: #000; padding-top: 40px;}
.how__achievment .middle .list{display: flex;width: 970px; min-width: 970px; max-width: 970px;}
.how__achievment .middle .list .item{text-align: center; font-size: 16px;}
.how__achievment .middle .list .item b{display: block;}
.how__achievment .middle .list .item:last-child{color: #f02b37;}
.how__achievment .bottom{display: grid; grid-gap: 0; grid-template-columns: repeat(2, 1fr);}
.how__achievment .bottom .col--green{display: flex; align-items: center; justify-content: center; min-height: 294px; border-radius: 0 0 10px 0; background: url('/local/templates/topsantehnika/css/../images/img_how__achievment-bot-right-bg.png') right 81px top 36px no-repeat #39b54a;}
.how__achievment .bottom .col--green .title, .how__achievment .bottom .col--green .price{color: #fff; font-size: 25px; font-weight: bold; font-family: 'Montserrat';}
.how__achievment .bottom .col--green .price{font-size: 72px; border-bottom: 5px solid #9cff00;}
.how__achievment .bottom .col--left{padding: 30px;display: flex; border: 1px solid #ebebeb; border-radius: 0 0 0 10px; align-items: center;}
.how__achievment .bottom .col--left .logo_txt{font-size: 18px; color: #000; font-weight: bold; line-height: 1.2;display: flex; align-items: center;flex-direction:column; justify-content: center; grid-gap: 26px;}
.how__achievment .bottom .col--left .list{display: flex; width: 395px; min-width: 395px; max-width: 395px;position: relative; right: -53px;}
.how__achievment .bottom .col--left .list .item{text-align: center;font-size: 16px; width: 118px;}
.how__achievment .bottom .col--left .list .item:last-child{width: 67px;}
.how__achievment .bottom .col--left .list .item b{display: block;}
.numeric__list{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0; align-items: center; margin-bottom: 90px;}
.numeric__list .item{text-align: center;font-size: 16px; font-weight: bold; color: #000; border-right: 1px solid #ebebeb; height: 300px; display: flex; align-items: center;justify-content: center; flex-direction:column; position: relative;}
.numeric__list .item::after{content:"+"; display: block; position: absolute; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; color: #39b54a; border: 1px solid #39b54a; border-radius: 50%; right: -21px; font-size: 40px; background-color: #fff;}
.numeric__list .item:last-child{border-right: 0;}
.numeric__list .item:last-child:after{display: none;}
.numeric__list .item span{color: #f0f0f0; font-weight: bold; font-size: 94px; font-family: 'Montserrat'; margin-top: 40px; line-height: 1;}
.callCenter{background: url('/local/templates/topsantehnika/css/../images/bg_callCenter.jpg') 0 0 no-repeat; padding: 100px 90px;font-family: 'Montserrat', sans-serif; margin-bottom: 100px;}
.callCenter .title, .callCenter .subtitle{font-size: 32px; font-weight: bold;color: #fff;}
.callCenter .subtitle{font-weight: normal;}
.callCenter .txt{font-size: 16px; color: #000; background-color: #fff; border-radius:10px; padding: 70px;bottom: -100px; position: relative;box-shadow: 0px 17px 50.15px 8.85px rgba(0, 0, 0, 0.08); }
.callCenter .txt .list{display: grid; grid-template-columns: repeat(3,1fr ); grid-gap: 50px; margin-top: 30px;}
.callCenter .txt .list .item{font-size: 16px; font-weight: bold; color: #000; border-right: 1px solid #e7e7e7; padding-bottom: 10px;}
.callCenter .txt .list .item:last-child{border-right: 0;}
.callCenter .txt .list .item span{display: block;font-size: 60px;color: #39b54a;}
.callCenter .txt .list .item span i{font-style: normal; font-size: 22px;}
.catalog_grid{font-family: 'Montserrat', sans-serif;background: url('/local/templates/topsantehnika/css/../images/bg_catalog_grid.jpg') 0 0 no-repeat; height: 370px;padding: 50px; position: relative; margin-bottom: 120px;}
.catalog_grid .catalog_grid-inner{display: grid; grid-template-columns: repeat(4,1fr);}
.catalog_grid .item{text-align: center; font-size: 16px; font-weight: bold; border-right: 1px solid #cdcdcd; padding: 10px 0;}
.catalog_grid .item:last-child{border-right: 0;}
.catalog_grid .item span{display: block;}
.catalog_grid .item span{display: block;}
.catalog_grid .btn-red{font-size: 12px; font-weight: bold; color: #fff; text-align: center; display: block; text-decoration: none; width: 225px; height: 45px; margin: 0 auto; border-radius: 4px; background-color: #f02b37; line-height: 45px; position: absolute; bottom: -22px; left: 50%; margin-left: -112px;}
.catalog_grid .btn-red:hover{background-color: #9e0b0f;}
.mobileMenuBtn,.mobileTabBtn, .order.mobile, .catalogPage__sectionDescription .showMore, .catalogPage__sortView-sort select, .catalogPage__sortView-view button.filterBtn, .catalogPage__categoryLeft .closeFilter, .catalogPage__categoryLeft .h1__mobile, .mobile__menu,.compareTable .mobileView{display: none;}
header .middle .rSide__top .search input[type="text"]{
width: 419px;
}
@media (max-width: 1270px) {
/*header,main .inner{padding: 0 15px;}*/
/*header .top { margin: 0 -15px; padding: 0 15px; }*/
.product__top .product__top-image { max-width: 465px;}
.mainPage__banner .slick-prev { left: 5px; }
.mainPage__banner .slick-next { right: 5px; }
.catalog__menu{margin-left: -15px; margin-right: -15px;}
.busketContent__body .item .descr{min-width: 290px;}
header .top .menu ul li{
margin-right: 15px;
}
.catalogPage__bannerPlaceHolder a{text-align: center;}
.catalogPage__bannerPlaceHolder a img{width: 100%;}
.buyWithThisProduct__body-right .collection .catalogPage__productsList .item:nth-child(4n+4) { margin-right: 14px; }
.buyWithThisProduct__body-right .collection .catalogPage__productsList .item:nth-child(3n+3) { margin-right: 0; }
/*.collection .catalogPage__productsList { overflow-x: scroll; flex-wrap: nowrap; justify-content: start;}*/
}
@media (max-width: 1240px) {
header .top .inner{justify-content: flex-start;}
header .top .city { margin-right: 0; flex: 0 1 calc( 100% - 500px );}
/*header .top .phone{padding-left: 0; margin-right: 100px;}*/
.top .city a{justify-content: left;}
header .middle .logo { flex: 0 1 50%; display: flex; align-items: center;}
/*header .middle .rSide__top .search input[type="text"], */
/*header .middle .rSide__top .search select, */
header .middle .rSide__bot, header .middle .logo span, header .middle .rSide__top .catalog, header .menu {display: none;}
header .middle .rSide__top .search input[type="text"]{
width: auto;
}
.mobileMenuBtn{display: block; margin-right: 33px; text-decoration: none; width: 25px; text-align: center;}
.mobileMenuBtn i{font-style: normal; color: #000; font-size: 25px; display: none;}
.mobileMenuBtn.active img{display: none;}
.mobileMenuBtn.active i{display: block;}
.product__top{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
.product__top .product__top-image, .product__top .product__top-descr { max-width: 718px; margin: 0 auto; }
.product__top .product__top-image{margin-bottom: 60px;}
.product__body{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding-top: 44px;}
.product__body .product__body-left { width: 100%; border-right: none; border-bottom: 1px solid #ebebeb; padding-bottom: 44px; margin-bottom: 54px;}
.product__body .product__body-left ul li { display: inline;}
.product__body .product__body-middle{margin: 0 auto; min-width: 100%; padding: 0; margin-bottom: 40px;}
.product__body-right{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content: space-between;}
.product__top-image .slider-nav{display: none;}
.product__top .product__top-image { margin-bottom: 70px; }
.slick-dots{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; list-style: none; margin: 12px 0 0 0; padding: 0; position: absolute; width: 100%; flex-wrap: wrap; overflow: hidden;}
.slick-dots li.slick-active button{background-color: #464646; border-color: #464646;}
.slick-dots li button{font-size: 0;background: none; border: 1px solid #aeaeae; width: 12px; height: 12px; border-radius: 50%; padding: 0; margin: 0 9px; cursor: pointer;}
.product__popUp-slider .slider-for{height: calc( 100% - 150px );}
.product__popUp-slider .slider-for .slick-list, .product__popUp-slider .slider-for .slick-list .slick-track, .slick-slide img{height: 100%;}
.mainPage__banner .slick-slide img{width: 100%; height: auto;}
.mainPage__banner a { margin: 0; }
/*.collection__saleByCategory, .expressDelivery, .productsList__mainPage-top, .popular__brands{margin-left: -15px; margin-right: -15px; padding: 0 15px;}*/
.collection__saleByCategory, .expressDelivery { padding-bottom: 60px; padding-top: 40px;}
.productsList__mainPage { padding: 50px 15px; }
.popular__brands { padding: 32px 15px; }
.popular__brands .slick-slide img{height: auto;}
/*.collection .showMore, .productsList__mainPage .showMore{display: none;}*/
.productsList__mainPage .showMore{margin-bottom:15px;}
.collection__saleByCategory, .expressDelivery{overflow: hidden; overflow-x: hidden; overflow-x: visible; padding-top: 30px; padding-bottom: 30px;}
.collection__saleByCategory .catalogPage__productsList{flex-wrap: nowrap; width: 1240px; justify-content: space-between;}
.collection__saleByCategory .catalogPage__productsList .item{margin-bottom: 0;}
.expressDelivery__inner{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
.expressDelivery__left{padding: 33px 10px;}
.expressDelivery__left, .expressDelivery__right{border-right: none; flex: 0 1 100%; width: 100%; max-width: 100%; }
.productsList__mainPage .heading{flex-wrap:wrap;}
.productsList__mainPage .heading h2{margin-bottom: 15px;}
.productsList__mainPage .heading h2 span{top: -8px;position: relative;}
.productsList__mainPage .heading a{font-size: 12px; margin-right: 15px; margin-bottom: 5px;}
.productsList__mainPage { overflow-x: scroll; }
.productsList__mainPage .heading h2{font-size: 18px;display: block;min-width: 100%; position: relative;}
.productsList__mainPage{padding: 0;}
.productsList__mainPage.productsList__mainPage-top,
.productsList__mainPage.productsList__mainPage-new,
.productsList__mainPage.productsList__mainPage-sale {padding: 0 15px 30px 15px; background-color: #fff;}
.productsList__mainPage .heading{overflow: hidden; cursor: pointer; margin-bottom: 0; padding-top: 20px;}
.productsList__mainPage .heading.opened{overflow: visible; height: auto; margin-bottom: 45px;}
.productsList__mainPage .heading h2::after{content:"+"; position: absolute; right: 0; top: 4px; width: 9px; height: 9px;line-height: 8px; font-size: 16px;}
.productsList__mainPage .heading.opened h2::after{content:"-"; color: #3f6bdb;}
/*.productsList__mainPage .catalogPage__productsList{display: none;}*/
.catalogPage__productsList.opened{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; overflow-x: scroll; width: 100%;}
.popular__brands-left h2, .collection__saleByCategory h2{font-size: 18px;}
.busketOrder__outer{flex-wrap:wrap; max-width: 768px; margin: 0 auto;}
.busketContent__heading h1{font-size: 18px;}
.order.desktop{display: none;}
.order.mobile{display: block;}
.buyForm{max-width: 100%;}
.buyForm__deliveryType-container span span{width: 100%;}
.busketContent{margin-right: 0; overflow: hidden;}
.busketContent__body .item { align-items: flex-start; justify-content: flex-start;}
.busketContent__body .item .img{width: 65px;}
.busketContent__body .item .descr{min-width: calc( 100% - 84px); margin-bottom: 15px;max-width: calc( 100% - 84px);}
.busketContent__body .count{margin-left: 84px;}
.busketContent__body .price{min-width: auto; margin-right: 15px; margin-top: -5px;}
.busketContent__body .item .name, .busketContent__body .item .status, .busketContent__body .item .descr, .busketContent__body .price .old, .buyForm__subInput span, .buyForm__deliveryType-container span span, .buyForm__dataPrice .date, .buyForm__dataPrice .price, .buyForm__mess, .busketContent__heading a{font-size: 10px;}
.busketContent__body .price .actual{font-size: 15px;}
.busketContent__body .count input[name="count"], .buyForm input, .buyForm__deliveryType-container h4, textarea{font-size: 12px;}
.busketContent__body .count input[name="count"], .busketContent__body .count .minus, .busketContent__body .count .plus{height: 28px;line-height: 28px;}
.busketContent__body .gift{margin-left: 0; width: 100%;}
.buyForm h3{font-size: 14px;}
.buyForm input{height: 45px;}
.buyForm__subInput span{top: 6px;}
.buyForm__separator{height: 30px;}
select{height: 45px;}
textarea{height: 100px;}
.order.mobile{width: 100%; box-shadow:none;min-width: 100%; padding: 0 15px; border-left: none; border-right: none; border-top: none;}
.mobile__menu{display: none; height: calc( 100% - 154px ); background-color: #fff; width: 100%; position: fixed; top: 154px; left: 0; z-index: 10; overflow-y: scroll; }
.mobile__menu-top{display: flex; justify-content: space-between; border-bottom: 1px solid #eee;}
.mobile__menu-top button, .mobile__menu-top .location-modal__link{background-color:#fff; border: none; border-right: 1px solid #eee; width: 50%; height: 44px; color: #8e8888; font-size: 12px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.mobile__menu-top button i {display: block; margin-right: 14px;}
.mobile__menu-top button.adress i{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -81px -10px no-repeat; width: 11px; height: 14px; }
.mobile__menu-top button.profile{border-right: none;}
.mobile__menu-top button.profile i{width: 16px; height: 16px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -10px;}
.mobile__menu-menu{}
.mobile__menu-menu ul{list-style-type: none; margin: 0; padding: 0;}
.mobile__menu-menu ul li{height: 45px; padding: 0 30px; display: flex; align-items: center; border-bottom: 1px solid #ebebeb;}
.mobile__menu-menu ul li:last-child{border-bottom: none;}
.mobile__menu-menu ul li a{color: #2a2a2a; font-size: 11px; font-weight: bold; text-transform: uppercase; font-family: Montserrat; text-decoration: none; display: flex; justify-content: space-between; width: 100%; height: 100%; align-items: center;}
.mobile__menu-menu ul li a i{width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -39px -78px; transform:scale(0.7);}
.mobile__menu-catalogBtn{/*background-color: #f02b37;*/ margin: 15px 0; border-bottom: none !important; }
.mobile__menu-catalogBtn .mobile__menu-catalogBtn-open-lvl_2{background-color: #f02b37; border-radius:4px; text-transform: uppercase !important; padding: 0 15px; }
.mobile__menu-catalogBtn .mobile__menu-catalogBtn-open-lvl_2:before{content:""; margin-right: 15px; display: block; background: url('/local/templates/topsantehnika/images/ico_mobileMenu.png') 0 0 no-repeat; width: 20px; height:13px;filter: invert(1);}
.mobile__menu-catalogBtn .mobile__menu-catalogBtn-open-lvl_2 i{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -78px; margin-left: auto; transform: rotate(180deg) scale(0.9);}
.mobile__menu-menu ul li.mobile__menu-catalogBtn a{text-transform: none; color: #fff;}
.mobile__menu-menu ul li.mobile__menu-catalogBtn a i{filter: invert(1);}
.mobile__menu-busketCompare{padding: 12px 30px; background-color: #fbfbfb; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: flex; justify-content: space-between; margin: 10px 0;}
.mobile__menu-busket{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; font-size: 18px; font-weight: bold; color: #3b3a3a; font-family: 'Montserrat', sans-serif;}
.mobile__menu-busket a { display: block; border-radius: 50%; border: 1px solid #ebebeb; width: 45px; height: 45px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; text-decoration: none; margin-right: 22px;}
.mobile__menu-busket a i { width: 20px; height: 20px; background-position: -141px -55px; display: block; background-image: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png'); background-repeat: no-repeat;}
.mobile__menu-busket a span { position: absolute; width: 16px; height: 16px; background-color: #0080d6; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; border-radius: 7px; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 10px; right: -6px; top: 2px; border: 1px solid #fff;text-transform: uppercase; }
.mobile__menu-busket .price { min-width: 116px; }
.mobile__menu-busket .price span { display: block; text-transform: uppercase; font-size: 10px; }
.mobile__menu-compare a{ display: block; border-radius: 50%; border: 1px solid #ebebeb; width: 45px; height: 45px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; text-decoration: none; }
.mobile__menu-compare a i { width: 13px; height: 16px; background-position: -86px -113px;display: block; background-image: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png'); background-repeat: no-repeat; }
.mobile__menu-compare a span { position: absolute; width: 16px; height: 16px; background-color: #0080d6; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; border-radius: 7px; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 10px; right: -6px; top: 2px; border: 1px solid #fff; }
.mobile__menu-bottom{position: relative; bottom: 0; padding: 0 30px; width: 100%;}
.mobile__menu-bottom a.phone{display: block;font-size: 16px; font-weight: bold; color: #000; font-family:'Montserrat', sans-serif; text-decoration: none; margin-bottom: 10px;}
.mobile__menu-bottom .workTime{display: block; font-size: 10px; color: #2a2a2a; font-family:'Montserrat', sans-serif; margin-bottom: 20px;}
.mobile__menu-bottomBot{background-color: #fbfbfb; border-top: 1px solid #ccc; margin: 0 -30px; padding: 10px 30px; font-size: 12px; color: #2a2a2a;}
.mobile__menu-lvl_2{display: none;position: absolute; width: 100%; left: 0; top: 0; background-color: #fff; z-index: 2; padding: 15px 30px;}
.mobile__menu-menu .mobile__menu-lvl_2 a.heading{height: auto; font-size: 14px; font-weight: bold; color: #000; font-family:'Montserrat', sans-serif; text-transform: uppercase ; padding: 15px 0; justify-content: start;}
.mobile__menu-menu .mobile__menu-lvl_2 a.heading i{width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -112px -10px; filter: invert(0); margin-right: 20px;}
.mobile__menu-menu ul li.mobile__menu-catalogBtn .mobile__menu-lvl_2 ul li{padding: 0; height: 40px;}
.mobile__menu-menu ul li.mobile__menu-catalogBtn .mobile__menu-lvl_2 ul li a{color: #000; font-size: 12px; font-weight: normal; display: flex; justify-content: space-between; align-items: center;}
.mobile__menu-menu ul li.mobile__menu-catalogBtn .mobile__menu-lvl_2 ul li a i{width: 9px; height: 15px; background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -39px -78px; transform: scale(0.7); filter: invert(0);}
.mobile__menu-lvl_3{display: none;position: absolute; width: 100%; left: 0; top: 0; background-color: #fff; z-index: 2; padding: 15px 30px; min-height: 100%;}
.mobile__menu-lvl_3 a.heading{justify-content: start !important;}
.mobile__menu-lvl_3 a.heading i{background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -112px -10px !important; margin-right: 20px !important;}
.mobile__menu-lvl_3 ul li a img{margin-right: 15px;}
.mobile__menu-lvl_3 ul li a span{margin-right: auto;}
.mobile__menu-lvl_3-bottom, .mobile__menu-lvl_3-brands{border-top: 1px solid #ebebeb; margin-top: 15px; margin-left: -30px; margin-right: -30px; padding: 15px 30px;}
.mobile__menu-lvl_3-bottom .heading_h4, .mobile__menu-lvl_3-brands .heading_h4{font-size: 12px; font-weight: bold; color: #959595; font-family: Montserrat; text-transform: uppercase; margin: 10px 0;}
.mobile__menu-lvl_3-bottom a, .mobile__menu-lvl_3-brands a{font-size: 12px !important; color: #000 !important; justify-content: start !important;}
.mobile__menu-lvl_3-brands a{color:#487af4 !important;}
.mobile__menu-lvl_3-bottom a span, .mobile__menu-lvl_3-brands a span{margin-left: 10px; color: #959595;}
.mobile__menu-lvl_3-bottom a{margin-bottom: 5px;}
.content__withSidebar-content .content .contacts{flex-wrap: wrap;}
.content__withSidebar-content .paymentsMethod .item{width: 100%;}
.brands__body{grid-template-columns: repeat(3, 1fr);}
.brand__detail-sections, .brands__collection-list { grid-template-columns: repeat(3, 1fr); }
.brand__detail-sections .showMore{grid-column: span 3 / auto;}
.productsList__mainPage.productsList-brandsPage .heading h2 { margin-bottom: 20px; }
.productsList__mainPage.productsList-brandsPage { overflow-x: hidden; margin-left: -15px; margin-right: -15px; padding: 0 15px;}
.productsList__mainPage.productsList-brandsPage .catalogPage__productsList{width: 100%;}
.productsList-brandsPage .slick-prev { left: -15px; }
.productsList-brandsPage .slick-next { right: -15px; }
.brands__collection{margin-left: -15px; margin-right: -15px; padding: 70px 15px;}
.productsList-brandsPage .catalogPage__productsList.opened{overflow-x: auto;}
.how__achievment .middle{flex-wrap:wrap;}
.how__achievment .middle .txt, .how__achievment .middle .list{flex: 0 1 100%;margin: 0 auto; text-align: center;}
.how__achievment .middle .txt{margin-bottom: 30px;}
.how__achievment .bottom{grid-template-columns: repeat(1,1fr);}
.how__achievment .bottom .col--left{justify-content: center;}
.how__achievment .bottom .col--left .list .item:last-child{display: none;}
.callCenter .txt .list .item span{font-size: 40px;}
.callCenter .txt .list .item span i{font-size: 18px;}
.catalog_grid .catalog_grid-inner{grid-gap: 10px;}
.catalog_grid{padding:50px 15px;}
}
@media (max-width: 1040px) {
.order__formalized-content{background: none;}
.order__formalized-content.inner { max-width: 100%;}
.how__achievment .middle .list{flex-wrap:wrap; max-width: 600px;min-width: 600px;justify-content: center;}
.how__achievment .middle .list .item{max-width: 120px;min-width: 120px;width: 120px; margin-bottom: 15px;}
.how__achievment .middle .list .item:nth-child(6){display: none;}
.callCenter{padding: 50px 40px;}
.callCenter .txt .list{grid-gap: 15px;}
.catalog_grid .item, .callCenter .txt, .numeric__list .item, .how__achievment .bottom .col--left .list .item, .how__achievment .middle .list .item{font-size: 14px;}
}
@media (max-width: 768px) {
header .top,header .middle .rSide__top .busket .price, .product__top .product__top-descr .descr__content .logo, .product__body .product__body-left{display: none;}
header .middle{padding: 8px 15px; margin: 0 -15px;}
header .middle .logo .logo{max-width: 158px; min-width:158px;}
header .middle .logo .logo img{width: 100%;}
header .middle .rSide__top .search{height: 35px;}
header .middle .rSide__top .search input[type="submit"], header .middle .rSide__top .compare a, header .middle .rSide__top .busket a{height: 35px !important; width: 35px !important; min-width: 35px;}
header .middle .rSide__top .busket a span{right: -8px; top: -2px;}
.mobileMenuBtn, header .middle .rSide__top .search{margin-right: 12px;}
.product__top{padding-bottom: 0;}
.product__top .product__top-image .topTovar p{font-size: 12px;}
.product__top .product__top-image,.product__top .product__top-descr{width: 100%;}
.product__top .product__top-descr{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
.product__top .product__top-descr .product-descr{max-width: 100%; width: 100%; margin-right: 0;}
.product__top .product__top-descr h1{font-size: 18px;}
.product__top .product__top-descr .descr__content{margin: 20px 0;}
.product__top .product__top-descr .descr__content .price{order:1; margin-bottom: 17px;}
.product__top .product__top-descr .descr__content .buttons{order:2; margin-bottom: 24px;justify-content: flex-start;}
.product__top .product__top-descr .descr__content .delivery{order:2;margin: 0 0 15px;}
.product__top .product__top-descr .descr__content .techSpecs{margin-left: 0;}
.product__top .product__top-descr .descr__content .hot{order:4; margin: 24px 0; justify-content: start;}
.product__top .product__top-descr .descr__content .guarantie{order:5; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 15px 0; margin-bottom: 15px;}
.product__top .product__top-descr .descr__content .logoTopSan{order:6; margin-bottom: 15px;}
.product__top .product__top-descr .descr__content .hot .left{width: 156px; padding: 10px; height: 110px;}
.product__top .product__top-descr .descr__content .hot .left h3{font-size: 14px; margin-top: 0;}
.product__top .product__top-descr .descr__content .hot .left ul li{margin-right: 0; margin-bottom: 0;}
.product__top .product__top-descr .descr__content .hot .right{height: 110px;background-size: 100% 100%;}
.product__top .product__top-descr .product-socials { width: 100%; display: flex; justify-content: space-around; padding-top: 0;}
.product__top .product__top-descr .product-socials div{ width: 100%; display: flex; justify-content: space-around; padding-top: 0;}
.product__top .product__top-descr .product-socials a{margin-bottom: 20px;padding: 0 10px;}
.product__body{padding-top: 20px;}
.product__body .product__body-middle{width: auto;}
.product__top .product__top-descr .descr__content .buttons .buyNow, .product__top .product__top-descr .descr__content .buttons .addBusket{width: 140px; font-size: 11px; margin-right: 10px;}
.product__top .product__top-descr .descr__content .hot .bottom, .product__top .product__top-descr .descr__content .hot .bottom a{font-size: 12px;}
.mobileTabBtn{display: block; font-size: 16px; color: #787272; font-weight: bold; font-family: 'Montserrat', sans-serif; text-decoration: none; padding-bottom: 15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; outline: none; border-bottom: 1px solid #ebebeb; padding-top: 15px;}
.mobileTabBtn i{font-style: normal;}
.mobileTabBtn.active{color: #3f6bdb; border-bottom: none;}
.mobileTabBtn:first-child{padding-top: 0;}
.product__body .product__body-middle .tab-item { margin-bottom: 20px; }
.product__body .product__body-middle .tab-item.tab1{display: none;}
.product__body .product__body-middle .tab-item .row{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding: 5px 0;}
.product__body .product__body-middle .tab-item .row .col, .product__body .product__body-middle .tab-item .row .col:nth-child(2n){width: 100%; padding: 0 10px;}
.product__body-right{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
.product__body .product__body-right .howWeHelp{margin-bottom: 20px !important; }
.product__body .product__body-right .howWeHelp, .product__body .product__body-right .recommended{margin: 0 auto;width: 100%; }
.product__top .product__top-descr .descr__content .hot .bottom a br{display: none;}
.product__popUp-slider .slick-slide img{height: auto; width: auto; max-height: 100%; max-width: 100%; }
.product__popUp-card .name{font-size: 12px;}
.product__popUp-card{width: 100%;right: 0; bottom: 120px;padding: 10px;}
.product__popUp-card .price .actual{font-size: 22px;}
.product__popUp-card .buttons .buyNow,.product__popUp-card .buttons .addBusket{width: 115px;font-size: 9px;}
.product__popUp-slider .slider-for { height: calc( 100% - 300px ); }
/*.buyWithThisProduct, .advantages{display: none;}*/
.mainPage__banner .slick-prev, .mainPage__banner .slick-next{ display: none !important; }
.mainPage__banner { margin: 0 -15px 25px -15px; padding-top: 0; }
.mainPage__banner .slick-dots li button { width: 10px; height: 10px;}
.mainPage__banner .slick-dots::before, .mainPage__banner .slick-dots::after {
display: none;
}
.mainPage__banner .slick-dots li {
background-color: transparent;
}
.mainPage__banner .slick-dots {
}
.mainPage__banner {
padding-bottom: 24px;
}
.advantages_mainPage{flex-wrap:wrap; margin-bottom: 15px;}
.advantages_mainPage .item{padding: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; flex: 0 1 50%; border-right: none; margin-bottom: 15px;}
.advantages_mainPage .item:nth-child(2){order:3;}
.advantages_mainPage .item:nth-child(3){order:4;}
.advantages_mainPage .item img{width: 33px; min-width: 33px;margin-right: 10px;}
.advantages_mainPage .item h3{font-size: 12px;line-height: 14px;margin-top: 0;text-align: left;}
.expressDelivery__left .label{left: -47px; position: relative;}
.expressDelivery__left h2{font-size: 16px;}
.expressDelivery__left a{width: 145px; height: 35px; text-transform: uppercase; font-size: 10px;}
.expressDelivery__left .bottom { justify-content: start;}
.expressDelivery__left .bottom span{font-size: 8px; padding-left: 20px;}
.expressDelivery__right{padding-left: 0;}
.expressDelivery__right-slider .item .img { min-width: 110px; margin-right: 10px; height: auto; min-height: 170px;}
.expressDelivery__right .slick-slide img{height: auto;}
.popular__brands .inner{-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
.popular__brands-left{border-right: none; padding-right: 0; margin-right: 0; margin-bottom: 15px;}
.popular__brands-right { flex: 0 1 100%; max-width: 100%; }
.popular__brands .slick-slide img{max-width: 120px;}
.content .list{display: block;}
.content .list img{display: none;}
.product__top-image .slick-slide img { margin: 0 auto; max-width: 100%; max-height: 100%; height: auto;}
.advantages{flex-wrap:wrap; padding: 20px;}
.advantages .item{flex:0 1 50%;flex-direction: row; justify-content: start; text-align: left; font-size: 12px; padding: 0 10px;}
.advantages .item::after{display: none;}
.advantages .item img { margin-bottom: 0; margin-right: 15px; min-width: 27px; width: 27px;}
.advantages .item span{max-width: 120px;}
.buyWithThisProduct .heading {flex-wrap:wrap;}
.buyWithThisProduct .heading h2{margin-right: 0; display: block; width: 100%;min-width: 100%;}
.buyWithThisProduct__body{flex-wrap:wrap;overflow-x: scroll;}
.buyWithThisProduct__body-left{width: 100%; min-width: 100%;}
.buyWithThisProduct__body-left .linkList li{float: left; border-bottom: none; margin-right: 10px;}
.buyWithThisProduct__body-left .linkList a.active::after{display: none;}
.buyWithThisProduct .collection .catalogPage__productsList { flex-wrap: nowrap; justify-content: space-between; display: flex;}
.buyWithThisProduct .collection .catalogPage__productsList .item{margin: 0 15px; min-width: 250px;}
.buyWithThisProduct__body-left .linkList a{font-size: 10px;}
.buyWithThisProduct .heading a{font-size: 12px;}
.buyWithThisProduct .collection .catalogPage__productsList .item:nth-child(n+7), .buyWithThisProduct__body-left .linkList li:nth-child(n+7){display: none;}
.buyForm__deliveryType-container, .buyForm__deliveryType-container .checkmark{width: 100%;min-height: auto;}
.buyForm__deliveryType-container .checkmark{padding: 15px;}
.buyForm__twoCols{flex-wrap:wrap;}
.buyForm__twoCols select{max-width: 100%; margin-bottom: 15px;}
.buyForm__payMethods-item{font-size: 12px;align-items: center;}
.buyForm__payMethods-item > span{font-size: 10px;}
.buyForm__checkAndSend{flex-wrap:wrap;}
.buyForm__checkAndSend div:first-child{max-width: 100%;min-width: 100%; margin-bottom: 20px;}
.buyForm__checkAndSend div:last-child{min-width: 100%;max-width: 100%;}
.busketContent__body .gift{min-width: 100%;}
.catalogPage__sectionDescription h1{font-size: 18px;}
.catalogPage__sectionDescription h1 sup{font-size: 12px;}
.catalogPage__sectionDescription div:nth-child(2){overflow: hidden;height: 75px;font-size: 12px;}
.catalogPage__sectionDescription div.opened{height: auto;}
.catalogPage__sectionDescription .showMore{display: block; color: #3f6bdb; font-size: 12px; margin-top: 10px;font-family: 'Montserrat', sans-serif; text-decoration: none;}
.catalogPage__sectionSlider, .catalogPage__sortView-sort span, .catalogPage__sortView-sort a,.catalogPage__sortView-view button{display: none;}
.catalogPage__sortView{padding-bottom: 15px;}
.catalogPage__sortView-sort{width: 100%;}
.catalogPage__sortView-sort select{height: 35px; display: block;}
.catalogPage__sortView-view button.filterBtn{display: block; border-radius: 7px; width: 100px;height: 100%; background-color: #0c86d8; border: none; font-size: 10px; font-weight: bold; color: #fff; text-transform: uppercase; }
.catalogPage__bannerPlaceHolder a{overflow: hidden;}
.catalogPage__bannerPlaceHolder a img{display: block; object-fit: none; height: 115px;}
.catalogPage__productsList .item{padding: 17px 10px 0 10px;}
.expressDelivery__right-slider .item{width: 400px; margin-right: 0; padding: 0;}
.catalogPage__productsList .buttons{margin: 0 -10px;}
.catalogPage__productsList .buttons .buyNow{width: 80px; font-size: 10px;}
.pagination{height: 60px;}
.pagination-back, .pagination-next{font-size: 10px;}
.pagination-pages{align-items: center;}
.pagination-pages a{height: 30px; width: 30px; font-size: 10px; margin: 0 5px;}
.pagination-next span{margin-left: 4px;}
.pagination-back span{margin-right: 4px;}
.collection .h2{font-size: 14px;}
/*.catalogPage__category{position: fixed; top: 0;bottom: 0;left: 0;right: 0;}*/
.catalogPage__categoryLeft .closeFilter, .catalogPage__categoryLeft .h1__mobile{display: block;}
.catalogPage__categoryLeft{display: none; position: fixed;top: 0; left: 0; background-color: #fff; width: 100%; z-index: 99; padding: 15px; overflow-y: scroll; height: 100%;}
.catalogPage__categoryLeft .closeFilter{ text-decoration: none; position: absolute; right: 0; top: 0; color: #fff; background-color: #000; width: 30px; height: 30px; z-index: 9; text-align: center; line-height: 26px; font-size: 24px; }
.catalogPage__categoryLeft .h1__mobile{font-size: 18px; font-weight: bold; color: #000; padding: 25px; line-height: 1; margin: 0 -15px; border-bottom: 1px solid #ebebeb; font-family: 'Montserrat', sans-serif;}
.filter__buttons{position: fixed; bottom: 0;width: calc( 100% + 30px ); z-index: 9; background-color: #f8f8f8; margin: 0; padding:15px 30px 0; display: flex; justify-content: space-between; left: -15px;}
.filter__buttons button{max-width: 40%; font-size: 10px;}
.filter__buttons button.apply{max-width: 55%;}
.catalogPage__filter{padding-bottom: 95px;}
.catalogPage__filter .item .heading a{font-size: 14px;}
.catalogPage__filter .item .heading a i{transform: rotate(270deg) scale(0.7);}
.catalogPage__filter .item.closed .heading a i { transform: rotate(90deg) scale(0.7); }
.catalogPage__filter .linkList a, .catalogPage__filter .showMore{font-size: 12px;line-height: 1.2; display: block;}
.catalogPage__filter .item .catalogPage__filter-toggle{margin-top: 10px;}
.catalogPage__filter .range_filter input, .checkbox_filter #searchManufacturer{background-color: #fbfbfb; font-size: 12px;}
.mobile__menu{top: 55px;height: calc(100% - 55px);}
.content__withSidebar-sidebar, .content__withSidebar-content .content .contacts img{display: none;}
.content__withSidebar-content .content h1{font-size: 18px;}
.content__withSidebar-content .content h2, .content__withSidebar-content .content h3, .content__withSidebar-content h4{font-size: 14px;}
.content__withSidebar-content .content p, .content__withSidebar-content .content a, .content__withSidebar-content .content .contacts .phone span, .content__withSidebar-content .content .contacts .schedule, ul.lstn li, ul.lstchk li, .content__withSidebar-content .content p.grey, .deliveryTable .row .col{font-size: 12px !important;}
.content__withSidebar-content .content .contacts .phone a{font-size: 20px;}
.content__withSidebar-content .imagesList a{width: 47%;}
.content__withSidebar-content .gorizontalLinks a{margin-right: 15px;}
/*.content__withSidebar-content .content .contacts.pageContacts .phone{background: none; padding-left: 0;}*/
.content__withSidebar-content .content .contacts{padding-bottom: 15px;}
.content__withSidebar-content .content .contacts .phone{background-size: 18px 18px; padding-left: 30px; background-position: left 10px; margin: 15px 15px 5px 0;}
.content__withSidebar-content .content .contacts .schedule{color: #000;}
.contacts3col{flex-wrap:wrap;}
.contacts3col .col{width: 100%; margin-bottom: 10px; font-size: 14px;}
.contacts3col .col a{font-size: 14px;}
.contacts3col .col:last-child{display: flex; flex-wrap:wrap;}
.contacts3col .col:last-child b{flex: 0 1 100%;}
.contacts3col .col:last-child div{width: 48%; text-align: left;}
.content__withSidebar-content .paymentsMethod .item{padding: 30px 20px; min-height: auto;}
.content__withSidebar-content .paymentsMethod .item h4{font-size: 14px; margin: 0;}
.content__withSidebar-content .paymentsMethod .item span{font-size: 12px; max-width: 240px;}
.content__withSidebar-content .paymentsMethod .item div{width: 50px; height: 50px; padding: 15px; top: 30px; right: 20px;}
.brands__body{grid-template-columns: repeat(2, 1fr);}
.content__withSidebar-content .content .pagination-next, .content__withSidebar-content .content .pagination-back{font-size: 10px !important;}
.basket__empty-content img{display: none;}
.basket__empty-content div { max-width: 100%; }
.basket__empty h1{margin-bottom: 0; font-size: 18px; padding-bottom: 12px;}
.basket__empty-content p{font-size: 14px; line-height: 20px;}
.basket__empty-content a{width: 100% !important; margin-bottom: 15px; margin-right: 0 !important; font-size: 10px !important;}
.order__formalized h1{font-size: 18px; margin: 0 0 15px; padding-bottom: 10px;}
.order__formalized-content{min-height: auto;}
.order__info h2, .order__info h3{font-size: 16px;}
.sms__info{margin: 10px 0;}
.sms__info, .sms__info a{font-size: 12px;}
.order__detail{padding-left: 0; border-left: 0;}
.order__detail h4{font-size: 14px;}
.order__detail table{font-size: 12px;}
.order__detail .print, .order__detail .choose{display: block; width: 100%; max-width: 320px; margin: 0 auto 15px;}
.popUp__inner{max-width: 90%;}
.popUp__inner .closePopUp{right: 10px; top: 10px;}
.searchRegion .top, .searchRegion .bottom{ padding: 15px; }
.searchRegion h2 { font-size: 18px;}
.searchRegion .top ul li a, .searchRegion .bottom h4, .searchRegion form input[type="text"]{font-size: 12px;}
.searchRegion .bottom{font-size: 10px;}
/*header{ padding-bottom:48px; }*/
header .middle .rSide__top .search{position: absolute; top: 55px; left: 0; width: 100%; border: none; height: 46px; padding: 0 35px 0 15px; margin-right: 0;}
header .middle .rSide__top .search input[type="text"]{display: block; padding-left: 0; width: 80%;}
header .middle .rSide__top .smallResults{left: 15px; max-width: calc( 100vw - 30px ); margin-top: 2px;}
.product__body .product__body-right .howWeHelp .helpResults{width: 297px;}
.productAdded .product { padding: 25px 15px 15px;}
.popUp__inner .closePopUp { right: 5px; top: 5px; }
.productAdded h2{font-size: 18px;}
.productAdded .product .item .img{max-width: 66px;}
.productAdded .product .item .img img{width: 100%; height: auto;}
.productAdded .product .item .name, .productAdded .dontForget .item .price .old{font-size: 10px;}
.productAdded .product .item table, .productAdded .product .price .status{font-size: 9px;}
.productAdded .product .price .old{font-size: 12px;}
.productAdded .product .price .discount{font-size: 9px; line-height: 14px; padding: 0 4px; border-radius: 4px; width: 35px;}
.productAdded .product .price .status{margin-top: 5px;}
.productAdded .product .price .actual, .productAdded .dontForget .item .price .actual{font-size: 15px;}
.productAdded .dontForget { padding: 0 15px; }
.productAdded .dontForget h3{font-size: 12px;}
.productAdded .dontForget .item{flex-wrap:wrap; justify-content: space-between;}
.productAdded .dontForget .item .name{font-size: 10px;flex: 0 0 auto; margin-right: auto; max-width: calc( 100% - 100px );}
.productAdded .dontForget .item .price{flex:1 1 100%; order:1; padding-left: 52px; margin-right: 0; margin-top: -5px;}
.productAdded .dontForget .item .price span{display: inline;}
.productAdded .bottom{padding: 0 15px;}
.productAdded .bottom a{width: auto; padding: 0 15px; font-size: 10px;}
.productsList-brandsPage .catalogPage__productsList .item{width: 230px; margin-right: 14px !important;}
.brand__detail-sections, .brands__collection-list { grid-template-columns: repeat(1, 1fr); }
.brand__detail-sections .showMore { grid-column: span 1 / auto; }
.buyInOneClick .top, .buyInOneClick .bottom{padding: 0 15px;}
.catalogPage__productsList .price .brand{position: relative; right: auto; bottom: auto; margin-top: 5px; flex: 0 1 100%;}
.buyWithThisProduct__body-right .collection .catalogPage__productsList .item .gorPB{position: relative;}
.bx-filter-container-modef{display: none;}
header .middle .rSide__top .busket a.hiddenOuter{display: none;}
.catalogPage__productsList .item .img img{width: auto; height: auto;}
.mobile__menu-lvl_2{padding-bottom: 170px;}
.catalogPage__productsList .price .actual {font-size: 18px;}
.catalogPage__productsList .price .discount{width: 36px;}
.catalogPage__productsList .buttons .addCompare{display: block;padding: 0;}
.catalogPage__productsList .buttons .addCompare i{margin: 0 auto;}
.how__achievment .top h1{font-size: 26px; line-height: 1.2;}
.how__achievment .middle .list { max-width: 300px; min-width: 300px; justify-content: space-around;}
.how__achievment .middle .list .item:nth-child(2), .how__achievment .middle .list .item:nth-child(4), .how__achievment .middle .list .item:nth-child(8){display: none;}
.how__achievment .bottom .col--left{flex-wrap:wrap;}
.how__achievment .bottom .col--left .logo_txt{flex: 0 1 100%; margin-bottom: 20px;}
.how__achievment .bottom .col--left .list{width: auto;flex: 0 1 100%; min-width: auto; max-width: 100%; margin: 0 auto; justify-content: center; right: 0;}
.how__achievment .bottom .col--green .title{font-size: 22px;}
.how__achievment .bottom .col--green .price{font-size: 40px;}
.numeric__list{grid-template-columns: repeat(1,1fr); margin-bottom: 35px;}
.numeric__list .item::after{right: auto; bottom: -20px;}
.callCenter{margin-bottom: 50px; padding: 20px 15px; border-radius: 10px; background-size: contain;}
.callCenter .txt{bottom: auto; margin-top: 30px; padding: 15px;}
.callCenter .title, .callCenter .subtitle{font-size: 22px;}
.callCenter .txt .list .item, .callCenter .txt .list .item span i{font-size: 14px;}
.callCenter .txt .list .item span{font-size: 22px;}
.catalog_grid{height: auto; background-size: cover; border-radius: 10px;}
.catalog_grid .catalog_grid-inner{grid-template-columns: repeat(2,1fr);}
.catalog_grid .item{border-right: 0;}
.how__achievment{margin-bottom: 35px;}
.numeric__list .item{height: 220px;}
.numeric__list .item:after{display: none;}
.numeric__list .item span{margin-top: 10px;}
}
@media (max-width: 450px) {
.how__achievment .bottom .col--left .list{grid-gap: 20px;}
.how__achievment .bottom .col--left .list .item:nth-child(2){display: none;}
.callCenter .title, .callCenter .subtitle{font-size: 18px;}
.catalog_grid{padding: 30px 10px;}
}
@media (max-width: 560px) {
.product__top .product__top-image .topTovar{background: #F26C21; height:auto; padding: 10px 10px}
.product__top .product__top-image .topTovar span {display: none}
.product__top .product__top-image .tSticker.tSticker_sale-leader{top: 50px;}
}
@media (max-width: 400px) {
.busketContent__body .count{margin-left: 0;}
}
@media (max-width: 375px) {
.advantages{padding:10px;}
.productAdded .dontForget .item .name{max-width: 145px;}
.catalogPage__productsList .buttons a{margin-right: 10px;}
}
@media (max-width: 360px) {
.product__top .product__top-descr .descr__content .hot .left{padding: 10px 5px;width: 140px;}
.product__top .product__top-descr .descr__content .hot .right{width: 150px;}
.how__achievment .middle, .how__achievment .bottom .col--left{padding: 10px;}
.how__achievment .middle .list{min-width: 280px; max-width: 280px;}
.callCenter{background-size: cover;}
.callCenter .txt .list, .catalog_grid .catalog_grid-inner{grid-template-columns: repeat(1,1fr);}
}
.busketContent {
min-width: 0;
}
/* project_page */
.project_page{}
.project_page{}
.content__withSidebar-content .project_page-head h3, .project_page h3.subH3, .project_page-advantage h3{font-size: 22px; font-family: 'Montserrat', sans-serif;}
.content__withSidebar-content .project_page-head h2, .content__withSidebar-content .project_page-head h3, .content__withSidebar-content .project_page-head span, .project_page h3.subH3{font-family: 'Montserrat', sans-serif; color: #000;}
.project_page-head{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 46px;}
.project_page-head div{padding: 15px 0;}
.content__withSidebar-content .project_page-head h2{font-size: 32px; font-weight: bold; margin-bottom: 32px;}
.content__withSidebar-content .project_page-head h3{margin-bottom: 32px}
.content__withSidebar-content .project_page-head span{font-size: 16px;}
.project_page-brandsList{display: flex; flex-wrap:wrap; }
.project_page-brandsList.col6{margin-bottom: 85px;}
.project_page-brandsList.col4{margin-bottom: 36px;}
.project_page h3.subH3{margin-bottom: 40px;}
.project_page-brandsList.col6 .item{width: 162px; height: 178px;}
.project_page-brandsList.col4 .item{width: 244px; height: 178px;}
.project_page-brandsList .item{display: flex; flex-direction:column; justify-content: space-evenly; text-align: center; border: 1px solid #eee; padding: 15px;}
.project_page-brandsList .item b{display: block; margin-bottom: 5px;}
.project_page-brandsList .item img{width: auto; height: auto;object-fit:none;}
.project_page-sendRequest{margin-bottom: 50px;}
.project_page-sendRequest button{color: #fff; background-color: #f02b37; border: none; width: 185px; height: 45px; text-transform: uppercase; cursor: pointer; border-radius: 6px; font-size: 12px; font-weight: bold; font-family: 'Montserrat'; text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0 auto;transition: all .3s;}
.project_page-sendRequest button:hover { background-color: #9e0b0f; color: #fff; border-color: #9e0b0f; }
.project_page-advantage{padding: 70px 0 0; border-top: 1px solid #eee; }
.project_page-advantage h3{font-weight: 300; text-align: center; margin-bottom: 70px;}
.project_page-advantage .list{justify-content: space-evenly; margin-bottom: 60px;}
.project_page-advantage .list .item{max-width: 200px; text-align: center;}
.project_page-advantage .list .item span{display: block; text-align: center; margin-top: 18px; font-size: 14px; color: #000;font-family: 'Montserrat', sans-serif;}
.project_page-advantage .deliveryMap{height: 130px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; text-align: center; background: url('/local/templates/topsantehnika/css/../images/bg_deliveryMap.png') center center no-repeat; font-size: 14px; font-family: 'Montserrat', sans-serif; display: flex; align-items: center; justify-content: center; color: #000; margin-bottom: 96px;}
.project_page-howWork{display: grid; grid-template-columns: repeat(7, 1fr ); grid-gap: 0; padding-bottom: 94px; border-bottom: 1px solid #eee; margin-bottom: 50px;}
.project_page-howWork .item{font-size: 14px; color: #000;font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 2px; position: relative;}
.project_page-howWork .img{width: 74px;height: 74px; border-radius: 50%; background-color: #f02b37; position: relative; display: flex;align-items: center;justify-content: center; margin: 0 auto 40px;}
.project_page-howWork .img span{background-color: #fff; border: 1px solid #f02b37; border-radius: 50%; overflow: hidden; display: block; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #000;font-family: 'Montserrat', sans-serif; position: absolute; bottom: -15px; left: 22px;z-index: 1;}
.project_page-howWork .img img{margin-bottom: 10px;}
.project_page-howWork-arrowRight{position: absolute; right: -10px; top: 28px;}
.project_page-postavka{}
.project_page-postavka h3{font-size: 22px; color: #000; font-family: 'Montserrat', sans-serif; margin-bottom: 45px; margin-top: 0;}
.project_page-postavka .list-post{background-color: #f9f9f9; padding: 50px 35px 35px; margin-bottom: 20px;}
.project_page-postavka .list-post h3{color: #0080d6; margin: 0 0 40px 0; font-size: 18px; font-weight: bold; font-family: 'Montserrat', sans-serif;}
.project_page-postavka .list-post .col3-list{display: flex; justify-content: space-between; flex-wrap:wrap;}
.project_page-postavka .list-post .col2-list{display: flex; justify-content: space-between; flex-wrap:wrap;}
.project_page-postavka .list-post .col_list-item{font-size: 14px; color: #000; font-family: 'Montserrat', sans-serif; }
.project_page-postavka .list-post .col_list-item div{margin-bottom: 15px;}
.project_page-postavka .col2-img{display: flex;justify-content: space-between; flex-wrap:wrap; margin-bottom: 70px;}
.project_page-postavka .col2-img .fullwidth{margin-top: 22px;width: 100%;}
.project_page-postavka .col2-img .fullwidth img{width: 100%;}
.project_page-postavka .col2-img.objects img{margin-bottom: 50px;}
.project_page .other_txt{margin-top: -90px;}
.project_page .manager_contact{background-color: #f9f9f9; padding: 0 60px;}
.project_page .manager_contact .manager_contact-inner{background: url('/local/templates/topsantehnika/css/../images/bg_manager_contact.png') top right no-repeat; border-bottom: 4px solid #f02b37; padding: 50px 0 40px; display: flex;}
.project_page .manager_contact .img{margin-right: 44px;}
.project_page .manager_contact .data{display: flex; flex-direction:column; justify-content: space-evenly; }
.project_page .manager_contact .name{font-size: 22px; color: #0080d6; font-weight: bold; font-family: 'Montserrat', sans-serif;}
.project_page .manager_contact .post{font-size: 18px;color: #000; font-family: 'Montserrat', sans-serif;}
.project_page .manager_contact .cont{display: flex; flex-wrap:wrap;}
.project_page .manager_contact .cont span{font-size: 14px; font-weight: bold; color: #000; font-family: 'Montserrat', sans-serif; display: flex; align-items: center; margin-right: 10px;}
.project_page .manager_contact .cont span img{margin-right: 12px;}
.project_page .manager_contact .cont a.phone{margin-right: 44px;font-size: 22px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #000;}
.project_page .manager_contact .cont a.email{margin-right: 44px;font-size: 16px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #0080d6;line-height: 30px;}
@media (max-width: 1250px){
.project_page-postavka .col2-img img{max-width: 48%; height: auto;}
.project_page-postavka .col2-img .fullwidth img { max-width: 100%; }
.project_page .manager_contact .cont span{width: 100%; margin: 10px 0;}
}
@media (max-width: 768px){
.project_page-brandsList{justify-content: center;}
.project_page-advantage .list .item img{display: block;}
.project_page-advantage .list{display: flex; justify-content: space-between;}
.project_page-howWork-arrowRight{display: none;}
.project_page-howWork{grid-template-columns: repeat(3, 1fr ); grid-gap: 20px;}
/*.content__withSidebar-content .content p{font-size: 15px !important; margin-top: -70px; margin-bottom: 40px;}*/
.project_page .manager_contact .cont a.phone, .project_page .manager_contact .cont a.email{font-size: 18px !important;}
.content__withSidebar-content .content h3{font-size: 16px;}
.project_page h3.subH3{text-align: center;}
}
@media (max-width: 600px){
.project_page-advantage .list{display: flex; flex-direction:column; align-items: center;}
.project_page-advantage .list .item{margin-bottom: 20px;}
.project_page-advantage .list .item img{margin: 0 auto;}
.project_page .manager_contact .manager_contact-inner, .project_page-head{flex-direction:column; align-items: center;}
.project_page .manager_contact .img{margin-right: 0;}
.project_page .manager_contact{padding: 0 20px;}
}
@media (max-width: 500px){
.project_page-postavka .col2-img img { max-width: 100%; margin-bottom: 15px;}
.project_page-postavka .col2-img .fullwidth{margin-top: 0;}
.project_page-howWork {grid-template-columns: repeat(2, 1fr );}
}
/* About page - Begin */
.page-about {
font-family: 'Montserrat';
}
.page-about img {
display: block;
max-width: 100%;
max-height: 100%;
}
.page-about .block-title {
margin: 60px 0 20px;
font-size: 24px;
color: #2A2A2A;
}
@media (max-width: 768px) {
.page-about {
padding-top: 30px;
font-size: 14px;
}
.page-about .block-title {
font-size: 22px;
}
.page-about .text {
font-size: 14px;
}
}
.page-about .main-block {
display: flex;
gap: 20px;
}
.page-about .main-block .description {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
}
.page-about .main-block .description h1 {
margin: 0 0 20px;
}
.page-about .main-block .description .text {
}
.page-about .main-block .image {
flex: 1;
}
.page-about .main-block .image .wrapper {
position: relative;
display: inline-block;
max-width: 100%;
}
.page-about .main-block .image .wrapper::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-box-shadow: 30px -30px 30px 5px #fff inset;
-moz-box-shadow: 30px -30px 30px 5px #fff inset;
box-shadow: 30px -30px 30px 5px #fff inset;
}
.page-about .main-block .image img {
display: block;
}
@media (max-width: 1000px) {
.page-about .main-block {
display: block;
}
.page-about .main-block .image {
text-align: right;
}
}
@media (max-width: 768px) {
.page-about .main-block .description h1 {
font-size: 22px;
margin-bottom: 10px;
}
.page-about .main-block .image .wrapper {
width: 70%;
}
}
.page-about .history-block {
}
.page-about .history-block .slider {
padding-bottom: 20px;
}
.page-about .history-block .slider .slide {
width: 100%;
max-width: 500px;
}
.page-about .history-block .slider .owl-nav {
margin-top: 20px;
text-align: right;
}
.page-about .history-block .slider .owl-nav button {
display: inline-block;
position: relative;
left: 0;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
margin: 0;
border: 1px solid #ccc;
border-radius: 100em;
background: url(/local/templates/topsantehnika/css/../images/page-about/slider-nav-arr.svg) no-repeat center #fff!important;
}
.page-about .history-block .slider .owl-nav button.disabled {
opacity: 0.3;
cursor: auto;
}
.page-about .history-block .slider .owl-nav button span {
display: none;
}
.page-about .history-block .slider .owl-nav button.owl-prev {
}
.page-about .history-block .slider .owl-nav button.owl-next {
margin-left: 15px;
}
.page-about .history-block .slider .slide .head {
background: linear-gradient(#ccc, #ccc) no-repeat right center / 100% 1px;
}
.page-about .history-block .slider .slide .head .year {
display: inline-flex;
flex-direction: column;
justify-content: center;
height: 70px;
padding: 0 40px;
color: #fff;
font-size: 44px;
line-height: 1;
font-weight: 700;
background: #ED2B32;
border-radius: 10px;
box-shadow: 40px 0px 0px 0px #fff;
}
.page-about .history-block .slider .slide .head .year.orange {
background: #F26C21;
}
.page-about .history-block .slider .slide .head .year.green {
background: #9DCB3B;
}
.page-about .history-block .slider .slide .head .year.blue {
background: #2A7DC0;
}
.page-about .history-block .slider .slide .body {
padding-top: 10px;
}
@media (max-width: 998px) {
.page-about .history-block .slider .slide {
max-width: 470px;
}
.page-about .history-block .slider .slide .head .year {
height: 54px;
padding: 0 20px;
font-size: 34px;
box-shadow: 20px 0px 0px 0px #fff;
}
}
@media (max-width: 768px) {
.page-about .history-block .slider .slide {
max-width: 370px;
}
}
.page-about .text-block {
}
.page-about .text-block .text {
}
.page-about .advantages-block {
}
.page-about .advantages-block .advantages-list {
display: flex;
flex-flow: row wrap;
gap: 40px 70px;
}
.page-about .advantages-block .advantages-list .advantage {
flex: 1 1 calc((100% - 70px) / 2);
}
.page-about .advantages-block .advantages-list .advantage .ico {
}
.page-about .advantages-block .advantages-list .advantage .title {
padding-top: 15px;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
}
.page-about .advantages-block .advantages-list .advantage .text {
padding-top: 10px;
}
@media (max-width: 1200px) {
.page-about .advantages-block .advantages-list {
gap: 40px 20px;
}
}
@media (max-width: 998px) {
.page-about .advantages-block .advantages-list .advantage .ico img {
width: 30px;
}
.page-about .advantages-block .advantages-list .advantage .title {
font-size: 18px;
}
.page-about .advantages-block .advantages-list .advantage .text {
font-size: 14px;
}
}
@media (max-width: 768px) {
.page-about .advantages-block .advantages-list {
gap: 40px 10px;
}
.page-about .advantages-block .advantages-list .advantage .text {
font-size: 12px;
}
}
@media (max-width: 560px) {
.page-about .advantages-block .advantages-list {
gap: 30px 10px;
}
.page-about .advantages-block .advantages-list .advantage .text {
font-size: 12px;
}
}
.page-about .garanty-block {
}
.page-about .garanty-block .block-title {
text-transform: uppercase;
}
.page-about .garanty-block .garanty {
display: grid;
grid-gap: 20px 70px;
grid-template-rows: auto 1fr;
grid-template-columns: repeat(2, 1fr);
grid-template-areas:
"toptext brands"
"bottomtext brands";
}
.page-about .garanty-block .garanty .top-text {
grid-area: toptext;
}
.page-about .garanty-block .garanty .bottom-text {
grid-area: bottomtext;
}
.page-about .garanty-block .garanty .brand-list {
grid-area: brands;
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 20px;
}
.page-about .garanty-block .garanty .brand-list .brand {
/* padding: 10px; */
text-align: center;
}
.page-about .garanty-block .garanty .brand-list .break {
flex-basis: 100%;
height: 0;
}
.page-about .garanty-block .garanty .brand-list .brand .ico {
display: flex;
align-items: center;
justify-content: center;
width: 180px;
height: 50px;
border-radius: 8px;
border: 1px solid #CCCCCC;
}
.page-about .garanty-block .garanty .brand-list .brand .title {
padding-top: 10px;
font-size: 12px;
}
@media (max-width: 1500px) {
.page-about .garanty-block .garanty {
grid-gap: 20px 50px;
}
}
@media (max-width: 1239px) {
.page-about .garanty-block .garanty {
grid-gap: 20px 10px;
}
}
@media (max-width: 1199px) {
.page-about .garanty-block .garanty {
display: block;
}
.page-about .garanty-block .garanty .brand-list {
margin: 20px 0;
padding: 20px 0;
flex-wrap: nowrap;
justify-content: unset;
overflow-x: auto;
}
.break {
display: none;
}
}
.page-about .numbers-block {
}
.page-about .numbers-block .numbers {
display: flex;
gap: 40px 70px;
}
.page-about .numbers-block .numbers .item {
}
.page-about .numbers-block .numbers .item .number {
display: inline-block;
padding: 8px 20px;
font-size: 20px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
border-radius: 10px;
text-transform: uppercase;
border: 1px solid #ED2B32;
}
.page-about .numbers-block .numbers .item .title {
margin-top: 8px;
}
.page-about .numbers-block .numbers .item:nth-child(2) .number {
border-color: #F26C21;
}
.page-about .numbers-block .numbers .item:nth-child(3) .number {
border-color: #9DCB3B;
}
.page-about .numbers-block .numbers .item:nth-child(4) .number {
border-color: #2A7DC0;
}
@media (max-width: 1199px) {
.page-about .numbers-block .numbers {
flex-wrap: wrap;
}
.page-about .numbers-block .numbers .item .title {
white-space: nowrap;
}
}
@media (max-width: 998px) {
.page-about .numbers-block .numbers .item .number {
font-size: 18px;
}
.page-about .numbers-block .numbers {
gap: 30px 40px;
}
}
.page-about .support-block {
}
.page-about .support-block .block-title {
font-size: 24px;
}
.page-about .support-block .support-group {
display: flex;
flex-flow: row wrap;
gap: 40px 70px;
}
.page-about .support-block .support-group .block {
flex: 1 1 calc((100% - 70px) / 2);
}
.page-about .support-block .support-group .block .title {
font-size: 20px;
font-weight: 700;
}
.page-about .support-block .support-group .block .text {
margin-top: 20px;
}
@media (max-width: 1200px) {
.page-about .support-block .support-group {
gap: 40px 20px;
}
}
@media (max-width: 998px) {
.page-about .support-block .support-group {
gap: 40px 10px;
}
.page-about .support-block .support-group .block .title {
font-size: 18px;
}
}
@media (max-width: 768px) {
.page-about .support-block .support-group {
gap: 30px 10px;
}
.page-about .support-block .support-group .block {
flex: auto;
width: 100%;
}
.page-about .support-block .support-group .block .title {
font-size: 16px;
}
.page-about .support-block .support-group .block .text {
margin-top: 10px;
}
}
.page-about .offices-block {
display: none;
}
.page-about .info-block {
/* display: none; */
}
.page-about .info-block .info {
overflow-x: auto;
}
.page-about .info-block .info table {
margin: 0 -10px;
border-spacing: 10px;
}
.page-about .info-block .info table tr {
}
.page-about .info-block .info table tr td {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
/* About page - End */
/* delivery bugfix */
@media (max-width: 768px) {
.deliveryTable .row .col:first-child {
width: 30%;
}
.deliveryTable .row .col:nth-child(3n) {
width: 20%;
}
.deliveryTable .row .col:last-child {
width: 20%;
}
}
@media (max-width: 600px) {
.deliveryTable {
width: 100%;
display: block;
overflow-x: auto;
}
.deliveryTable .row {
width: 600px;
}
}
/* service page */
.tabs {
margin-top: 20px;
}
.tabs-header {
display: flex;
}
.tabs-btn {
background: transparent;
border: 0;
font-size: 12px;
cursor: pointer;
font-weight: 600;
padding: 20px 15px;
position: relative;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #dbdbdb;
transition: border .3s ease-in-out;
}
.tabs-btn.active {
color: #3f6bdb !important;
border-bottom: 1px solid #3f6bdb;
}
.tabs-content {
margin-top: 30px;
transition: opacity .5s ease-in-out;
font-size: 0.9em;
}
.tabs-content.hidden {
display: block;
position: absolute;
visibility: hidden;
opacity: 0;
}
.tabs-content ul {
padding: 0 0 0 15px;
}
.brands__body a {
text-decoration: none;
}
@media (max-width: 560px) {
#page-header {
font-size: 24px;
}
.tabs-header:not(.tabs-header-montage) {
flex-direction: column;
border-bottom: 1px solid #dbdbdb;
}
.tabs-header:not(.tabs-header-montage) .tabs-btn {
padding: 12px;
font-size: 12px;
padding-left: 0 !important;
text-align: left;
border-bottom: none !important;
}
.tabs-content {
margin-top: 20px;
}
}
.auth {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
}
.auth.active {
display: block;
}
.auth__dialog {
max-width: 630px;
padding: 15px;
margin: 120px auto;
}
.auth__content {
position: relative;
width: 100%;
padding: 40px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 5px;
max-height: 80vh;
overflow-y: auto;
}
.auth__close {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.auth__close:hover {
opacity: .8;
}
.auth .bxmaker-authuserphone-simple {
width: 100%;
}
.auth .bx-flag-16.ru {
display: none !important;
}
.auth .bxmaker-authuserphone-simple {
padding: 0px !important;
box-shadow: none;
}
.auth .bxmaker-authuserphone-button__inner {
min-height: auto;
background: rgba(234, 242, 249, 1);
padding: 25px 15px;
opacity: 1;
}
.auth .bxmaker-authuserphone-button__title {
font-weight: 400 !important;
color: rgba(42, 42, 42, 1);
}
.auth .bxmaker-authuserphone-input-phone__field {
background: #FFFFFF;
border: 2px solid #2B7DC0;
border-radius: 6px;
}
.auth .bxmaker-authuserphone-input-phone--flag.bxmaker-authuserphone-input-phone input[type=text] {
padding: 20px 15px 15px 15px;
line-height: 100%;
}
.auth .bxmaker-authuserphone-simple-phone .bxmaker-authuserphone-button {
margin-top: 0px !important;
}
.auth .bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__inner {
background: rgba(234, 242, 249, 1);
transition: opacity .3s ease-in-out;
opacity: .8;
}
.auth .bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__title {
color: rgba(42, 42, 42, 1);
}
.auth .bxmaker-authuserphone-button.active:hover .bxmaker-authuserphone-button__inner {
background: rgba(240, 44, 55, 1) !important;
}
.auth .bxmaker-authuserphone-button.active .bxmaker-authuserphone-button__title {
color: #fff;
}
.auth .bxmaker-authuserphone-button.active:hover .bxmaker-authuserphone-button__title {
color: #fff;
}
.auth .bxmaker-authuserphone-button.active .bxmaker-authuserphone-button__inner {
background: rgba(240, 44, 55, 1) !important;
}
.auth .bxmaker-authuserphone-input-phone__flag {
display: none !important;
}
.auth .bxmaker-authuserphone-input-phone__title {
left: 15px;
font-size: 14px;
}
.auth .bxmaker-authuserphone-simple-phone>.bxmaker-authuserphone-input-phone {
margin-bottom: 14px;
}
.auth label {
margin-top: 16px;
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
line-height: 120%;
color: #9A9797;
}
.auth label a {
color: #9A9797;
text-decoration: underline;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.auth label a:hover {
opacity: .8;
}
.auth .bxmaker-authuserphone-input-phone__validation {
font-size: 14px;
color: #ED2B32;
}
.auth label input {
width: 18px;
height: 18px;
}
.auth .bxmaker-authuserphone-input-phone--invalid .bxmaker-authuserphone-input-phone__field {
border: 2px solid #ED2B32;
}
.auth .bxmaker-authuserphone-input-phone--invalid .bxmaker-authuserphone-input-phone__title {
color: #ED2B32;
}
.auth .bxmaker-authuserphone-simple-smscode .bxmaker-authuserphone-header {
margin-bottom: 16px;
}
.auth .bxmaker-authuserphone-input-code__field {
border: 2px solid rgba(43, 125, 192, 1);
}
.auth .bxmaker-authuserphone-message.bxmaker-authuserphone-message--error {
color: #ED2B32;
}
.auth .bxmaker-authuserphone-timeout {
text-align: left;
color: rgba(154, 151, 151, 1);
font-size: 13px;
}
.auth .bxmaker-authuserphone-timeout br {
display: none;
}
.auth__clear {
display: none;
position: absolute;
top: 110px;
right: 60px;
cursor: pointer;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.auth__clear:hover {
opacity: .8;
}
.header-auth {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.btn-auth {
display: flex;
align-items: center;
justify-content: center;
}
.header-exit-wrap {
z-index: 1000;
display: none;
position: absolute;
top: 30px;
border: 1px solid rgba(42, 42, 42, 0.1);
box-shadow: 0 0 10px rgba(0,0,0,.3);
left: -100%;
padding: 10px;
border-radius: 5px;
background-color: #fff;
width: 150px;
text-align: center;
}
.header-auth.active .header-exit-wrap {
display: block;
}
.header-exit {
color: red;
font-size: 12px;
text-decoration: none;
}
@media (max-width: 998px) {
.bxmaker-authuserphone-input input[type=text] {
padding: 18px 12px 20px;
}
.auth__content {
padding: 40px 20px;
}
.auth__close {
top: 20px;
right: 20px;
}
.auth label {
font-size: 12px;
}
}
@media (max-width: 480px) {
.header-exit-wrap {
transform: translateX(-40px);
}
}
.header__auth {
opacity: 1;
transition: opacity .3s ease-in-out;
}
.header__auth:hover {
opacity: .8;
}
/* End */
/* Start:/local/templates/topsantehnika/css/other_style.css?174530111394340*/
:root {
--url-sprites: url('/local/templates/topsantehnika/css/../images/icons/sprite.svg?1.4.2');
--grey-color: #666666;
--invalid-color: #ED2B32;
--ui-hint-list-font-size: 14px;
--ui-hint-list-line-height: 18px;
--ui-hint-list-font-family: 'Montserrat';
--ui-hint-list-font-style: normal;
--ui-hint-list-padding: 10px 18px;
--ui-hint-list-hover-color: rgba(11, 89, 234, 1);
--ui-hint-list-color: #2A2A2A;
}
/*region tables*/
@media (max-width: 768px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media (max-width: 1200px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media (max-width: 2000px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
/*endregion*/
/*region styles*/
.project_page-advantage h2.h2_opt {
font-size: 16px;
font-weight: 700;
color: #000;
font-family: 'Montserrat', sans-serif;
text-align: center;
margin-bottom: 70px;
margin-top: 16px;
}
.container {
margin: 0 auto;
max-width: 1440px;
width: 100%;
}
.d-none {
display: none
}
.app.onload {
position: relative;
}
.app.onload:before {
content: '';
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(249, 248, 248, .5);
}
.invisible {
display: none !important;
}
@media (max-width: 1500px) {
.container {
max-width: 1240px;
padding: 0 15px;
}
}
@media (max-width: 1280px) {
}
@media (min-width: 1180px) {
.container {
/*width: 1120px;*/
}
}
@media (min-width: 998px) {
.container {
/*width: 958px;*/
}
}
@media (min-width: 560px) {
.container {
}
}
@media (min-width: 768px) {
.container {
/*width: 100%;*/
}
}
/*endregion styles*/
/*region header*/
.header__mobile,
.header {
background: #fff;
}
.header__top {
min-height: 37px;
background: #FBFBFB;
padding: 8px 0 8px 0;
}
.header__top-container {
display: flex;
}
.header__top-right {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.header__location {
display: flex;
align-items: center;
}
.header__top-menu {
/*display: flex;*/
/*align-items: center;*/
}
.header__middle {
padding: 12px 0 13px 0;
}
.header__middle-container {
display: flex;
justify-content: space-between;
}
.header__logo {
padding-right: 50px;
}
.header__logo-link {
display: flex;
}
.header__logo-img {
min-width: 160px;
}
.header__logo-img_mobile {
display: none;
}
.header__catalog {
display: flex;
width: 100%;
}
.header__search {
padding: 0 15px;
width: 100%;
}
.header__phone {
white-space: nowrap;
line-height: 14px;
}
.header__phone a {
font-weight: bold;
font-size: 12px;
line-height: 18px;
text-decoration: none;
color: #000;
padding: 0 7px;
}
.header__phone a:hover {
color: rgba(11, 89, 234, 1);
}
.header__feedback-form {
padding-left: 7px;
white-space: nowrap;
}
.header__mobile-btn {
display: none;
}
.header__feedback,
.header__logo,
.header__order,
.header__search,
.header__btn {
display: flex;
align-items: center;
}
.header__mobile-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 2;
transition: all 0.3s ease;
border-bottom: solid 1px #eee;
transform: translateY(-100%);
}
.header__mobile-fixed_show {
transform: translateY(0);
}
@media (max-width: 998px) {
#panel {
display: none !important;
}
.header__logo-link {
display: inline-block;
padding: 0 10px;
}
.header__logo {
display: flex;
align-items: center;
padding-right: 0;
}
.header__logo-img {
display: none;
min-width: auto;
}
.header__logo-img_mobile {
display: block;
}
.header__mobile-btn {
display: flex;
align-items: center;
padding: 0 10px;
margin-left: -10px;
}
.header__middle-container {
}
.header__top,
.header__catalog {
display: none;
}
}
p.sub-header.sub-header_opt {
margin: 22px 0 32px;
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 22px;
font-weight: 700;
}
h2.sub-header.sub-header_opt {
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 16px;
font-weight: 700;
margin-bottom: 45px;
}
@media (max-width: 560px) {
.header__logo-img {
min-width: auto !important;
max-width: 168px;
width: 100%;
}
}
@media (max-width: 400px) {
.header__logo-img {
max-width: 140px;
width: 100%;
}
}
/*endregion header*/
/*region modal*/
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
background: rgba(0, 0, 0, .6);
}
.modal__open {
overflow: hidden;
}
.modal__open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal__dialog {
position: relative;
width: auto;
margin: 50px auto 50px auto;
background: #fff;
border-radius: 5px;
padding: 40px;
}
.modal__sm {
max-width: 375px;
}
.modal__md {
max-width: 600px;
}
.modal__lg {
max-width: 860px;
}
.modal__xl {
max-width: 1090px;
}
.modal__close {
cursor: pointer;
text-decoration: none;
position: absolute;
right: 20px;
top: 20px;
color: #fff;
width: 23px;
height: 23px;
z-index: 9;
text-align: center;
line-height: 26px;
font-size: 24px;
transition: all .1s ease-in-out;
}
.modal__close:before {
content: '';
position: absolute;
left: 0;
width: 23px;
height: 23px;
background-repeat: no-repeat;
background-position: -9px -9px;
}
.modal__close:hover:before {
background-position: -9px -49px;
}
.modal__title {
font-weight: bold;
font-size: 22px;
line-height: 150%;
color: #2A2A2A;
padding-bottom: 25px;
}
.modal__title.add-basket-total {
padding: 10px 0 0 0;
font-size: 18.5px;
}
.modal__title_no-padding-bottom {
padding-bottom: 0;
}
.modal__bottom {
padding-top: 20px;
border-top: solid 1px #eee;
}
.modal__bottom h4 {
margin: 0;
font-size: 14px;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
color: #000;
}
.modal__content {
padding-top: 20px;
padding-bottom: 20px;
}
.modal__content_no-padding-top {
padding-top: 0;
}
.modal__content img {
max-width: 100%;
}
.modal__loader {
width: 100%;
text-align: center;
}
.modal__result-block {
position: relative;
padding-top: 60px;
}
.modal__result-block_error {
padding-top: 0;
}
.modal__result-block:not(.modal__result-block_error):before {
content: '';
position: absolute;
top: 0;
left: calc(50% - 25px);
width: 50px;
height: 50px;
background: url('/local/templates/topsantehnika/css/../images/icons/icon_ok.svg') no-repeat center center;
}
.modal__result-title {
font-weight: 700;
font-size: 22px;
line-height: 150%;
color: #2A2A2A;
text-align: center;
padding: 10px 0;
}
.modal__result-text {
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #666666;
text-align: center;
padding: 5px 0;
}
@media (max-width: 768px) {
.modal__xl,
.modal__lg,
.modal__md {
max-width: 550px;
}
}
@media (max-width: 998px) {
.modal__xl,
.modal__lg,
.modal__md {
max-width: 90%;
}
}
@media (max-width: 560px) {
.modal__dialog {
margin-top: 10px;
padding: 40px 20px 20px 20px;
}
.modal__xl,
.modal__lg,
.modal__md {
max-width: 90%;
}
.modal__title {
padding-bottom: 10px;
}
.modal__content {
padding-top: 10px;
padding-bottom: 20px;
}
}
@media (max-width: 450px) {
.modal__dialog {
padding: 40px 10px 10px 10px;
}
}
/*endregion modal*/
/*region modal-check-availability */
.check-availability__btn-block {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.check-availability__btn-info {
width: 60%;
padding-right: 10%;
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #666
}
@media (max-width: 768px) {
.check-availability__btn-info {
width: 100%;
order: 2;
padding: 10px 0 0 0;
}
.check-availability__btn {
order: 1;
width: 100%;
}
}
/*endregion modal-check-availability */
/*region modal-form*/
label.validation-error {
color: var(--invalid-color);
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 150%;
display: block;
padding: 8px 0;
}
.modal-form__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -5px;
}
.modal-form__input-block {
width: 100%;
padding: 0 5px 15px 5px;
}
.modal-form__input-block_half {
width: 50%;
}
.modal-form__input-name {
font-weight: 700;
font-size: 14px;
line-height: 150%;
color: #2A2A2A;
padding: 0 0 10px 0;
}
.modal-form__name-comment {
color: #999999;
font-weight: 400;
font-size: 12px;
line-height: 150%;
}
.modal-form__input {
width: 100%;
max-width: 100%;
height: auto;
border: solid 1px #ccc;
border-radius: 5px;
padding: 15px 12px;
margin: 0;
color: #2A2A2A;
}
.modal-form__input_error {
border: solid 1px #F02C37;
}
.modal-form__input::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #999;
}
.modal-form__input-description {
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #666666;
}
.modal-form__input-description_error {
color: #F02C37;
}
@media (max-width: 768px) {
textarea.modal-form__input {
height: 100px;
padding: 10px 12px;
}
}
/*endregion modal-form*/
/*region basket-add-modal*/
.basket-add-modal__btns {
display: flex;
justify-content: space-between;
margin-top: 20px;
padding-top: 20px;
border-top: solid 1px #eee;
position: sticky;
bottom: -40px;
background: #fff;
padding-bottom: 40px;
}
.basket-add-modal .modal__content {
padding-bottom: 0;
}
@media (max-width: 512px) {
.basket-add-modal__btns {
display: block;
justify-content: space-between;
padding-top: 10px;
bottom: -25px;
padding-bottom: 10px;
}
.basket-add-modal__btn {
display: block;
margin-top: 10px;
min-height: 40px;
}
}
/*endregion basket-add-modal*/
/*region main-form*/
.main-form__input-block {
position: relative;
padding: 10px 0 10px 0;
}
.main-form__input-title {
position: absolute;
font-size: 10px;
color: #a8a8a8;
font-family: 'Montserrat', sans-serif;
top: 18px;
left: 13px;
}
.main-form__label {
color: #000;
}
.main-form__input-block_error .main-form__input-title {
color: #f02b37;
}
.main-form__input {
border: 1px solid #b7b7b7;
border-radius: 4px;
width: 100%;
font-size: 14px;
padding: 20px 13px 10px 13px;
color: #000;
margin: 0;
}
.main-form__input-block_error .main-form__input {
border: 1px solid #f02b37;
}
.main-form__btn {
color: #fff;
background-color: #f02b37;
padding: 10px 20px 10px 20px;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
border-radius: 6px;
font-size: 12px;
border: 0;
width: 100%;
margin-top: 10px;
transition: all .2s ease-in-out;
font-weight: bold;
font-family: 'Montserrat';
}
.main-form__btn:hover {
background-color: #9e0b0f;
border-color: #9e0b0f;
}
.main-form__captcha-block {
display: table;
}
.main-form__captcha-right,
.main-form__captcha-left {
display: table-cell;
position: relative;
padding: 10px 0 10px 0;
}
.main-form__captcha-left {
width: 60%;
}
.main-form__captcha-img {
width: 100%;
}
.main-form__required-text {
color: #a8a8a8;
font-size: 12px;
padding-top: 20px;
}
/*endregion main-form*/
/*region star-rating*/
.star-rating {
display: inline-block;
}
.star-rating__item-min,
.star-rating__item {
width: 24px;
height: 24px;
margin-right: 2px;
float: left;
cursor: pointer;
background-position: -75px -270px;
}
.star-rating__item-min {
width: 18px;
height: 18px;
background-position: -78px -319px;
}
.star-rating__item_hover {
background-position: -75px -243px;
}
.star-rating__item-min_hover {
background-position: -78px -298px;
}
/*endregion star-rating*/
.catalogPage-description {
padding-bottom: 20px;
overflow-x: hidden;
width: 100%;
}
/*region catalog-sort*/
.catalog-sort {
display: flex;
}
.catalog-sort__btn {
margin-right: 10px;
font-size: 14px;
color: #3b3a3a;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
display: inline-block;
text-align: center;
text-decoration: none;
height: 30px;
line-height: 30px;
border-radius: 15px;
padding: 0
}
.catalog-sort__menu {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.catalog-sort__item_hidden {
display: none;
}
.catalog-sort .catalog-sort__link {
display: inline-block;
text-align: center;
text-decoration: none;
border: 1px solid #acacac;
padding: 0 15px 0 30px;
height: 30px;
line-height: 30px;
border-radius: 15px;
font-size: 14px;
font-weight: bold;
color: #464646;
font-family: 'Montserrat', sans-serif;
margin-right: 8px;
position: relative;
}
.catalog-sort .catalog-sort__link_active,
.catalog-sort .catalog-sort__link:active,
.catalog-sort .catalog-sort__link:hover {
background-color: #464646;
color: #fff;
border-color: #464646;
}
.catalog-sort__link:before {
content: '';
position: absolute;
top: 7px;
left: 11px;
width: 9px;
height: 15px;
background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -39px -78px;
transform: rotate(90deg);
}
.catalog-sort__link_desc:before {
transform: rotate(-90deg);
}
@media (max-width: 768px) {
.catalog-sort__btn {
display: none;
}
.catalog-sort .catalog-sort__link {
font-size: 10px;
}
}
/*endregion catalog-sort*/
/*region catalog-grid*/
.catalog-grid {
display: flex;
align-items: center;
justify-content: right;
}
.catalog-grid__item {
width: 28px;
height: 28px;
padding: 0 5px;
background-position: -140px -100px;
cursor: pointer;
}
.catalog-grid__item:last-child {
padding-right: 0;
}
.catalog-grid__item_active,
.catalog-grid__item:hover {
background-position: -140px -69px;
}
.catalog-grid__item_line {
background-position: -171px -100px;
}
.catalog-grid__item_active.catalog-grid__item_line,
.catalog-grid__item_line:hover {
background-position: -171px -69px;
}
@media (max-width: 998px) {
.catalog-grid {
display: none;
}
}
/*endregion catalog-grid*/
/*region pagination-circle*/
.pagination-circle {
height: 82px;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
border-bottom: 1px solid #ebebeb;
/*border-top: 1px solid #ebebeb;*/
/*margin-top: 36px;*/
}
.pagination-circle__list {
display: flex;
list-style: none;
}
.pagination-circle__link:visited,
.pagination-circle__link {
border: 1px solid #e3e3e3;
width: 45px;
height: 45px;
border-radius: 50%;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
text-decoration: none;
font-size: 14px;
color: #000;
margin: 0 8px;
}
.pagination-circle__link:hover {
background-color: #e3e3e3;
color: #000;
}
.pagination-circle__link_active:hover,
.pagination-circle__link_active {
border-color: #487af4;
background-color: #487af4;
color: #fff;
}
.pagination-circle__prev-link,
.pagination-circle__prev-link:visited,
.pagination-circle__next-link,
.pagination-circle__next-link:visited {
font-size: 12px;
font-weight: bold;
color: #000;
font-family: 'Montserrat', sans-serif;
text-decoration: none;
}
.pagination-circle__prev-link:hover,
.pagination-circle__prev-link:active,
.pagination-circle__next-link:hover,
.pagination-circle__next-link:active {
color: #487af4;
}
.pagination-circle__link_more {
border: 0;
width: auto;
border-radius: 0;
}
.pagination-circle__link_more:hover {
color: #487af4;
background: transparent;
}
@media (max-width: 768px) {
.pagination-circle__list {
align-items: center;
}
.pagination-circle__link {
height: auto;
width: auto;
border: 0;
border-radius: 0;
margin: 0 10px;
font-size: 14px;
}
.pagination-circle__link_active,
.pagination-circle__link:hover {
background: transparent;
color: #487af4;
}
.pagination-circle__prev-link,
.pagination-circle__prev-link:visited,
.pagination-circle__next-link,
.pagination-circle__next-link:visited {
display: none;
font-size: 12px;
}
}
/*endregion pagination-circle*/
/*region pagination-more*/
.pagination-block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 30px 0;
}
.pagination-block_border {
border-bottom: solid 1px #eee;
}
.pagination-more {
display: flex;
align-items: center;
}
.pagination-more__list {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 15px;
}
.pagination-more__link:visited,
.pagination-more__link {
display: inline-flex;
width: 28px;
height: 28px;
margin: 0 3px;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 1;
color: #585858;
text-decoration: none;
border-radius: 100em;
background: #EFF0F1;
border: 1px solid #EFF0F1;
}
.pagination-more__link:hover {
color: #F02C37;
background: #fff;
border-color: #F02C37;
}
.pagination-more__link_active:hover,
.pagination-more__link_active {
color: #FFFFFF;
font-weight: 700;
background: #F02C37;
}
.pagination-more__prev-link,
.pagination-more__prev-link:visited,
.pagination-more__next-link,
.pagination-more__next-link:visited {
display: flex;
align-items: center;
justify-content: center;
height: 28px;
font-size: 14px;
line-height: 1;
color: #585858;
text-decoration: none;
padding: 0 10px;
position: relative;
cursor: pointer;
background: #FFFFFF;
border: 1px solid #A3A3A3;
border-radius: 5px;
}
.pagination-more__prev-link,
.pagination-more__prev-link:visited {
/* padding: 0 20px 0 20px; */
}
.pagination-more__prev-link:hover,
.pagination-more__prev-link:active,
.pagination-more__next-link:hover,
.pagination-more__next-link:active {
color: #F02C37;
border-color: #F02C37;
}
.pagination-more__link_more {
color: #2A2A2A;
background: none;
letter-spacing: 1px;
border-color: #fff;
}
.pagination-more__link_more:hover {
}
.pagination-more__next-link:before,
.pagination-more__prev-link:before {
content: '';
width: 10px;
height: 6px;
background-position: -239px -96px;
transform: rotate(-90deg);
}
.pagination-more__prev-link:before {
margin-right: 5px;
transform: rotate(90deg);
}
.pagination-more__next-link:before {
margin-left: 5px;
order: 1;
}
.pagination-more__next-link:hover:before,
.pagination-more__prev-link:hover:before {
background-position: -239px -15px;
}
.pagination-more__list-item:nth-child(1) .pagination-more__link {
padding-left: 0;
}
.pagination-block .pagination-count {
margin: 20px 0 0 auto;
}
@media (max-width: 768px) {
.pagination-more {
width: 100%;
justify-content: space-between;
}
.pagination-more__list {
margin: 0;
}
/* .pagination-more__prev,
.pagination-more__next, */
.pagination-more__link {
display: none;
}
.pagination-more__list-item:nth-child(1) .pagination-more__link,
.pagination-more__list-item:last-child .pagination-more__link,
.pagination-more__link_more,
.pagination-more__link_nearby,
.pagination-more__link_active {
display: flex;
}
}
@media (max-width: 600px) {
.pagination-more {
width: auto;
}
.pagination-more__link:visited,
.pagination-more__link {
width: 40px;
height: 40px;
margin: 5px;
font-size: 20px;
}
.pagination-more__prev,
.pagination-more__next {
display: none;
}
.pagination-block .pagination-count {
margin-top: 10px;
}
}
@media (max-width: 560px) {
.pagination-more {
padding-bottom: 15px;
}
}
/*endregion pagination-more*/
.icon {
background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png');
}
.icon-bg,
.icon-before:before {
content: '';
background-image: var(--url-sprites);
}
/*region footer*/
footer {
margin-top: 78px;
}
.footer__top-line {
background: #f9f8f8;
border-bottom: solid 1px #e5e5e5;
padding: 30px 15px 30px 15px;
}
.footer__top-content {
display: flex;
justify-content: space-between;
}
.footer__logo {
display: block;
padding-bottom: 10px;
}
.footer__descr {
max-width: 260px;
font-size: 12px;
padding-top: 10px;
font-family: 'Montserrat';
}
.footer__payments {
font-size: 12px;
position: relative;
padding-top: 10px;
padding-left: 26px;
display: inline-block;
font-family: 'Montserrat';
}
.footer__payments:before {
content: '';
display: block;
width: 15px;
height: 15px;
position: absolute;
left: 0;
background: url('/local/templates/topsantehnika/css/../images/sprites/icon_pack-1.png') -10px -153px no-repeat;
}
.footer__payments_mob {
display: none
}
.footer__top-left {
padding-right: 10px;
}
.footer__top-middle {
padding-left: 10px;
padding-right: 10px;
}
.footer__top-right {
text-align: right;
padding-left: 10px;
min-width: 220px;
max-width: 250px;
}
.footer__top-phone {
padding: 0 0 0 0;
text-align: left;
}
.footer__top-phone .phone {
font-size: 24px;
font-weight: bold;
color: #000;
font-family: 'Montserrat', sans-serif;
text-decoration: none;
line-height: 1;
display: block;
margin-bottom: 10px;
}
.footer__top-schedule {
font-size: 12px;
text-align: left;
padding: 20px 0 20px 0;
}
.footer__top-location {
text-align: left;
padding: 0 0 10px 0;
}
/*.footer__top-location .icon.location-modal__btn-icon {*/
/* display: none;*/
/*}*/
/*.footer__top-location .location-modal__btn {*/
/* display: inline-block;*/
/* border-bottom: dashed 1px #2a2a2a;*/
/* color: #2a2a2a;*/
/* padding-right: 0;*/
/* font-size: 12px;*/
/* font-weight: bold;*/
/* line-height: 12px;*/
/*}*/
/*.footer__top-location .location-modal__btn:hover {*/
/* color: #3f6bdb;*/
/* border-bottom: dashed 1px #3f6bdb;*/
/*}*/
.footer__bottom {
padding: 20px 15px 30px 15px;
}
.footer__bottom-line {
width: 100%;
display: flex;
justify-content: space-between;
padding-bottom: 15px;
}
.footer__bottom-sitename {
font-size: 12px;
padding-top: 10px;
}
.footer__bottom-agreement {
display: flex;
width: 100%;
justify-content: space-between;
}
@media (max-width: 998px) {
.footer__bottom-agreement {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 5px;
}
.footer__bottom-agreement a {
max-width: max-content;
}
}
@media (max-width: 560px) {
.footer__bottom-agreement {
grid-template-columns: 1fr;
}
}
.footer__bottom-agreement a:visited,
.footer__bottom-agreement a {
font-size: 12px;
color: #2a2a2a;
font-family: 'Montserrat';
text-decoration: none;
border-bottom: solid 1px #2a2a2a;
}
.footer__bottom-agreement a:focus,
.footer__bottom-agreement a:active,
.footer__bottom-agreement a:hover {
color: #3f6bdb;
border-bottom: solid 1px #3f6bdb;
}
.footer__bottom-copyright {
font-size: 12px;
color: #999999;
font-family: 'Montserrat';
}
.footer__top-address {
font-size: 12px;
padding-top: 10px;
font-family: 'Montserrat';
text-align: left;
}
@media (max-width: 1270px) {
}
@media (max-width: 1240px) {
}
@media (max-width: 992px) {
.footer__top-line {
border-top: solid 1px #e5e5e5;
}
.footer__top-content {
display: block;
}
.footer__top-middle {
padding: 20px 0 20px 0;
}
.footer__payments {
display: none;
}
.footer__payments_mob {
display: inline-block;
}
.footer__top-left {
display: flex;
}
.footer__logo {
width: 50%;
}
.footer__descr {
width: 50%;
max-width: 100%;
}
.footer__top-right {
display: flex;
text-align: left;
padding-left: 0;
max-width: 100%;
}
.footer__bottom-line {
display: block;
padding-bottom: 5px;
}
.footer__top-location {
text-align: left;
}
.footer__top-phone {
width: 50%;
}
.footer__top-schedule {
width: 50%;
padding: 0;
}
.footer__payments {
padding-top: 20px;
}
.footer__bottom-agreement,
.footer__bottom-sitename {
display: inline-block;
}
.footer__bottom-sitename {
padding-right: 40px;
}
}
@media (max-width: 600px) {
.footer__top-middle {
padding: 20px 0 20px 0;
}
.footer__payments_mob {
display: inline-block;
}
.footer__top-left {
display: block;
}
.footer__logo {
display: none;
}
.footer__descr {
width: 100%;
}
.footer__top-right {
display: block;
text-align: left;
padding-left: 0;
}
.footer__top-location {
text-align: left;
padding: 0 0 0 0;
}
.footer__top-schedule {
width: 100%;
padding: 20px 0 10px 0;
}
.footer__top-phone {
width: 100%;
}
.footer__payments {
padding-top: 20px;
}
.footer__bottom {
padding-top: 30px;
}
.footer__bottom-agreement,
.footer__bottom-sitename {
display: block;
padding: 0;
}
}
/*endregion footer*/
/*region soc*/
.footer-soc {
display: block;
justify-content: space-between;
}
.footer-soc__link {
display: inline-block;
width: 36px;
height: 26px;
}
.footer-soc__link_instagram {
background: url("/local/templates/topsantehnika/css/../images/soc/2_1.svg") center center no-repeat;
}
.footer-soc__link_instagram:hover {
background: url("/local/templates/topsantehnika/css/../images/soc/2_2.svg") center center no-repeat;
}
.footer-soc__link_facebook {
background: url("/local/templates/topsantehnika/css/../images/soc/7_1.svg") center center no-repeat;
}
.footer-soc__link_facebook:hover {
background: url("/local/templates/topsantehnika/css/../images/soc/7_2.svg") center center no-repeat;
}
.footer-soc__link_youtube {
background: url("/local/templates/topsantehnika/css/../images/soc/3_1.svg") center center no-repeat;
}
.footer-soc__link_youtube:hover {
background: url("/local/templates/topsantehnika/css/../images/soc/3_2.svg") center center no-repeat;
}
.footer-soc__link_ok {
background: url("/local/templates/topsantehnika/css/../images/soc/6_1.svg") center center no-repeat;
}
.footer-soc__link_ok:hover {
background: url("/local/templates/topsantehnika/css/../images/soc/6_2.svg") center center no-repeat;
}
.footer-soc__link_zen {
background: url("/local/templates/topsantehnika/css/../images/soc/1_1.svg") center center no-repeat;
}
.footer-soc__link_zen:hover {
background: url("/local/templates/topsantehnika/css/../images/soc/1_2.svg") center center no-repeat;
}
.footer-soc__link_tiktok {
background: url("/local/templates/topsantehnika/css/../images/soc/5_1.svg") center center no-repeat;
}
.footer-soc__link_tiktok:hover {
background: url("/local/templates/topsantehnika/css/../images/soc/5_2.svg") center center no-repeat;
}
.footer-soc__link_vk {
background: url("/local/templates/topsantehnika/css/../images/soc/4_1.svg") center center no-repeat;
}
.footer-soc__link_vk:hover {
background: url("/local/templates/topsantehnika/css/../images/soc/4_2.svg") center center no-repeat;
}
@media (max-width: 992px) {
.footer-soc {
margin: 0 0 0 -5px;
padding: 15px 0 10px 0;
}
}
/*endregion soc*/
/* region Tags */
.tags {
display: flex;
padding-top: 15px;
padding-bottom: 15px;
text-align: right;
/*border-bottom: solid 1px #eee;*/
position: relative;
}
.tags__border-no {
border: none;
}
.catalogPage__block-content .tags {
padding-bottom: 25px;
}
.tags__list {
display: flex;
flex-wrap: wrap;
justify-content: left;
position: relative;
text-align: left;
overflow: hidden;
margin: 0 -5px 0 -5px;
}
.tags__list_close {
height: 40px;
}
.tags__list_open {
height: auto;
}
.tags__item {
padding: 5px;
}
.tags__link {
color: #666666;
background: #FFFFFF;
font-size: 14px;
border: 1px solid #CCCCCC;
border-radius: 5px;
padding: 4px 8px;
display: inline-block;
text-decoration: none;
}
.tags__link:hover {
background: #FAFAFA;
color: #666666;
}
.tags__link:visited {
color: #666666;
}
.tags__btn-more.link-bold {
cursor: pointer;
padding: 5px 5px 5px 20px;
display: flex;
align-items: center;
white-space: nowrap;
justify-content: flex-end;
}
.tags__btn-more_close.link-bold {
padding: 5px;
}
.tags__btn-more_hidden.link-bold {
display: none;
}
@media (max-width: 768px) {
.tags__link,
.tags__link:visited {
font-size: 12px;
}
.tags__list_close {
height: 80px;
}
.tags {
flex-direction: column;
}
.tags__btn-more.link-bold {
}
}
/* endregion Tags */
/* region OwlArrows */
.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-btns__prev,
.owl-btns__next,
.owl-btns .owl-prev,
.owl-btns .owl-next {
position: absolute;
bottom: calc(50% - 20px);
right: -10px;
cursor: pointer;
width: 40px;
height: 40px;
line-height: 50px;
margin-top: -40px;
border: 0;
border: none;
box-shadow: 0px 2px 4px rgba(42, 42, 42, 0.15);
border-radius: 5px;
z-index: 1;
text-align: center;
transition: all .3s;
background: #fff url("/local/templates/topsantehnika/images/owl-arrows/slide-arrow.svg") no-repeat center center !important;
}
.owl-nav .owl-prev,
.owl-btns__prev,
.owl-btns .owl-prev {
transform: rotate(180deg);
left: -10px;
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover,
.owl-btns__prev:hover,
.owl-btns__next:hover,
.owl-btns .owl-prev:hover,
.owl-btns .owl-next:hover {
background: #fff url("/local/templates/topsantehnika/images/owl-arrows/slide-arrow-hover.svg") no-repeat center center !important;
}
/* endregion OwlArrows */
/* region owl-dots */
.owl-dots,
.owl-carousel .owl-dots {
position: relative;
text-align: center;
margin-top: 0;
z-index: 1;
}
.owl-dots_v1,
.owl-carousel .owl-dots_v1 {
position: relative;
width: 100%;
height: 2px;
padding: 0;
margin: 0 -5px;
list-style: none;
display: flex;
}
.owl-dots .owl-dot,
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
cursor: pointer;
width: 10px;
height: 10px;
border: 0;
border-radius: 50%;
background-color: #EEEEEE;
text-align: left;
text-indent: -9999px;
overflow: hidden;
margin: 0 5px 0 5px;
padding: 0;
}
.owl-dots_v1 .owl-dot,
.owl-carousel .owl-dots_v1 .owl-dot {
display: inline-block;
zoom: 1;
cursor: pointer;
background: #eee;
flex-grow: 1;
position: relative;
height: 2px;
border-radius: 4px;
margin: 10px 5px 0;
}
.owl-dots .owl-dot:focus,
.owl-dots .owl-dot:active,
.owl-carousel .owl-dots .owl-dot:focus,
.owl-carousel .owl-dots .owl-dot:active {
outline: 0;
}
.owl-dots .owl-dot.active,
.owl-dots .owl-dot:hover
.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover {
background-color: rgba(11, 89, 234, 1);
}
.owl-dots_v1 .owl-dot.active,
.owl-dots_v1 .owl-dot:hover
.owl-carousel .owl-dots_v1 .owl-dot.active,
.owl-carousel .owl-dots_v1 .owl-dot:hover {
background-color: #999;
}
/* endregion owl-dots */
/* region CommonStyles */
.hidden {
display: none;
}
.text-center {
text-align: center;
}
.disabled {
display: none;
}
/* endregion CommonStyles */
/*region catalogPage__block*/
.catalogPage__block {
padding-top: 15px;
padding-bottom: 15px;
}
.catalogPage__block-title {
font-size: 26px;
font-weight: normal;
line-height: 150%;
text-align: left;
}
.catalogPage__block-content {
position: relative;
}
/*endregion catalogPage__block*/
/*region btn*/
input.btn,
.btn {
font-size: 16px;
line-height: 18px;
border-radius: 5px;
padding: 10px 27px;
text-align: center;
cursor: pointer;
transition: all .1s ease;
user-select: none;
text-decoration: none;
}
/*endregion btn*/
/*region btn-primary*/
.btn-primary {
background: #ED2B32;
color: #fff;
text-decoration: none;
outline: 0;
border: 0;
}
.btn-primary:hover {
background: #A90F14;
}
.btn-primary:active {
background: #8B0E02;
}
.btn-primary:disabled {
background: #CCCCCC;
cursor: auto;
}
/*endregion btn-primary*/
/*region btn-secondary*/
.btn-secondary {
background: rgba(11, 89, 234, 1);
color: #fff;
text-decoration: none;
}
.btn-secondary:hover {
background: #266CA6;
}
.btn-secondary:active {
background: #266CA6;
}
.btn-secondary:disabled {
background: #CCCCCC;
}
/*endregion btn-secondary*/
/*region btn-info*/
.btn-info {
background: rgba(237, 43, 50, .12);
color: #2A2A2A;
}
.btn-info:hover {
background: rgba(237, 43, 50, .12);
}
.btn-info:active {
background: rgba(237, 43, 50, .12);
}
.btn-info:disabled {
background: rgba(237, 43, 50, .12);
}
/*endregion btn-info*/
/*region btn-outline*/
.btn-outline {
border: solid 1px #ED2B32;
background: transparent;
color: #2A2A2A;
}
.btn-outline:hover {
border-color: #A90F14;
}
.btn-outline:active {
border-color: #8B0E02;
}
.btn-outline:disabled {
border-color: #CCCCCC;
}
/*endregion btn-outline*/
/*region btn-outline-light*/
.btn-outline-light {
border: solid 1px #999999;
background: transparent;
color: #2A2A2A;
transition: none;
transition: background-color .2s ease-in-out;
}
.btn-outline-light:hover {
background-color: #FAFAFA;
}
.btn-outline-light:active {
border-color: #666666;
}
.btn-outline:disabled {
border-color: #CCCCCC;
color: #CCCCCC;
}
/*endregion btn-outline-light*/
/*region btn-detail */
.btn-detail {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
width: 100%;
display: block;
justify-content: center;
position: absolute;
right: 0;
bottom: 0;
padding: 5px 10px;
}
/*endregion btn-detail */
/*region link*/
.link,
.link:visited {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 18px;
display: flex;
align-items: center;
color: rgba(11, 89, 234, 1);
text-decoration: none;
}
.link-compare {
font-size: 14px;
display: inline;
font-weight: 700;
}
.link-compare .link-compare__b {
color: #2A2A2A;
font-weight: 700;
font-size: 14px;
}
.link:hover {
color: #266CA6;
}
.link:active {
color: #271526;
}
.link:disabled {
color: #8F8F8F;
}
.link-easy, .link-easy:hover, .link-easy:active, .link-easy:focus,
.link-collapse {
text-decoration: none;
color: #2a2a2a;;
}
.link-collapse, .link-collapse:hover, .link-collapse:active, .link-collapse:focus {
color: rgba(11, 89, 234, 1);
font-weight: 700;
line-height: 1.5;
}
.link-easy:hover {
color: rgba(11, 89, 234, 1);
}
/*endregion link*/
/*region link-bold*/
.link-bold,
.link-bold:visited {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 18px;
font-weight: bold;
display: flex;
align-items: center;
color: rgba(11, 89, 234, 1);
text-decoration: none;
}
.link-bold:hover {
color: #266CA6;
}
.link-bold:active {
color: #271526;
}
.link-bold:disabled {
color: #8F8F8F;
}
/*endregion link-bold*/
/*region burger*/
.burger {
width: 20px;
height: 20px;
box-sizing: border-box;
}
.burger__line {
position: relative;
display: block;
width: 100%;
height: 1px;
margin: 4px 0px;
transition: transform .3s, background-color .3s;
background-color: #fff;
border-radius: 1px;
}
.burger_close .burger__line:nth-child(3) {
transform: translateY(-5px) translateZ(0) rotate(-45deg);
}
.burger_close .burger__line:nth-child(2) {
transition: opacity .3s;
opacity: 0;
}
.burger_close .burger__line:first-child {
transform: translateY(5px) translateZ(0) rotate(45deg);
}
/*endregion burger*/
/*region burger-m*/
.burger_m {
width: 40px;
height: 20px;
cursor: pointer;
}
.burger_m .burger__line {
background-color: #2A2A2A;
height: 1px;
margin: 0 0 7px 0;
}
.burger_m.burger_close .burger__line:nth-child(3) {
transform: translateY(-8px) translateZ(0) rotate(-45deg);
}
.burger_m.burger_close .burger__line:nth-child(2) {
transition: opacity .3s;
opacity: 0;
}
.burger_m.burger_close .burger__line:first-child {
transform: translateY(8px) translateZ(0) rotate(45deg);
}
@media (max-width: 560px) {
.burger_m {
width: 32px;
height: 18px;
}
.burger_m .burger__line {
margin: 0 0 7px 0;
}
}
@media (max-width: 400px) {
}
/*endregion burger-m*/
/*region icon-svg*/
.icon-svg path {
stroke: #2A2A2A;
}
.icon-svg-block:hover .icon-svg path {
stroke: rgba(11, 89, 234, 1);
}
.icon-svg-block:active .icon-svg path {
stroke: #271526;
}
.icon-svg-block:disabled .icon-svg path {
stroke: #8F8F8F;
}
/*endregion icon-svg*/
/*region header-btn*/
.header-btn {
padding: 0 15px;
cursor: pointer;
}
.header-btn:last-child {
padding-right: 0;
}
.header-btn__container {
position: relative;
text-align: center;
line-height: 1;
}
.header-btn__container button {
padding: 0;
border: none;
background: none;
cursor: pointer;
}
.header-btn__qnt {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
min-width: 16px;
min-height: 16px;
top: -8px;
right: -8px;
background: rgba(11, 89, 234, 1);
color: #fff;
font-size: 10px;
border-radius: 50%;
}
.header-btn__icon {
display: block;
position: relative;
width: 20px;
height: 20px;
margin: 0 auto;
}
.header-btn__icon:before {
content: '';
position: absolute;
left: 0;
width: 20px;
height: 20px;
background-repeat: no-repeat;
}
.header-btn:hover .header-btn__icon:before {
}
.header-btn__link-block {
}
.header-btn__link {
font-size: 12px;
line-height: 12px;
display: block;
color: #666;
text-decoration: none;
padding-top: 1px;
}
.header-btn:hover .header-btn__link {
color: rgba(11, 89, 234, 1);
}
.header-btn__icon-cart:before {
display: none;
background-position: -47px -51px;
}
.header-btn:hover .header-btn__icon-cart:before {
background-position: -48px -72px;
}
.header-btn__icon-compare:before {
background-position: -45px -92px;
}
.header-btn:hover .header-btn__icon-compare:before {
background-position: -45px -113px;
}
.icon-search::before {
background-position: -289px -90px;
}
.header-btn:hover .icon-search::before {
background-position: -289px -112px;
}
@media (min-width: 998px) {
.header-btn.header-btn_search {
display: none;
}
.header-btn:last-child {
padding-right: 0;
}
}
@media (max-width: 998px) {
.header-btn__link {
display: none;
}
}
@media (max-width: 560px) {
.header-btn {
padding: 0 5px;
}
.header-btn__link {
display: none;
}
/* .header-btn__qnt {
top: -13px;
right: -10px;
} */
}
/*endregion header-btn*/
/*region arrow*/
.arrow {
position: relative;
width: 10px;
height: 6px;
}
.arrow:before {
content: '';
width: 10px;
height: 6px;
position: absolute;
background-image: url(/local/templates/topsantehnika/css/../images/icons/sprite.svg);
background-position: -239px -15px;
background-repeat: no-repeat;
}
/*endregion arrow*/
/*region body*/
body:after {
position: fixed;
z-index: 1;
right: 0;
bottom: 0;
top: 0;
left: 0;
height: 100%;
/*z-index: 1;*/
transition: opacity .1s ease-out, visibility .1s linear;
background-color: #000;
visibility: hidden;
opacity: 0;
}
.body-bg-menu:after {
content: ' ';
opacity: .2;
visibility: visible;
}
.body-bg-menu .header,
.body-bg-menu .header-info {
z-index: 4;
position: relative;
}
/*endregion body*/
/*region status*/
.product-status {
position: relative;
font-size: 12px;
line-height: 16px;
display: flex;
align-items: center;
}
.product-status .icon-before {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 5px;
}
.product-status .icon-before:before {
content: '';
position: absolute;
left: 0;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: -111px -72px;
}
.product-status_2,
.product-status_1 {
color: #9DCB3B;
}
.product-status_1 .icon-before:before,
.product-status_2 .icon-before:before {
background-position: -111px -9px;
}
.product-status_4 .icon-before:before {
background-position: -111px -31px;
}
.product-status_4 {
color: #F26C21;
}
.product-status_3 .icon-before:before {
/*background-position: -111px -31px;*/
}
.product-status_3,
.product-status_5 {
color: #F26C21;
}
/*endregion status*/
/*region catalogPage*/
.catalogPage {
padding-top: 15px;
}
.catalogPage__filter-btn {
display: none;
}
.catalogPage__title {
display: flex;
justify-content: left;
align-items: end;
flex-wrap: wrap;
padding-bottom: 10px;
}
.catalogPage__h1 {
font-family: 'Montserrat';
font-style: normal;
font-weight: bold;
font-size: 26px;
line-height: 100%;
color: #404040;
margin: 0;
padding-right: 5px;
}
.catalogPage__count {
font-size: 14px;
line-height: 14px;
color: #999;
padding: 10px 0 2px 0;
}
.catalogPage__category {
display: flex;
justify-content: space-between;
margin-bottom: 68px;
}
.catalogPage__categoryRight {
width: calc(100% - 270px);
padding-left: 30px;
}
.catalogPage__categoryLeft {
width: 270px;
}
.catalogPage__pagination {
padding-bottom: 15px;
}
.catalogPage__tags {
padding-bottom: 15px;
}
.catalogPage__sortView {
padding-top: 15px;
}
@media (max-width: 998px) {
.catalogPage__categoryRight {
width: 100%;
padding-left: 0;
}
.catalogPage__categoryLeft {
display: none;
}
.catalogPage__sortView-view {
display: none;
}
.catalogPage__filter-btn {
display: block;
font-size: 12px;
padding: 6px 18px;
}
}
/*endregion catalogPage*/
/*region switch*/
.switch {
position: relative;
display: inline-block;
width: 34px;
height: 20px;
}
.switch input {
display: none;
}
.switch_slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.switch_slider:before {
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 3px;
bottom: 3px;
background-color: #fff;
-webkit-transition: .2s;
transition: .2s;
}
.switch:hover .switch_slider {
background-color: #999999;
}
.switch:focus .switch_slider {
background-color: #8F8F8F;
}
input:checked + .switch_slider {
background-color: #F02C37;
}
.switch:hover input:checked:hover + .switch_slider {
background-color: #A90F14;
}
.switch:focus input:checked + .switch_slider {
background-color: #8B0E02;
}
input:checked + .switch_slider:before {
-webkit-transform: translateX(14px);
-ms-transform: translateX(14px);
transform: translateX(14px);
}
.switch input:disabled + .switch_slider {
background-color: rgba(153, 153, 153, 0.3);
}
.switch input:disabled + .switch_slider:before {
opacity: 0;
}
.switch_slider.round {
border-radius: 34px;
}
.switch_slider.round:before {
border-radius: 50%;
}
/*endregion switch*/
/*region loader*/
@keyframes loader-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.loader {
display: inline-block;
border: 4px solid rgba(0, 0, 0, 0.1);
border-left-color: #f02b37;
border-radius: 50%;
width: 30px;
height: 30px;
animation: loader-spin 1.2s linear infinite;
}
/*endregion loader*/
/*region tab*/
.tabs {
}
.tabs__links {
margin: 20px 0;
padding-bottom: 15px;
border-bottom: 1px solid #ebebeb;
}
.tabs__links_none {
display: none;
}
.tabs__link {
font-size: 16px;
color: #787272;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
margin-right: 45px;
margin-bottom: 10px;
display: inline-block;
text-decoration: none;
border-bottom: 1px dotted #787272;
cursor: pointer;
}
.tabs__links_border-no {
border: 0;
}
.tabs__link:hover,
.tabs__link.active {
color: #3f6bdb;
border-bottom: 1px dotted #fff;
}
.tabs__items {
}
.tabs__item {
display: none;
}
.tabs__item.active {
display: block;
}
/*endregion tab*/
/*region tabs-load*/
.tabs-load {
}
.tabs-load__links {
margin: 20px 0;
padding-bottom: 15px;
border-bottom: 1px solid #ebebeb;
}
.tabs-load__links_none {
display: none;
}
.tabs-load__link {
font-size: 16px;
color: #787272;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
margin-right: 45px;
margin-bottom: 10px;
display: inline-block;
text-decoration: none;
border-bottom: 1px dotted #787272;
cursor: pointer;
}
.tabs-load__links_border-no {
border: 0;
}
.tabs-load__link:hover,
.tabs-load__link.active {
color: #3f6bdb;
border-bottom: 1px dotted #fff;
}
.tabs-load__items {
}
.tabs-load__item {
display: none;
}
.tabs-load__item.active {
display: block;
}
/*endregion tabs-load*/
/*region header-info*/
.header-info {
width: 100%;
height: 43px;
padding: 11px 10px 10px 10px;
background: #fbfbfb;
text-align: center;
display: none;
}
header .header-info {
display: block;
}
.header-info a {
color: rgba(11, 89, 234, 1);
}
.header-info__content {
text-align: center;
font-weight: bold;
font-size: 12px;
line-height: 18px;
text-decoration: none;
color: #000;
text-transform: uppercase;
display: inline-block;
}
.header-info__content:before {
position: absolute;
left: 0;
content: '';
/*background: url('/local/templates/topsantehnika/css/../images/ny/header-info_car.png');*/
width: 17px;
height: 15px;
}
@media (max-width: 998px) {
.header-info__content:before {
display: none;
}
.header-info {
padding: 10px;
}
.header-info__content {
font-size: 12px;
padding-left: 0;
}
header .header-info {
display: none;
}
main .header-info {
display: block;
}
}
@media (max-width: 768px) {
.header-info {
height: auto;
}
.overflowed .header-info {
display: none;
}
}
/*endregion header-info*/
/*region manager*/
.manager {
font-family: Montserrat;
position: sticky;
top: 0;
}
.manager__content {
padding: 60px 20px 60px 0;
}
.manager__img-block {
text-align: center;
/*background: linear-gradient(to top, #F7FBEF 50%, #fff 0%);*/
position: relative;
}
.manager__img-block:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: #f7fbef;
border-radius: 5px 5px 0 0;
}
.manager__img {
max-width: 102px;
border-radius: 50%;
border: 4px solid #FFFFFF;
filter: drop-shadow(0px 4px 8px rgba(42, 42, 42, 0.2));
}
.manager__info {
background: #F7FBEF;
border-radius: 0 0 5px 5px;
width: 100%;
padding: 15px 18px 25px 18px;
}
.manager__name {
font-size: 16px;
line-height: 150%;
font-weight: bold;
padding-top: 10px;
}
.manager__position {
font-size: 14px;
line-height: 150%;
padding-top: 5px;
}
.manager__phone-block {
position: relative;
padding: 20px 0 0 28px;
}
.manager__phone {
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 150%;
color: #2A2A2A;
text-decoration: none;
}
.manager__phone:hover {
color: rgba(11, 89, 234, 1);
}
.manager__phone-block.icon-before:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: -212px -74px;
}
.manager__mail-block {
position: relative;
padding: 15px 0 0 28px;
}
.manager__mail {
text-decoration: none;
color: #2A2A2A;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 150%;
}
.manager__mail:hover {
color: rgba(11, 89, 234, 1);
}
.manager__mail-block.icon-before:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: -212px -96px;
}
@media (min-width: 768px) {
.manager_contact {
display: none;
}
}
@media (max-width: 768px) {
.manager_contact {
display: block;
}
}
/*endregion manager*/
/*region catalog-items*/
.catalog-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
}
.catalog-items::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
background: #fff;
}
.catalog-items_line {
display: block;
}
.catalog-items + .catalogPage__more {
width: 180px;
margin: 0 auto;
color: #F02C37;
border-color: #F02C37;
}
@media (max-width: 768px) {
.catalog-items + .catalogPage__more {
width: auto;
}
}
/*endregion catalog-items*/
/*region catalog-item-section*/
.catalog-item-section .catalog-item-section__inner {
position: relative;
width: 303px;
font-family: 'Montserrat';
font-size: 14px;
color: #2A2A2A;
display: flex;
padding: 20px;
margin: 0 auto;
min-height: 500px;
}
.catalog-item-section {
position: relative;
overflow: hidden;
height: 500px;
width: 303px;
margin: 0 auto;
}
.catalog-item-section:hover {
overflow: visible;
}
.catalog-item-section .catalog-item-section__background:hover {
position: absolute;
z-index: 1;
box-shadow: 0 4px 15px 1px rgba(0, 0, 0, 0.15);
background: #fff;
max-width: 100%;
}
.catalog-item-section__content {
width: 100%;
min-height: 100%;
position: relative;
max-width: 100%;
}
.catalog-item-section__img-block {
}
.catalog-item-section__img-link {
display: flex;
align-items: center;
justify-content: center;
height: 233px;
}
.catalog-item-section__img {
max-width: 100%;
max-height: 100%;
}
.catalog-item-section__link {
align-items: center;
line-height: 21px;
color: #2a2a2a;
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.catalog-item-section__name {
padding: 20px 0;
font-size: calc(1.5em + 1px);
font-weight: 700;
line-height: 1.5;
}
.catalog-item-section__link:hover,
.catalog-item-section__link:visited,
.catalog-item-section__link:active {
}
.catalog-item-section__content_hover .catalog-item-section__link {
display: flex;
}
@media (max-width: 1280px) {
.catalog-item-section__img-link {
height: auto;
}
}
@media (max-width: 998px) {
}
@media (max-width: 768px) {
}
@media (max-width: 560px) {
}
@media (max-width: 340px) {
}
/* endregion catalog-item-section*/
/*region catalog-item*/
.catalog-item {
position: relative;
width: calc(100% / 4);
min-width: 160px;
font-family: 'Montserrat';
font-size: 14px;
color: #2A2A2A;
display: flex;
padding: 20px 5px 20px 5px;
}
.catalog-item__content {
width: 100%;
min-height: 100%;
position: relative;
max-width: 100%;
}
.catalog-item:after {
content: '';
height: 1px;
border-bottom: solid 1px #eee;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
.catalog-item__info {
width: 100%;
min-height: 100%;
padding: 15px 15px;
background: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.catalog-item__content_hover .catalog-item__info {
position: absolute;
z-index: 1;
}
.catalog-item__info:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #fff;
z-index: -1;
display: none;
-webkit-box-shadow: 0 4px 15px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 4px 15px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 15px 1px rgba(0, 0, 0, 0.15);
}
.catalog-item__content_hover .catalog-item__info:before {
display: block;
}
.catalog-item__img-block {
position: relative;
z-index: 0;
padding: 32px 0 23px 0;
}
.catalog-item__img-link {
display: flex;
align-items: center;
justify-content: center;
height: 157px;
}
.catalog-item__img {
max-width: 100%;
max-height: 100%;
}
.catalog-item__name {
padding: 10px 0 6px 0;
}
.catalog-item__link {
align-items: center;
font-size: 16px;
line-height: 21px;
color: #2a2a2a;
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.catalog-item__link:hover,
.catalog-item__link:visited,
.catalog-item__link:active {
}
.catalog-item__content_hover .catalog-item__link {
display: flex;
}
.catalog-item__properties {
min-height: 20px;
padding-top: 4px;
}
.catalog-item__property {
padding: 2px 0;
}
.catalog-item__property_hidden {
display: none;
}
.catalog-item__property-value,
.catalog-item__property-name {
max-width: 100%;
line-height: 120%;
}
.catalog-item__property-value {
word-wrap: break-word;
white-space: normal;
}
.catalog-item__property-value a {
color: #2A2A2A;
text-decoration: none;
}
.catalog-item__property-value a:hover {
color: rgba(11, 89, 234, 1);
}
.catalog-item__property-name {
color: #999999;
}
.catalog-item__content_hover .catalog-item__property_hidden {
display: block;
}
.catalog-item__delivery-name_express {
padding-left: 26px;
position: relative;
padding-right: 5px;
cursor: pointer;
gap: 5px;
}
.catalog-item__content_hover .catalog-item__property_hidden.catalog-item__delivery-name_express {
display: flex;
}
.catalog-item__delivery-name_express:before {
content: '';
position: absolute;
width: 18px;
height: 18px;
left: 0;
background-repeat: no-repeat;
background-position: -211px -12px;
}
.catalog-item__delivery-name_express:hover:after {
background: rgba(11, 89, 234, 1);
}
.catalog-item__delivery-name_express:after {
content: '?';
position: relative;
width: 16px;
height: 16px;
line-height: 16px;
background: #ccc;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 12px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 16px;
}
.catalog-item__delivery-info_express {
position: absolute;
width: 280px;
display: none;
color: #666;
background: #fff;
box-shadow: 0px 4px 8px rgba(42, 42, 42, 0.12);
border-radius: 5px;
padding: 20px 20px 10px 20px;
font-size: 14px;
top: 25px;
}
.catalog-item__delivery-name_express:hover .catalog-item__delivery-info_express {
display: block;
z-index: 1;
}
.catalog-item__price-old {
display: inline-block;
font-size: 12px;
line-height: 12px;
text-decoration-line: line-through;
color: #CCCCCC;
}
.catalog-item__price {
font-size: 20px;
line-height: 22px;
color: #2A2A2A;
display: inline-block;
}
.catalog-item__price-block {
display: flex;
gap: 10px;
align-items: flex-end;
padding: 10px 0;
min-height: 44px;
}
.catalog-item__available {
padding: 6px 0;
}
.catalog-item__order-block {
display: flex;
justify-content: space-between;
align-items: center;
}
.catalog-item__icons {
position: absolute;
display: flex;
top: 15px;
right: 15px;
}
.catalog-item__icon {
position: relative;
width: 24px;
height: 24px;
/*margin-left: 6px;*/
}
.catalog-item__icon:before {
content: '';
position: absolute;
left: 0;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: -76px -37px;
}
.catalog-item__icon_top:before {
background-position: -76px -91px;
}
.catalog-item__icon_new:before {
background-position: -76px -10px;
}
.catalog-item__icon_express:before {
background-position: -76px -64px;
}
.catalog-item__icons-left {
position: absolute;
top: 15px;
left: 15px;
}
.catalog-item__icons-left-block {
padding-bottom: 5px;
}
.catalog-item__yellow-icon {
background: #FFF200;
border-radius: 5px;
padding: 5px 7px;
margin-bottom: 5px;
font-size: 10px;
}
.catalog-item__icon_top {
}
.catalog-item__image-sticker-block {
position: absolute;
width: 60px;
height: 60px;
right: 0;
bottom: 20px;
}
.catalog-item__image-sticker {
max-width: 100%;
}
.catalog-item__img-navigation {
position: absolute;
width: 100%;
height: 2px;
display: none;
padding: 0;
margin: 0;
list-style: none;
bottom: 5px;
}
.catalog-item__content_hover .catalog-item__img-navigation {
display: flex;
}
.catalog-item__img-navigation-item {
background: #eee;
flex-grow: 1;
position: relative;
height: 2px;
border-radius: 4px;
margin-left: 10px;
}
.catalog-item__img-navigation-item_active {
background: #999;
}
.catalog-item__img-navigation-item:first-child {
margin-left: 0;
}
.catalog-items_5 .catalog-item {
width: calc(100% / 5);
}
.catalog-items_5 .catalog-item:after {
display: none;
}
.catalog-items_5.catalog-items_more .catalog-item {
display: flex;
}
@media (max-width: 1280px) {
.catalog-items .catalog-item {
width: calc(100% / 3);
}
.catalog-items_5 .catalog-item {
width: calc(100% / 4);
}
/* .catalog-items_5.catalog-items_more .catalog-item {
display: none;
}
.catalog-items_5.catalog-items_more .catalog-item:nth-child(-n+4) {
display: flex;
} */
}
@media (max-width: 998px) {
.catalog-items .catalog-item {
width: calc(100% / 3);
}
.catalog-items_5 .catalog-item {
width: calc(100% / 3);
}
/* .catalog-items_5.catalog-items_more .catalog-item:nth-child(n) {
display: none;
}
.catalog-items_5.catalog-items_more .catalog-item:nth-child(-n+3) {
display: flex;
} */
.catalog-item__delivery-name_express {
display: flex;
gap: 5px;
align-items: center;
}
}
@media (max-width: 768px) {
.catalog-items .catalog-item {
width: calc(100% / 2);
}
.catalog-items_5 .catalog-item {
width: calc(100% / 2);
}
.catalog-item {
padding: 15px 10px;
}
/* .catalog-items_5.catalog-items_more .catalog-item:nth-child(n) {
display: none;
}
.catalog-items_5.catalog-items_more .catalog-item:nth-child(-n+4) {
display: flex;
} */
.catalog-item__content_hover .catalog-item__info:before {
display: none;
}
.catalog-item__info,
.catalog-item__content_hover .catalog-item__info {
padding: 0 0 15px 0;
background: none;
}
.catalog-item__icons {
top: 0;
right: 0;
}
.catalog-item__icons-left {
top: 0;
left: 0;
}
.catalog-item__content_hover .catalog-item__img-navigation {
display: none;
}
.catalog-item__content_hover .catalog-item__link {
display: -webkit-box;
}
.catalog-item__content_hover .catalog-item__property_hidden {
display: none;
}
.btn.catalog-item__btn-cart {
font-size: 14px;
padding: 10px 15px;
}
}
@media (max-width: 560px) {
.catalog-item__price-block {
position: relative;
}
.catalog-item__icons-left-block {
position: absolute;
right: 0;
top: 0px;
}
.catalog-item__price {
font-size: 18px;
}
.catalog-item__yellow-icon {
padding: 4px 4px;
}
}
@media (max-width: 460px) {
.catalog-item__delivery-name_express .catalog-item__property-name {
font-size: 12px;
}
}
@media (max-width: 384px) {
.catalog-item__delivery-name_express .catalog-item__property-name {
font-size: 10px;
}
.catalog-item__yellow-icon {
padding: 5px 5px;
font-size: 7px;
}
.catalog-item__icons-left-block {
top: -2px;
}
.catalog-item__icons-left-block {
right: 30px;
}
.catalog-item__price-old {
padding-right: 20px;
}
.link-reviews__container .link-reviews__link.link-bold {
padding-left: 4px;
}
}
@media (max-width: 350px) {
.catalog-items_5 .catalog-item,
.catalog-items .catalog-item {
width: 100%;
margin: 0 auto;
}
.catalog-item__delivery-name_express .catalog-item__property-name {
font-size: 14px;
}
.catalog-item__yellow-icon {
padding: 5px 7px;
font-size: 10px;
}
.catalog-item__icons-left-block {
top: -7px;
}
.catalog-item__icons-left-block {
right: 0;
}
.catalog-item__price-old {
padding-right: 0;
}
.link-reviews__container .link-reviews__link.link-bold {
padding-left: 10px;
}
}
/*endregion catalog-item*/
/*region catalog-items_horizontally*/
.catalog-item__hor-icons,
.catalog-item__hor-available {
display: none;
}
@media (min-width: 998px) {
.catalog-items_horizontally .catalog-item {
width: 100%;
padding: 0 0 20px 0;
}
.catalog-items_horizontally .catalog-item__name {
padding-top: 0;
}
.catalog-item__content_hover .catalog-item__link {
display: flex;
}
.catalog-items_horizontally .catalog-item__info {
position: relative;
display: grid;
grid-template-columns: 22% 62% 16%;
margin-bottom: 0;
padding: 25px;
}
.catalog-items_horizontally .catalog-item__icons-left {
display: none;
}
.catalog-items_horizontally .catalog-item__icons {
top: 25px;
left: 25px;
z-index: 1;
}
.catalog-items_horizontally .catalog-item__hor-properties {
padding-left: 20px;
padding-right: 20px;
}
.catalog-items_horizontally .catalog-item__img-block {
padding: 0;
}
.catalog-items_horizontally .catalog-item__price,
.catalog-items_horizontally .catalog-item__price-old {
width: 100%;
}
.catalog-items_horizontally .catalog-item__hor-icons {
display: block;
padding-bottom: 10px;
}
.catalog-items_horizontally .catalog-item__hor-available {
display: block;
}
.catalog-items_horizontally .catalog-item__available {
display: none;
}
.catalog-items_horizontally .catalog-item__property {
display: flex;
}
.catalog-items_horizontally .catalog-item__property-value {
white-space: normal;
}
.catalog-items_horizontally .catalog-item__hor-order {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: space-between;
}
.catalog-items_horizontally .catalog-item__price-block {
padding-top: 0;
min-height: auto;
}
.catalog-items_horizontally .catalog-item__img-navigation {
bottom: -8px;
}
.catalog-items_horizontally .btn.catalog-item__btn-cart {
font-size: 14px;
padding: 10px 15px;
}
}
/*endregion catalog-items_horizontally*/
/*region product-gallery*/
.product-gallery {
position: relative;
width: 100%;
}
.product-gallery_border {
border-bottom: solid 1px #eee;
}
.product-gallery__btns.owl-btns .owl-prev,
.product-gallery__btns.owl-btns .owl-next {
top: 50%;
}
.product-gallery,
.product-gallery .owl-carousel .owl-stage-outer,
.product-gallery .owl-carousel .owl-stage-outer .owl-stage,
.product-gallery .owl-carousel .owl-stage-outer .owl-stage .owl-item,
.product-gallery .owl-carousel .owl-stage-outer .owl-stage .owl-item .catalog-item {
position: static;
}
.product-gallery.owl-carousel .owl-stage-outer {
padding-bottom: 55px;
}
.product-gallery__block-article .owl-carousel .owl-stage-outer {
padding-bottom: 10px;
}
.product-gallery .owl-carousel .owl-item img {
max-width: 100%;
max-height: 100%;
width: auto;
}
.product-gallery .catalog-item {
width: auto;
padding-bottom: 0;
}
.product-gallery .catalog-item:after {
display: none;
}
.product-gallery .catalog-item__content_hover .catalog-item__property_hidden {
display: none;
}
.product-gallery .catalog-item__content_hover .catalog-item__info:before {
box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.15);
}
.product-gallery .catalog-item {
margin: 0 auto;
}
.product-gallery .catalog-item__link {
min-height: 63px;
}
.product-gallery .catalog-item__content_hover .catalog-item__link {
display: -webkit-box;
-webkit-line-clamp: 3;
}
.owl-carousel .owl-item .catalog-item img {
width: auto;
max-width: 100%;
}
.catalogPage__block-content .product-gallery {
padding-top: 25px;
}
.product-gallery__dots {
position: relative;
text-align: center;
margin-top: 0;
margin-bottom: 20px;
z-index: 1;
}
@media (max-width: 768px) {
.product-gallery .owl-carousel .owl-stage-outer {
padding-bottom: 10px;
}
.owl-carousel .owl-item .catalog-item img {
width: 100%;
object-fit: contain;
}
}
/*endregion product-gallery*/
/*region catalogPage__more*/
.catalogPage__more.catalogPage__more_load {
padding: 2px 0;
border-color: #cccc;
background-color: transparent;
}
.btn.catalogPage__more_load:focus,
.btn.catalogPage__more_load:active,
.btn.catalogPage__more_load:hover {
background-color: transparent;
border-color: #cccc;
}
/*endregion catalogPage__more*/
/*region text*/
.text {
font-family: 'Montserrat';
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 150%;
color: #2A2A2A;
}
.text h1 {
font-family: 'Montserrat';
font-style: normal;
font-weight: bold;
font-size: 26px;
line-height: 150%;
}
.text h2 {
font-family: 'Montserrat';
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 150%;
}
.text h3 {
font-family: 'Montserrat';
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 150%;
}
.text h4 {
font-family: 'Montserrat';
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 150%;
}
.text ul,
.text ol {
list-style-type: none;
counter-reset: num;
margin: 0;
color: #404040;
padding: 0 0 10px 0;
}
.text ul li:not(.catalog-item__img-navigation-item) {
position: relative;
}
.text ul li:not(.catalog-item__img-navigation-item)::before {
content: '';
position: absolute;
top: 15px;
left: 0;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-position: -48px -316px;
background-image: var(--url-sprites);
}
.text ul li:not(.catalog-item__img-navigation-item) {
padding-left: 22px;
padding-top: 10px;
}
.text ol li {
padding-top: 10px;
}
.text ol li::before {
content: counter(num) '.';
counter-increment: num;
color: #404040;
padding-right: 10px;
}
.text table {
font-family: Montserrat;
font-style: normal;
font-size: 14px;
line-height: 150%;
color: #404040;
display: inline-block;
overflow: auto;
}
.text table thead {
font-weight: bold;
font-size: 16px;
background: rgba(157, 203, 59, .06);
color: #2A2A2A;
}
.text table tbody tr:nth-child(odd) {
background: #FAFAFA;
}
.text table th,
.text table td {
padding: 20px;
}
.text .img-list {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.text .img-list img {
padding: 10px;
}
.text a:not(.btn-primary, .catalog-item__link, .item-img-block__quick-view, .catalog-item__img-link, .product-slide-title, .product-slide-rating, .button),
.text a:visited:not(.btn-primary, .catalog-item__link, .item-img-block__quick-view, .catalog-item__img-link, .product-slide-title, .product-slide-rating, .button) {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 14px;
display: inline-block;
align-items: center;
color: rgba(11, 89, 234, 1);
text-decoration: none;
}
.text img {
width: 100%;
}
.text a:not(.btn-primary, .catalog-item__link, .item-img-block__quick-view, .catalog-item__img-link, .product-slide-title, .product-slide-rating, .button):hover {
color: #266CA6;
}
.text a:not(.btn-primary, .catalog-item__link, .item-img-block__quick-view, .catalog-item__img-link, .product-slide-title, .product-slide-rating, .button):active {
color: #271526;
}
.text a:not(.btn-primary, .catalog-item__link, .item-img-block__quick-view, .catalog-item__img-link, .product-slide-title, .product-slide-rating, .button):disabled {
color: #8F8F8F;
}
/*endregion text*/
/*region main*/
.hr {
margin: 15px 0 20px;
border: 0;
border-bottom: 1px solid #EEEEEE;
}
.hr_1 {
margin: 11px 15px 20px;
border: 0;
border-bottom: 1px solid #EEEEEE;
}
.main__content {
padding-top: 40px;
color: #2A2A2A;
}
.main__content h1 {
font-size: 26px;
line-height: 150%;
}
.main__content h3 {
font-size: 18px;
line-height: 150%;
}
.sub-title-of-h1 {
font-family: 'Montserrat';
font-weight: 400;
font-size: 14px;
color: #999999;
margin: 0 6px;
white-space: nowrap;
}
h1.header-h1_v1 {
font-size: 1.625em;
font-family: 'Montserrat';
font-weight: 700;
line-height: 1.5;
}
.header-h1.header-h1_v1 {
display: flex;
align-items: baseline;
}
@media (max-width: 1200px) {
.main__content {
padding-top: 30px;
}
}
@media (max-width: 768px) {
.main__content {
padding-top: 20px;
}
}
/*endregion main*/
/*region top-btn*/
.top-btn {
position: fixed;
z-index: 1;
right: 50px;
display: flex;
justify-content: center;
align-items: center;
bottom: -40px;
cursor: pointer;
width: 40px;
height: 40px;
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(42, 42, 42, 0.15);
border-radius: 5px;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all .3s;
}
.top-btn_visible {
transform: translateY(-140px);
}
.top-btn:before {
content: '';
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: -263px -9px;
transform: rotate(-90deg);
}
.top-btn:hover:before {
background-position: -263px -30px;
}
@media (max-width: 1400px) {
.top-btn {
right: 20px;
}
}
@media (max-width: 768px) {
.top-btn {
right: 10px;
}
}
/*endregion top-btn*/
/*region panel-bg*/
.panel-bg {
font-family: 'Montserrat';
}
.panel-bg__content {
background: #FFFFFF;
box-shadow: 0px 6px 12px rgba(42, 42, 42, 0.1);
border-radius: 5px;
padding: 20px;
margin-bottom: 20px;
}
.panel-bg__title {
font-weight: bold;
font-size: 14px;
line-height: 150%;
color: #2A2A2A;
margin: 0;
}
.panel-bg__text {
color: #666666;
font-size: 12px;
line-height: 150%;
padding-top: 5px;
padding-bottom: 5px;
}
.panel-bg__text span {
display: block;
font-weight: bold;
color: #2A2A2A;
}
.panel-bg__block {
padding-top: 10px;
padding-bottom: 10px;
}
/*endregion panel-bg*/
/*region coupon-show*/
.coupon-show {
position: relative;
width: 154px;
height: 45px;
padding: 15px 0 0 35px;
cursor: pointer;
text-transform: uppercase;
color: #F02C37;
font-size: 10px;
line-height: 150%;
font-weight: bold;
background: url('/local/templates/topsantehnika/css/../images/coupon_bg.svg') no-repeat;
background-position: center center;
}
.coupon-show_open {
font-weight: bold;
font-size: 10px;
line-height: 150%;
text-transform: uppercase;
color: #2A2A2A;
}
.coupon-show__text {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.coupon-show__copy {
display: none;
position: absolute;
top: 17px;
right: 16px;
width: 10px;
height: 10px;
background-position: -51px 27px;
}
.coupon-show_open .coupon-show__copy {
display: block;
}
/*endregion coupon-show*/
/*region page-block*/
.page-block {
padding-top: 15px;
padding-bottom: 10px;
position: relative;
}
.page-block_no-top-padding {
padding-top: 0;
}
.page-block_bg {
background: #FAFAFA;
}
.page-block_border {
padding-bottom: 45px;
}
.page-block_border:after {
content: '';
position: absolute;
left: 0;
bottom: 15px;
width: 100%;
border-top: 1px solid #EEEEEE;
}
.page-block__info {
}
.page-block__content {
padding: 10px 0 5px 0;
}
.page-block__content_no-top-padding {
padding-top: 0;
}
.page-block_no-top-padding .page-block__content {
padding-top: 0;
}
.page-block__title {
font-family: 'Montserrat';
font-weight: bold;
font-size: 26px;
line-height: 150%;
color: #404040;
margin: 0;
position: relative;
padding: 0 35px 10px 0;
}
.page-block__title-block {
display: flex;
justify-content: space-between;
align-items: center;
}
.page-block__title a {
color: #3f6bdb;
font-weight: bold;
text-decoration: none;
}
.page-block__title a:hover {
color: #266CA6;
}
.page-block__half-block {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.page-block__half-block_hidden {
display: none;
}
.page-block__half {
width: 50%;
}
.page-block__title_n:before,
.page-block__title_b:before,
.page-block__title_s:before {
content: '';
position: absolute;
top: calc(50% - 15px);
right: 0;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: -76px -10px;
}
.page-block__title_s:before {
background-position: -76px -118px;
}
.page-block__title_b:before {
background-position: -76px -91px;
}
.page-block_main-brand-zone {
padding-top: 45px;
padding-bottom: 50px;
}
.page-block_main.page-block_border,
.page-block_main {
padding-top: 60px;
padding-bottom: 55px;
}
.page-block_main.page-block_border:after {
bottom: 0;
}
@media (max-width: 1200px) {
.page-block__half {
width: 100%;
}
.page-block__info {
}
.page-block__title {
padding: 0 35px 15px 0;
}
.page-block_main {
padding-top: 55px;
padding-bottom: 50px;
}
}
@media (max-width: 768px) {
.page-block__info {
}
.page-block__title {
padding: 0 35px 10px 0;
font-size: 26px;
}
.page-block_main {
padding-top: 45px;
padding-bottom: 35px;
}
}
/*endregion page-block*/
/*region btn-compare*/
.btn-compare,
.btn-compare_1 {
position: relative;
width: 18px;
height: 18px;
cursor: pointer;
}
.btn-compare:before,
.btn-compare_1:before {
content: '';
position: absolute;
left: 6px;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: -46px -92px;
}
.btn-compare_active:before,
.btn-compare:hover:before,
.btn-compare_1:hover:before {
background-position: -46px -113px;
}
/*endregion btn-compare*/
/*region product-sticker*/
.product-sticker {
position: absolute;
z-index: 2;
right: 10px;
bottom: 100px;
width: 100px;
height: 100px;
cursor: pointer;
}
.product-sticker_preview {
width: 60px;
height: 60px;
right: 0;
bottom: 20px;
}
.product-sticker__img-block {
background: #fff;
border: solid 2px #eee;
border-radius: 50%;
padding: 5px;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
.product-sticker__img {
max-width: 100%;
max-height: 100%;
border-radius: 50%;
}
.product-sticker__text {
position: absolute;
width: 100%;
top: 20px;
left: -12px;
font-weight: 700;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
color: #fff;
background: #984dc7;
transform: rotate(-30deg);
text-align: center;
}
.product-sticker__text_preview {
top: 13px;
left: -8px;
font-weight: 700;
font-size: 7px;
line-height: 10px;
}
/*endregion product-sticker*/
/*region collapse */
.collapse-content {
margin-bottom: 12px;
}
.collapse-title {
display: flex;
align-items: center;
cursor: pointer;
}
.collapse-title .collapse-title__icon {
padding: 0 10px;
cursor: pointer;
transform: rotateZ(0deg);
transform-origin: center;
transition: .5s;
}
.collapsed-up .collapse-title .collapse-title__icon {
transform: rotateZ(180deg);
}
.collapse-title__icon::before {
width: 14px;
height: 9px;
display: inline-block;
background-position: 70px -14px;
}
.collapse-block .collapse-block__row-main {
padding: 9px 15px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #2A2A2A;
}
.collapse-block .collapse-block__frame {
overflow: hidden;
}
.collapse-block .collapse-block__row-main:hover {
background: #FAFAFA;
}
.collapse-block .collapse-block__row-title {
color: #999999;
}
.collapse-block .collapse-block__row {
display: flex;
transition: .5s;
}
.collapse-cell {
line-height: 20px;
width: 20%;
flex-shrink: 0;
padding: 0 15px;
}
.collapse-title {
margin-bottom: 9px;
}
@media (max-width: 1199px) {
.collapse-cell {
width: calc(100% / 3);
}
}
@media (max-width: 767px) {
.collapse-cell {
padding: 0 10px;
width: 50%;
}
}
@media (max-width: 413px) {
.collapse-cell {
width: 100%;
}
}
/*endregion collapse */
/*region 404 */
.block-404 {
display: flex;
justify-content: space-between;
padding: 8px 0 60px;
}
.block-404 .block-404__col-first {
width: calc(30% - 8px);
}
.block-404 .block-404__col-last {
position: absolute;
right: 0;
left: 50%;
}
.block-404-svg .block-404-svg__image {
width: 100%;
max-width: 50vw;
overflow: hidden;
}
@media (min-width: 999px) {
.block-404 {
min-height: 305px;
box-sizing: content-box;
}
}
@media (max-width: 998px) {
.block-404-svg {
display: none;
}
.block-404 .block-404__col-first {
width: 100%;
}
}
.block-404 .block-404__h1 {
font-weight: 700;
font-size: 26px;
line-height: 1.3;
margin: 15px 0;
}
.block-404 .block-404__sub-h1 {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 15px 0;
}
.btn-404-main {
width: max-content;
font-weight: 400;
font-size: 16px;
line-height: 18px;
display: block;
}
/*endregion 404 */
.roistat-promo-wrap {
display: none;
}
/** region forms */
.form {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #2A2A2A;
}
.form .form__check-box {
display: none;
}
.form .form-inline {
display: inline-block;
}
.form .form__check-box + .form__label {
padding: 0 0 0 24px;
display: inline-block;
line-height: 18px;
background: url(/local/templates/topsantehnika/css/../images/svg/forms/checkbox-unchecked.svg) no-repeat;
cursor: pointer;
}
.form .form__check-box:checked + .form__label {
background: url(/local/templates/topsantehnika/css/../images/svg/forms/checkbox-checked.svg) no-repeat;
}
.form-inline_next {
margin-left: 25px;
}
.form .form__check-box + .form__label::after {
}
.form .form__label {
}
/** endregion forms */
/** region groups */
.group-actions {
display: flex;
margin: 0 -6px;
}
.group-actions__btn {
padding: 0 6px;
box-sizing: content-box;
}
/** endregion groups */
/*<editor-fold desc="hover-hint">*/
.hover-hint {
position: relative;
}
.hover-hint .hover-hint__text {
display: none;
position: absolute;
left: -50%;
bottom: 115%;
font-weight: bold;
font-size: 10px;
line-height: 120%;
color: #249CCE;
text-align: center;
width: 60px;
}
@media (min-width: 998px) {
.hover-hint:hover .hover-hint__text {
display: block;
}
}
/*</editor-fold>*/
/*region link-reviews*/
.link-reviews {
margin: 5px 0 10px;
cursor: pointer;
}
.link-reviews__container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.link-reviews__stars {
display: flex;
align-items: center;
}
.link-reviews__link,
.link-reviews__link.link-bold {
padding-left: 10px;
font-weight: 400;
font-size: 14px;
line-height: 150%;
}
/*endregion link-reviews*/
@media (max-width: 450px) {
.catalog-item__free-dilivery {
max-width: 105px;
}
.page-block_main-brand-zone {
padding-bottom: 0px;
}
}
/* Теги под фильтром */
.filter-tags__block {
padding: 12px 0;
border-bottom: 1px solid #EEEEEE;
}
.filter-tags__title {
font-family: 'Montserrat';
font-weight: bold;
font-size: 16px;
line-height: 150%;
color: #2A2A2A;
}
.filter-tags__list {
padding: 0;
margin: 0;
list-style-type: none;
margin-top: 5px;
max-height: 300px;
display: block;
transition: max-height 1s ease-in-out;
overflow: hidden;
}
.filter-tags__list.active {
max-height: 2500px;
}
.filter-tags__item {
opacity: 1;
transition: opacity .3s ease-in-out;
font-size: 14px;
line-height: 150%;
font-family: 'Montserrat';
color: rgba(11, 89, 234, 1);
margin: 2px 0;
}
.filter-tags__item:hover {
opacity: .8;
}
.filter-tags__item a {
text-decoration: none;
cursor: pointer;
color: rgba(0, 0, 0, 1);
}
.filter-tags__item sup {
color: #999999;
}
.filter-tags__btn {
padding-top: 4px;
display: flex;
align-items: center;
gap: 3px;
font-size: 14px;
font-family: 'Montserrat';
text-decoration: underline;
cursor: pointer;
color: #2A2A2A;
}
.filter-tags__btn span {
background-image: var(--url-sprites);
width: 10px;
height: 6px;
background-position: -239px -96px;
transform: scale(1, 1);
transition: transform .2s ease-in-out;
}
.filter-tags__btn span.active {
transform: scale(1, -1)
}
.catalogPage__tags-btn {
margin-left: auto;
margin-right: 5px;
display: none;
font-size: 12px;
padding: 6px 18px;
color: rgba(11, 89, 234, 1);
background: transparent;
border: 1px solid rgba(11, 89, 234, 1);
}
.filter-tags__popup {
position: fixed;
-moz-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
z-index: 5;
background-color: #fff;
overflow-y: scroll;
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
}
.filter-tags__popup.active {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.filter-tags__close {
background-image: var(--url-sprites);
width: 23px;
height: 23px;
background-position: -9px -9px;
background-repeat: no-repeat;
}
.filter-tags__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
background: #fafafa;
border-bottom: 1px solid #eee;
}
.filter-tags__popup-title {
font-family: 'Montserrat';
font-weight: bold;
color: #2a2a2a;
font-size: 18px;
line-height: 150%;
}
.catalogPage__tags-btn, .catalogPage__filter-btn {
gap: 5px;
align-items: center;
}
.catalogPage__filter-btn:before {
content: '';
background-image: url(/local/templates/topsantehnika/images/filter.svg);
background-repeat: no-repeat;
height: 14px;
width: 14px;
}
.catalogPage__tags-btn:before {
content: '';
background-image: url(/local/templates/topsantehnika/images/filter-tags.svg);
background-repeat: no-repeat;
height: 14px;
width: 14px;
}
.catalogPage__categoryRight .catalogPage__tags-btn:hover {
background: #fff;
opacity: .85;
transition: opacity .2s ease-in-out;
}
@media (max-width: 998px) {
.catalogPage__tags-btn, .catalogPage__filter-btn {
display: flex;
justify-content: center;
width: 100%;
}
.filter-tags__btn {
font-size: 15px;
}
.filter-tags__item {
font-size: 15px;
padding: 2px 0;
}
.filter-tags {
padding: 10px 20px;
}
.filter-tags__block:last-child {
border: none;
}
.filter-tags__list {
max-height: 500px;
}
.filter-tags__list.active {
max-height: 4000px;
}
.catalogPage__categoryRight .catalogPage__sortView {
gap: 10px;
}
.catalog-sort {
width: 33%;
}
.catalog-event__sort {
width: 100% !important;
}
}
@media (max-width: 480px) {
.catalogPage__categoryRight .catalogPage__tags-btn, .catalogPage__filter-btn {
padding: 10px;
}
.catalog-sort {
width: 48%;
}
.catalogPage__filter-btn, .catalogPage__tags-btn {
width: 48%;
margin-right: 0px;
}
.catalogPage__tags-btn {
width: 100% !important;
}
.collection-sort-wrap .catalogPage__filter-btn, .collection-sort-wrap .catalogPage__tags-btn {
width: 48% !important;
}
.catalog-sort__default {
padding: 0 10px 0 7px !important;
}
.catalogPage__categoryRight .catalogPage__tags-btn {
margin-left: 0;
}
.catalogPage__categoryRight .catalogPage__sortView {
flex-wrap: wrap;
}
}
.banner__before-main {
padding: 0 0 10px 0;
}
.banner__before-main-content {
text-align: center;
}
.banner__before-main-link {
display: block;
color: black;
font-size: 15px;
font-weight: 700;
text-decoration: underline;
}
@media (max-width: 768px) {
.banner__before-main-link {
font-size: 12px;
}
}
.hot-sales-icon, .discounted-icon {
display: flex;
align-items: center;
color: rgb(242, 108, 33);
font-size: 12px;
}
.discounted-icon {
background: #ED2B32;
color: #fff;
padding: 2px 7px;
border-radius: 5px;
font-size: 11px;
}
.discounted-icon.detail {
font-size: 12px;
padding: 2px 10px;
}
.product-icons__list {
flex-direction: column;
align-items: flex-end;
}
.hot-sales-icon .icon-before, .discounted-icon .icon-before {
width: 24px;
height: 24px;
position: relative;
}
/*.catalog-item__info .hot-sales-icon, .catalog-item__info .discounted-icon {
margin-bottom: 2px;
}*/
.hot-sales-icon .icon-before::before {
top: 0;
left: 0;
width: 21px;
height: 22px;
background-position: -210px -258px;
position: absolute;
}
.discounted-icon .icon-before::before {
top: 0;
left: 0;
width: 21px;
height: 22px;
background-position: -210px -50px;
position: absolute;
}
/* Правки внешнего вида картинок карточки товара */
.no-reviews__text {
height: 21px;
width: 75px;
}
.catalog-item__img-link {
height: 178px;
width: 100%;
}
.catalog-item__img-block {
padding: 16px 0 12px;
}
.catalog-item__img-navigation {
bottom: 0;
}
.catalog-item__img {
object-fit: contain;
width: 90%;
}
.mobile-second__item:first-child a {
color: #ed2b32;
}
@media (max-width: 998px) {
.catalog-item__img-navigation {
display: flex;
}
}
@media (max-width: 540px) {
.hot-sales-icon {
font-size: 10px;
}
.catalog-item__img-link {
height: 152px;
}
.discounted-icon:not(.detail) {
max-width: 120px;
text-align: center;
padding: 2px;
box-sizing: border-box;
}
}
@media (max-width: 390px) {
.catalog-item__img-link {
height: 144px;
}
}
.cookie-popup__wrap {
display: none;
position: fixed;
bottom: 20px;
left: 20px;
z-index: 15;
width: 100%;
}
.cookie-popup__wrap.show {
display: block;
}
.cookie-popup {
position: relative;
max-width: 420px;
padding: 40px 20px 20px 20px;
border-radius: 20px;
background: rgba(153, 153, 153, .8);
}
.cookie-popup__text {
color: #FFF;
font-size: 16px;
font-weight: 700;
}
.cookie-popup__text a {
text-decoration-line: underline;
opacity: 1;
transition: opacity .3s ease-in-out;
color: #fff;
text-underline-offset: 3px;
}
.cookie-popup__text a:hover {
opacity: .8;
}
.cookie-popup__btn {
display: block;
margin-top: 20px;
border-radius: 10px;
background: #F26C21;
text-align: center;
padding: 15px;
width: 100%;
color: #FFF;
font-size: 16px;
font-weight: 700;
border: none;
opacity: 1;
transition: opacity .3s ease-in-out;
cursor: pointer;
}
.cookie-popup__btn:hover {
opacity: .8;
}
.cookie-popup__close {
position: absolute;
right: 20px;
top: 15px;
cursor: pointer;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.cookie-popup__close:hover {
opacity: 0.8;
}
@media (max-width: 998px) {
.cookie-popup__wrap {
bottom: 15px;
left: 15px;
right: 15px;
width: auto;
}
.cookie-popup {
padding: 30px 18px 18px 18px;
max-width: 400px;
}
.cookie-popup__text {
font-size: 15px;
}
.cookie-popup__btn {
font-size: 15px;
}
.cookie-popup__close {
right: 18px;
top: 12px;
}
}
.icons-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.discounted-block {
text-decoration: none;
width: 100%;
display: block;
margin: 10px 0;
padding: 12px;
position: relative;
background: #FFFFFF;
border: 1px solid #AEAEAE;
border-radius: 6px;
opacity: 1;
transition: opacity .3s ease-in-out;
color: #2A2A2A !important;
}
.discounted-block__icon {
position: absolute;
top: 35%;
right: 19px;
}
.discounted-block .product-card__delivery-name::before {
display: none;
}
.discounted-block__title {
font-size: 15px;
}
.discounted-block__content {
display: flex;
gap: 0px;
flex-direction: column;
}
.discounted-block__price-wrap {
display: flex;
gap: 8px;
align-items: flex-start;
text-decoration: none;
}
.discounted-block__price {
font-size: 18px;
color: #ED2B32;
font-weight: 600;
}
.discounted-block .product-card__delivery-name a {
text-decoration: none;
color: #2A2A2A;
}
.discounted-block__old {
font-size: 15px;
text-decoration-line: line-through;
color: #000000;
opacity: 0.5;
}
.discounted-block img {
width: 56px;
height: 56px;
object-fit: contain;
}
.discounted-block__wrap {
display: flex;
gap: 15px;
align-items: center;
}
.discounted-block .product-card__delivery-name {
padding-left: 0;
}
.discounted-block .product-card__delivery-name:after {
top: 1px;
}
.discounted-block .product-card__delivery-description {
z-index: 100;
}
.discounted-block .product-card__delivery-name ul {
padding-left: 0;
margin-left: 10px;
}
@media (max-width: 998px) {
.discounted-block__imgs:hover .discounted-block__img {
display: none;
}
.discounted-block {
padding: 6px;
}
.discounted-block .product-card__delivery-description {
width: 250px;
font-size: 13px;
}
footer {
margin-top: 30px;
}
}
.discounted-block__lightbox {
position: absolute;
opacity: 0;
visibility: hidden;
}
/* End */
/* Start:/local/templates/topsantehnika/css/flag-icon.min.css?164069544837416*/
.flag-icon-background{background-size:contain;background-position:50%;background-repeat:no-repeat}.flag-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:"\00a0"}.flag-icon.flag-icon-squared{width:1em}.flag-icon-ad{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ad.svg)}.flag-icon-ad.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ad.svg)}.flag-icon-ae{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ae.svg)}.flag-icon-ae.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ae.svg)}.flag-icon-af{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/af.svg)}.flag-icon-af.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/af.svg)}.flag-icon-ag{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ag.svg)}.flag-icon-ag.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ag.svg)}.flag-icon-ai{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ai.svg)}.flag-icon-ai.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ai.svg)}.flag-icon-al{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/al.svg)}.flag-icon-al.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/al.svg)}.flag-icon-am{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/am.svg)}.flag-icon-am.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/am.svg)}.flag-icon-ao{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ao.svg)}.flag-icon-ao.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ao.svg)}.flag-icon-aq{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/aq.svg)}.flag-icon-aq.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/aq.svg)}.flag-icon-ar{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ar.svg)}.flag-icon-ar.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ar.svg)}.flag-icon-as{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/as.svg)}.flag-icon-as.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/as.svg)}.flag-icon-at{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/at.svg)}.flag-icon-at.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/at.svg)}.flag-icon-au{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/au.svg)}.flag-icon-au.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/au.svg)}.flag-icon-aw{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/aw.svg)}.flag-icon-aw.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/aw.svg)}.flag-icon-ax{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ax.svg)}.flag-icon-ax.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ax.svg)}.flag-icon-az{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/az.svg)}.flag-icon-az.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/az.svg)}.flag-icon-ba{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ba.svg)}.flag-icon-ba.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ba.svg)}.flag-icon-bb{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bb.svg)}.flag-icon-bb.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bb.svg)}.flag-icon-bd{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bd.svg)}.flag-icon-bd.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bd.svg)}.flag-icon-be{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/be.svg)}.flag-icon-be.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/be.svg)}.flag-icon-bf{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bf.svg)}.flag-icon-bf.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bf.svg)}.flag-icon-bg{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bg.svg)}.flag-icon-bg.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bg.svg)}.flag-icon-bh{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bh.svg)}.flag-icon-bh.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bh.svg)}.flag-icon-bi{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bi.svg)}.flag-icon-bi.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bi.svg)}.flag-icon-bj{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bj.svg)}.flag-icon-bj.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bj.svg)}.flag-icon-bl{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bl.svg)}.flag-icon-bl.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bl.svg)}.flag-icon-bm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bm.svg)}.flag-icon-bm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bm.svg)}.flag-icon-bn{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bn.svg)}.flag-icon-bn.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bn.svg)}.flag-icon-bo{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bo.svg)}.flag-icon-bo.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bo.svg)}.flag-icon-bq{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bq.svg)}.flag-icon-bq.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bq.svg)}.flag-icon-br{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/br.svg)}.flag-icon-br.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/br.svg)}.flag-icon-bs{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bs.svg)}.flag-icon-bs.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bs.svg)}.flag-icon-bt{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bt.svg)}.flag-icon-bt.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bt.svg)}.flag-icon-bv{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bv.svg)}.flag-icon-bv.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bv.svg)}.flag-icon-bw{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bw.svg)}.flag-icon-bw.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bw.svg)}.flag-icon-by{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/by.svg)}.flag-icon-by.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/by.svg)}.flag-icon-bz{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/bz.svg)}.flag-icon-bz.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/bz.svg)}.flag-icon-ca{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ca.svg)}.flag-icon-ca.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ca.svg)}.flag-icon-cc{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cc.svg)}.flag-icon-cc.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cc.svg)}.flag-icon-cd{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cd.svg)}.flag-icon-cd.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cd.svg)}.flag-icon-cf{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cf.svg)}.flag-icon-cf.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cf.svg)}.flag-icon-cg{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cg.svg)}.flag-icon-cg.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cg.svg)}.flag-icon-ch{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ch.svg)}.flag-icon-ch.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ch.svg)}.flag-icon-ci{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ci.svg)}.flag-icon-ci.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ci.svg)}.flag-icon-ck{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ck.svg)}.flag-icon-ck.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ck.svg)}.flag-icon-cl{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cl.svg)}.flag-icon-cl.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cl.svg)}.flag-icon-cm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cm.svg)}.flag-icon-cm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cm.svg)}.flag-icon-cn{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cn.svg)}.flag-icon-cn.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cn.svg)}.flag-icon-co{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/co.svg)}.flag-icon-co.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/co.svg)}.flag-icon-cr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cr.svg)}.flag-icon-cr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cr.svg)}.flag-icon-cu{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cu.svg)}.flag-icon-cu.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cu.svg)}.flag-icon-cv{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cv.svg)}.flag-icon-cv.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cv.svg)}.flag-icon-cw{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cw.svg)}.flag-icon-cw.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cw.svg)}.flag-icon-cx{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cx.svg)}.flag-icon-cx.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cx.svg)}.flag-icon-cy{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cy.svg)}.flag-icon-cy.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cy.svg)}.flag-icon-cz{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/cz.svg)}.flag-icon-cz.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/cz.svg)}.flag-icon-de{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/de.svg)}.flag-icon-de.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/de.svg)}.flag-icon-dj{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/dj.svg)}.flag-icon-dj.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/dj.svg)}.flag-icon-dk{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/dk.svg)}.flag-icon-dk.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/dk.svg)}.flag-icon-dm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/dm.svg)}.flag-icon-dm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/dm.svg)}.flag-icon-do{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/do.svg)}.flag-icon-do.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/do.svg)}.flag-icon-dz{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/dz.svg)}.flag-icon-dz.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/dz.svg)}.flag-icon-ec{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ec.svg)}.flag-icon-ec.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ec.svg)}.flag-icon-ee{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ee.svg)}.flag-icon-ee.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ee.svg)}.flag-icon-eg{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/eg.svg)}.flag-icon-eg.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/eg.svg)}.flag-icon-eh{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/eh.svg)}.flag-icon-eh.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/eh.svg)}.flag-icon-er{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/er.svg)}.flag-icon-er.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/er.svg)}.flag-icon-es{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/es.svg)}.flag-icon-es.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/es.svg)}.flag-icon-et{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/et.svg)}.flag-icon-et.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/et.svg)}.flag-icon-fi{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/fi.svg)}.flag-icon-fi.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/fi.svg)}.flag-icon-fj{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/fj.svg)}.flag-icon-fj.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/fj.svg)}.flag-icon-fk{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/fk.svg)}.flag-icon-fk.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/fk.svg)}.flag-icon-fm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/fm.svg)}.flag-icon-fm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/fm.svg)}.flag-icon-fo{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/fo.svg)}.flag-icon-fo.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/fo.svg)}.flag-icon-fr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/fr.svg)}.flag-icon-fr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/fr.svg)}.flag-icon-ga{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ga.svg)}.flag-icon-ga.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ga.svg)}.flag-icon-gb{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gb.svg)}.flag-icon-gb.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gb.svg)}.flag-icon-gd{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gd.svg)}.flag-icon-gd.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gd.svg)}.flag-icon-ge{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ge.svg)}.flag-icon-ge.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ge.svg)}.flag-icon-gf{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gf.svg)}.flag-icon-gf.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gf.svg)}.flag-icon-gg{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gg.svg)}.flag-icon-gg.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gg.svg)}.flag-icon-gh{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gh.svg)}.flag-icon-gh.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gh.svg)}.flag-icon-gi{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gi.svg)}.flag-icon-gi.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gi.svg)}.flag-icon-gl{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gl.svg)}.flag-icon-gl.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gl.svg)}.flag-icon-gm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gm.svg)}.flag-icon-gm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gm.svg)}.flag-icon-gn{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gn.svg)}.flag-icon-gn.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gn.svg)}.flag-icon-gp{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gp.svg)}.flag-icon-gp.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gp.svg)}.flag-icon-gq{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gq.svg)}.flag-icon-gq.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gq.svg)}.flag-icon-gr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gr.svg)}.flag-icon-gr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gr.svg)}.flag-icon-gs{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gs.svg)}.flag-icon-gs.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gs.svg)}.flag-icon-gt{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gt.svg)}.flag-icon-gt.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gt.svg)}.flag-icon-gu{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gu.svg)}.flag-icon-gu.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gu.svg)}.flag-icon-gw{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gw.svg)}.flag-icon-gw.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gw.svg)}.flag-icon-gy{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gy.svg)}.flag-icon-gy.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gy.svg)}.flag-icon-hk{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/hk.svg)}.flag-icon-hk.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/hk.svg)}.flag-icon-hm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/hm.svg)}.flag-icon-hm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/hm.svg)}.flag-icon-hn{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/hn.svg)}.flag-icon-hn.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/hn.svg)}.flag-icon-hr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/hr.svg)}.flag-icon-hr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/hr.svg)}.flag-icon-ht{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ht.svg)}.flag-icon-ht.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ht.svg)}.flag-icon-hu{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/hu.svg)}.flag-icon-hu.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/hu.svg)}.flag-icon-id{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/id.svg)}.flag-icon-id.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/id.svg)}.flag-icon-ie{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ie.svg)}.flag-icon-ie.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ie.svg)}.flag-icon-il{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/il.svg)}.flag-icon-il.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/il.svg)}.flag-icon-im{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/im.svg)}.flag-icon-im.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/im.svg)}.flag-icon-in{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/in.svg)}.flag-icon-in.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/in.svg)}.flag-icon-io{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/io.svg)}.flag-icon-io.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/io.svg)}.flag-icon-iq{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/iq.svg)}.flag-icon-iq.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/iq.svg)}.flag-icon-ir{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ir.svg)}.flag-icon-ir.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ir.svg)}.flag-icon-is{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/is.svg)}.flag-icon-is.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/is.svg)}.flag-icon-it{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/it.svg)}.flag-icon-it.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/it.svg)}.flag-icon-je{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/je.svg)}.flag-icon-je.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/je.svg)}.flag-icon-jm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/jm.svg)}.flag-icon-jm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/jm.svg)}.flag-icon-jo{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/jo.svg)}.flag-icon-jo.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/jo.svg)}.flag-icon-jp{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/jp.svg)}.flag-icon-jp.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/jp.svg)}.flag-icon-ke{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ke.svg)}.flag-icon-ke.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ke.svg)}.flag-icon-kg{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/kg.svg)}.flag-icon-kg.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/kg.svg)}.flag-icon-kh{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/kh.svg)}.flag-icon-kh.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/kh.svg)}.flag-icon-ki{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ki.svg)}.flag-icon-ki.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ki.svg)}.flag-icon-km{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/km.svg)}.flag-icon-km.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/km.svg)}.flag-icon-kn{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/kn.svg)}.flag-icon-kn.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/kn.svg)}.flag-icon-kp{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/kp.svg)}.flag-icon-kp.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/kp.svg)}.flag-icon-kr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/kr.svg)}.flag-icon-kr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/kr.svg)}.flag-icon-kw{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/kw.svg)}.flag-icon-kw.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/kw.svg)}.flag-icon-ky{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ky.svg)}.flag-icon-ky.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ky.svg)}.flag-icon-kz{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/kz.svg)}.flag-icon-kz.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/kz.svg)}.flag-icon-la{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/la.svg)}.flag-icon-la.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/la.svg)}.flag-icon-lb{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/lb.svg)}.flag-icon-lb.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/lb.svg)}.flag-icon-lc{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/lc.svg)}.flag-icon-lc.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/lc.svg)}.flag-icon-li{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/li.svg)}.flag-icon-li.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/li.svg)}.flag-icon-lk{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/lk.svg)}.flag-icon-lk.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/lk.svg)}.flag-icon-lr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/lr.svg)}.flag-icon-lr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/lr.svg)}.flag-icon-ls{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ls.svg)}.flag-icon-ls.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ls.svg)}.flag-icon-lt{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/lt.svg)}.flag-icon-lt.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/lt.svg)}.flag-icon-lu{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/lu.svg)}.flag-icon-lu.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/lu.svg)}.flag-icon-lv{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/lv.svg)}.flag-icon-lv.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/lv.svg)}.flag-icon-ly{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ly.svg)}.flag-icon-ly.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ly.svg)}.flag-icon-ma{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ma.svg)}.flag-icon-ma.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ma.svg)}.flag-icon-mc{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mc.svg)}.flag-icon-mc.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mc.svg)}.flag-icon-md{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/md.svg)}.flag-icon-md.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/md.svg)}.flag-icon-me{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/me.svg)}.flag-icon-me.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/me.svg)}.flag-icon-mf{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mf.svg)}.flag-icon-mf.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mf.svg)}.flag-icon-mg{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mg.svg)}.flag-icon-mg.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mg.svg)}.flag-icon-mh{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mh.svg)}.flag-icon-mh.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mh.svg)}.flag-icon-mk{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mk.svg)}.flag-icon-mk.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mk.svg)}.flag-icon-ml{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ml.svg)}.flag-icon-ml.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ml.svg)}.flag-icon-mm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mm.svg)}.flag-icon-mm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mm.svg)}.flag-icon-mn{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mn.svg)}.flag-icon-mn.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mn.svg)}.flag-icon-mo{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mo.svg)}.flag-icon-mo.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mo.svg)}.flag-icon-mp{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mp.svg)}.flag-icon-mp.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mp.svg)}.flag-icon-mq{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mq.svg)}.flag-icon-mq.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mq.svg)}.flag-icon-mr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mr.svg)}.flag-icon-mr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mr.svg)}.flag-icon-ms{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ms.svg)}.flag-icon-ms.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ms.svg)}.flag-icon-mt{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mt.svg)}.flag-icon-mt.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mt.svg)}.flag-icon-mu{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mu.svg)}.flag-icon-mu.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mu.svg)}.flag-icon-mv{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mv.svg)}.flag-icon-mv.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mv.svg)}.flag-icon-mw{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mw.svg)}.flag-icon-mw.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mw.svg)}.flag-icon-mx{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mx.svg)}.flag-icon-mx.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mx.svg)}.flag-icon-my{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/my.svg)}.flag-icon-my.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/my.svg)}.flag-icon-mz{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/mz.svg)}.flag-icon-mz.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/mz.svg)}.flag-icon-na{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/na.svg)}.flag-icon-na.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/na.svg)}.flag-icon-nc{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/nc.svg)}.flag-icon-nc.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/nc.svg)}.flag-icon-ne{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ne.svg)}.flag-icon-ne.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ne.svg)}.flag-icon-nf{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/nf.svg)}.flag-icon-nf.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/nf.svg)}.flag-icon-ng{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ng.svg)}.flag-icon-ng.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ng.svg)}.flag-icon-ni{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ni.svg)}.flag-icon-ni.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ni.svg)}.flag-icon-nl{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/nl.svg)}.flag-icon-nl.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/nl.svg)}.flag-icon-no{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/no.svg)}.flag-icon-no.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/no.svg)}.flag-icon-np{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/np.svg)}.flag-icon-np.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/np.svg)}.flag-icon-nr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/nr.svg)}.flag-icon-nr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/nr.svg)}.flag-icon-nu{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/nu.svg)}.flag-icon-nu.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/nu.svg)}.flag-icon-nz{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/nz.svg)}.flag-icon-nz.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/nz.svg)}.flag-icon-om{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/om.svg)}.flag-icon-om.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/om.svg)}.flag-icon-pa{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pa.svg)}.flag-icon-pa.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pa.svg)}.flag-icon-pe{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pe.svg)}.flag-icon-pe.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pe.svg)}.flag-icon-pf{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pf.svg)}.flag-icon-pf.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pf.svg)}.flag-icon-pg{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pg.svg)}.flag-icon-pg.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pg.svg)}.flag-icon-ph{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ph.svg)}.flag-icon-ph.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ph.svg)}.flag-icon-pk{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pk.svg)}.flag-icon-pk.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pk.svg)}.flag-icon-pl{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pl.svg)}.flag-icon-pl.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pl.svg)}.flag-icon-pm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pm.svg)}.flag-icon-pm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pm.svg)}.flag-icon-pn{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pn.svg)}.flag-icon-pn.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pn.svg)}.flag-icon-pr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pr.svg)}.flag-icon-pr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pr.svg)}.flag-icon-ps{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ps.svg)}.flag-icon-ps.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ps.svg)}.flag-icon-pt{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pt.svg)}.flag-icon-pt.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pt.svg)}.flag-icon-pw{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/pw.svg)}.flag-icon-pw.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/pw.svg)}.flag-icon-py{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/py.svg)}.flag-icon-py.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/py.svg)}.flag-icon-qa{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/qa.svg)}.flag-icon-qa.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/qa.svg)}.flag-icon-re{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/re.svg)}.flag-icon-re.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/re.svg)}.flag-icon-ro{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ro.svg)}.flag-icon-ro.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ro.svg)}.flag-icon-rs{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/rs.svg)}.flag-icon-rs.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/rs.svg)}.flag-icon-ru{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ru.svg)}.flag-icon-ru.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ru.svg)}.flag-icon-rw{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/rw.svg)}.flag-icon-rw.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/rw.svg)}.flag-icon-sa{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sa.svg)}.flag-icon-sa.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sa.svg)}.flag-icon-sb{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sb.svg)}.flag-icon-sb.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sb.svg)}.flag-icon-sc{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sc.svg)}.flag-icon-sc.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sc.svg)}.flag-icon-sd{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sd.svg)}.flag-icon-sd.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sd.svg)}.flag-icon-se{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/se.svg)}.flag-icon-se.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/se.svg)}.flag-icon-sg{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sg.svg)}.flag-icon-sg.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sg.svg)}.flag-icon-sh{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sh.svg)}.flag-icon-sh.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sh.svg)}.flag-icon-si{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/si.svg)}.flag-icon-si.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/si.svg)}.flag-icon-sj{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sj.svg)}.flag-icon-sj.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sj.svg)}.flag-icon-sk{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sk.svg)}.flag-icon-sk.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sk.svg)}.flag-icon-sl{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sl.svg)}.flag-icon-sl.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sl.svg)}.flag-icon-sm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sm.svg)}.flag-icon-sm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sm.svg)}.flag-icon-sn{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sn.svg)}.flag-icon-sn.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sn.svg)}.flag-icon-so{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/so.svg)}.flag-icon-so.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/so.svg)}.flag-icon-sr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sr.svg)}.flag-icon-sr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sr.svg)}.flag-icon-ss{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ss.svg)}.flag-icon-ss.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ss.svg)}.flag-icon-st{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/st.svg)}.flag-icon-st.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/st.svg)}.flag-icon-sv{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sv.svg)}.flag-icon-sv.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sv.svg)}.flag-icon-sx{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sx.svg)}.flag-icon-sx.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sx.svg)}.flag-icon-sy{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sy.svg)}.flag-icon-sy.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sy.svg)}.flag-icon-sz{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/sz.svg)}.flag-icon-sz.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/sz.svg)}.flag-icon-tc{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tc.svg)}.flag-icon-tc.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tc.svg)}.flag-icon-td{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/td.svg)}.flag-icon-td.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/td.svg)}.flag-icon-tf{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tf.svg)}.flag-icon-tf.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tf.svg)}.flag-icon-tg{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tg.svg)}.flag-icon-tg.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tg.svg)}.flag-icon-th{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/th.svg)}.flag-icon-th.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/th.svg)}.flag-icon-tj{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tj.svg)}.flag-icon-tj.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tj.svg)}.flag-icon-tk{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tk.svg)}.flag-icon-tk.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tk.svg)}.flag-icon-tl{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tl.svg)}.flag-icon-tl.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tl.svg)}.flag-icon-tm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tm.svg)}.flag-icon-tm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tm.svg)}.flag-icon-tn{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tn.svg)}.flag-icon-tn.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tn.svg)}.flag-icon-to{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/to.svg)}.flag-icon-to.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/to.svg)}.flag-icon-tr{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tr.svg)}.flag-icon-tr.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tr.svg)}.flag-icon-tt{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tt.svg)}.flag-icon-tt.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tt.svg)}.flag-icon-tv{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tv.svg)}.flag-icon-tv.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tv.svg)}.flag-icon-tw{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tw.svg)}.flag-icon-tw.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tw.svg)}.flag-icon-tz{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/tz.svg)}.flag-icon-tz.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/tz.svg)}.flag-icon-ua{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ua.svg)}.flag-icon-ua.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ua.svg)}.flag-icon-ug{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ug.svg)}.flag-icon-ug.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ug.svg)}.flag-icon-um{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/um.svg)}.flag-icon-um.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/um.svg)}.flag-icon-us{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/us.svg)}.flag-icon-us.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/us.svg)}.flag-icon-uy{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/uy.svg)}.flag-icon-uy.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/uy.svg)}.flag-icon-uz{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/uz.svg)}.flag-icon-uz.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/uz.svg)}.flag-icon-va{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/va.svg)}.flag-icon-va.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/va.svg)}.flag-icon-vc{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/vc.svg)}.flag-icon-vc.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/vc.svg)}.flag-icon-ve{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ve.svg)}.flag-icon-ve.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ve.svg)}.flag-icon-vg{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/vg.svg)}.flag-icon-vg.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/vg.svg)}.flag-icon-vi{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/vi.svg)}.flag-icon-vi.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/vi.svg)}.flag-icon-vn{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/vn.svg)}.flag-icon-vn.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/vn.svg)}.flag-icon-vu{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/vu.svg)}.flag-icon-vu.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/vu.svg)}.flag-icon-wf{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/wf.svg)}.flag-icon-wf.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/wf.svg)}.flag-icon-ws{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ws.svg)}.flag-icon-ws.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ws.svg)}.flag-icon-ye{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/ye.svg)}.flag-icon-ye.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/ye.svg)}.flag-icon-yt{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/yt.svg)}.flag-icon-yt.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/yt.svg)}.flag-icon-za{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/za.svg)}.flag-icon-za.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/za.svg)}.flag-icon-zm{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/zm.svg)}.flag-icon-zm.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/zm.svg)}.flag-icon-zw{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/zw.svg)}.flag-icon-zw.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/zw.svg)}.flag-icon-es-ca{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/es-ca.svg)}.flag-icon-es-ca.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/es-ca.svg)}.flag-icon-eu{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/eu.svg)}.flag-icon-eu.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/eu.svg)}.flag-icon-gb-eng{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gb-eng.svg)}.flag-icon-gb-eng.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gb-eng.svg)}.flag-icon-gb-nir{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gb-nir.svg)}.flag-icon-gb-nir.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gb-nir.svg)}.flag-icon-gb-sct{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gb-sct.svg)}.flag-icon-gb-sct.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gb-sct.svg)}.flag-icon-gb-wls{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/gb-wls.svg)}.flag-icon-gb-wls.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/gb-wls.svg)}.flag-icon-un{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/un.svg)}.flag-icon-un.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/un.svg)}.flag-icon-xk{background-image:url(/local/templates/topsantehnika/css/../images/flags/4x3/xk.svg)}.flag-icon-xk.flag-icon-squared{background-image:url(/local/templates/topsantehnika/css/../images/flags/1x1/xk.svg)}
/* End */
/* Start:/local/templates/topsantehnika/css/kealabs.css?1743424846117*/
.kea-products-container {
display: flex !important;
}
.kea-pagination-container {
padding: 19px 80px 23px;
}
/* End */
/* Start:/local/assets/dist/main.css?16461429313424*/
.top-n-products{font-family:Arimo;position:relative;padding:20px 0 0 0;border-bottom:solid 1px #eee;width:100%;max-width:100%}@media (max-width:998px){.top-n-products{padding:20px 0 0 0}}.top-n-products:before{content:'';position:absolute;top:0;left:0;width:100%;height:50%;max-height:164px;margin-top:-1px;z-index:0;background-color:#eaf2f9;background-image:url("/local/assets/dist/images/top_n_bg.png");background-repeat:repeat-x;background-position:center top}.top-n-products:after{content:'';position:absolute;top:0;right:5%;width:41px;height:48px;background-image:url("/local/assets/dist/images/top_n_sticker.png");background-repeat:repeat-x;background-position:center top}@media (max-width:768px){.top-n-products:after{display:none}}.top-n-products_hidden{display:none;height:0;padding:0;border:0}.top-n-products_hidden:before{display:none}.top-n-products__gallery{min-width:0}.top-n-products__content{padding-left:5px}.top-n-products__title{font-size:26px;line-height:150%;color:#404040;padding-bottom:15px;font-weight:700;position:relative;padding-left:33px}@media (max-width:768px){.top-n-products__title{font-size:20px;line-height:150%;padding-left:15px}}.top-n-products__list{position:relative}.top-n-products__list .owl-btns .owl-next,.top-n-products__list .owl-btns .owl-prev{top:89px;box-shadow:0 2px 4px rgba(42,42,42,.15)}.top-n-products__list .owl-btns .owl-prev{left:-7px}.top-n-products__list .owl-btns .owl-next{right:-7px}.top-n-products__list .owl-stage-outer{padding-bottom:40px}.top-n-products__list .owl-item img{width:auto}.catalog-item-top-n{position:relative;font-family:Arimo;font-size:14px;color:#2a2a2a;padding:10px 5px 10px 0;cursor:pointer;display:flex;justify-content:center}.catalog-item-top-n__content{width:100%;min-height:100%;position:relative;z-index:1;height:auto}.catalog-item-top-n__info{width:160px;min-height:100%;padding:15px 15px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.catalog-item-top-n__info:before{content:'';position:absolute;height:100%;width:100%;top:0;left:0;background:#fff;z-index:-1;display:block;box-shadow:0 4px 8px rgba(42,42,42,.12)}.catalog-item-top-n__content_hover .catalog-item-top-n__info{position:absolute;z-index:1}.catalog-item-top-n__content_hover .catalog-item-top-n__info:before{box-shadow:0 4px 16px rgba(42,42,42,.12)}.catalog-item-top-n__number{left:0;bottom:0;font-size:110px;font-weight:700;line-height:150%;color:transparent;-webkit-text-stroke:1px #F26C21;z-index:1;display:flex;align-items:end;margin-right:-25px}.catalog-item-top-n__quantity-sale{font-size:14px;line-height:150%}.catalog-item-top-n__sale-count{color:#2b7dc0;font-weight:700}.catalog-item-top-n__img-block{display:flex;align-items:center;justify-content:center;height:81px;padding:5px 0}.catalog-item-top-n .owl-carousel .owl-item img,.catalog-item-top-n__img{max-height:100%;width:auto;max-width:100%}.catalog-item-top-n__name{padding:5px 0;min-height:73px}.catalog-item-top-n__link{align-items:center;font-size:14px;line-height:150%;color:#2a2a2a;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-item-top-n__content_hover .catalog-item-top-n__link{-webkit-line-clamp:5}.catalog-item-top-n__price{font-size:16px;line-height:150%;color:#2a2a2a;font-weight:700;padding:5px 0}.owl-carousel .owl-item img.catalog-item-top-n__img{width:auto;max-width:100%;max-height:100%}
/* End */
/* Start:/local/templates/topsantehnika/css/v3.css?1745927505102278*/
/**
* Swiper 7.2.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 27, 2021
*/
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.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(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.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: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
:root {
--f-spinner-width: 36px;
--f-spinner-height: 36px;
--f-spinner-color-1: rgba(0, 0, 0, 0.1);
--f-spinner-color-2: rgba(17, 24, 28, 0.8);
--f-spinner-stroke: 2.75 ;
}
.f-spinner {
margin: auto;
padding: 0;
width: var(--f-spinner-width);
height: var(--f-spinner-height);
}
.f-spinner svg {
width: 100%;
height: 100%;
vertical-align: top;
animation: f-spinner-rotate 2s linear infinite;
}
.f-spinner svg * {
stroke-width: var(--f-spinner-stroke);
fill: none;
}
.f-spinner svg *:first-child {
stroke: var(--f-spinner-color-1);
}
.f-spinner svg *:last-child {
stroke: var(--f-spinner-color-2);
animation: f-spinner-dash 2s ease-in-out infinite;
}
@keyframes f-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes f-spinner-dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
.f-throwOutUp {
animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}
.f-throwOutDown {
animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
to {
transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
opacity: 0;
}
}
@keyframes f-throwOutDown {
to {
transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
opacity: 0;
}
}
.f-zoomInUp {
animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}
.f-zoomOutDown {
animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}
@keyframes f-zoomInUp {
from {
transform: scale(0.975) translate3d(0, 16px, 0);
opacity: 0;
}
to {
transform: scale(1) translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-zoomOutDown {
to {
transform: scale(0.975) translate3d(0, 16px, 0);
opacity: 0;
}
}
.f-fadeIn {
animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
z-index: 2;
}
.f-fadeOut {
animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
z-index: 1;
}
@keyframes f-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeOut {
100% {
opacity: 0;
}
}
.f-fadeFastIn {
animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
z-index: 2;
}
.f-fadeFastOut {
animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
z-index: 2;
}
@keyframes f-fadeFastIn {
0% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeFastOut {
100% {
opacity: 0;
}
}
.f-fadeSlowIn {
animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
z-index: 2;
}
.f-fadeSlowOut {
animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
z-index: 1;
}
@keyframes f-fadeSlowIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeSlowOut {
100% {
opacity: 0;
}
}
.f-crossfadeIn {
animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
z-index: 2;
}
.f-crossfadeOut {
animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
z-index: 1;
}
@keyframes f-crossfadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-crossfadeOut {
100% {
opacity: 0;
}
}
.f-slideIn.from-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}
.f-slideIn.from-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}
.f-slideOut.to-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}
.f-slideOut.to-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}
@keyframes f-slideInPrev {
0% {
transform: translateX(100%);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes f-slideInNext {
0% {
transform: translateX(-100%);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes f-slideOutNext {
100% {
transform: translateX(-100%);
}
}
@keyframes f-slideOutPrev {
100% {
transform: translateX(100%);
}
}
.f-classicIn.from-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
z-index: 2;
}
.f-classicIn.from-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
z-index: 2;
}
.f-classicOut.to-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
z-index: 1;
}
.f-classicOut.to-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
z-index: 1;
}
@keyframes f-classicInNext {
0% {
transform: translateX(-75px);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-classicInPrev {
0% {
transform: translateX(75px);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes f-classicOutNext {
100% {
transform: translateX(-75px);
opacity: 0;
}
}
@keyframes f-classicOutPrev {
100% {
transform: translateX(75px);
opacity: 0;
}
}
:root {
--f-button-width: 40px;
--f-button-height: 40px;
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-color: #374151;
--f-button-bg: #f8f8f8;
--f-button-hover-bg: #e0e0e0;
--f-button-active-bg: #d0d0d0;
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 20px;
--f-button-svg-height: 20px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-fill: none;
--f-button-svg-filter: none;
--f-button-svg-disabled-opacity: 0.65 ;
}
.f-button {
display: flex;
justify-content: center;
align-items: center;
box-sizing: content-box;
position: relative;
margin: 0;
padding: 0;
width: var(--f-button-width);
height: var(--f-button-height);
border: var(--f-button-border);
border-radius: var(--f-button-border-radius);
color: var(--f-button-color);
background: var(--f-button-bg);
box-shadow: var(--f-button-shadow);
pointer-events: all;
cursor: pointer;
transition: var(--f-button-transition);
}
@media (hover: hover) {
.f-button:hover:not([disabled]) {
color: var(--f-button-hover-color);
background-color: var(--f-button-hover-bg);
}
}
.f-button:active:not([disabled]) {
background-color: var(--f-button-active-bg);
}
.f-button:focus:not(:focus-visible) {
outline: none;
}
.f-button:focus-visible {
outline: none;
box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}
.f-button svg {
width: var(--f-button-svg-width);
height: var(--f-button-svg-height);
fill: var(--f-button-svg-fill);
stroke: currentColor;
stroke-width: var(--f-button-svg-stroke-width);
stroke-linecap: round;
stroke-linejoin: round;
transition: opacity 0.15s ease;
transform: var(--f-button-transform);
filter: var(--f-button-svg-filter);
pointer-events: none;
}
.f-button[disabled] {
cursor: default;
}
.f-button[disabled] svg {
opacity: var(--f-button-svg-disabled-opacity);
}
.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
position: absolute;
z-index: 1;
}
.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
top: 50%;
transform: translateY(-50%);
}
.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
left: var(--f-button-prev-pos);
}
.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
left: auto;
right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
right: auto;
left: var(--f-button-prev-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
top: auto;
left: 50%;
transform: translateX(-50%);
}
.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
top: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
bottom: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
transform: rotate(90deg);
}
.f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
pointer-events: none;
}
html.with-fancybox {
width: auto;
overflow: visible;
scroll-behavior: auto;
}
html.with-fancybox body {
touch-action: none;
}
html.with-fancybox body.hide-scrollbar {
width: auto;
margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
overflow: hidden !important;
overscroll-behavior-y: none;
}
.fancybox__container {
--fancybox-color: #dbdbdb;
--fancybox-hover-color: #fff;
--fancybox-bg: rgba(24, 24, 27, 0.98);
--fancybox-slide-gap: 10px;
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-color-1: rgba(255, 255, 255, 0.1);
--f-spinner-color-2: #bbb;
--f-spinner-stroke: 3.65;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
direction: ltr;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0;
padding: 0;
color: #f8f8f8;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
overflow: visible;
z-index: var(--fancybox-zIndex, 1050);
outline: none;
transform-origin: top left;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: none;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
overscroll-behavior-y: contain;
}
.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
box-sizing: inherit;
}
.fancybox__container::backdrop {
background-color: rgba(0, 0, 0, 0);
}
.fancybox__backdrop {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background: var(--fancybox-bg);
opacity: var(--fancybox-opacity, 1);
will-change: opacity;
}
.fancybox__carousel {
position: relative;
box-sizing: border-box;
flex: 1;
min-height: 0;
z-index: 10;
overflow-y: visible;
overflow-x: clip;
}
.fancybox__viewport {
width: 100%;
height: 100%;
}
.fancybox__viewport.is-draggable {
cursor: move;
cursor: grab;
}
.fancybox__viewport.is-dragging {
cursor: move;
cursor: grabbing;
}
.fancybox__track {
display: flex;
margin: 0 auto;
height: 100%;
}
.fancybox__slide {
flex: 0 0 auto;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
margin: 0 var(--fancybox-slide-gap) 0 0;
padding: 4px;
overflow: auto;
overscroll-behavior: contain;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
padding-top: 40px;
}
.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
overflow: hidden;
}
.fancybox__slide.has-image {
overflow: hidden;
}
.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
overflow: visible;
}
.fancybox__slide::before, .fancybox__slide::after {
content: "";
flex: 0 0 0;
margin: auto;
}
.fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty {
display: block;
}
.fancybox__content {
align-self: center;
display: flex;
flex-direction: column;
position: relative;
margin: 0;
padding: 2rem;
max-width: 100%;
color: var(--fancybox-content-color, #374151);
background: var(--fancybox-content-bg, #fff);
cursor: default;
border-radius: 0;
z-index: 20;
}
.is-loading .fancybox__content {
opacity: 0;
}
.is-draggable .fancybox__content {
cursor: move;
cursor: grab;
}
.can-zoom_in .fancybox__content {
cursor: zoom-in;
}
.can-zoom_out .fancybox__content {
cursor: zoom-out;
}
.is-dragging .fancybox__content {
cursor: move;
cursor: grabbing;
}
.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
cursor: auto;
}
.fancybox__slide.has-image > .fancybox__content {
padding: 0;
background: rgba(0, 0, 0, 0);
min-height: 1px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
transition: none;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
}
.fancybox__slide.has-image > .fancybox__content > picture > img {
width: 100%;
height: auto;
max-height: 100%;
}
.is-animating .fancybox__content, .is-dragging .fancybox__content {
will-change: transform, width, height;
}
.fancybox-image {
margin: auto;
display: block;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
user-select: none;
filter: blur(0px);
}
.fancybox__caption {
align-self: center;
max-width: 100%;
flex-shrink: 0;
margin: 0;
padding: 14px 0 4px 0;
overflow-wrap: anywhere;
line-height: 1.375;
color: var(--fancybox-color, currentColor);
opacity: var(--fancybox-opacity, 1);
cursor: auto;
visibility: visible;
}
.is-loading .fancybox__caption, .is-closing .fancybox__caption {
opacity: 0;
visibility: hidden;
}
.is-compact .fancybox__caption {
padding-bottom: 0;
}
.f-button.is-close-btn {
--f-button-svg-stroke-width: 2;
position: absolute;
top: 0;
right: 8px;
z-index: 40;
}
.fancybox__content > .f-button.is-close-btn {
--f-button-width: 34px;
--f-button-height: 34px;
--f-button-border-radius: 4px;
--f-button-color: var(--fancybox-color, #fff);
--f-button-hover-color: var(--fancybox-color, #fff);
--f-button-bg: transparent;
--f-button-hover-bg: transparent;
--f-button-active-bg: transparent;
--f-button-svg-width: 22px;
--f-button-svg-height: 22px;
position: absolute;
top: -38px;
right: 0;
opacity: 0.75;
}
.is-loading .fancybox__content > .f-button.is-close-btn {
visibility: hidden;
}
.is-zooming-out .fancybox__content > .f-button.is-close-btn {
visibility: hidden;
}
.fancybox__content > .f-button.is-close-btn:hover {
opacity: 1;
}
.fancybox__footer {
padding: 0;
margin: 0;
position: relative;
}
.fancybox__footer .fancybox__caption {
width: 100%;
padding: 24px;
opacity: var(--fancybox-opacity, 1);
transition: all 0.25s ease;
}
.is-compact .fancybox__footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 20;
background: rgba(24, 24, 27, 0.5);
}
.is-compact .fancybox__footer .fancybox__caption {
padding: 12px;
}
.is-compact .fancybox__content > .f-button.is-close-btn {
--f-button-border-radius: 50%;
--f-button-color: #fff;
--f-button-hover-color: #fff;
--f-button-outline-color: #000;
--f-button-bg: rgba(0, 0, 0, 0.6);
--f-button-active-bg: rgba(0, 0, 0, 0.6);
--f-button-hover-bg: rgba(0, 0, 0, 0.6);
--f-button-svg-width: 18px;
--f-button-svg-height: 18px;
--f-button-svg-filter: none;
top: 5px;
right: 5px;
}
.fancybox__nav {
--f-button-width: 50px;
--f-button-height: 50px;
--f-button-border: 0;
--f-button-border-radius: 50%;
--f-button-color: var(--fancybox-color);
--f-button-hover-color: var(--fancybox-hover-color);
--f-button-bg: transparent;
--f-button-hover-bg: rgba(24, 24, 27, 0.3);
--f-button-active-bg: rgba(24, 24, 27, 0.5);
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 26px;
--f-button-svg-height: 26px;
--f-button-svg-stroke-width: 2.5;
--f-button-svg-fill: none;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
--f-button-svg-disabled-opacity: 0.65;
--f-button-next-pos: 1rem;
--f-button-prev-pos: 1rem;
opacity: var(--fancybox-opacity, 1);
}
.fancybox__nav .f-button:before {
position: absolute;
content: "";
top: -30px;
right: -20px;
left: -20px;
bottom: -30px;
z-index: 1;
}
.is-idle .fancybox__nav {
animation: 0.15s ease-out both f-fadeOut;
}
.is-idle.is-compact .fancybox__footer {
pointer-events: none;
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__slide > .f-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
z-index: 30;
cursor: pointer;
}
.fancybox-protected {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 40;
user-select: none;
}
.fancybox-ghost {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
z-index: 40;
user-select: none;
pointer-events: none;
}
.fancybox-focus-guard {
outline: none;
opacity: 0;
position: fixed;
pointer-events: none;
}
.fancybox__container:not([aria-hidden]) {
opacity: 0;
}
.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}
.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
max-width: 100%;
flex-shrink: 1;
min-height: 1px;
overflow: visible;
}
.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
width: calc(100% - 120px);
height: 90%;
}
.fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
width: 100%;
height: 100%;
}
.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
width: 960px;
height: 540px;
max-width: 100%;
max-height: 100%;
}
.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
padding: 0;
background: rgba(24, 24, 27, 0.9);
color: #fff;
}
.has-map .fancybox__content {
background: #e5e3df;
}
.fancybox__html5video, .fancybox__iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0);
}
.fancybox-placeholder {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.f-carousel__thumbs {
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-outline: 0;
--f-thumb-outline-color: #5eb0ef;
--f-thumb-opacity: 1;
--f-thumb-hover-opacity: 1;
--f-thumb-selected-opacity: 1;
--f-thumb-border-radius: 2px;
--f-thumb-offset: 0px;
--f-button-next-pos: 0;
--f-button-prev-pos: 0 ;
}
.f-carousel__thumbs.is-classic {
--f-thumb-gap: 8px;
--f-thumb-opacity: 0.5;
--f-thumb-hover-opacity: 1;
--f-thumb-selected-opacity: 1 ;
}
.f-carousel__thumbs.is-modern {
--f-thumb-gap: 4px;
--f-thumb-extra-gap: 16px;
--f-thumb-clip-width: 46px ;
}
.f-thumbs {
position: relative;
flex: 0 0 auto;
margin: 0;
overflow: hidden;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none;
perspective: 1000px;
transform: translateZ(0);
}
.f-thumbs .f-spinner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 2px;
background-image: linear-gradient(#ebeff2, #e2e8f0);
z-index: -1;
}
.f-thumbs .f-spinner svg {
display: none;
}
.f-thumbs.is-vertical {
height: 100%;
}
.f-thumbs__viewport {
width: 100%;
height: auto;
overflow: hidden;
transform: translate3d(0, 0, 0);
}
.f-thumbs__track {
display: flex;
}
.f-thumbs__slide {
position: relative;
flex: 0 0 auto;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: var(--f-thumb-width);
height: var(--f-thumb-height);
overflow: visible;
cursor: pointer;
}
.f-thumbs__slide.is-loading img {
opacity: 0;
}
.is-classic .f-thumbs__viewport {
height: 100%;
}
.is-modern .f-thumbs__track {
width: max-content;
}
.is-modern .f-thumbs__track::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
cursor: pointer;
}
.is-modern .f-thumbs__slide {
width: var(--f-thumb-clip-width);
transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
transition: none;
pointer-events: none;
}
.is-modern.is-resting .f-thumbs__slide {
transition: transform 0.33s ease;
}
.is-modern.is-resting .f-thumbs__slide__button {
transition: clip-path 0.33s ease;
}
.is-using-tab .is-modern .f-thumbs__slide:focus-within {
filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}
.f-thumbs__slide__button {
appearance: none;
width: var(--f-thumb-width);
height: 100%;
margin: 0 -100% 0 -100%;
padding: 0;
border: 0;
position: relative;
border-radius: var(--f-thumb-border-radius);
overflow: hidden;
background: rgba(0, 0, 0, 0);
outline: none;
cursor: pointer;
pointer-events: auto;
touch-action: manipulation;
opacity: var(--f-thumb-opacity);
transition: opacity 0.2s ease;
}
.f-thumbs__slide__button:hover {
opacity: var(--f-thumb-hover-opacity);
}
.f-thumbs__slide__button:focus:not(:focus-visible) {
outline: none;
}
.f-thumbs__slide__button:focus-visible {
outline: none;
opacity: var(--f-thumb-selected-opacity);
}
.is-modern .f-thumbs__slide__button {
--clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
clip-path: var(--clip-path);
}
.is-classic .is-nav-selected .f-thumbs__slide__button {
opacity: var(--f-thumb-selected-opacity);
}
.is-classic .is-nav-selected .f-thumbs__slide__button::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: auto;
bottom: 0;
border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
border-radius: var(--f-thumb-border-radius);
animation: f-fadeIn 0.2s ease-out;
z-index: 10;
}
.f-thumbs__slide__img {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: var(--f-thumb-offset);
box-sizing: border-box;
pointer-events: none;
object-fit: cover;
border-radius: var(--f-thumb-border-radius);
}
.f-thumbs.is-horizontal .f-thumbs__track {
padding: 8px 0 12px 0;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
margin: 0 var(--f-thumb-gap) 0 0;
}
.f-thumbs.is-vertical .f-thumbs__track {
flex-wrap: wrap;
padding: 0 8px;
}
.f-thumbs.is-vertical .f-thumbs__slide {
margin: 0 0 var(--f-thumb-gap) 0;
}
.fancybox__thumbs {
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-border-radius: 2px;
--f-thumb-outline: 2px;
--f-thumb-outline-color: #ededed;
position: relative;
opacity: var(--fancybox-opacity, 1);
transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.fancybox__thumbs.is-classic {
--f-thumb-gap: 8px;
--f-thumb-opacity: 0.5;
--f-thumb-hover-opacity: 1 ;
}
.fancybox__thumbs.is-classic .f-spinner {
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}
.fancybox__thumbs.is-modern {
--f-thumb-gap: 4px;
--f-thumb-extra-gap: 16px;
--f-thumb-clip-width: 46px;
--f-thumb-opacity: 1;
--f-thumb-hover-opacity: 1 ;
}
.fancybox__thumbs.is-modern .f-spinner {
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}
.fancybox__thumbs.is-horizontal {
padding: 0 var(--f-thumb-gap);
}
.fancybox__thumbs.is-vertical {
padding: var(--f-thumb-gap) 0;
}
.is-compact .fancybox__thumbs {
--f-thumb-width: 64px;
--f-thumb-clip-width: 32px;
--f-thumb-height: 48px;
--f-thumb-extra-gap: 10px ;
}
.fancybox__thumbs.is-masked {
max-height: 0px !important;
}
.is-closing .fancybox__thumbs {
transition: none !important;
}
.fancybox__toolbar {
--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
--f-button-width: 46px;
--f-button-height: 46px;
--f-button-color: var(--fancybox-color);
--f-button-hover-color: var(--fancybox-hover-color);
--f-button-bg: rgba(24, 24, 27, 0.65);
--f-button-hover-bg: rgba(70, 70, 73, 0.65);
--f-button-active-bg: rgba(90, 90, 93, 0.65);
--f-button-border-radius: 0;
--f-button-svg-width: 24px;
--f-button-svg-height: 24px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
--f-button-svg-fill: none;
--f-button-svg-disabled-opacity: 0.65;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
color: var(--fancybox-color, currentColor);
opacity: var(--fancybox-opacity, 1);
text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
pointer-events: none;
z-index: 20;
}
.fancybox__toolbar :focus-visible {
z-index: 1;
}
.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.is-idle .fancybox__toolbar {
pointer-events: none;
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__toolbar__column {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
}
.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
flex-grow: 1;
flex-basis: 0;
}
.fancybox__toolbar__column.is-right {
display: flex;
justify-content: flex-end;
flex-wrap: nowrap;
}
.fancybox__infobar {
padding: 0 5px;
line-height: var(--f-button-height);
text-align: center;
font-size: 17px;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
cursor: default;
user-select: none;
}
.fancybox__infobar span {
padding: 0 5px;
}
.fancybox__infobar:not(:first-child):not(:last-child) {
background: var(--f-button-bg);
}
[data-fancybox-toggle-slideshow] {
position: relative;
}
[data-fancybox-toggle-slideshow] .f-progress {
height: 100%;
opacity: 0.3;
}
[data-fancybox-toggle-slideshow] svg g:first-child {
display: flex;
}
[data-fancybox-toggle-slideshow] svg g:last-child {
display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:first-child {
display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:last-child {
display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
display: flex;
}
.f-progress {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
z-index: 30;
user-select: none;
pointer-events: none;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
margin: 0 auto;
max-width: 1440px;
width: 100%;
}
@media (max-width: 1500px) {
.container {
max-width: 1240px;
padding: 0 15px;
}
}
.icon-v3::before {
content: "";
mask: var(--icon) center center/contain no-repeat;
-webkit-mask: var(--icon) center center/contain no-repeat;
width: 18px;
height: 18px;
display: block;
transition: 0.25s;
background: #292D32;
}
.card {
font-family: "Montserrat";
font-size: 16px;
line-height: 1.6;
}
.card img {
max-width: 100%;
}
@media (max-width: 991px) {
.card {
font-size: 14px;
}
}
.size-32 {
font-size: 32px;
}
@media (max-width: 991px) {
.size-32 {
font-size: 22px;
}
}
.size-26 {
font-size: 26px;
}
@media (max-width: 991px) {
.size-26 {
font-size: 17px;
}
}
.size-24 {
font-size: 24px;
}
.size-22 {
font-size: 22px;
}
.size-20 {
font-size: 20px;
}
.size-18 {
font-size: 18px;
}
@media (max-width: 991px) {
.size-18 {
font-size: 16px;
}
}
.size-16 {
font-size: 16px;
}
@media (max-width: 991px) {
.size-16 {
font-size: 14px;
}
}
.size-15 {
font-size: 15px;
}
@media (max-width: 991px) {
.size-15 {
font-size: 13px;
}
}
.size-14 {
font-size: 14px;
}
@media (max-width: 991px) {
.size-14 {
font-size: 12px;
}
}
.size-13 {
font-size: 13px;
}
@media (max-width: 991px) {
.size-12-m {
font-size: 12px;
}
}
.size-12 {
font-size: 12px;
}
@media (max-width: 991px) {
.size-12 {
font-size: 11px;
}
}
.size-11 {
font-size: 11px;
}
.size-10 {
font-size: 10px;
}
.color-red {
color: #ED2B32;
}
.fw-700 {
font-weight: 700;
}
.fw-600 {
font-weight: 600;
}
.fw-500 {
font-weight: 500;
}
.mb-60 {
margin-bottom: 60px;
}
@media (max-width: 991px) {
.mb-60 {
margin-bottom: 40px;
}
}
.mb-30 {
margin-bottom: 30px;
}
@media (max-width: 991px) {
.mb-30 {
margin-bottom: 25px;
}
}
.mb-25 {
margin-bottom: 25px;
}
@media (max-width: 991px) {
.mb-25 {
margin-bottom: 18px;
}
}
.mb-15 {
margin-bottom: 15px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-0 {
margin-bottom: 0 !important;
}
.line-h-1-2 {
line-height: 1.2;
}
.line-h-1-1 {
line-height: 1.1;
}
.line-h-1 {
line-height: 1;
}
.button {
height: 40px;
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
cursor: pointer;
outline: none;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
transition: all 0.25s linear;
}
.button_red {
background: #ED2B32;
color: white;
padding: 0 36px;
text-decoration: none;
}
.button_red:hover {
background: #dc252c;
}
@media (max-width: 991px) {
.button_red {
padding: 0 12px;
}
}
.button_border-gray {
border: 1px solid #E3E0E0;
border-radius: 6px;
color: black;
text-decoration: none;
}
.button_border-gray:hover {
background: #E3E0E0;
}
.button_blue {
background: #0B59EA;
color: white;
padding: 0 36px;
text-decoration: none;
}
.button_blue:before {
background: white;
}
@media (max-width: 991px) {
.button_blue {
padding: 0 12px;
}
}
.button_red-border {
border: 1px solid #ED2B32;
color: black;
background: white;
padding: 0 36px;
text-decoration: none;
}
.button_red-border:hover {
border: 1px solid #dc252c;
}
@media (max-width: 991px) {
.button_red-border {
padding: 0 12px;
}
}
.button_event {
border: 1px solid #CCCCCC;
margin-left: 15px;
}
.button_event:hover {
border: 1px solid #adaaaa;
}
.button_event.active:before {
background: #dc252c;
}
@media (max-width: 991px) {
.button_event {
margin-left: 6px;
}
}
.link-mobile {
height: 40px;
display: none;
align-items: center;
justify-content: center;
margin-top: 40px;
background: transparent;
border: 1px solid rgb(237, 43, 50);
font-size: 13px;
font-weight: 600;
color: black;
text-decoration: none;
border-radius: 6px;
}
@media (max-width: 991px) {
.link-mobile {
display: flex;
}
}
.tabs-container {
display: flex;
}
@media (max-width: 991px) {
.tabs-container {
white-space: nowrap;
overflow: auto;
margin: 0 -15px;
padding: 0 15px;
}
.tabs-container::-webkit-scrollbar {
display: none;
}
}
.tab-link {
padding: 7px 20px;
color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
margin-right: 20px;
font-weight: 500;
text-decoration: none;
transition: all 0.25s linear;
}
.tab-link sup {
font-size: 11px;
transform: translate(5px, 2px);
display: inline-block;
}
.tab-link:hover {
color: black;
border: 1px solid black;
}
.tab-link.active {
border: 1px solid #ED2B32;
color: black;
pointer-events: none;
}
@media (max-width: 991px) {
.tab-link {
padding: 7px 12px;
margin-right: 13px;
}
}
.tab-item {
display: none;
opacity: 0;
}
.tab-item.active {
display: block;
animation: tab-active 0.5s linear;
animation-fill-mode: forwards;
}
@keyframes tab-active {
100% {
opacity: 1;
}
}
.slider-product {
position: relative;
}
.slider-product .swiper-arrow {
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
width: 40px;
position: absolute;
height: 40px;
outline: none;
border: none;
background: white;
border-radius: 6px;
top: calc(50% - 20px);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.slider-product .swiper-arrow:before {
width: 20px;
height: 20px;
}
.slider-product .swiper-arrow:hover {
cursor: pointer;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.slider-product .swiper-arrow.swiper-button-disabled {
display: none;
}
@media (max-width: 991px) {
.slider-product .swiper-arrow {
display: none;
}
}
.slider-product .swiper-arrow-right {
right: -20px;
}
.slider-product .swiper-arrow-left {
left: -20px;
}
.slider-product .swiper-pagination {
display: none;
}
.product-pic {
width: 100%;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 180px;
margin-bottom: 37px;
}
.product-pic img {
border-radius: 10px;
max-width: 100%;
max-height: 100%;
}
.product-pic picture {
height: 100%;
display: flex;
}
@media (max-width: 991px) {
.product-pic {
/*height: 155px;*/
margin-bottom: 15px;
}
}
.product-slider {
position: relative;
height: 100%;
}
.product-slider img {
max-height: 100%;
}
.product-slider picture {
height: 100%;
display: flex;
}
.product-slider .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.product-slider:hover .swiper-pagination {
opacity: 1;
}
.product-slider .swiper-pagination {
position: absolute;
bottom: 0px;
justify-content: center;
width: 100%;
opacity: 0;
transition: all 0.25s linear;
}
@media (max-width: 1023px) {
.product-slider .swiper-pagination {
opacity: 1;
}
}
.product-slider .swiper-pagination-bullet {
width: 20px;
height: 2px;
margin: 0 2px;
background: #DDDDDD;
}
@media (max-width: 1023px) {
.product-slider .swiper-pagination-bullet {
width: 10px;
}
}
.product-slider .swiper-pagination-bullet-active {
background: #ED2B32;
}
.product-slider .swiper-pagination-bullet-active:before {
display: none;
}
@media (max-width: 1023px) {
.product-slider {
height: 220px;
}
}
@media (max-width: 759px) {
.product-slider {
height: 165px;
}
}
.swiper-sections {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
}
@media (max-width: 1023px) {
.swiper-sections {
display: none;
}
}
.section-item {
width: 100%;
height: 100%;
}
.product-slide-status {
display: inline-flex;
align-items: center;
flex-shrink: 0;
margin-bottom: 7px;
}
.product-slide-status img {
flex-shrink: 0;
margin-right: 6px;
}
.product-slide-status:before {
content: "";
flex-shrink: 0;
margin-right: 6px;
background-size: cover;
background-position: center;
width: 13px;
height: 13px;
}
.product-slide-status_availability {
color: #3AB50E;
}
.product-slide-status_availability:before {
background-image: url("/local/templates/topsantehnika/css/../images/v3/icon/icon-stock.svg");
}
.product-slide-status_none:before {
background-image: url("/local/templates/topsantehnika/css/../images/v3/icon/icon-danger.svg");
}
.product-slide-info {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 13px;
}
.product-slide-info.mb-5 {
margin-bottom: 5px;
}
@media (max-width: 991px) {
.product-slide-info.mb-5 {
margin-bottom: 10px;
}
}
.product-slide-info__country {
display: flex;
align-items: center;
}
.product-slide-info__country img {
flex-shrink: 0;
margin-right: 8px;
}
.product-slide-title {
text-decoration: none;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-height: 1.4;
-webkit-box-orient: vertical;
height: 38px;
color: black;
margin-bottom: 13px;
}
.product-slide-title span {
border-bottom: 1px solid transparent;
}
.product-slide-title:hover span {
color: #ED2B32;
border-bottom: 1px solid #ED2B32;
}
.product-slide-condition {
color: rgba(0, 0, 0, 0.5);
margin-bottom: 2px;
}
.product-slide-price {
display: flex;
align-items: center;
margin-bottom: 6px;
}
@media (max-width: 991px) {
.product-slide-price {
flex-flow: row wrap;
margin-bottom: 10px;
}
}
.product-slide-price__current {
margin-right: 14px;
}
@media (max-width: 991px) {
.product-slide-price__current {
flex-basis: 100%;
margin-bottom: 4px;
}
}
.product-slide-price__old {
color: #9FA19F;
text-decoration: line-through;
}
.product-slide-price-percent {
width: 35px;
height: 17px;
background: #FFCE00;
border-radius: 4px;
display: flex;
align-items: center;
margin-left: 15px;
justify-content: center;
}
.product-slide-yandex {
margin-bottom: 8px;
display: flex;
}
.product-slide-other {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.tooltip {
margin-left: 5px;
position: relative;
}
.tooltip .icon-v3 {
cursor: pointer;
}
.tooltip .icon-v3:before {
width: 14px;
height: 14px;
background: #B3B3B3;
}
.tooltip:hover {
z-index: 2;
}
.tooltip:hover .tooltip-content {
display: block;
}
.card-color-name {
font-size: 13px;
font-weight: 500;
line-height: 1.2;
margin-top: 10px;
}
.tooltip-content {
position: absolute;
top: 100%;
left: 50%;
display: none;
width: 160px;
color: black;
transform: translateX(-50%);
background: white;
z-index: 2;
padding: 5px;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
.product-slide-rating {
display: flex;
align-items: center;
color: #0B59EA;
margin-bottom: 30px;
}
.product-slide-rating:hover {
text-decoration: underline;
}
.product-slide-rating.mb-15 {
margin-bottom: 15px;
}
@media (max-width: 991px) {
.product-slide-rating.mb-15 {
margin-bottom: 11px;
}
}
@media (max-width: 991px) {
.product-slide-rating {
margin-bottom: 15px;
}
}
.product-slide-rating__stars {
display: flex;
align-items: center;
}
.product-slide-rating__stars span {
margin-right: 8px;
}
.product-slide-rating__stars span:before {
width: 18px;
height: 18px;
background: #FFCE00;
}
@media (max-width: 991px) {
.product-slide-rating__stars span:before {
width: 14px;
height: 14px;
}
}
@media (max-width: 991px) {
.product-slide-rating__stars span {
margin-right: 3px;
}
}
.product-slide-rating__number {
margin-left: 22px;
}
@media (max-width: 991px) {
.product-slide-rating__number {
margin-left: 10px;
}
}
.product-slide-event {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.product-slide-event .button_red {
margin-right: 0;
}
}
.product-slide-tags {
position: absolute;
display: flex;
align-items: center;
/*justify-content: space-between;*/
flex-wrap: wrap;
gap: 5px;
top: 0;
left: 0;
z-index: 2;
pointer-events: none;
width: 100%;
}
@media (max-width: 767px) {
.product-slide-tags {
display: none;
}
}
.product-slide-tag-promo {
font-size: 10px;
padding: 5px;
color: white;
font-weight: 500;
line-height: 1.1;
background: #F02C37;
border-radius: 4px;
}
.product-slide-tag-circles {
display: flex;
align-items: center;
gap: 5px;
}
.product-slide-tag-circle {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: white;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
}
.product-slide-tag-circle_new {
background: #9DCB3B;
}
.product-slide-tag-circle_hit {
background: #F26C21;
}
.card-line {
background: #EEEEEE;
height: 1px;
width: 100%;
margin: 50px 0;
}
@media (max-width: 991px) {
.card-line {
background: transparent;
margin: 20px 0;
}
}
.fast-links {
display: flex;
flex-flow: row wrap;
margin-top: -15px;
}
.fast-link {
line-height: 1;
padding: 12px 10px;
background: #EAF2F9;
border-radius: 4px;
color: black;
text-decoration: none;
transition: all 0.25s linear;
margin-right: 20px;
margin-top: 15px;
}
.fast-link:hover {
background: #0B59EA;
color: white;
}
@media (max-width: 991px) {
.fast-link {
padding: 10px;
margin-right: 15px;
}
}
.card-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 18px;
}
.card-head__flex {
display: flex;
align-items: center;
}
.card-head__flex .product-slide-status {
margin-bottom: 0;
}
.card-head__rating {
display: flex;
align-items: center;
text-decoration: none;
color: #0B59EA;
margin-right: 30px;
}
.card-head__rating__stars {
display: flex;
align-items: center;
}
.card-head__rating__stars span {
margin-right: 6px;
}
.card-head__rating__stars span:before {
background: #FFCE00;
width: 16px;
height: 16px;
}
.card-head__rating__stars span.icon_empty:before {
background: gray;
}
.card-head__rating__number {
margin-left: 20px;
}
@media (max-width: 991px) {
.card-head__rating__number {
margin-left: 10px;
}
}
.card-head__country {
display: flex;
align-items: center;
}
.card-head__country img {
flex-shrink: 0;
margin-right: 8px;
}
.card-head__code {
color: rgba(0, 0, 0, 0.5);
margin-left: 28px;
}
.card-flex {
display: flex;
justify-content: space-between;
padding-bottom: 70px;
align-items: flex-start;
margin-bottom: 40px;
border-bottom: 1px solid #EEEEEE;
}
@media (max-width: 991px) {
.card-flex {
margin-bottom: 30px;
padding-bottom: 0;
border-bottom: none;
justify-content: center;
flex-direction: column;
}
}
.card-slider {
width: 600px;
flex-shrink: 0;
position: sticky;
top: 0;
}
@media (max-width: 1500px) {
.card-slider {
width: 400px;
}
}
@media (max-width: 1200px) {
.card-slider {
width: 300px;
}
}
@media (max-width: 991px) {
.card-slider {
width: 100%;
order: 1;
position: relative;
top: auto;
}
}
.card-head__flex-mobile {
display: none !important;
}
@media (max-width: 991px) {
.card-head__flex-mobile {
display: flex !important;
justify-content: space-between;
margin-bottom: 30px;
}
}
.card-slider__full {
height: 600px;
padding: 20px;
}
.card-slider__full .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
.card-slider__full .swiper-slide {
height: 345px;
}
}
.card-slider__full img {
max-height: 100%;
object-fit: contain;
}
.card-slider__full picture {
height: 100%;
display: flex;
}
@media (max-width: 1500px) {
.card-slider__full {
height: 400px;
padding: 10px;
}
}
@media (max-width: 1200px) {
.card-slider__full {
height: 300px;
}
}
@media (max-width: 991px) {
.card-slider__full {
height: auto;
padding: 0;
}
}
.card-slider__full .swiper-pagination {
display: none;
}
@media (max-width: 991px) {
.card-slider__full .swiper-pagination {
display: flex;
align-items: center;
justify-content: center;
position: relative;
bottom: auto;
margin-top: 15px;
}
}
.card-slider__full .swiper-pagination-bullet {
height: 2px;
width: 100%;
margin: 0 7px;
background: #D9D9D9;
}
.card-slider__full .swiper-pagination-bullet-active {
background: #999999;
}
.card-slider__small {
display: flex;
align-items: center;
margin-top: 8px;
}
.card-slider__small .swiper-arrow {
flex-shrink: 0;
width: 22px;
background: transparent;
outline: none;
border: none;
cursor: pointer;
}
.card-slider__small .swiper-arrow:before {
width: 22px;
height: 22px;
}
.card-slider__small .swiper-arrow:hover:before {
background: #ED2B32;
}
.card-slider__small .swiper-arrow-left {
margin-right: 10px;
}
.card-slider__small .swiper-arrow-right {
margin-left: 10px;
}
.card-slider__small .swiper-slide {
display: flex;
align-items: center;
cursor: pointer;
justify-content: center;
border: 1px solid #EDEDED;
border-radius: 4px;
}
.card-slider__small .swiper-slide-thumb-active {
border: 1px solid #ED2B32;
}
.card-slider__small img {
max-height: 100%;
object-fit: contain;
}
.card-slider__small picture {
height: 100%;
display: flex;
}
@media (max-width: 991px) {
.card-slider__small {
display: none;
}
}
.card-slider__small-swiper {
height: 80px;
width: 100%;
}
.card-main {
width: 380px;
}
@media (max-width: 991px) {
.card-main {
order: 3;
width: 100%;
margin-top: 20px;
}
}
.card-main-characteristic {
display: flex;
align-items: flex-start;
margin-bottom: 1px;
}
.card-main-characteristic__label {
color: rgba(0, 0, 0, 0.7);
flex-shrink: 0;
flex-basis: 133px;
}
.card-main-characteristic__value {
font-weight: 500;
}
.card-main-characteristic__value a {
color: #0B59EA;
text-decoration: none;
}
.card-main-characteristic__value a:hover {
color: #ED2B32;
}
.card-main-volume-items.active .card-main-volume {
display: flex;
}
.card-main-volume {
display: none;
align-items: center;
margin-bottom: 6px;
}
.card-main-volume img {
flex-shrink: 0;
margin-right: 6px;
}
.card-main-volume:nth-child(-n+3) {
display: flex;
}
.card-main-characteristic-all, .card-main-volume-all {
color: #0B59EA;
margin-top: 19px;
text-decoration: none;
display: inline-flex;
}
.card-main-characteristic-all:hover, .card-main-volume-all:hover {
color: #ED2B32;
}
.card-event {
width: 350px;
line-height: 1.1;
position: sticky;
top: 0;
}
.card-event .button_red-border {
margin-bottom: 20px;
}
@media (max-width: 991px) {
.card-event {
position: relative;
top: auto;
width: 100%;
margin-top: 20px;
order: 2;
}
.card-event .button {
height: 40px;
min-width: 40px;
}
}
@media (max-width: 991px) {
.card-head__flex-desktop {
display: none;
}
}
.card-line_30 {
margin: 25px 0;
}
.card-event-container {
padding: 44px 24px 24px;
width: 100%;
border-radius: 6px;
border: 1px solid #EDEDED;
position: relative;
margin-bottom: 18px;
}
@media (max-width: 991px) {
.card-event-container {
border-radius: 0;
padding: 0;
border: none;
}
}
.card-event-condition {
margin-bottom: 10px;
color: rgba(0, 0, 0, 0.5);
}
.card-event-price {
margin-bottom: 20px;
display: flex;
align-items: flex-end;
}
.card-event-price__current {
margin-right: 16px;
white-space: nowrap;
}
.card-event-price__old {
color: #9FA19F;
text-decoration: line-through;
margin-right: 10px;
white-space: nowrap;
}
.card-event-price__percent {
width: 44px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
background: #FFCE00;
border-radius: 4px;
text-align: center;
}
.card-event-other {
display: flex;
align-items: center;
color: rgba(0, 0, 0, 0.5);
margin-bottom: 6px;
}
.card-event-other-price {
color: rgba(0, 0, 0, 0.5);
margin-bottom: 15px;
}
.card-event-flex {
margin-bottom: 24px;
display: flex;
}
.card-event-flex .button_red {
width: 100%;
}
.card-event-yandex {
display: flex;
}
/*@media (max-width: 991px) {
.card-event-yandex {
padding: 20px;
border: 1px solid #EDEDED;
border-radius: 6px;
}
}*/
.card-event-logo {
position: absolute;
display: flex;
top: 20px;
right: 29px;
}
@media (max-width: 991px) {
.card-event-logo {
display: none;
}
}
.card-event-logo_mobile {
display: none;
position: relative;
top: auto;
right: auto;
}
@media (max-width: 991px) {
.card-event-logo_mobile {
display: flex;
}
}
.dynamics-price {
display: flex;
align-items: center;
margin-bottom: 20px;
padding: 10px 24px 10px 14px;
border: 1px solid #EDEDED;
border-radius: 6px;
color: black;
transition: all 0.25s linear;
text-decoration: none;
}
.dynamics-price:hover {
border: 1px solid #d7d4d4;
}
.dynamics-price__icon {
flex-shrink: 0;
margin-right: 15px;
width: 24px;
}
.dynamics-price__text {
flex-shrink: 0;
margin-right: 10px;
}
.dynamics-price__arrow {
flex-shrink: 0;
margin-left: 6px;
}
.dynamics-price__arrow:before {
width: 12px;
height: 12px;
background: rgba(41, 45, 50, 0.5);
transform: rotate(-90deg);
}
.card-delivery {
display: flex;
align-items: flex-start;
border: 1px solid #0069E1;
border-radius: 6px;
padding: 24px 22px;
justify-content: space-between;
}
@media (max-width: 991px) {
.card-delivery {
margin-bottom: 30px;
}
}
.card-delivery__city {
color: #0B59EA;
margin-bottom: 10px;
}
@media (max-width: 991px) {
.card-delivery__city {
font-size: 15px;
}
}
.card-delivery__way {
margin-bottom: 5px;
display: flex;
align-items: center;
color: rgba(0, 0, 0, 0.5);
}
.card-delivery__icon {
flex-shrink: 0;
margin-left: 24px;
}
.tab-item__flex {
display: flex;
padding-top: 35px;
align-items: flex-start;
}
@media (max-width: 991px) {
.tab-item__flex {
flex-direction: column;
padding: 0 0 10px;
}
}
.tab-item__content {
flex-basis: 100%;
}
.tab-item__content p + p {
margin-top: 10px;
}
.tab-item__content h4 {
font-size: 22px;
margin-bottom: 11px;
margin-top: 23px;
}
.tab-item__content h4:first-child {
margin-top: 0;
}
.tab-item__content h5 {
font-size: 18px;
margin-bottom: 11px;
margin-top: 23px;
}
.tab-item__content h5:first-child {
margin-top: 0;
}
.tab-item__content ul{
padding-left: 30px;
}
.tab-item__content ul li{
list-style-type: disc;
}
/*.tab-item__content ul li {
list-style: none;
display: flex;
align-items: flex-start;
margin-bottom: 30px;
}
.tab-item__content ul li:before {
content: "";
flex-shrink: 0;
width: 5px;
height: 5px;
border-radius: 50%;
margin-right: 15px;
background: #ED2B32;
margin-top: 10px;
}*/
.tab-item__content ul li:last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
.tab-item__content-main {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
}
.tab-item__content-main.open {
overflow: visible;
-webkit-line-clamp: unset;
}
}
.tab-item__position {
flex-basis: 350px;
flex-shrink: 0;
margin-left: 60px;
border: 1px solid #EDEDED;
border-radius: 6px;
padding: 42px 45px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
.tab-item__position {
margin-left: 0;
margin-top: 25px;
}
}
.tab-item-head {
font-size: 22px;
}
@media (max-width: 991px) {
.tab-item-head {
display: none;
}
}
.tab-item-head.mb-30 {
margin-bottom: 30px !important;
}
.toggle-button {
display: none;
background: transparent;
outline: none;
border: none;
font-size: 13px;
color: #0B59EA;
margin-top: 20px;
}
.tab-accordion-header {
display: none;
}
.tab-accordion-header sup {
margin-left: 3px;
}
@media (max-width: 991px) {
.tab-accordion-header {
display: flex;
align-items: center;
width: 100%;
padding: 17px 0;
flex-direction: row-reverse;
justify-content: space-between;
font-weight: 700;
font-size: 15px;
}
.tab-accordion-header:before {
width: 10px;
height: 10px;
flex-shrink: 0;
margin-left: 10px;
}
}
.tab-accordion-header.active {
color: #ED2B32;
}
.tab-accordion-header.active:before {
transform: rotate(180deg);
}
.tab-accordion-header.active + .tab-item__block {
height: auto;
}
@media (max-width: 991px) {
.tab-main__special .tab-top {
display: none;
}
.tab-main__special .tab-item {
display: block;
opacity: 1;
border-top: 1px solid #EDEDED;
}
.tab-main__special .tab-item:last-child {
border-bottom: 1px solid #EDEDED;
}
.tab-main__special .tab-item__block {
height: 0;
overflow: hidden;
}
.tab-main__special .tab-item__block.active .tab-item__content-reviews {
display: block;
}
}
.tab-characteristics {
display: flex;
align-items: flex-start;
justify-content: space-between;
max-width: 1393px;
}
@media (max-width: 991px) {
.tab-characteristics {
flex-direction: column;
}
}
.tab-characteristics__column {
flex-basis: calc(50% - 27px);
}
/*.tab-characteristics__item {
display: flex;
align-items: flex-end;
position: relative;
justify-content: space-between;
margin-bottom: 14px;
}
.tab-characteristics__item:before {
position: absolute;
bottom: 7px;
left: 0;
content: "";
width: 100%;
height: 1px;
border-bottom: 1px dotted #C7C7C7;
}*/
@media (max-width: 991px) {
.tab-characteristics__item {
font-size: 12px;
margin-bottom: 8px;
}
}
.tab-characteristics__item:hover {
z-index: 2;
}
/*.tab-characteristics__item-label {
color: rgba(0, 0, 0, 0.7);
background: white;
position: relative;
z-index: 1;
padding-right: 10px;
}*/
/*@media (max-width: 991px) {
.tab-characteristics__item-label {
flex-basis: 44%;
}
}
.tab-characteristics__item-value {
flex-basis: 50%;
padding-left: 10px;
background: white;
position: relative;
z-index: 1;
align-items: center;
display: flex;
}*/
.button-show-reviews {
display: none !important;
}
@media (max-width: 991px) {
.button-show-reviews {
display: flex !important;
}
}
.tab-item-reviews-main {
flex-shrink: 0;
flex-basis: 350px;
margin-left: 55px;
border: 1px solid #EDEDED;
padding: 30px 25px;
border-radius: 6px;
}
.tab-item-reviews-main .button {
margin-top: 20px;
width: 100%;
}
@media (max-width: 991px) {
.tab-item-reviews-main .button {
font-size: 13px;
}
}
@media (max-width: 991px) {
.tab-item-reviews-main {
margin-left: 0;
border: none;
padding: 0;
width: 100%;
flex-basis: auto;
border-radius: 0;
}
}
.tab-item-reviews-main__head {
display: flex;
align-items: center;
font-weight: 700;
font-size: 18px;
justify-content: space-between;
margin-bottom: 8px;
}
.tab-item-reviews-main__star {
display: flex;
margin-bottom: 24px;
}
.tab-item-reviews-main__star .icon-v3 {
margin-right: 8px;
}
.tab-item-reviews-main__star .icon-v3:before {
width: 20px;
height: 20px;
}
.tab-item-reviews-main__slider {
display: flex;
align-items: center;
font-size: 14px;
margin-bottom: 4px;
}
.tab-item-reviews-main__slider-label {
flex-shrink: 0;
flex-basis: 75px;
}
.tab-item-reviews-main__slider-number {
flex-shrink: 0;
flex-basis: 24px;
text-align: right;
}
.tab-item-reviews-main__slider-toolbar {
height: 3px;
position: relative;
width: 100%;
overflow: hidden;
border-radius: 10px;
background: #D9D9D9;
}
.tab-item-reviews-main__slider-toolbar span {
position: absolute;
height: 100%;
width: 0;
background: #FFCE00;
border-radius: 10px;
}
.tab-item__flex_review {
display: block;
}
.tab-item__flex_review-main {
display: flex;
align-items: flex-start;
}
@media (max-width: 991px) {
.tab-item__flex_review-main {
flex-direction: column-reverse;
}
}
.tab-item__reviews-item {
display: flex;
align-items: flex-start;
line-height: 1.2;
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #EEEEEE;
}
.tab-item__reviews-item:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
@media (max-width: 991px) {
.tab-item__reviews-item {
flex-direction: column;
padding-bottom: 25px;
margin-bottom: 25px;
}
.tab-item__reviews-item:first-child {
border-top: 1px solid #EEEEEE;
padding-top: 25px;
margin-top: 25px;
}
}
.tab-item__reviews-item-person {
flex-shrink: 0;
flex-basis: 252px;
padding-right: 10px;
margin-bottom: 5px;
}
@media (max-width: 991px) {
.tab-item__reviews-item-person {
flex-basis: auto;
padding-right: 0;
margin-bottom: 20px;
width: 100%;
}
}
@media (max-width: 991px) {
.tab-item__reviews-item-person-head {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 8px;
}
}
.tab-item__reviews-item-name {
font-size: 18px;
margin-bottom: 5px;
font-weight: 700;
}
@media (max-width: 991px) {
.tab-item__reviews-item-name {
margin-bottom: 0;
}
}
.tab-item__reviews-item-date {
color: rgba(64, 84, 100, 0.5);
font-size: 15px;
margin-bottom: 14px;
}
@media (max-width: 991px) {
.tab-item__reviews-item-date {
margin-bottom: 0;
}
}
.tab-item__reviews-item-rating {
display: flex;
align-items: center;
}
.tab-item__reviews-item-rating .icon-v3:before {
width: 15px;
height: 15px;
}
.icon-star:before {
background: #FFCE00;
}
.icon-star_empty:before {
background: #D9D9D9;
}
.tab-item__reviews-item-main {
max-width: 100%;
}
.tab-item__reviews-item-main-element {
margin-bottom: 20px;
}
.tab-item__reviews-item-main-element:last-child {
margin-bottom: 0;
}
.tab-item__reviews-item-main-head {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.tab-item__reviews-item-main-head:last-child {
margin-bottom: 0;
}
.tab-item__reviews-item-main-gallery {
display: flex;
flex-flow: row wrap;
}
@media (max-width: 991px) {
.tab-item__reviews-item-main-gallery {
flex-flow: row;
overflow: auto;
}
.tab-item__reviews-item-main-gallery::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 991px) {
.tab-item__content-reviews {
/*display: none;*/
flex-basis: auto;
width: 100%;
}
}
.tab-item__reviews-item-main-pic {
width: 160px;
height: 160px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
overflow: hidden;
background: #D9D9D9;
margin-right: 26px;
margin-top: 26px;
}
.tab-item__reviews-item-main-pic img {
max-height: 100%;
}
.tab-item__reviews-item-main-pic picture {
height: 100%;
display: flex;
}
@media (max-width: 991px) {
.tab-item__reviews-item-main-pic {
width: 145px;
height: 145px;
margin-right: 20px;
margin-top: 20px;
flex-shrink: 0;
}
}
.tab-item__reviews-item-main-pic:last-child {
margin-right: 0;
}
@media (max-width: 991px) {
.card-main-color-desktop {
display: none !important;
}
}
.card-main-color-mobile {
display: none;
margin-bottom: 25px;
}
@media (max-width: 991px) {
.card-main-color-mobile {
display: block;
}
}
.title-none-reviews {
font-size: 22px;
margin-bottom: 25px;
}
@media (max-width: 991px) {
.title-none-reviews {
font-size: 17px;
}
.title-none-reviews + .button {
width: 100%;
}
}
.card-main-color-change {
display: flex;
flex-flow: row wrap;
}
@media (max-width: 991px) {
.card-main-color-change {
flex-flow: row;
overflow: auto;
}
.card-main-color-change::-webkit-scrollbar {
display: none;
}
}
.card-main-color-change-item {
border: 1px dotted #C7C7C7;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 10px;
margin-top: 10px;
margin-right: 20px;
cursor: pointer;
transition: all 0.25s linear;
}
.card-main-color-change-item img {
max-height: 100%;
}
.card-main-color-change-item picture {
height: 100%;
display: flex;
}
.card-main-color-change-item.active {
pointer-events: none;
border: 1px solid #ED2B32;
}
.card-main-color-change-item:hover {
border: 1px solid #ED2B32;
}
.card-main-color-change-item:last-child {
margin-right: 0;
}
.card-event-markdown {
color: black;
text-decoration: none;
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
background: #F1F1F1;
border-radius: 6px;
padding: 12px 14px;
margin-bottom: 16px;
margin-top: -10px;
}
.card-event-markdown__price {
display: flex;
align-items: flex-end;
margin-bottom: 6px;
}
.card-event-markdown__price-new {
font-size: 20px;
color: #ED2B32;
margin-right: 8px;
}
.card-event-markdown__price-old {
color: #9FA19F;
text-decoration: line-through;
}
.card-event-markdown__info {
display: flex;
align-items: center;
padding-bottom: 10px;
}
.card-event-markdown__info b {
margin-left: 4px;
}
.card-event-markdown__icon {
transform: rotate(-90deg);
flex-shrink: 0;
margin-left: 10px;
}
.card-event-markdown__icon:before {
width: 12px;
height: 12px;
}
.scope-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
background: #f5f5f5;
border-radius: 2px;
padding: 12px 20px;
font-weight: 500;
margin-bottom: 10px;
}
.scope-head__price {
flex-shrink: 0;
margin-left: 10px;
}
.scope-head__title {
color: #ED2B32;
}
.instruction-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-flow: row wrap;
margin-top: -20px;
}
.instruction-item {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px 30px;
background: #fff;
-webkit-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
margin-right: 50px;
margin-top: 20px;
flex-basis: 355px;
text-decoration: none;
border-radius: 10px;
color: black;
}
.instruction-item:hover .instruction-load {
border-bottom: 1px solid #ED2B32;
}
@media (max-width: 279px) {
.instruction-item {
margin-right: 20px;
flex-basis: 255px;
}
}
@media (max-width: 759px) {
.instruction-item {
flex-basis: 100%;
margin-right: 0;
}
}
.instruction-flex {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ED2B32;
}
.instruction-icon {
width: 45px;
height: 45px;
background: #ED2B32;
display: flex;
align-items: center;
border-radius: 10px;
justify-content: center;
margin-right: 20px;
}
.instruction-icon:before {
background: #fff;
width: 18px;
height: 18px;
}
.instruction-load {
border-bottom: 1px solid transparent;
}
.copied {
position: absolute;
background: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
opacity: 0;
transition: opacity 0.3s ease-in-out;
pointer-events: none;
}
.fixed-panel-card {
position: fixed;
left: 0;
width: 100%;
padding: 15px 0;
background: white;
top: -250px;
transition: all 0.25s linear;
z-index: 9;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 991px) {
.fixed-panel-card {
padding: 10px 0;
}
.fixed-panel-card .card-head__rating {
display: none;
}
}
.fixed-panel-card.active {
top: 0;
z-index: 9;
}
.fixed-panel-card-percent {
position: absolute;
left: 50px;
top: 5px;
font-size: 14px;
font-weight: 500;
}
@media (max-width: 1440px) {
.fixed-panel-card-percent {
display: none;
}
}
.fixed-panel-card-content {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.fixed-panel-card-content {
width: calc(100% - 80px);
}
}
@media (max-width: 991px) {
.fixed-panel-card-info {
width: calc(100% - 70px);
}
}
.fixed-panel-card-pic {
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
border-radius: 4px;
border: 1px solid #B3B3B3;
width: 60px;
height: 60px;
flex-shrink: 0;
margin-right: 20px;
}
.fixed-panel-card-pic picture {
display: flex;
height: 100%;
}
.fixed-panel-card-pic img {
max-height: 100%;
object-fit: contain;
}
@media (max-width: 991px) {
.fixed-panel-card-pic {
width: 45px;
height: 45px;
margin-right: 10px;
}
}
.fixed-panel-card-info__title {
font-size: 14px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 6px;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 991px) {
.fixed-panel-card-info__title {
font-size: 12px;
font-weight: 400;
}
}
.fixed-panel-card-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.fixed-panel-card-price {
display: flex;
align-items: center;
}
.fixed-panel-card-price-column {
margin-right: 22px;
line-height: 1.2;
}
@media (max-width: 991px) {
.fixed-panel-card-price-column {
display: none;
}
}
.fixed-panel-card-price-column-mobile {
display: none;
}
@media (max-width: 991px) {
.fixed-panel-card-price-column-mobile {
display: flex;
align-items: flex-start;
flex-direction: row-reverse;
justify-content: flex-end;
}
}
.fixed-panel-card-price-column-mobile .fixed-panel-card-price-old {
margin-bottom: 0;
margin-left: 11px;
white-space: nowrap;
}
.fixed-panel-card-price-old {
color: #9FA19F;
font-size: 14px;
margin-bottom: 2px;
text-decoration: line-through;
white-space: nowrap;
}
@media (max-width: 991px) {
.fixed-panel-card-price-old {
font-size: 12px;
}
}
.fixed-panel-card-price-current {
font-size: 20px;
font-weight: 600;
white-space: nowrap;
}
@media (max-width: 991px) {
.fixed-panel-card-price-current {
font-size: 16px;
}
}
.card-event-package {
display: flex;
background: #F1F1F1;
border-radius: 6px;
padding: 5px 3px;
margin-bottom: 10px;
}
.card-event-package-text {
margin-bottom: 15px;
}
.card-event-package__item {
width: 100%;
margin: 0 2px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 30px;
border: 1px dashed #CCCCCC;
border-radius: 4px;
background: transparent;
font-size: 12px;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
}
.card-event-package__item:hover {
cursor: pointer;
border: 1px solid #CCCCCC;
}
.card-event-package__item.active {
pointer-events: none;
border: 1px solid #CCCCCC;
background: white;
color: black;
}
.card-promo {
padding: 26px;
border: 1px dashed #D0D0D0;
border-radius: 6px;
margin-top: 25px;
line-height: 1.2;
}
.card-promo__block {
display: flex;
flex-direction: column;
justify-content: center;
padding: 5px 12px;
background: #F1F1F1;
position: relative;
border-radius: 6px;
margin-bottom: 10px;
}
.card-promo__percent {
height: 28px;
padding: 0 10px;
font-size: 12px;
font-weight: 700;
background: #FFCE00;
border-radius: 4px;
display: flex;
align-items: center;
width: max-content;
margin-bottom: 10px;
}
.card-promo__block__icon {
position: absolute;
right: 20px;
}
.card-promo__block__icon:before {
width: 24px;
height: 24px;
}
.card-promo__block__label {
color: rgba(0, 0, 0, 0.5);
}
.card-promo__block__value {
text-transform: uppercase;
}
.card-promo__block__form {
height: 50px;
padding: 0 24px;
background: white;
border: 1px dashed #CCCCCC;
overflow: hidden;
color: #ED2B32;
}
.card-promo__block__form .card-promo__block__icon {
border: none;
height: 100%;
right: 0;
border-left: 1px dashed #CCCCCC;
width: 65px;
display: flex;
align-items: center;
justify-content: center;
background: #F5F5F6;
cursor: pointer;
transition: all 0.25s linear;
}
.card-promo__block__form .card-promo__block__icon:before {
background: #ED2B32;
}
.card-promo__block__form .card-promo__block__icon:hover {
background: #efefef;
}
.card-set {
display: flex;
border: 1px solid #EDEDED;
border-radius: 6px;
}
@media (max-width: 991px) {
.card-set {
border: none;
padding: 0;
flex-direction: column;
}
}
.card-set__products {
width: 80%;
display: flex;
flex-flow: row wrap;
}
@media (max-width: 1200px) {
.card-set__products {
width: 70%;
}
}
@media (max-width: 991px) {
.card-set__products {
width: 100%;
justify-content: space-between;
}
}
.card-set__item {
width: 25%;
padding: 28px 16px;
border-right: 1px solid #EDEDED;
position: relative;
border-top: 1px solid #EDEDED;
margin-top: -1px;
opacity: 0;
display: none;
transition: opacity 0.3s ease-in-out, max-height 0.5s ease-in-out;
}
.card-set__item.visible {
display: block;
opacity: 1;
}
.card-set__item .product-slider {
height: 100%;
}
.card-set__item .product-slide-status {
margin-bottom: 0;
}
@media (max-width: 991px) {
.card-set__item .size-12 {
font-size: 9px;
}
}
.card-set__item:nth-child(4n) .card-set__item-plus {
display: none;
}
.card-set__item:last-child .card-set__item-plus {
display: none !important;
}
@media (max-width: 1200px) {
.card-set__item {
width: 33.3%;
}
.card-set__item:nth-child(4n) .card-set__item-plus {
display: flex;
}
.card-set__item:nth-child(3n) .card-set__item-plus {
display: none;
}
}
@media (max-width: 991px) {
.card-set__item {
padding: 0;
width: calc(50% - 5px);
border: none;
margin-top: 10px;
}
.card-set__item:nth-child(3n) .card-set__item-plus {
display: flex;
}
.card-set__item:nth-child(2) .card-set__item-plus {
display: none;
}
}
.button-more-desktop {
width: 350px;
margin: 40px auto 0;
font-size: 13px;
font-weight: 600;
}
@media (max-width: 991px) {
.button-more-desktop {
display: none;
}
}
.set-error {
margin-bottom: 16px;
padding: 14px;
line-height: 1.2;
background: #FBEFEF;
border-radius: 6px;
text-decoration: none;
display: block;
color: #000;
}
.button-more-mobile {
display: none;
margin-top: 28px;
font-size: 13px;
font-weight: 600;
}
@media (max-width: 991px) {
.button-more-mobile {
display: flex;
width: 100%;
}
}
.card-set__final {
width: 20%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
line-height: 1.2;
background: #FAFAFA;
padding: 30px;
}
.card-set__final .button {
width: 100%;
}
@media (max-width: 1200px) {
.card-set__final {
width: 30%;
}
}
@media (max-width: 991px) {
.card-set__final {
width: 100%;
padding: 30px 20px;
margin-top: 30px;
}
}
.card-set__price {
display: flex;
flex-flow: row wrap;
margin-bottom: 25px;
}
@media (max-width: 991px) {
.card-set__price {
margin-bottom: 18px;
}
}
.card-set__price-current {
width: 100%;
margin-bottom: 5px;
}
@media (max-width: 991px) {
.card-set__price-current {
width: auto;
margin-bottom: 0;
margin-right: 5px;
}
}
.card-set__price-old {
color: #9FA19F;
text-decoration: line-through;
}
.card-set__percent {
background: #FFCE00;
border-radius: 4px;
width: 44px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
}
.card-set__item-plus {
position: absolute;
top: 98px;
right: -20px;
width: 40px;
z-index: 2;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
background: black;
font-weight: 700;
color: white;
}
@media (max-width: 991px) {
.card-set__item-plus {
display: none !important;
}
}
.add-set {
display: flex;
align-items: center;
font-size: 13px;
font-weight: 700;
color: black;
background: transparent;
border: none;
outline: none;
transition: all 0.25s linear;
cursor: pointer;
margin-top: 15px;
text-align: left;
justify-content: flex-start;
}
.add-set.active .add-set__icon {
background: #B3B3B3;
}
.add-set.active .add-set__icon:before {
mask: url("/local/templates/topsantehnika/css/../images/v3/icon/check.svg") center center/contain no-repeat;
}
@media (max-width: 991px) {
.add-set {
font-size: 11px;
}
}
.add-set__icon {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 6px;
flex-shrink: 0;
margin-right: 13px;
background: #ED2B32;
}
.add-set__icon:before {
width: 14px;
height: 14px;
background: white;
mask: url("/local/templates/topsantehnika/css/../images/v3/icon/plus.svg") center center/contain no-repeat;
}
@media (max-width: 991px) {
.add-set__icon {
width: 30px;
height: 30px;
margin-right: 8px;
}
}
.card-main-set-items {
display: flex;
flex-flow: row wrap;
}
.card-main-set-head span {
color: #0B59EA;
}
.card-main-set-item {
margin-right: 15px;
margin-top: 15px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 1px solid #EDEDED;
border-radius: 10px;
width: 85px;
height: 82px;
}
.card-main-set-item picture {
display: flex;
height: 100%;
}
.card-main-set-item img {
max-height: 100%;
object-fit: contain;
}
.card-main-set-item:last-child {
margin-right: 0;
}
.card-main-set-item:hover {
border: 1px solid #0B59EA;
}
.card-main-set-item.active {
border: 1px solid #0B59EA;
}
.set-slide {
display: flex;
border: 1px solid #EDEDED;
border-radius: 6px;
}
@media (max-width: 767px) {
.set-slide {
flex-direction: column;
}
}
.set-slide__pic {
flex-basis: 45%;
border-right: 1px solid #EDEDED;
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
}
.set-slide__pic picture {
display: flex;
height: 100%;
max-height: 240px;
}
.set-slide__pic img {
max-height: 240px;
object-fit: contain;
}
@media (max-width: 767px) {
.set-slide__pic {
flex-basis: auto;
width: 100%;
border-right: none;
border-bottom: 1px solid #EDEDED;
}
}
.set-slide__title {
margin-bottom: 20px;
}
.set-slide__content {
display: flex;
flex-direction: column;
line-height: 1.2;
align-items: flex-start;
flex-basis: 55%;
padding: 30px;
}
@media (max-width: 767px) {
.set-slide__content {
flex-basis: auto;
width: 100%;
}
}
.set-slide__element {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.set-slide__element-pic {
width: 65px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
flex-shrink: 0;
border: 1px solid #EDEDED;
margin-right: 20px;
}
.set-slide__element-pic picture {
display: flex;
height: 100%;
}
.set-slide__element-pic img {
max-height: 100%;
object-fit: contain;
}
.set-swiper__container {
position: relative;
}
.set-swiper__container .swiper-arrow {
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
width: 40px;
position: absolute;
height: 40px;
outline: none;
border: none;
background: white;
border-radius: 6px;
top: calc(50% - 20px);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.set-swiper__container .swiper-arrow:before {
width: 20px;
height: 20px;
}
.set-swiper__container .swiper-arrow:hover {
cursor: pointer;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.set-swiper__container .swiper-arrow.swiper-button-disabled {
display: none;
}
@media (max-width: 991px) {
/*.set-swiper__container .swiper-arrow {
display: none;
}*/
}
.set-swiper__container .swiper-arrow-right {
right: -20px;
}
.set-swiper__container .swiper-arrow-left {
left: -20px;
}
.catalog-event {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 26px;
margin-bottom: 20px;
border-top: 1px solid #EEEEEE;
}
.catalog-event__sort {
position: relative;
font-weight: 500;
line-height: 1.2;
width: 194px;
}
.catalog-event__sort.active .catalog-sort__default:before {
transform: rotate(180deg);
}
.catalog-event__sort.active .catalog-sort__list {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
@media (max-width: 500px) {
.catalog-event__sort {
width: calc(100% - 137px);
}
}
.catalog-sort__default {
height: 40px;
display: flex;
width: 100%;
background: white;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
padding: 0 20px 0 14px;
font-size: 13px;
font-family: inherit;
font-weight: 500;
border: 1px solid #C7C7C7;
border-radius: 4px;
background: transparent;
outline: none;
cursor: pointer;
}
.catalog-sort__default:before {
width: 8px;
height: 8px;
flex-shrink: 0;
margin-left: 4px;
background: black;
}
.catalog-sort__default span {
display: block;
width: 100%;
overflow: hidden;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
}
.catalog-sort__list {
position: absolute;
list-style: none;
left: 0;
top: 100%;
background: white;
border: 1px solid #C7C7C7;
border-radius: 4px;
margin-top: 1px;
transition: all 0.25s linear;
transform: translateY(-10px);
opacity: 0;
z-index: 3;
pointer-events: none;
}
.catalog-sort__list-item {
color: #000000;
font-size: 15px;
padding: 8px 15px;
transition: all 0.25s linear;
cursor: pointer;
}
.catalog-sort__list-item.active {
color: #0B59EA;
pointer-events: none;
}
.catalog-sort__list-item:hover {
background: rgba(159, 161, 159, 0.2);
}
.catalog-view {
font-size: 13px;
font-weight: 500;
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.catalog-view {
display: none;
}
}
.catalog-view__item {
display: flex;
align-items: center;
color: #505050;
margin-left: 38px;
transition: all 0.25s linear;
text-decoration: none;
}
.catalog-view__item:before {
width: 20px;
background: #505050;
margin-right: 15px;
height: 20px;
}
.catalog-view__item.active {
color: #0B59EA;
pointer-events: none;
}
.catalog-view__item.active:before {
background: #0B59EA;
}
.catalog-view__item:hover {
color: #464545;
}
.catalog-view__item:hover:before {
background: #464545;
}
.product-hover {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
border-radius: 10px;
height: 100%;
background: white;
pointer-events: none;
}
.catalog-list {
display: flex;
flex-flow: row wrap;
}
.catalog-list .product-slide-info__code {
color: rgba(0, 0, 0, 0.5);
}
.catalog-list .product {
padding: 30px 20px;
width: 25%;
position: relative;
border-bottom: 1px solid #EEEEEE;
z-index: 1;
display: flex;
flex-direction: column;
}
.catalog-list .product.active {
z-index: 2;
border-bottom: 1px solid transparent;
}
.catalog-list .product.active .button-fast {
background: rgba(255, 255, 255, 0.7);
opacity: 1;
cursor: pointer;
}
.catalog-list .product.active .swiper-pagination-bullet {
background: #D9D9D9;
}
.catalog-list .product.active .swiper-pagination-bullet-active {
background: #999999;
}
.catalog-list .product.active .product-slider .swiper-pagination {
opacity: 1;
}
.catalog-list .product.active .product-information {
opacity: 1;
pointer-events: auto;
}
@media (max-width: 1500px) {
.catalog-list .product {
width: 33.3%;
}
}
@media (max-width: 767px) {
.catalog-list .product {
width: calc(50% - 12px);
padding: 30px 0;
}
}
@media (max-width: 767px) {
.catalog-list {
justify-content: space-between;
}
.catalog-list .size-12 {
font-size: 9px;
}
.catalog-list .product-slide-price__old {
font-size: 12px;
}
.catalog-list .product-slide-other {
font-size: 10px;
}
.catalog-list .button {
height: 35px;
}
.catalog-list .button_event {
min-width: 35px;
}
.catalog-list .product-slide-info {
font-size: 11px;
}
.catalog-list .size-18 {
font-size: 18px;
}
.catalog-list .product-slide-price__current {
margin-bottom: 0;
}
}
@media (max-width: 767px) and (max-width: 991px) {
.catalog-list .product-slide-condition {
font-size: 11px;
}
}
.product-information {
position: absolute;
display: block;
top: 100%;
opacity: 0;
margin-top: -10px;
pointer-events: none;
}
.product-information .product-characteristic {
display: block;
font-size: 12px;
margin-top: 4px;
line-height: 1.3;
}
.product-information .product-slide-info {
margin-bottom: 15px;
}
@media (max-width: 767px) {
.product-information {
margin-top: 0;
opacity: 1;
position: relative;
pointer-events: auto;
top: 0;
margin-bottom: 10px;
}
}
.button_filter {
flex-shrink: 0;
justify-content: flex-start;
width: 125px;
font-size: 13px;
display: none;
font-weight: 500;
}
.button_filter:before {
margin-right: 11px;
width: 20px;
height: 20px;
}
@media (max-width: 991px) {
.button_filter {
display: flex;
}
}
.product-characteristic {
font-size: 14px;
line-height: 22px;
display: none;
}
.product-characteristic span {
color: #767676;
}
@media (max-width: 991px) {
.product-characteristic {
display: none !important;
}
}
.product-center .product-slide-info-country {
display: none;
}
.product-end-right {
display: flex;
flex-direction: column;
flex: 1 0 auto;
justify-content: flex-end;
}
[data-position=list] .product-slide-info-tile {
display: none;
}
[data-position=list] .product {
flex-basis: 100%;
display: flex;
align-items: flex-start;
flex-direction: row;
}
[data-position=list] .product-characteristic {
display: block;
}
[data-position=list] .product-pic {
width: 245px;
margin-right: 20px;
flex-shrink: 0;
margin-bottom: 0;
}
[data-position=list] .product-center {
flex-basis: 100%;
}
[data-position=list] .product-center .product-slide-info-country {
display: block;
}
[data-position=list] .product-end-right {
flex-shrink: 0;
margin-left: 40px;
}
[data-position=list] .product-slide-title {
height: auto;
margin-bottom: 20px;
}
[data-position=list] .product-slide-info {
justify-content: flex-start;
margin-bottom: 20px;
}
[data-position=list] .product-slide-info > div {
margin-right: 20px;
}
@media (max-width: 1200px) {
[data-position=list] .product-slide-info {
flex-direction: column;
align-items: flex-start;
}
}
[data-position=list] .product-information {
display: block;
position: relative;
margin-top: 0;
opacity: 1;
}
[data-position=list] .product-information > div {
display: none;
}
.button-fast {
position: absolute;
bottom: 25px;
width: 140px;
height: 30px;
background: rgba(236, 236, 236, 0.9);
border-radius: 32px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
outline: none;
border: none;
z-index: 3;
opacity: 0;
transition: all 0.25s linear;
cursor: pointer;
}
.button-fast:hover {
background: white;
}
@media (max-width: 991px) {
.button-fast {
display: none !important;
}
}
.filter-line {
display: flex;
flex-flow: row wrap;
margin-bottom: 15px;
}
.filter-reset {
min-height: 33px;
display: flex;
align-items: center;
padding: 0 10px;
background: white;
color: black;
border: 1px solid #000000;
margin-right: 10px;
margin-bottom: 5px;
cursor: pointer;
transition: all 0.25s linear;
border-radius: 4px;
}
.filter-reset:hover {
background: #eae8e8;
}
.button-filter-item {
min-height: 33px;
display: flex;
align-items: center;
padding: 0 10px;
background: #EEEEEE;
color: black;
border: 1px solid #EEEEEE;
margin-right: 10px;
margin-bottom: 5px;
cursor: pointer;
transition: all 0.25s linear;
border-radius: 4px;
}
.button-filter-item:hover {
background: #e7e4e4;
}
.button-filter-item img {
margin-left: 8px;
}
.modal__dialog-product {
max-width: 915px;
width: 100%;
padding: 50px;
}
@media (max-width: 991px) {
.modal__dialog-product {
padding: 50px 20px 20px;
}
}
.modal__close_circle-icon {
top: 20px;
right: 20px;
}
.modal__close_circle-icon img {
width: 25px;
height: 25px;
max-width: inherit;
}
.modal-fast-flex {
display: flex;
justify-content: space-between;
margin-top: 13px;
font-size: 12px;
}
.modal-fast-flex .card-head__rating__stars .icon-v3 {
margin-right: 7px;
}
.modal-fast-flex .card-head__rating__stars .icon-v3:before {
width: 18px;
height: 18px;
}
@media (max-width: 991px) {
.modal-fast-flex .card-head__rating__stars .icon-v3 {
margin-right: 4px;
}
}
.card-head__flex_right {
flex-basis: 345px;
flex-shrink: 0;
margin-left: 44px;
justify-content: space-between;
}
@media (max-width: 991px) {
.card-head__flex_right {
display: none;
}
}
.card-modal {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: 35px;
}
.card-modal .card-slider {
width: 420px;
}
@media (max-width: 991px) {
.card-modal .card-slider {
order: inherit;
width: 100%;
}
}
.card-modal .card-slider__full {
height: 420px;
}
.card-modal .card-slider__small {
margin-top: 48px;
}
@media (max-width: 991px) {
.card-modal {
flex-direction: column;
}
.card-modal .swiper-pagination {
margin-top: 0;
bottom: 10px;
}
}
.card-head__flex_mobile {
display: none;
}
@media (max-width: 991px) {
.card-head__flex_mobile {
display: flex;
width: 100%;
justify-content: space-between;
margin-bottom: 20px;
}
}
.card-modal__content {
line-height: 1.1;
flex-basis: 345px;
margin-left: 44px;
}
.card-modal__content .card-main-characteristic {
margin-bottom: 8px;
}
.card-modal__content .mb-20 {
margin-bottom: 20px;
}
.card-modal__content .button_border-gray {
margin-top: 40px;
}
@media (max-width: 991px) {
.card-modal__content {
margin-left: 0;
width: 100%;
margin-top: 20px;
}
}
/* End */
/* Start:/local/templates/topsantehnika/components/bitrix/news.list/top_banners/style.css?16944431502200*/
.top-banners {
width: 100%;
position: relative;
z-index: 2;
background: #fff;
padding: 10px 0;
}
.top-banners_bg {
background: #D5E7F6;
}
.top-banners__item {
overflow: hidden;
position: relative;
}
.top-banners__link {
display: block;
text-align: center;
}
.top-banners__message {
width: 100%;
color: #164165;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
}
.owl-carousel .owl-item img.top-banners__img {
object-fit: cover;
object-position: left center;
min-height: 40px;
}
.top-banners {
height: 100px;
}
@media (max-width: 1200px) {
.top-banners {
}
/* .owl-carousel .owl-item img.top-banners__img {
height: 70px;
} */
.top-banners__message {
font-size: 14px;
}
}
@media (max-width: 998px) {
.top-banners {
}
/* .owl-carousel .owl-item img.top-banners__img {
height: 60px;
} */
}
@media (max-width: 560px) {
.top-banners__message {
font-size: 12px;
}
}
@media (max-width: 1500px) {
.top-banners {
height: 88px;
}
}
@media (max-width: 1240px) {
.top-banners {
height: 83px;
}
}
@media (max-width: 1080px) {
.top-banners {
height: 78px;
}
}
@media (max-width: 998px) {
.top-banners {
height: 73px;
}
}
@media (max-width: 880px) {
.top-banners {
height: 68px;
}
}
@media (max-width: 800px) {
.top-banners {
height: 65px;
}
}
@media (max-width: 768px) {
.top-banners {
height: 60px;
}
}
@media (max-width: 660px) {
.top-banners {
height: 55px;
}
}
@media (max-width: 560px) {
.top-banners {
height: 80px;
}
}
@media (max-width: 500px) {
.top-banners {
height: 72px;
}
}
@media (max-width: 450px) {
.top-banners {
height: 65px;
}
}
@media (max-width: 400px) {
.top-banners {
height: 60px;
}
}
@media (max-width: 350px) {
.top-banners {
height: 55px;
}
}
/* End */
/* Start:/local/templates/topsantehnika/css/owl.carousel.min.css?16224632613227*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{background:0;color:inherit;border:0;padding:0 !important;font:inherit}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0{opacity:1}100%{opacity:0}}.owl-height{transition:height 500ms ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease}.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("/local/templates/topsantehnika/css/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */
/* Start:/local/templates/topsantehnika/components/bitrix/menu/top/style.css?17435047332095*/
.top-menu {
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
display: flex;
justify-content: space-between;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 18px;
transition: opacity .2s ease-in-out;
}
.top-menu_active {
opacity: 1;
width: auto;
height: auto;
overflow: inherit;
}
.top-menu__item {
position: relative;
list-style: none;
}
.top-menu__link {
color: #666;
text-decoration: none;
padding-right: 15px;
padding-left: 15px;
user-select: none;
display: inline-block;
}
.top-menu > .top-menu__item:first-child .top-menu__link {
padding-left: 0;
}
.top-menu__link::after {
content: "";
display: block;
height: 2px;
}
.top-menu__link:not(.top-menu__link_main):hover::after {
background: #ED2B32;
}
.top-menu__link_selected,
.top-menu__link:active {
color: #271526;
}
.top-menu__subList {
display: none;
background: #FFFFFF;
box-shadow: 0px 4px 8px rgba(42, 42, 42, 0.12);
border-radius: 5px;
padding: 20px 20px 10px 20px;
}
.top-menu__subList li {
padding-bottom: 10px;
}
.top-menu__subList .top-menu__link {
white-space: nowrap;
padding-left: 0;
padding-right: 0;
}
.top-menu__item_more-active .top-menu__subList {
display: block;
position: absolute;
z-index: 1;
right: 0px;
}
.top-menu__item_more {
cursor: pointer;
}
.top-menu__link_main {
color: #ED2B32;
font-weight: bold;
}
.top-menu__link_main:hover {
color: #A90F14;
}
.top-menu__link_selected.top-menu__link_main,
.top-menu__link_main:active {
color: #8B0E02;
}
.top-menu__arrow {
position: absolute;
width: 10px;
height: 6px;
top: 7px;
right: 0;
}
.top-menu__item_more-active .top-menu__arrow:before {
transform: rotate(180deg);
}
.top-menu__item_more:hover .top-menu__arrow:before {
background-position: -239px -36px;
}
@media (max-width: 1200px) {
.top-menu__link {
padding-right: 10px;
padding-left: 10px;
}
.top-menu__arrow {
right: -5px;
}
}
/* End */
/* Start:/local/components/tn/catalog.search.input/templates/.default/style.css?17434248461844*/
.search-block {
position: relative;
width: 100%;
}
.search-list {
position: absolute;
z-index: 2;
width: 100%;
background: #fff;
box-shadow: rgba(42, 42, 42, .1) 0 6px 12px;
border-radius: 5px;
padding: 20px 20px 20px 20px;
}
.search-list__item {
display: flex;
align-items: center;
padding-bottom: 10px;
}
.search-list__link {
display: block;
font-size: 14px;
line-height: 20px;
text-decoration: none;
color: #2a2a2a;
}
.search-list__img-block {
width: 60px;
padding-right: 10px;
}
.search-list__img {
max-width: 50px;
max-height: 50px;
}
.search-list__btn.link-bold {
font-size: 14px;
padding-top: 8px;
}
.search-list__art {
display: block;
font-size: 12px;
line-height: 20px;
color: #666;
cursor: pointer;
}
.search-es__input {
width: 100%;
background: #fff;
color: #666;
border: 1px solid #ccc;
border-radius: 5px;
height: 40px;
padding: 0 65px 0 20px;
}
.search-list__link-block:hover .search-list__art,
.search-list__link-block:hover .search-list__link {
color: rgba(11, 89, 234, 1);
}
.search-es {
}
.search-es__btn-search {
top: 12px;
right: 20px;
cursor: pointer;
content: '';
position: absolute;
width: 16px;
height: 16px;
cursor: pointer;
background-repeat: no-repeat;
background-position: -290px -10px;
}
.search-es__btn-search:hover {
background-position: -290px -31px;
}
.search-es__btn-search:active {
background-position: -290px -52px;
}
.search-es__btn-clear {
position: absolute;
width: 11px;
height: 11px;
top: 15px;
right: 44px;
cursor: pointer;
background-repeat: no-repeat;
background-position: -50px -263px;
}
.search-es__btn-clear:hover {
background-position: -50px -277px;
}
/* End */
/* Start:/local/templates/topsantehnika/components/bitrix/menu/main_new/style.css?174342484624207*/
/*region main-menu*/
.main-menu {
position: absolute;
display: none;
opacity: 0;
z-index: 3;
width: 100%;
min-height: 100%;
background: #fff;
/*background: linear-gradient(to right, #F9F9F9 50%, #fff 50%);*/
/*transition: all .2s ease-in-out;*/
}
.main-menu_active {
display: block;
opacity: 1;
}
.main-menu_container {
position: relative;
}
.main-menu__list {
font-size: 14px;
line-height: 14px;
background: #F9F9F9;
padding: 30px 0;
margin: 0;
float: left;
}
.main-menu__item {
list-style: none;
border-right: 3px solid #F9F9F9;
padding-top: 8px;
padding-bottom: 8px;
cursor: pointer;
/*transition: all ease-in-out .1s;*/
padding-right: 100px;
}
.main-menu__link {
text-decoration: none;
color: #2A2A2A;
display: inline-block;
}
.main-menu__item_active,
.main-menu__item:hover {
background: #fff;
border-right: 3px solid rgba(11, 89, 234, 1);
}
.main-menu__item_active > .main-menu__link,
.main-menu__item_active > .main-menu__count {
color: rgba(11, 89, 234, 1);
}
.main-menu__count {
color: #999999;
}
.main-menu__submenu-title {
position: absolute;
}
.main-menu__title {
position: absolute;
list-style: none;
font-size: 26px;
line-height: 30px;
color: #2A2A2A;
font-weight: bold;
top: 40px;
}
/*endregion main-menu*/
/*region main-submenu*/
.main-submenu {
position: absolute;
width: 70%;
min-height: 100%;
top: 0;
right: 0;
z-index: 1;
padding: 100px 40px 40px 40px;
margin: 0;
background: #fff;
display: none;
}
.main-submenu_active {
display: flex;
}
.main-submenu__title {
font-weight: bold;
font-size: 14px;
line-height: 14px;
color: #959595;
text-transform: uppercase;
padding: 7px 0;
}
.main-submenu__title_black {
color: #000;
}
.main-submenu__item {
list-style: none;
padding: 0 0 30px 0;
}
.main-submenu__column {
list-style: none;
padding: 0 30px 0 30px;
}
.main-submenu__column:nth-child(2) {
padding-left: 0;
}
.main-submenu__column-list {
padding: 0;
margin: 0;
}
.main-submenu__column_border {
border-left: solid 1px #EEE;
padding-left: 30px;
}
/*endregion main-submenu*/
/*endregion menu-links*/
.menu-links {
margin: 0;
padding: 7px 0;
}
.menu-links__item {
list-style: none;
}
.menu-links__link {
text-decoration: none;
color: #2A2A2A;
display: inline-block;
padding: 7px 0;
}
.menu-links__link:hover {
color: rgba(11, 89, 234, 1);
}
.menu-links__link_active,
.menu-links__link:active {
color: #266CA6;
}
.menu-links__link_blue {
color: rgba(11, 89, 234, 1);
}
.menu-links__link_blue:hover {
color: #266CA6;
}
.menu-links__link_blue:active {
color: #271526;
}
/*endregion menu-links*/
.main-menu-btn {
display: flex;
align-items: center;
}
.main-menu-btn_active {
background: #8B0E02;
}
.main-menu-btn__text {
padding-left: 10px;
}
/* Ðовое адаптивное меню */
.adaptive-menu {
position: absolute;
display: none;
opacity: 0;
z-index: 3;
width: 100%;
height: auto;
min-height: 70vh;
background: #fff;
}
.adaptive-menu__active {
display: block;
opacity: 1;
}
.adaptive-menu-btn.adaptive-menu-btn__active .burger__line:first-child {
transform: translateY(5px) translateZ(0) rotate(45deg);
}
.adaptive-menu-btn.adaptive-menu-btn__active .burger__line:nth-child(2) {
transition: opacity .3s;
opacity: 0;
}
.adaptive-menu-btn.adaptive-menu-btn__active .burger__line:nth-child(3) {
transform: translateY(-5px) translateZ(0) rotate(-45deg);
}
.adaptive-menu-btn.adaptive-menu-btn__active {
background: #8b0e02;
}
.adaptive-menu__container {
position: relative;
}
.adaptive-menu__list {
font-size: 14px;
line-height: 14px;
padding: 30px 0;
margin: 0;
float: left;
height: auto;
max-height: 70vh;
overflow-y: scroll;
background: #f9f9f9;
}
.adaptive-menu__list::-webkit-scrollbar {
width: 0px;
}
.adaptive-menu__item, .adaptive-menu__title, .adaptive-menu__colum, .adaptive-menu__column-item, .adaptive-menu__column-link-wrap, .adaptive-menu__column {
list-style-type: none;
}
.adaptive-menu__item {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
padding-top: 8px;
padding-bottom: 8px;
cursor: pointer;
}
.first-level {
background-color: transparent;
transition: background-color .2s ease-in-out;
}
.adaptive-menu__link {
font-size: 14px;
position: relative;
text-decoration: none;
color: inherit;
}
.first-level > .adaptive-menu__wrap a {
font-size: 15px;
}
.adaptive-menu__count {
color: #999;
}
.adaptive-menu__item:hover > .adaptive-menu__wrap a, .adaptive-menu__item:hover > .adaptive-menu__wrap span {
color: rgba(11, 89, 234, 1);
}
.adaptive-menu__submenu {
display: flex;
visibility: hidden;
opacity: 0;
transition: opacity .5s ease-in-out;
width: 65%;
position: absolute;
min-height: 100%;
top: 0;
right: 0;
z-index: 1;
padding: 100px 40px 100px 40px;
margin: 0;
background: #fff;
height: auto;
max-height: 70vh;
overflow-y: scroll;
}
.adaptive-menu__submenu::-webkit-scrollbar {
width: 0px;
}
.adaptive-menu__submenu-active {
visibility: visible;
opacity: 1;
}
.adaptive-menu__title {
position: absolute;
list-style: none;
font-size: 26px;
line-height: 30px;
color: #2a2a2a;
font-weight: bold;
top: 40px;
}
.adaptive-menu__column {
padding: 0 30px 0 30px;
}
.adaptive-menu__column:nth-child(2) {
padding-left: 0;
}
.adaptive-menu__column-title {
font-weight: bold;
font-size: 14px;
line-height: 14px;
color: #959595;
text-transform: uppercase;
padding: 7px 0;
}
.adaptive-menu__column-title.submenu__column-title-black {
color: #000;
}
.adaptive-menu__column-link {
text-decoration: none;
color: #2a2a2a;
display: inline-block;
padding: 7px 0;
transition: color .2s ease-in-out;
font-size: 14px;
}
.adaptive-menu__column-link:hover {
color: rgba(11, 89, 234, 1);
}
.adaptive-menu__column-count {
color: #999;
}
.adaptive-menu__column-links {
margin: 0;
padding: 7px 0;
}
.adaptive-menu__column-item {
padding: 0 0 30px 0;
}
.adaptive-menu__column.submenu__column-border {
border-left: solid 1px #EEE;
padding-left: 30px;
}
.submenu__column-link-blue {
color: rgba(11, 89, 234, 1);
transition: color .2s ease-in-out;
}
.submenu__column-link-blue:hover {
color: #266ca6;
}
.adaptive-menu__item.adaptive-menu__item-active {
background-color: #fff;
border-right: 3px solid rgba(11, 89, 234, 1);
}
.adaptive-menu__item.adaptive-menu__item-active > .adaptive-menu__wrap a, .adaptive-menu__item.adaptive-menu__item-active > .adaptive-menu__wrap span {
color: rgba(11, 89, 234, 1);
}
.adaptive-menu__column-list {
padding: 0;
}
body.adaptive-menu__bg header {
z-index: 100000;
}
body.adaptive-menu__bg {
overflow: hidden;
}
body.adaptive-menu__bg:after {
content: ' ';
opacity: .2;
z-index: 10000;
visibility: visible;
}
.adaptive-menu__dropdown {
padding: 0;
opacity: 0;
position: absolute;
max-height: 0px;
visibility: hidden;
transition: 1s ease max-height;
}
.adaptive-menu__dropdown.adaptive-menu__dropdown-active {
opacity: 1;
visibility: visible;
position: static;
max-height: 1200px;
}
.adaptive-menu__dropdown .adaptive-menu__item {
padding-left: 22px;
font-size: 12px;
}
.adaptive-menu__dropdown .adaptive-menu__item:first-child {
margin-top: 7px;
}
.adaptive-menu__item.dropdown-item > .adaptive-menu__wrap .adaptive-menu__link:after {
content: '';
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0px;
border: 2px solid #959595;
border-bottom: 0;
border-right: 0;
transform: rotate(135deg);
left: -20px;
transition: transform .5s ease;
}
.adaptive-menu__item.dropdown-item.dropdown-active > .adaptive-menu__wrap .adaptive-menu__link:after {
transform: rotate(225deg);
}
.first-level {
padding-right: 100px;
border-right: 3px solid #f9f9f9;
}
.first-level > .adaptive-menu__link {
margin-left: 20px;
width: initial;
}
.adaptive-menu__link {
display: block;
}
.first-level > .adaptive-menu__count {
display: inline-block;
}
.first-level:hover {
background-color: #fff;
border-right: 3px solid rgba(11, 89, 234, 1);
}
.adaptive-menu__dropdown .adaptive-menu__item {
padding-top: 6px;
padding-bottom: 6px;
}
.adaptive-menu .adaptive-menu__navigation, .adaptive-menu .mobile-menu__search, .adaptive-menu .mobile-menu__second {
display: none;
}
.show_in_mobile {
display: none;
}
.show_in_mobile .adaptive-menu__link {
position: relative;
color: #ed2b32;
padding-left: 25px !important;
}
.show_in_mobile .adaptive-menu__link:before {
content: '';
width: 18px;
height: 18px;
left: 0;
top: -2px;
position: absolute;
background-position: -211px -52px;
background-image: url('/local/templates/topsantehnika/images/icons/sprite.svg');
}
.mobile-menu__search {
padding: 20px 20px;
}
.mm-navigation__left {
display: flex;
}
.mm-navigation__btn {
cursor: pointer;
position: relative;
padding: 10px 20px 10px 50px;
}
.btn-info {
background: rgba(237, 43, 50, .12);
color: #2A2A2A;
}
.mm-navigation__btn:before {
content: '';
position: absolute;
left: 19px;
top: 10px;
width: 18px;
height: 18px;
background-position: -47px -133px;
background-repeat: no-repeat;
}
.mm-navigation__btn:not(.mm-navigation__btn_active) {
background: transparent;
}
.mm-navigation__btn_serviÑes:before {
background-position: -46px -10px;
}
.mm-navigation__btn:before {
content: '';
position: absolute;
left: 19px;
top: 10px;
width: 18px;
height: 18px;
background-position: -47px -133px;
background-repeat: no-repeat;
}
.mm-navigation__close:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 23px;
height: 23px;
background-position: -9px -9px;
background-repeat: no-repeat;
}
.mm-navigation__close:hover .mm-navigation__close:before {
background-position: -9px -49px;
}
.icon-bg, .icon-before:before {
content: '';
background-image: url('/local/templates/topsantehnika/images/icons/sprite.svg');
}
.mm-navigation__close {
width: 23px;
height: 23px;
cursor: pointer;
position: relative;
}
.mm-menu .mm-submenu {
display: block;
background: #f9f9f9;
border-top: solid 6px #e3e3e3;
}
.mm-submenu__link {
padding: 16px 0 16px 20px;
border-bottom: solid 1px #eee;
color: #666;
text-decoration: none;
font-size: 14px;
line-height: 14px;
}
.mm-submenu__item .phone {
text-decoration: none;
width: 100%;
display: inline-block;
font-weight: bold;
font-size: 16px;
color: #2a2a2a;
padding: 7px 0 7px 45px;
}
.mm-submenu__item .phone.icon-before:before {
content: '';
position: absolute;
left: 20px;
top: 8px;
width: 18px;
height: 18px;
background-position: -47px -174px;
background-repeat: no-repeat;
}
.mm-submenu__item .phone.icon-before {
position: relative;
}
.mm-submenu__item_phones {
padding-top: 7px;
}
.active-link {
color: rgba(11, 89, 234, 1)!important;
}
@media (max-width: 1400px) {
.first-level {
padding-right: 80px;
}
}
@media (max-width: 1240px) {
.first-level {
padding-right: 60px;
}
.adaptive-menu__column {
padding: 0 20px 0 20px;
}
}
@media (max-width: 998px) {
.first-level > .adaptive-menu__wrap a {
font-size: 14px;
}
.adaptive-menu__column-count {
display: none;
}
.adaptive-menu__count {
display: none;
}
.show_in_mobile {
display: block;
}
.adaptive-menu-btn {
background: none !important;
}
.adaptive-menu-btn.adaptive-menu-btn__active .burger__line:nth-child(3) {
transform: translateY(-10px) translateZ(0) rotate(-45deg);
}
.adaptive-menu {
position: fixed;
display: block;
opacity: 1;
top: 0;
right: 0;
left: 0;
bottom: 0;
-moz-transform: translate3d(0,-100%,0);
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease,-webkit-transform .4s ease;
width: 100vw;
overflow-y: scroll;
overflow-x: hidden;
}
.adaptive-menu__active {
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.adaptive-menu .mobile-menu__second {
display: block;
}
.adaptive-menu .mobile-menu__search {
display: block;
}
.adaptive-menu .adaptive-menu__navigation {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background: #fafafa;
position: sticky;
right: 0;
left: 0;
top: 0;
z-index: 10;
}
.adaptive-menu__bg {
overflow: hidden;
}
.adaptive-menu__list {
padding: 0;
width: 100%;
border-bottom: solid 6px #e3e3e3;
}
.adaptive-menu__submenu {
margin-right: 0;
width: 100%;
max-height: initial;
min-height: 150%;
display: none;
visibility: visible;
opacity: 1;
}
.adaptive-menu__container {
overflow: hidden;
}
.adaptive-menu__item {
border: none;
padding: 15px 20px 15px 20px;
font-size: 14px;
line-height: 14px;
color: #2a2a2a;
background-color: #fff;
border-bottom: 1px solid #eee;
}
.adaptive-menu__item:hover > a {
color: #2a2a2a;
}
.adaptive-menu__item:hover > span {
color: #999;
}
.adaptive-menu__link {
display: inline-block;
width: 100% !important;
position: relative;
padding: 0 !important;
}
.adaptive-menu__dropdown .adaptive-menu__item:first-child {
margin-top: 0;
}
.first-level:hover, .adaptive-menu__item.adaptive-menu__item-active {
background-color: #fff;
border-right: none;
border-bottom: 1px solid #eee;
}
.adaptive-menu .callBack {
padding: 7px 0 7px 20px;
}
.adaptive-menu__link:after {
right: 0px;
left: initial !important;
}
.first-level:after {
display: none;
}
.adaptive-menu__dropdown {
position: absolute;
bottom: 0;
top: 59px;
left: 0;
right: 0;
padding: 0;
opacity: 1;
max-height: initial;
visibility: visible;
background: #fff;
display: none;
z-index: 4;
}
.adaptive-menu__container {
position: static;
}
.adaptive-menu__dropdown.adaptive-menu__dropdown-active {
position: absolute;
max-height: none;
display: block;
}
.adaptive-menu__dropdown .adaptive-menu__item {
font-size: 14px;
color: #2A2A2A;
padding: 15px 10px 15px 20px;
}
.adaptive-menu__item:hover > .adaptive-menu__link-all {
color: rgba(11, 89, 234, 1);
}
.adaptive-menu__link-all {
color: rgba(11, 89, 234, 1)!important;
}
.adaptive-menu__dropdown-title {
background: #fafafa;
display: flex;
align-items: center;
justify-content: center;
color: #2a2a2a;
height: 45px;
font-size: 16px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
position: relative;
}
.adaptive-menu__dropdown-title:before {
content: '';
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
border: 2px solid #666;
border-bottom: 0;
border-right: 0;
transform: rotate(-45deg);
left: 23px;
right: auto;
}
.adaptive-menu__dropdown .adaptive-menu__item:last-child {
border-bottom: none;
}
.second-level > .adaptive-menu__link {
display: inline-block;
}
.adaptive-menu__dropdown .adaptive-menu__item {
padding: 15px 20px 15px 20px;
}
.second-level .adaptive-menu__link:after {
content: '';
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0px;
border: 2px solid #959595;
border-bottom: 0;
border-right: 0;
right: 0px;
transform: rotate(135deg);
left: initial !important;
}
.adaptive-menu__submenu.adaptive-menu__submenu-active {
display: flex;
}
.adaptive-menu__title {
display: none;
}
.adaptive-menu__submenu {
padding: 0;
flex-direction: column;
overflow: hidden;
}
.adaptive-menu__column {
padding: 0;
margin: 0;
}
.adaptive-menu__column.submenu__column-border {
border: none;
padding: 0;
}
.adaptive-menu__column-item {
background-color: #fff;
border-bottom: 1px solid #eee;
padding: 15px 20px 15px 20px;
}
.adaptive-menu__column-title {
position: relative;
padding: 0;
font-weight: 600;
text-transform: initial;
line-height: 14px;
color: #2a2a2a;
width: 100%;
display: inline-block;
}
.adaptive-menu__column-title.show-title {
font-weight: 400;
}
.adaptive-menu__column-links.show-links {
height: 100%;
z-index: 4;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
background: #fff;
padding: 0;
}
.show-links.adaptive-menu__column-links-active {
display: block;
}
.show-links .adaptive-menu__column-link {
border-bottom: 1px solid #eee;
}
.submenu__column-links.show-links .submenu__column-link-wrap:last-child .submenu__column-link {
padding-bottom: 15px;
}
.adaptive-menu__column-link {
display: inline-block;
width: 100%;
padding: 15px 20px 15px 20px;
}
.adaptive-menu__column-title.show-title:after {
content: '';
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0px;
border: 2px solid #959595;
border-bottom: 0;
border-right: 0;
right: 0px;
transform: rotate(135deg);
left: initial !important;
}
.submenu__column-links .submenu__column-link-wrap:last-child .submenu__column-link {
padding-bottom: 0;
}
.submenu__column-link-blue {
color: #2A2A2A;
}
.adaptive-menu__link:hover {
color: rgba(11, 89, 234, 1)!important;
}
.first-level > .adaptive-menu__link {
margin: 0;
}
}
/* Стили фильтра на мобилке */
.mm-menu {
--mm-color-background: #fff;
--mm-listitem-size: 50px;
--mm-color-border: #EEEEEE;
--mm-color-text: #2A2A2A;
--mm-color-text-dimmed: #2A2A2A;
--mm-color-button: #666;
}
#mm-1 .mm-navbar {
display: none;
}
.mobile-menu.mm-menu_position-bottom.mm-menu_opened,
.mobile-menu.mm-menu_position-front.mm-menu_opened,
.mobile-menu.mm-menu_position-top.mm-menu_opened {
z-index: 3;
}
.mm-menu .mm-panel:after {
display: none;
}
.mm-listitem__text {
font-size: 14px;
line-height: 14px;
color: #2A2A2A;
}
.mm-menu .mm-listitem:after {
left: 0;
}
.mm-menu .mm-listitem:last-child:after {
border: 0;
}
.mm-menu .mm-navbar {
background: #fafafa;
}
.mobile-menu.mm-menu_fullscreen.mm-menu_position-top {
height: auto;
}
.mm-page.mm-slideout {
position: revert;
}
.mm-submenu__working-hours {
padding-left: 20px;
padding-right: 20px;
padding-top: 7px;
padding-bottom: 15px;
font-size: 12px;
line-height: 14px;
color: #666;
}
.mobile-menu__link-text {
font-size: 14px;
line-height: 14px;
color: #2A2A2A;
}
.mobile-menu.mm-menu a.mobile-menu__link_active,
.mobile-menu__link-text_active {
color: #266CA6;
}
.mobile-menu__link-count {
font-size: 14px;
line-height: 14px;
color: #999999;
}
.mobile-menu__search {
padding: 20px 20px;
}
.mobile-menu.mm-menu a.mobile-menu__link-category-name:visited,
.mobile-menu.mm-menu a.mobile-menu__link-category-name {
color: rgba(11, 89, 234, 1);
}
/*region mm-navigation*/
.mm-menu .mm-navigation {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
}
.mm-navigation__left {
display: flex;
}
.mm-navigation__btn {
cursor: pointer;
position: relative;
padding: 10px 20px 10px 50px;
}
.mm-navigation__btn:not(.mm-navigation__btn_active) {
background: transparent;
}
.mm-navigation__btn:before {
content: '';
position: absolute;
left: 19px;
top: 10px;
width: 18px;
height: 18px;
background-position: -47px -133px;
background-repeat: no-repeat;
}
.mm-navigation__btn:hover .mm-navigation__btn:before {
background-position: -49px -144px;
}
.mm-navigation__btn_serviÑes:before {
background-position: -46px -10px;
}
.mm-navigation__btn:hover .mm-navigation__btn:before {
background-position: -46px -28px;
}
.mm-navigation__close {
width: 23px;
height: 23px;
cursor: pointer;
position: relative;
}
.mm-navigation__close:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 23px;
height: 23px;
background-position: -9px -9px;
background-repeat: no-repeat;
}
.mm-navigation__close:hover .mm-navigation__close:before {
background-position: -9px -49px;
}
/*endregion mm-navigation*/
/*region mm-submenu*/
.mm-menu .mm-submenu {
display: block;
background: #F9F9F9;
border-top: solid 6px #E3E3E3;
}
.mm-submenu__link {
padding: 16px 0 16px 20px;
border-bottom: solid 1px #eee;
color: #666;
text-decoration: none;
font-size: 14px;
line-height: 14px;
}
.mm-submenu__item_phones {
padding-top: 7px;
}
.mm-menu .mm-submenu__item .callBack:visited,
.mm-menu .mm-submenu__item .callBack {
font-size: 14px;
line-height: 14px;
color: rgba(11, 89, 234, 1);
padding: 7px 0 7px 20px;
}
.mm-submenu__item .phone {
width: 100%;
display: inline-block;
font-weight: bold;
font-size: 16px;
color: #2A2A2A;
padding: 7px 0 7px 45px;
}
.mm-submenu__item .phone.icon-before {
position: relative;
}
.mm-submenu__item .phone.icon-before:before {
content: '';
position: absolute;
left: 20px;
top: 8px;
width: 18px;
height: 18px;
background-position: -47px -174px;
background-repeat: no-repeat;
}
/*endregion mm-submenu*/
/*region icons*/
.mobile-menu.mm-menu .icon-mobile-sale,
.icon-mobile-sale {
color: #ED2B32;
padding-left: 25px;
position: relative;
}
.icon-mobile-sale:before {
content: '';
width: 18px;
height: 18px;
left: 0;
top: 0;
position: absolute;
background-position: -211px -52px;
}
/*endregion icons*/
/* End */
/* Start:/local/templates/topsantehnika/components/bitrix/menu/mobile-second/style.css?1688457741347*/
.mobile-second {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 18px;
padding-bottom: 20px;
}
.mobile-second__item {
list-style: none;
padding: 16px 0 16px 20px;
border-top: solid 1px #eee;
}
.mobile-second__link {
color: #666;
text-decoration: none;
font-size: 14px;
line-height: 14px;
}
/* End */
/* Start:/local/templates/topsantehnika/components/bitrix/menu/left/style.css?1605173613581*/
/* Left menu*/
ul.left-menu
{
list-style:none;
margin:0; padding:0;
margin-bottom:8px;
position: relative; /*IE bug*/
}
ul.left-menu li
{
padding: 10px 16px;
background:#F5F5F5 url(/local/templates/topsantehnika/components/bitrix/menu/left/images/left_menu_bg.gif) top repeat-x;
}
ul.left-menu li a
{
font-size:100%;
color:#BC262C;
font-weight:bold;
text-decoration:none;
}
ul.left-menu li a:visited
{
color:#BC262C;
}
ul.left-menu li a:hover
{
color:#BC262C;
}
ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
color:#FC8D3D;
}
/* End */
/* Start:/local/templates/topsantehnika/components/bitrix/breadcrumb/.default/style.css?16860813172940*/
.product .page__bredCrumb .articul {
color: #8e8888;
font-size: 12px;
min-width: 160px;
}
.product .page__bredCrumb .articul span {
color: #fff;
font-weight: bold;
background-color: #4a4a4a;
line-height: 17px;
padding: 0 12px;
border-radius: 8px;
margin-left: 12px;
}
.product .page__bredCrumb {
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
padding: 20px 0 20px 0;
}
.breadcrumb {
font-family: 'Arimo', sans-serif;
color: #888888;
font-size: 12px;
padding: 20px 0 5px 0;
}
.breadcrumb__item {
position: relative;
display: inline-block;
outline: none;
margin-right: 0;
}
.breadcrumb__title,
.breadcrumb__link {
color: #888888;
text-decoration: none;
}
.breadcrumb__link:hover .breadcrumb__title,
.breadcrumb__link:hover {
text-decoration: underline;
color: #3f6bdb;
}
.breadcrumb a:first-child i {
display: inline-block;
background-repeat: no-repeat;
background-position: -182px -10px;
width: 13px;
height: 12px;
margin-right: 15px;
}
.breadcrumb a:first-child:hover i {
background-position: -182px -42px;
}
.breadcrumb__title_main {
position: relative;
padding-left: 23px;
}
.breadcrumb__title_main:before {
content: '';
position: absolute;
top: 1px;
width: 13px;
height: 13px;
left: 0;
background-position: -49px 52px;
}
.breadcrumb__item .arrow {
display: inline-block;
margin-left: 3px;
}
.breadcrumb__dropdown {
display: none;
position:absolute;
left: 19px;
width: 180px;
margin: 0;
padding: 0;
list-style: none;
background: #f9f9f9;
border: 1px solid #ebebeb;
z-index: 5;
}
.breadcrumb__dropdown li:not(:last-child) {
border-bottom: 1px solid #ebebeb;
}
.breadcrumb__dropdown li a {
display: block;
padding: 5px 10px;
color: inherit;
text-decoration: inherit;
}
.breadcrumb__dropdown li a:hover {
color: #3f6bdb;
/* text-decoration: underline; */
background: #fff;
}
.breadcrumb__item:hover .breadcrumb__dropdown {
display: block;
}
@media (max-width: 1240px) {
.product .page__bredCrumb {
padding: 10px 0;
}
.product .page__bredCrumb .articul {
display: none;
}
.product .page__bredCrumb .addCompare {
display: none;
}
.breadcrumb {
width: 100%;
overflow: hidden;
position: relative;
overflow-x: scroll;
display: inline-block;
white-space: nowrap;
padding-bottom: 5px;
}
.breadcrumb,
.breadcrumb a {
font-size: 12px;
}
.breadcrumb a:first-child i {
display: none;
}
}
@media (max-width: 768px) {
.product .page__bredCrumb {
height: auto;
}
.product .page__bredCrumb .articul, .product .page__bredCrumb .articul span {
font-size: 12px;
}
}
/* End */
/* Start:/local/components/tn/location/templates/.default/style.css?16878756453186*/
.location-modal {
position: relative;
}
.location-modal__link {
position: relative;
}
.location-modal__btn {
display: flex;
align-items: center;
cursor: pointer;
font-size: 14px;
font-family: 'Arimo', sans-serif;
text-decoration: none;
color: #2A2A2A;
padding-right: 20px;
position: relative;
white-space: nowrap;
}
.location-modal__btn:hover,
.location-modal__btn:active {
color: #487af4;
}
.location-modal__btn-icon {
display: inline-block;
position: relative;
width: 14px;
height: 18px;
margin-right: 5px;
}
.location-modal__btn-icon:before {
content: '';
position: absolute;
left: 0;
width: 14px;
height: 18px;
background-repeat: no-repeat;
background-position: -48px -218px;
}
.location-modal__link:hover .location-modal__btn-icon:before,
.location-modal__link:active .location-modal__btn-icon:before {
background-position: -48px -241px;
}
.location-modal__cities {
list-style: none;
padding: 20px 0 40px 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5px;
}
.location-modal__list {
list-style: none;
padding: 0;
margin: 0;
}
.location-modal__list:nth-child(1) .location-modal__item:nth-child(-n+4) {
/*font-weight: bold;*/
}
.location-modal__item-link:visited,
.location-modal__item-link,
.location-modal__item {
cursor: pointer;
transition: all 0.1s ease-in-out;
font-family: 'Arimo', sans-serif;
font-size: 14px;
color: #2A2A2A;
text-decoration: none;
}
.location-modal__item-link:hover,
.location-modal__item:hover,
.location-modal__item:active {
color: #487af4;
}
.location-modal__search {
padding: 0 30px 20px 0;
}
.location-modal__redirect {
display: none;
position: absolute;
z-index: 1;
min-width: 200px;
top: 25px;
background: #fff;
border-radius: 5px;
padding: 10px 20px;
}
.location-modal__redirect_open {
display: block;
background: #f9f8f8;
border: 1px solid #f2f2f2;
}
.location-modal__redirect-text {
text-align: center;
padding: 5px 0 5px 0;
color: #2a2a2a;
font-size: 14px;
font-weight: bold;
}
.location-modal__redirect-btn {
padding: 5px;
}
.location-modal__redirect-link:visited,
.location-modal__redirect-link,
.location-modal__redirect-btn {
display: inline-block;
font-size: 12px;
font-weight: bold;
color: #3f6bdb;
text-decoration: none;
cursor: pointer;
}
.location-modal__redirect-link:hover,
.location-modal__redirect-btn:hover {
text-decoration: underline
}
.mobile__menu .location-modal__redirect {
display: none;
}
.location-modal__link {
max-width: 195px;
width: 100% !important;
}
@media (max-width: 998px) {
.location-modal__redirect_open {
position: relative;
padding: 0 0 20px 0;
border: none;
background: transparent;
}
.location-modal__redirect-text {
text-align: left;
}
.location-modal__redirect-btn {
padding-left: 0;
padding-right: 10px;
}
}
@media (max-width: 400px) {
.location-modal__cities {
display: block;
}
}
/* End */
/* Start:/local/templates/topsantehnika/components/bitrix/sale.location.selector.search/location/style.min.css?16238472231582*/
.bx-sls-top{display:flex;align-items:center;justify-content:space-between;border:1px solid #ccc;height:45px;border-radius:22px;position:relative}.bx-sls-top input[type="text"]{border:0;background:0;height:100%;padding-left:52px;width:84%;font-size:14px;color:#3b3a3a;font-family:'Arimo',sans-serif;background:url('/bitrix/templates/topsantehnika/images/ico_search-black.png') left 20px center no-repeat}.bx-sls-top input[type="submit"]{border:0;border-radius:22px;width:65px;height:45px;cursor:pointer;background-color:#f02b37;color:#fff;font-size:14px;font-weight:bold}.bx-sls-top input[type="text"]{font-size:12px}.bx-sls-top .bx-ui-sls-container{min-height:45px}.bx-sls-top .bx-ui-sls-route{position:absolute;top:0}.bx-sls-top .bx-ui-sls-fake{position:absolute;top:0}.bx-sls-top .bx-ui-sls-pane{position:absolute}.bx-sls-top .bx-ui-sls-pane{max-height:300px;background-color:#fff;z-index:999;border:1px solid #87919c;border-radius:2px;width:100%;padding:5px 5px 3px 5px}.bx-sls-top .dropdown-block{width:100%}.bx-sls-top .bx-ui-sls-error{color:red}.bx-sls-top .dropdown-item{padding:10px 10px}.bx-sls-top .dropdown-item:hover{background-color:#e0e8ea;cursor:pointer}.bx-sls-top .dropdown-item-text{color:#aba8ac;font-family:'Arimo',sans-serif}.bx-sls-top .dropdown-item-text span{color:#25282c}#bx-sls-top-select-city{border:0;border-radius:22px;width:65px;height:45px;cursor:pointer;background-color:#f02b37;color:#fff;font-size:14px;font-weight:bold}#bx-sls-top-select-city:hover,#bx-sls-top-select-city:focus{opacity:.8}#bx-sls-top-select-city:disabled{cursor:auto;opacity:.6}
/* End */
/* Start:/local/templates/topsantehnika/components/bitrix/menu/bottom/style.css?17434248461018*/
.footer-menu {
padding: 0 0 10px 0;
margin: 0;
width: 100%;
display: table;
}
.footer-menu__item {
list-style: none;
float: left;
width: 50%;
padding: 10px 0 10px 0;
}
.footer-menu__link:visited,
.footer-menu__link {
font-size: 12px;
font-weight: bold;
color: #3f6bdb;
text-decoration: none;
text-transform: uppercase;
}
.footer-menu__link:hover,
.footer-menu__link:focus,
.footer-menu__link:active,
.footer-menu__link_selected {
color: rgba(11, 89, 234, 1);
border-bottom: solid 1px rgba(11, 89, 234, 1);
}
.footer-menu__link_js {
cursor: pointer;
}
.mobile__menu-bottomMenu {
display: block;
}
.mobile__menu-bottomMenu .footer-menu {
width: 100%;
padding-bottom: 20px;
}
@media (max-width: 992px) {
.footer-menu {
padding: 0;
}
.footer-menu__item {
padding: 5px 0 5px 0;
}
}
@media (max-width: 360px) {
.footer-menu__link:visited,
.footer-menu__link {
text-transform: none;
}
}
/* End */
/* Start:/local/templates/topsantehnika/components/bitrix/news.list/brands_list_footer/style.css?16920224951485*/
.brands-list {
margin: 0 -5px;
}
.brands-list__list {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
}
.brands-list__item {
width: calc(100% / 10);
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.brands-list__link {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
padding: 35px 15px;
border-radius: 6px;
}
.brands-list__link:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
}
.brands-list__link:hover:after {
transition: all ease-in-out .2s;
box-shadow: 0 6px 12px rgba(42, 42, 42, 0.15);
border-radius: 5px;
}
.brands-list__img {
max-width: 100%;
}
.brands-list__item-last {
display: none;
}
@media (max-width: 998px) {
.brands-list__item {
width: calc(100% / 7);
}
.brands-list__item-last {
display: flex;
}
}
@media (max-width: 560px) {
.brands-list__item {
width: calc(100% / 5);
}
.brands-list__item-last {
display: none;
}
}
@media (max-width: 440px) {
.brands-list__item {
width: calc(100% / 3);
}
}
.brand-footer {
text-decoration: none;
text-align: center;
border: 1px solid transparent;
}
.brand-footer.all {
color: red;
}
.brand-footer.all:hover {
border-bottom: solid 1px red;
}
/* End */
/* Start:/local/templates/topsantehnika/styles.css?17474755734803*/
/**/
.slider-product .swiper {
height: 100%;
}
.slider-product .swiper-wrapper {
display: flex;
align-items: stretch;
}
.slider-product .swiper-slide {
height: auto !important;
}
.slider-product .product.product_slide {
display: flex;
flex-direction: column;
height: 100%;
}
.slider-product .product-center {
flex-grow: 1;
}
.slider-product .product-end-right {
margin-top: auto;
}
.js-add-set-no .add-set__icon {
background: #b3b3b3;
}
.js-add-set-no .add-set__icon:before {
transform: rotate(45deg);
transform-origin: center; /* Вращение вокруг центра */
}
.button_red.cart-disable {
background: #7e7e7e;
cursor: not-allowed;
}
.button_red.cart-disable:hover {
background: #7e7e7e;
}
span.tooltip-content li {
padding-left: 5px;
list-style-type: none;
}
.card-set__item {
position: relative;
padding-bottom: 63px;
}
.add-set {
position: absolute;
bottom: 28px;
}
.card-promo .color-red {
padding-top: 10px;
}
table.table tbody:nth-child(2n) {
background: #fafbfc;
}
table.table tbody tr:last-child th {
background: #fff;
}
@media (max-width: 991px) {
.tab-item__content {
width: 100%;
}
.breadcrumb__item .arrow {
display: none;
}
.compare__page .card-line.mar-30 {
margin: 15px 0;
background: #EEEEEE;
}
}
@media (max-width: 1200px) {
.favorite-helper__items {
width: 100%;
position: relative;
display: inline-block;
white-space: nowrap;
overflow: auto;
}
.favorite-helper__item {
display: inline-block;
padding: 5px;
width: auto;
}
}
.favorite-btns {
position: relative;
}
.favorite-btns .btn-clear-all {
position: absolute;
right: 0;
top: 0;
background-color: #fff;
padding: 7px;
color: #000;
border-radius: 4px;
border: 1px solid #000;
margin-right: 20px;
font-weight: 500;
text-decoration: none;
transition: all 0.25s linear;
cursor: pointer;
}
.favorite-btns .sub-count {
color: #767676;
}
.sort-sale-panel .catalog-view {
margin-left: auto;
}
.ci-line__order-block {
min-width: 46px;
}
.product-slide-condition.size-12 {
min-height: 17px;
}
.swiper-initialized .product-slide-condition.size-12 {
min-height: unset;
}
/*.product-slide-other.size-12 {
min-height: 18px;
}*/
.fixed-panel-card.active {
z-index: 8;
}
.footer {
position: relative;
z-index: 9;
}
.card-event-price {
position: relative;
}
.card-event-logo {
top: 10px;
}
.catalogPage[data-position=list] .price-block_wrap {
min-width: 210px;
margin-left: 10px;
}
.tab-item__position_certf {
max-width: 300px;
margin-left: 0;
}
@media (max-width: 998px) {
.favorite-btns .btn-clear-all {
top: -60px;
font-size: 14px;
padding: 5px;
margin-right: 0;
font-weight: 500;
}
}
@media (max-width: 759px) {
.favorite-btns .btn-clear-all {
top: -60px;
font-size: 11px;
padding: 5px;
margin-right: 0;
font-weight: 500;
}
.favorite-h1 .sub-title-of-h1 {
font-size: 12px;
color: #9FA19F;
font-weight: 400;
position: absolute;
top: 35px;
left: 0;
}
.header-h1_v1.favorite-h1 {
position: relative;
padding-bottom: 3px;
}
.set-swiper__container .swiper-arrow-right {
right: -5px;
}
.set-swiper__container .swiper-arrow-left {
left: -5px;
}
.set-swiper__container .swiper-arrow {
top: calc(40% - 20px);
}
}
@media (max-width: 425px) {
.tab-item__position_certf {
max-width: 100%;
margin-left: 0;
}
}
.manufacturers-content-wrap-flex {
display: flex;
gap: 20px;
}
.certificate_wrap img {
max-width: 265px;
}
.manufacturers-content-wrap {
margin-bottom: 30px;
}
.manufacturers-detail img {
width: 100%;
border-radius: 15px;
}
@media (max-width: 768px) {
.manufacturers-content-wrap-flex {
display: flex;
flex-wrap: wrap;
}
.certificate_wrap{
order: 1;
}
.manufacturers-content {
order: 2;
}
.card-line_30.not-mobile{
display: none;
}
}
@media (max-width: 425px) {
.certificate_wrap img {
max-width: 100%;
}
}
.mm-submenu__item_phones a {
width: 100%;
display: inline-block;
font-weight: bold;
font-size: 16px;
color: #2A2A2A;
text-decoration: none;
}
.popular-seria-wrap {
margin-bottom: 50px;
margin-top: -50px;
}
.collection-main__pic {
justify-content: center;
border: solid 1px #eee;
border-radius: 10px;
max-width: 500px;
}
/* End */
/* Start:/local/templates/topsantehnika/template_styles.css?174703507428991*/
@media print {
body * {
visibility: hidden;
}
header, footer, .bredCrumb_articul, #panel {
display: none !important;
}
body main * {
visibility: visible;
}
body main .print, body main .choose {
visibility: hidden;
}
}
.catalog-items + .catalogPage__more {
margin: 1px auto;
}
.filter-filter-row.sect {
margin-bottom: 15px;
}
.smartfilter__value-link a {
color: #3b3a3a;
text-decoration: none;
font-size: 15px;
}
.ya-pay-widget {
margin-top: 0px !important;
margin-bottom: 5px !important;
width: 100% !important;
}
.ya-split__wrap {
padding: 0 0 10px;
gap: 5px;
display: flex;
flex-direction: column;
}
.ya-split__sets {
padding-top: 5px;
gap: 2px;
padding-bottom: 0;
}
.tab-content-button {
height: 60px;
line-height: 60px;
color: #3f83c5;
font-size: 0.9rem;
cursor: pointer;
border-top: 1px #ebebeb dashed;
}
.tab-content-button:first-child {
border: none
}
.tab-content-body {
display: none;
padding: 10px 0;
width: 100%;
}
.close-it-parent {
line-height: 28px;
background: #3f83c5;
border-radius: 50%;
color: #fff;
font-size: 20px;
padding: 0 5px;
float: right;
margin: 16px 5px 16px 0;
width: 28px;
height: 28px;
text-align: center;
}
.close-it-parent.clicked {
background: #a1a1a1;
}
table.custom-table {
max-width: 900px;
width: 100%;
font-size: 0.9rem;
border-collapse: collapse;
border: 1px solid #ebebeb;
}
table.custom-table thead th, table.custom-table tbody td {
font-size: 0.9rem;
padding: .5em .75em;
vertical-align: top;
border: 1px solid #ebebeb !important;
}
table.custom-table tbody tr:nth-child(even) td {
background: #fafbfc;
}
.collection-catalog-filter {
background: #EEEEEE;
}
.collection-catalog-grid {
display: grid;
grid-template-columns: 270px 1fr;
gap: 30px;
}
.collection-catalog-header {
display: flex;
gap: 5px;
align-items: center;
}
.collection-catalog-title {
font-family: 'Monserat Subrayada', sans-serif;
font-style: normal;
font-weight: 700;
line-height: 100%;
font-size: 26px;
line-height: 150%;
color: #404040;
}
.collection-catalog-amount {
font-family: 'Monserat Subrayada', sans-serif;
padding-top: 7px;
font-weight: 400;
font-size: 14px;
color: #999999;
}
.collection-catalog-tabs {
display: flex;
margin-top: 25px;
border-bottom: 1px solid #CCCCCC;
}
.collection-catalog-btn {
cursor: pointer;
font-weight: 400;
font-size: 18px;
color: #2A2A2A;
padding: 15px 20px;
}
.collection-catalog-btn span {
font-weight: 400;
}
.collection-catalog-btn.active {
background: #FAFAFA;
border-radius: 5px 5px 0px 0px;
font-weight: 600;
}
.collection-catalog-items {
width: 100%;
display: grid;
grid-template-columns: 25% 25% 25% 25%;
}
.collection-catalog-item {
margin-top: -1px;
border-top: 1px solid #EEEEEE;
}
.collection-catalog-wrap {
cursor: pointer;
border-radius: 5px;
display: flex;
height: 100%;
box-sizing: border-box;
justify-content: space-between;
flex-direction: column;
margin: 0 5px;
padding: 15px;
box-shadow: none;
transition: box-shadow .3s ease-in-out;
}
.collection-catalog-wrap:hover {
box-shadow: 0px 6px 12px rgba(42, 42, 42, 0.1);
}
.collection-catalog-picture-wrap {
opacity: 1;
transition: opacity .3s ease-in-out;
}
.collection-catalog-picture-wrap:hover {
opacity: .75;
}
.collection-catalog-name {
display: flex;
gap: 4px;
text-decoration: none;
align-items: flex-start;
font-weight: 700;
font-size: 16px;
color: #2A2A2A;
}
.collection-catalog-country {
margin-top: 10px;
display: flex;
gap: 4px;
align-items: center;
font-weight: 400;
font-size: 14px;
color: #2A2A2A;
}
.collection-catalog-company {
margin-top: 8px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
}
.collection-catalog-company span:first-child {
color: #999999;
}
.collection-catalog-picture {
width: 100%;
height: 200px;
margin: 15px 0;
object-fit: contain;
}
.collection-catalog-price {
font-weight: 400;
font-size: 22px;
color: #2A2A2A;
margin: 0;
}
.collection-catalog-size {
font-size: 14px;
color: #2A2A2A;
margin-top: 12px;
}
.collection-catalog-size span:first-child {
color: #999999;
}
.collection-catalog-preview {
margin: 15px 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
gap: 10px;
}
.collection-catalog-preview a, .collection-modal .collection-catalog-img-wrap a {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 50px;
overflow: hidden;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.collection-catalog-preview a:hover, .collection-modal .collection-catalog-img-wrap a:hover {
opacity: .75;
}
.collection-catalog-preview a img {
object-fit: contain;
height: 100%;
width: 100%;
}
.collection-catalog-more {
font-weight: 700;
font-size: 14px;
color: rgba(11, 89, 234, 1);
cursor: pointer;
padding: 0;
border: 0;
background: none;
}
.collection-catalog-filter-btn-wrap {
margin-top: 25px;
display: flex;
align-items: center;
justify-content: space-between;
}
.collection-catalog-filter-btn {
display: none;
font-weight: 700;
background: rgba(11, 89, 234, 1);
border-radius: 5px;
font-size: 16px;
padding: 5px 10px;
color: #FFFFFF;
}
.collection-modal {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100%;
height: 100%;
background-color: rgba(42, 42, 42, .5)
}
.collection-modal-dialog {
max-width: 670px;
width: 100%;
padding: 0 20px;
margin: 40px auto 0;
}
.collection-modal-content {
position: relative;
width: 100%;
padding: 40px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 4px;
max-height: 90vh;
overflow-y: auto;
}
.collection-modal-close {
position: absolute;
top: 18px;
right: 20px;
border: none;
background-color: transparent;
cursor: pointer;
}
.collection-modal .collection-catalog-name {
font-size: 22px;
}
.collection-modal .collection-catalog-country {
margin-top: 15px;
}
.collection-modal .collection-catalog-company {
margin-top: 12px;
}
.collection-modal .collection-catalog-picture {
height: 380px;
margin: 25px 0;
}
.collection-modal .collection-catalog-subtitle {
margin-top: 20px;
font-weight: 700;
font-size: 18px;
color: #2A2A2A;
padding: 0;
}
.collection-modal .collection-catalog-img-wrap {
margin-top: 10px;
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.collection-modal .collection-catalog-img-wrap img {
object-fit: contain;
width: 100%;
height: 100%;
}
.collection-modal-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.collection-modal-wrap a {
font-weight: 600;
text-decoration: none;
font-size: 14px;
color: rgba(11, 89, 234, 1);
cursor: pointer;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.collection-modal-wrap a:hover {
opacity: .75;
}
.collection-catalog-item:nth-child(1), .collection-catalog-item:nth-child(5), .collection-catalog-item:nth-child(3), .collection-catalog-item:nth-child(7) {
border: none;
}
@media (max-width: 998px) {
.collection-catalog-item:nth-child(1), .collection-catalog-item:nth-child(3) {
border: none;
}
.collection-catalog-item:nth-child(5), .collection-catalog-item:nth-child(7) {
border-top: 1px solid #EEEEEE;
}
.collection-catalog-wrap:hover {
box-shadow: none;
}
.collection-catalog-wrap {
margin: 0;
}
.collection-catalog-grid {
grid-template-columns: 1fr;
}
.collection-catalog-filter {
display: none;
}
.collection-catalog-filter-btn {
display: block;
}
.collection-catalog-items {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.collection-modal .collection-catalog-name {
font-size: 18px;
}
.collection-modal .collection-catalog-country {
margin-top: 10px;
}
.collection-modal .collection-catalog-company {
margin-top: 10px;
}
.collection-modal .collection-catalog-picture {
height: 280px;
margin: 20px 0;
}
.collection-modal .collection-catalog-subtitle {
margin-top: 15px;
font-size: 16px;
}
.collection-modal-content {
padding: 30px;
}
.collection-catalog-preview {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.collection-catalog-items {
grid-template-columns: 1fr 1fr;
}
.collection-catalog-amount {
padding-top: 5px;
}
}
@media (max-width: 580px) {
.collection-catalog-btn {
padding: 10px 0px;
text-align: center;
width: 50%;
font-size: 16px;
}
.collection-catalog-item:nth-child(2), .collection-catalog-item:nth-child(3), .collection-catalog-item:nth-child(4) {
border-top: 1px solid #EEEEEE;
}
.collection-modal-wrap {
flex-direction: column;
gap: 5px;
align-items: flex-start;
}
.collection-modal-content {
padding: 20px;
}
.collection-catalog-all {
padding: 8px 0;
}
.collection-catalog-pagination a.pagination-btn {
gap: 0px;
}
.collection-catalog-pagination a.pagination-btn span {
display: none;
}
.collection-catalog-preview {
gap: 10px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.collection-catalog-btn span {
font-size: 14px;
}
.collection-catalog-items {
grid-template-columns: 1fr;
}
}
.collections-items-wrap .catalogPage__more {
width: 180px;
margin: 0 auto;
color: #F02C37;
border-color: #F02C37;
}
.collections-items-wrap .catalogPage__more:hover {
border-color: #F02C37;
}
.catalogPage__more {
margin-top: 20px;
}
.location-modal__popup {
z-index: 100050;
}
.social__wrap {
display: flex;
gap: 5px;
align-items: center;
margin-left: auto;
margin-right: 10px;
}
.social__wrap a {
display: flex;
text-decoration: none;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.social__wrap a:hover {
opacity: .8;
}
.social__wrap.footer-wrap, .social__wrap.menu-wrap {
display: none;
}
@media (max-width: 998px) {
.social__wrap {
gap: 7px;
margin: 10px 0;
}
.social__wrap.menu-wrap {
padding-left: 20px;
}
.social__wrap.footer-wrap, .social__wrap.menu-wrap {
display: flex;
}
}
.check-availability__btn {
padding: 10px 25px;
}
.fraction-block {
display: none !important;
}
.related-block {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.related-items {
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
}
.related-item {
cursor: pointer;
position: relative;
background: #FFFFFF;
border: 1px solid #AEAEAE;
border-radius: 6px;
width: 64px;
height: 64px;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.related-item img {
border-radius: 6px;
width: 100%;
height: 100%;
object-fit: cover;
}
.related-item:hover {
opacity: .8;
}
.related-item.active {
border-color: #ED2B32;
}
.color-popover {
color: #2A2A2A;
box-sizing: border-box;
font-size: 12px;
display: none;
width: 64px;
position: absolute;
left: 0;
right: 0;
padding: 5px;
text-align: center;
bottom: -20%;
background: #fff;
box-shadow: 0px 6px 12px rgba(42, 42, 42, 0.1);
border-radius: 6px;
}
.related-item:hover .color-popover {
display: block;
}
#tracking-widget {
width: 100% !important;
}
.delivery-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 35px;
margin-bottom: 30px;
}
@media (max-width: 998px) {
.delivery-wrap {
gap: 0;
grid-template-columns: 1fr;
margin-bottom: 0px;
}
}
.gallery-banners {
height: 580px;
}
.gallery-banners__img {
height: 100%;
}
@media (max-width: 1500px) {
.gallery-banners {
height: 470px;
}
}
@media (max-width: 1200px) {
.gallery-banners {
height: 420px;
}
}
@media (max-width: 998px) {
.gallery-banners {
height: 350px;
}
}
@media (max-width: 768px) {
.gallery-banners {
height: 240px;
}
}
@media (max-width: 568px) {
.gallery-banners {
height: 150px;
}
}
.callBack {
cursor: pointer;
}
.modal {
z-index: 100050;
}
.coupon-block {
position: relative;
padding: 12px 24px;
border: 1px dashed #D0D0D0;
border-radius: 4px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.coupon-text {
font-weight: 700;
font-size: 12px;
line-height: 14px;
color: #000000;
}
.coupon-line {
position: absolute;
left: -2px;
width: 3px;
height: 45px;
display: block;
background: #FF9F10;
}
.coupon-price {
margin-top: 5px;
font-weight: 700;
font-size: 22px;
line-height: 25px;
color: #ED2B32;
}
.coupon-content {
cursor: pointer;
display: flex;
justify-content: space-between;
max-width: 240px;
padding: 10px 20px;
background: #F1F1F1;
border-radius: 10px;
width: 100%;
}
.coupon-content span {
font-size: 12px;
line-height: 14px;
color: #000000;
}
.coupon-block__wrap {
display: flex;
gap: 5px;
flex-direction: column;
}
.coupon {
font-weight: 700;
font-size: 14px;
line-height: 16px;
width: 100%;
color: #0D8BCD !important;
}
.coupon-block__descr {
margin: 15px 0 25px;
font-size: 12px;
line-height: 14px;
color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 998px) {
.coupon-block {
padding: 15px;
align-items: flex-start;
flex-direction: column;
}
.coupon-content {
max-width: 100%;
}
}
/* ÐÐ¾Ð²Ð°Ñ ÑˆÐ°Ð¿ÐºÐ° */
.header__top-right {
justify-content: flex-end;
}
.header__phone {
display: flex;
flex-direction: column;
}
.header__phone a {
padding: 0px;
font-size: 14px;
}
.header__feedback-form {
padding: 0;
}
.header__feedback-form span {
min-height: 42px;
color: #000;
border: 1px solid rgba(204, 204, 204, 1);
background: transparent;
}
.header__feedback-form span:hover {
background: transparent;
color: #000 !important;
border: 1px solid rgba(237, 43, 50, 1);
}
.main-menu-btn {
min-height: 42px;
}
.header__feedback-form span:hover {
color: #fff;
}
.header-btn {
padding: 10px;
border: 1px solid rgba(204, 204, 204, 1);
border-radius: 5px;
min-height: 42px;
min-width: 42px;
transition: all .3s ease-in-out;
}
.header-btn:hover {
border: 1px solid rgba(237, 43, 50, 1);
}
.header__order {
gap: 10px;
}
.header__search {
padding: 0px;
}
.header__middle-container, .header__catalog, .header__feedback {
gap: 20px;
}
.social__wrap {
margin: 0;
}
.header__logo {
padding-right: 0;
}
.basket-btn {
display: flex;
gap: 7px;
align-items: center;
}
.basket-btn span {
text-align: left;
font-size: 9px;
}
.basket-btn-wrap {
display: flex;
align-items: center;
min-width: 95px;
max-height: 42px;
height: 100%;
padding: 0 7px;
border: 1px solid rgba(237, 43, 50, 1);
}
.basket-btn-wrap.empty-basket {
border-color: rgba(245, 245, 246, 1);
background: rgba(245, 245, 246, 1);
}
.header-btn.mobile {
display: none;
}
.header__logo-img {
min-width: 160px;
}
/* Цена за наличные */
.price__another-text {
margin-top: 7px;
margin-bottom: -5px;
font-size: 12px;
min-height: 24px;
}
.catalog-item__price-block {
padding: 0 0 10px 0;
}
.price__another {
cursor: pointer;
margin-bottom: 10px;
font-size: 12px;
display: flex;
gap: 4px;
align-items: center;
/*min-height: 24px;*/
}
.price__another:hover svg circle {
fill: #000;
stroke: #000;
}
.price__another:hover svg path {
fill: #fff;
}
.price__another-wrap {
display: flex;
align-items: center;
position: relative;
}
.price__another-block {
display: none;
}
.price__another-block:before {
content: '';
width: 10px;
height: 10px;
background: rgba(72, 143, 200, 1);
display: block;
transform: rotate(45deg);
top: -5px;
right: 30px;
position: absolute;
}
.price__another:hover .price__another-block {
position: absolute;
box-sizing: border-box;
width: 140px;
right: -28px;
padding: 20px;
top: 175%;
color: #fff;
background: rgba(72, 143, 200, 1);
border-radius: 12px;
display: block;
z-index: 100;
}
.another-price__wrap {
display: flex;
gap: 80px;
align-items: center;
}
.another-price .product-cart__price {
font-size: 18px;
color: rgba(107, 107, 107, 1);
}
.price__another.dop {
margin-top: 2px;
margin-bottom: 10px;
}
.price__another.dop .price__another-block {
font-size: 10px;
}
@media (max-width: 768px) {
.another-price__wrap {
flex-direction: column;
align-items: flex-start;
gap: 0px;
}
}
@media (max-width: 1200px) {
.header__middle-container, .header__catalog, .header__feedback {
gap: 10px;
}
.header__order {
gap: 5px;
}
.header__feedback-form span {
padding: 10px;
}
.header__logo-img {
width: 156px;
}
.header__phone {
display: none;
}
}
@media (max-width: 998px) {
.header-btn.desktop {
display: none;
}
.header-btn.mobile {
display: block;
}
.header__feedback {
display: none;
}
.header__order {
gap: 0px;
}
.header-btn {
padding: 0 5px;
border: none;
border-radius: none;
min-height: initial;
min-width: initial;
}
.header__logo-img {
width: 100%;
max-width: 150px;
}
.callback-form, .callback-form:hover {
background: none;
}
}
.rek-text {
position: absolute;
bottom: 0;
left: 0;
font-size: 10px;
font-weight: 400;
padding: 2px 5px;
border-radius: 10px;
color: #fff;
backdrop-filter: blur(10px);
z-index: 1;
}
.popup {
position: fixed;
top: 0;
left: 0;
z-index: 10505040;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
}
.popup.active {
display: block;
}
.popup__wrap {
max-width: 600px;
margin: 120px auto
}
.popup-cart .popup__wrap {
margin: 60px auto;
max-width: 850px;
}
.popup-cart .popup__content {
overflow-x: auto;
max-height: 85vh;
}
.popup__content {
position: relative;
width: 100%;
padding: 40px;
background-color: #fff;
}
.popup__content .modal__title {
padding-bottom: 10px;
}
.modal-form__input.error {
border-color: #ED2B32;
}
.popup__success {
display: none;
}
.ci-add .product-slide-other {
margin-top: 8px;
}
.other_price {
justify-content: start;
align-items: center;
gap: 5px;
}
.other_price span {
font-size: 14px !important;
font-weight: 400 !important;
color: #888888;
}
@media (max-width: 998px) {
.popup-cart .popup__content {
overflow-x: auto;
}
.popup-text {
margin: -10px 0 15px;
}
.popup__content .modal__title {
font-size: 18px;
}
.btn-subscribe {
margin-top: 10px;
}
.popup__content .modal__content {
padding-bottom: 10px;
}
.popup__content {
padding: 25px 20px;
}
.popup__wrap {
padding: 0 15px;
}
.rek-text {
padding: 1px 4px;
border-radius: 5px;
font-size: 7px;
}
}
.header-btn_search .header-btn__qnt {
display: none;
}
/* v3 */
.product-slide-yandex {
flex-direction: column;
}
.product-slide-tag-promo.hidden {
display: none;
}
.product-pic img {
object-fit: contain;
}
.product-slide-info__country img {
width: 13px;
}
.product-slide-status_3 {
color: #F26C21;
}
.product-slide-status_3::before {
content: '';
background-size: auto;
display: block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: -111px -72px;
background-image: url('/local/templates/topsantehnika/images/icons/sprite.svg');
}
.tab-main:not(.tab-main__special) {
margin: 50px 0;
}
.tab-link, .catalog-view__item {
cursor: pointer;
}
.tab-main.ajax {
text-align: center;
}
h1.header-h1_v1 {
margin-top: 20px;
margin-bottom: 20px;
}
.card-event-package__item {
min-width: 50px;
}
.product-slide-event .button_red {
min-width: 124px;
width: 100%;
padding: 0px !important;
}
.catalog-items + .catalogPage__more {
margin-top: 30px;
}
.product-slide-info:not(.product-slide-info-tile) .product-slide-info__code {
display: none;
}
[data-position=list] .product-slide-info .product-slide-info__code {
display: block;
}
.product-pic:hover .button-fast {
opacity: 1;
}
.button-fast {
width: 144px;
font-size: 12px;
}
.card-head__country img {
width: 12px;
}
.card-slider__full img, .card-slider__small img {
width: 100%;
}
.card-slider__full {
padding: 0;
margin: 20px;
}
.modal {
z-index: 1000;
}
.fast-modal.active {
display: block;
}
.product-information {
margin-right: 10px;
}
.catalog-items_5 .product {
width: 20%;
}
.tabs-container {
white-space: nowrap;
overflow: auto;
}
.slider-product .swiper-pagination {
display: block;
}
.product-slider .swiper-pagination-bullet-active {
background: #ED2B32 !important;
}
.button-filter-item {
font-size: 13px;
}
.filter-reset {
text-decoration: none;
font-size: 13px;
}
.catalog-sort__list {
width: 100%;
}
.add-basket-modal__title {
margin-bottom: 20px;
margin-top: 10px;
}
.tooltip-content {
border-radius: 6px;
}
.popup-cart .modal__content {
padding-bottom: 0;
}
.loader-wrap {
z-index: 1000000000000;
display: none;
position: fixed;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(237, 43, 50, 0.075);
}
.preloader_wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(0 0 0 / 20%);
}
.preloader {
position: absolute;
width: 50px;
height: 50px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transform: rotate(-180deg);
}
/* Общие Ñтили Ð´Ð»Ñ Ð²Ñех кружков */
.circle {
position: absolute;
border-radius: 50%;
animation: moveInCircle 1.5s infinite ease-in-out;
opacity: .9;
}
/* Индивидуальные Ñтили Ð´Ð»Ñ ÐºÐ°Ð¶Ð´Ð¾Ð³Ð¾ кружка */
.circle1 {
width: 20px;
height: 20px;
background-color: #cb4900;
top: 15px;
left: 5px;
transform: translate(-50%, -50%);
animation: moveCircle1 1.5s infinite ease-in-out;
}
.circle2 {
width: 30px;
height: 30px;
background-color: #cb080f;
top: 0;
left: 10px;
transform: translate(-50%, -50%);
animation: moveCircle2 1.5s infinite ease-in-out;
}
.circle3 {
width: 30px;
height: 30px;
background-color: #0066b9;
top: 10px;
right: 0;
transform: translate(-50%, -50%);
animation: moveCircle3 1.5s infinite ease-in-out;
}
.circle4 {
width: 30px;
height: 30px;
background-color: #81bb05;
bottom: 0;
left: 10px;
animation: moveCircle4 1.5s infinite ease-in-out;
}
/* ÐÐ½Ð¸Ð¼Ð°Ñ†Ð¸Ñ Ð´Ð»Ñ Ð¿ÐµÑ€Ð²Ð¾Ð³Ð¾ кружка */
@keyframes moveCircle1 {
0% {
transform: rotate(0deg) translateX(20px) rotate(0deg);
}
100% {
transform: rotate(360deg) translateX(20px) rotate(-360deg);
}
}
/* ÐÐ½Ð¸Ð¼Ð°Ñ†Ð¸Ñ Ð´Ð»Ñ Ð²Ñ‚Ð¾Ñ€Ð¾Ð³Ð¾ кружка */
@keyframes moveCircle2 {
0% {
transform: rotate(0deg) translateY(20px) rotate(0deg);
}
100% {
transform: rotate(360deg) translateY(20px) rotate(-360deg);
}
}
/* ÐÐ½Ð¸Ð¼Ð°Ñ†Ð¸Ñ Ð´Ð»Ñ Ñ‚Ñ€ÐµÑ‚ÑŒÐµÐ³Ð¾ кружка */
@keyframes moveCircle3 {
0% {
transform: rotate(0deg) translateX(-20px) rotate(0deg);
}
100% {
transform: rotate(360deg) translateX(-20px) rotate(-360deg);
}
}
/* ÐÐ½Ð¸Ð¼Ð°Ñ†Ð¸Ñ Ð´Ð»Ñ Ñ‡ÐµÑ‚Ð²ÐµÑ€Ñ‚Ð¾Ð³Ð¾ кружка */
@keyframes moveCircle4 {
0% {
transform: rotate(0deg) translateY(-20px) rotate(0deg);
}
100% {
transform: rotate(360deg) translateY(-20px) rotate(-360deg);
}
}
svg.cart {
position: absolute;
transform: rotate(-180deg);
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 1300px) {
.catalog-items_5 .product {
width: 25%;
}
}
@media (max-width: 998px) {
.tab-main .swiper-pagination, .tab-main .swiper-sections {
display: none !important;
}
.catalog-items_5 .product {
width: calc(33% - 12px);
}
.button-fast, .modal.fast-modal {
display: none !important;
}
.product-slide-event .button_red {
min-width: initial;
width: 100%;
padding: 0px !important;
}
.notifyjs-tn-base, .notifyjs-tn-compare-base {
padding: 10px;
}
.notify-good__image {
max-height: 60px;
}
.notify-good__title {
font-size: 14px;
line-height: 120%;
}
.notify-good__description {
line-height: 120%;
font-size: 12px;
}
.card-main {
margin-top: 0px;
}
}
@media (max-width: 768px) {
.catalog-items_5 .product {
width: calc(50% - 12px);
}
.tab-main:not(.tab-main__special) {
margin: 30px 0;
}
.mus_buy_wrap[data-position=list] .product{
flex-direction: column;
}
.mus_buy_wrap[data-position=list] .product-end-right {
flex-shrink: unset;
margin-left: unset;
width: 100%;
}
.mus_buy_wrap[data-position=list] .product-slide-price {
margin-left: unset;
width: 100%;
}
}
@media (max-width: 480px) {
.catalog-items_5 .product {
width: 100%;
}
.filter-line {
margin-bottom: 0;
}
.catalog-list .product {
padding: 20px 0;
}
.tooltip-content {
left: -60px;
}
}
@media (max-width: 380px) {
.product-slide-event .button_red {
font-size: 9px;
}
}
.promo-wrap .card-promo:first-child {
margin-top: 0px;
}
.promo-wrap .card-promo:last-child {
margin-bottom: 20px;
}
/* End */
/* /local/js/ui/hint/ui.hint.min.css?16588277322245 */
/* /local/templates/topsantehnika/css/swiper-bundle.min.css?168608131717905 */
/* /local/templates/topsantehnika/css/slick.css?16051718171776 */
/* /local/templates/topsantehnika/css/product.css?17171672781258 */
/* /local/templates/topsantehnika/css/favorite.css?17434248462173 */
/* /local/templates/topsantehnika/css/notify.min.css?16553801731245 */
/* /local/templates/topsantehnika/css/jquery-ui.min.css?160517181732076 */
/* /local/templates/topsantehnika/css/detail.css?174342484651760 */
/* /local/templates/topsantehnika/css/style.css?1745927505184994 */
/* /local/templates/topsantehnika/css/other_style.css?174530111394340 */
/* /local/templates/topsantehnika/css/flag-icon.min.css?164069544837416 */
/* /local/templates/topsantehnika/css/kealabs.css?1743424846117 */
/* /local/assets/dist/main.css?16461429313424 */
/* /local/templates/topsantehnika/css/v3.css?1745927505102278 */
/* /local/templates/topsantehnika/components/bitrix/news.list/top_banners/style.css?16944431502200 */
/* /local/templates/topsantehnika/css/owl.carousel.min.css?16224632613227 */
/* /local/templates/topsantehnika/components/bitrix/menu/top/style.css?17435047332095 */
/* /local/components/tn/catalog.search.input/templates/.default/style.css?17434248461844 */
/* /local/templates/topsantehnika/components/bitrix/menu/main_new/style.css?174342484624207 */
/* /local/templates/topsantehnika/components/bitrix/menu/mobile-second/style.css?1688457741347 */
/* /local/templates/topsantehnika/components/bitrix/menu/left/style.css?1605173613581 */
/* /local/templates/topsantehnika/components/bitrix/breadcrumb/.default/style.css?16860813172940 */
/* /local/components/tn/location/templates/.default/style.css?16878756453186 */
/* /local/templates/topsantehnika/components/bitrix/sale.location.selector.search/location/style.min.css?16238472231582 */
/* /local/templates/topsantehnika/components/bitrix/menu/bottom/style.css?17434248461018 */
/* /local/templates/topsantehnika/components/bitrix/news.list/brands_list_footer/style.css?16920224951485 */
/* /local/templates/topsantehnika/styles.css?17474755734803 */
/* /local/templates/topsantehnika/template_styles.css?174703507428991 */