/* Start:/local/templates/vahtovichkof/css/nice-select2.css?17392490733494*/ .nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:38px;line-height:36px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;transition:all .2s ease-in-out;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-135deg)}.nice-select.open .nice-select-dropdown{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .nice-select-dropdown{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .nice-select-dropdown{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .nice-select-dropdown{margin-top:4px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);pointer-events:none;position:absolute;top:100%;left:0;transform-origin:50% 0;transform:scale(0.75) translateY(19px);transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9;opacity:0}.nice-select .list{border-radius:5px;box-sizing:border-box;overflow:hidden;padding:0;max-height:210px;overflow-y:auto}.nice-select .list:hover .option:not(:hover){background-color:rgba(0,0,0,0) !important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:rgba(0,0,0,0);color:#999;cursor:default}.nice-select .optgroup{font-weight:bold}.no-csspointerevents .nice-select .nice-select-dropdown{display:none}.no-csspointerevents .nice-select.open .nice-select-dropdown{display:block}.nice-select .list::-webkit-scrollbar{width:0}.nice-select .has-multiple{white-space:inherit;height:auto;padding:7px 12px;min-height:36px;line-height:22px}.nice-select .has-multiple span.current{border:1px solid #ccc;background:#eee;padding:0 10px;border-radius:3px;display:inline-block;line-height:24px;font-size:14px;margin-bottom:3px;margin-right:3px}.nice-select .has-multiple .multiple-options{display:block;line-height:24px;padding:0}.nice-select .nice-select-search-box{box-sizing:border-box;width:100%;padding:5px;pointer-events:none;border-radius:5px 5px 0 0}.nice-select .nice-select-search{box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;color:#444;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:100%;min-height:36px;line-height:22px;height:auto;outline:0 !important;font-size:14px} /* End */ /* Start:/local/templates/vahtovichkof/css/swiper-bundle.min.css?173924909118463*/ /** * Swiper 10.3.1 * 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: September 28, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/vahtovichkof/css/ion.rangeSlider.min.css?173924904911085*/ /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:12px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#e9102d}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:14px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#e9102d;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#e9102d}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px} /* End */ /* Start:/local/templates/vahtovichkof/template_styles.css?175561853863958*/ @font-face { font-family: 'Gilroy'; src: url('/local/templates/vahtovichkof/fonts/Gilroy-Regular.eot'); src: url('/local/templates/vahtovichkof/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/vahtovichkof/fonts/Gilroy-Regular.woff2') format('woff2'), url('/local/templates/vahtovichkof/fonts/Gilroy-Regular.woff') format('woff'), url('/local/templates/vahtovichkof/fonts/Gilroy-Regular.ttf') format('truetype'), url('/local/templates/vahtovichkof/fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/vahtovichkof/fonts/Gilroy-Medium.eot'); src: url('/local/templates/vahtovichkof/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/vahtovichkof/fonts/Gilroy-Medium.woff2') format('woff2'), url('/local/templates/vahtovichkof/fonts/Gilroy-Medium.woff') format('woff'), url('/local/templates/vahtovichkof/fonts/Gilroy-Medium.ttf') format('truetype'), url('/local/templates/vahtovichkof/fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/vahtovichkof/fonts/Gilroy-SemiBold.eot'); src: url('/local/templates/vahtovichkof/fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/vahtovichkof/fonts/Gilroy-SemiBold.woff2') format('woff2'), url('/local/templates/vahtovichkof/fonts/Gilroy-SemiBold.woff') format('woff'), url('/local/templates/vahtovichkof/fonts/Gilroy-SemiBold.ttf') format('truetype'), url('/local/templates/vahtovichkof/fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/vahtovichkof/fonts/Gilroy-Bold.eot'); src: url('/local/templates/vahtovichkof/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/vahtovichkof/fonts/Gilroy-Bold.woff2') format('woff2'), url('/local/templates/vahtovichkof/fonts/Gilroy-Bold.woff') format('woff'), url('/local/templates/vahtovichkof/fonts/Gilroy-Bold.ttf') format('truetype'), url('/local/templates/vahtovichkof/fonts/Gilroy-Bold.svg#Gilroy-ExtraBold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/vahtovichkof/fonts/Gilroy-ExtraBold.eot'); src: url('/local/templates/vahtovichkof/fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/vahtovichkof/fonts/Gilroy-ExtraBold.woff2') format('woff2'), url('/local/templates/vahtovichkof/fonts/Gilroy-ExtraBold.woff') format('woff'), url('/local/templates/vahtovichkof/fonts/Gilroy-ExtraBold.ttf') format('truetype'), url('/local/templates/vahtovichkof/fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/vahtovichkof/fonts/Gilroy-Black.eot'); src: url('/local/templates/vahtovichkof/fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/vahtovichkof/fonts/Gilroy-Black.woff2') format('woff2'), url('/local/templates/vahtovichkof/fonts/Gilroy-Black.woff') format('woff'), url('/local/templates/vahtovichkof/fonts/Gilroy-Black.ttf') format('truetype'), url('/local/templates/vahtovichkof/fonts/Gilroy-Black.svg#Gilroy-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } /**************** Basic ****************/ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { background: #fff; line-height: normal; font-family: 'Gilroy', sans-serif; font-weight: 400; color: #000; } h1 { text-align: center; color: #222; } h2 { color: #222; border-bottom: 2px solid #222; padding-bottom: 5px; } p { line-height: 1.6; } ul { list-style-type: square; padding-left: 20px; } a { color: #222; text-decoration: none; } a:hover { text-decoration: underline; } .privacy, .rules{ display: block; margin: 0px auto; max-width: 1190px; text-align: left; color: #4d4d4d; min-height: 300px; padding: 0 20px 50px 20px; } .wrapper { width: 100%; margin: 0 auto; overflow: hidden; background-color: #fff; } .container { width: 100%; max-width: 1500px; padding: 0 15px; margin: 0 auto; } input:focus { outline: none; } /************** Header ***************/ .header { width: 100%; position: relative; background-color: #E9102D; overflow: hidden; margin-bottom: 20px; } .header-row { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; } .header-top { width: 100%; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 40px 0; } .header-top-contact>div { display: inline-block; height: 50px; } .header-top-contact div:nth-child(1) { padding: 5px; } .auth-buttons { margin-left: 15px; } .btn-auth { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #fff; font-weight: 500; font-size: 14px; } .btn-auth__circle { background: #fff; border-radius: 50%; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; transition: 0.3s; } .btn-auth__icon { width: 24px; height: 24px; } .btn-auth__circle:hover { background: #ffe6e6; } .btn-auth__text { margin-top: 5px; color: #fff; font-size: 16px; text-align: center; } .header-top__logo { width: 300px; position: relative; text-decoration: none; } .header-top__logo__img { width: 100%; } .header-nav { position: relative; display: flex; justify-content: center; align-items: center; padding: 20px 55px; border-radius: 80px; background: #FFF; } .header-nav__menu { width: 100%; position: relative; display: flex; flex-direction: row; align-items: center; list-style-type: none; } .header-menu__item { position: relative; margin-right: 60px; } .header-menu__item:last-child { margin-right: 0; } .header-menu__item__link { color: #222; font-size: 18px; font-style: normal; font-weight: 500; text-decoration: none; transition: all 0.3s ease; } .header-menu__item__link:hover { color: #E9102D; } .header-top__info { position: relative; display: flex; flex-direction: column; align-items: flex-end; } .header-info__number { color: #FFF; font-size: 24px; font-style: normal; font-weight: 700; text-decoration: none; line-height: 100%; /* 24px */ margin-bottom: 5px; } .header-info__number img{ width: 30px; } .header-info__text { color: #FFF; font-size: 16px; font-style: normal; font-weight: 400; line-height: 100%; /* 16px */ } .header-content { width: 100%; position: relative; display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; margin-top: 60px; } .header-content__left { width: 80%; position: relative; display: flex; flex-direction: column; } .header-left__list { width: 100%; position: relative; display: flex; flex-direction: column; padding-left: 35px; } .header-left__list__item { color: #FFF; font-size: 53px; font-style: normal; font-weight: 700; line-height: 162.9%; margin-bottom: 20px; } .header-left__sale { width: 640px; height: 640px; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; border-radius: 50%; background-color: #fff; margin-bottom: -320px; margin-left: -100px; margin-top: 60px; } .header-background__img { max-width: 1000px; width: 50%; position: absolute; right: 0; bottom: -100px; } .header-left__sale__title { color: #E9102D; font-size: 76px; font-style: normal; font-weight: 700; text-transform: uppercase; margin-top: 40px; } .header-left__sale__text { color: #222; font-size: 40px; font-style: normal; font-weight: 700; margin-top: 15px; } .header-left__sale__sum { color: #E9102D; font-size: 60px; font-style: normal; font-weight: 700; text-transform: uppercase; margin-top: 10px; } .header-burger { width: 30px; height: 25px; position: relative; display: none; flex-direction: column; justify-content: space-between; border: none; background: transparent; cursor: pointer; } .header-burger__span { width: 100%; height: 2px; background-color: #fff; } .header-mobile-link { display: none; } .header-background__img2, .header-background__img3 { display: none; } .mobile-bg { position: fixed; left: -100%; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.1); z-index: 30; transition: all 0.3s ease; } .mobile-menu { width: 85%; height: 100%; position: relative; display: flex; flex-direction: column; background-color: #fff; padding: 45px 15px; } .mobile-menu__top { width: 100%; position: relative; display: flex; flex-direction: column; } .mobile-top__close { position: absolute; width: 60px; height: 60px; right: 10px; top: 10px; background: transparent; border: none; } .mobile-top__close__icon { width: 100%; } .mobile-top__logo { width: 250px; position: relative; text-decoration: none; margin-bottom: 30px; } .mobile-top__logo__img { width: 100%; } .mobile-top__tel { color: #222; font-size: 24px; font-style: normal; font-weight: 700; line-height: 100%; margin-bottom: 10px; text-decoration: none; } .mobile-top__hours { color: #222; font-size: 16px; font-style: normal; font-weight: 400; line-height: 100%; /* 16px */ } .mobile-menu__list { width: 100%; position: relative; display: flex; flex-direction: column; list-style-type: none; margin-top: 30px; } .mobile-list__item { width: 100%; position: relative; margin-bottom: 15px; } .mobile-list__item__link { color: #222; font-size: 20px; font-style: normal; font-weight: 400; line-height: 100%; text-decoration: none; } /*************** Content ***************/ .section { width: 100%; position: relative; } .section-title { color: #222; font-size: 68px; font-style: normal; font-weight: 700; line-height: 100%; text-align: center; } .main { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; } .jobs-row { width: 100%; position: relative; display: flex; flex-direction: column; /*align-items: center;*/ padding: 85px 0; } .jobs-content { width: 100%; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-top: 20px; overflow: hidden; } .jobs-slider{ width: 100%; position: relative; display: flex; } .jobs-block { /*width: calc((100% / 3) - 60) !important;*/ position: relative; display: flex; flex-direction: column; align-items: center; border-radius: 20px; border: 2px solid #EBEBEB; background: #FFF; } .jobs-block.close{ display: none; } .jobs-block__top { width: 100%; position: relative; } .jobs-block__top:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; border-radius: 20px; top: 0; background: rgba(255, 255, 255, 0.8); } .jobs-block__top:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(360deg, #FFF 15.41%, rgba(255, 255, 255, 0.00) 77.03%); } /*.jobs-block__top__img_logo { position: absolute; z-index: 999; left: 10%; top: 10%; width: 80%; max-height: 155px; }*/ .jobs-block__top__img { width: 100%; } .jobs-block__content { width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 0 45px; margin-top: -100px; } .jobs-block__title { color: #222; font-size: 30px; font-style: normal; font-weight: 700; line-height: 116.9%; /* 35.07px */ margin-bottom: 20px; height: 65px; } .jobs-block__text { color: #5E5E5E; font-size: 16px; font-style: normal; font-weight: 500; line-height: 112.4%; margin-bottom: 10px; } .jobs-block__button { width: 100%; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 35px; background: #E9102D; padding: 17px; border: 1px solid #E9102D; margin-top: 60px; cursor: pointer; } .jobs-block__button__text { color: #FFF; text-align: center; font-size: 30px; font-style: normal; font-weight: 700; line-height: 116.9%; margin-right: 20px; } .jobs-block__button__img { width: 37px; } .jobs-block__tel { width: 100%; position: relative; text-decoration: none; padding: 17px; display: flex; justify-content: center; align-items: center; background-color: transparent; border-radius: 35px; border: 1px solid #E9102D; margin: 35px 0; } .jobs-block__tel__text { color: #E9102D; text-align: center; font-size: 30px; font-style: normal; font-weight: 700; line-height: 116.9%; margin-right: 20px; } .jobs-block__tel__img { width: 37px; } /*.jobs-slider-next-button { width: 88px; height: 88px; border-radius: 50%; border: none; overflow: hidden; position: absolute; right: -40px; top: 60%; z-index: 10; cursor: pointer; } .jobs-slider-next-button > img { width: 100%; }*/ /*.jobs-slider-prev-button { width: 88px; height: 88px; border-radius: 50%; border: none; overflow: hidden; position: absolute; left: -40px; top: 60%; z-index: 10; cursor: pointer; } .jobs-slider-prev-button > img { width: 100%; }*/ .jobs-slider-pagination { position: absolute; top: unset !important; bottom: -20px !important; z-index: 10; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #E9102D; } .swiper-button-next-custom__img2 { display: none; } .swiper-button-prev-custom__img2 { display: none; } .swiper-button-prev-custom__img1{ transform: scale(-1, 1) } .swiper-button-prev-custom__img2{ transform: scale(-1, 1) } .why-row { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; padding: 85px 0; } .why-content { width: 100%; position: relative; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-top: 70px; } .why-block { width: 30%; position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: 80px; } .why-block__top { width: 200px; height: 200px; position: relative; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 2px solid #CCC; margin-bottom: 40px; } .why-block__top__img { width: 105px; } .why-block__text { color: #222; text-align: center; font-size: 35px; font-style: normal; font-weight: 500; line-height: 110%; /* 38.5px */ } .calc-row { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; } .calc__title { padding: 0 15px; } .calc-content { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; margin-top: 50px; padding: 70px; background: #F4F4F4; } .calc-content__row { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; } .calc-block { width: 1070px; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 80px 100px; border-radius: 35px; background: #FFF; } .calc-left { width: 380px; position: relative; } .calc-left__img { width: 100%; } .calc-right { width: 380px; position: relative; display: flex; flex-direction: column; } .calc-right__title { color: #222; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 30px; } .calc-form { width: 100%; position: relative; display: flex; flex-direction: column; } .calc-form__block { width: 100%; position: relative; margin-bottom: 20px; } .calc-form__select { width: 100%; height: 57px; display: flex; justify-content: flex-start; align-items: center; border-radius: 28px; position: relative; padding-left: 25px; } .calc-form__input { width: 100%; height: 57px; padding: 10px 25px; border-radius: 35px; border: 1px solid #CCC; } .calc-form__select__text { position: absolute; left: 25px; top: -5px; color: #696969; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; background-color: #fff; padding: 0 4px; } .calc-form__button { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; padding: 17px; border-radius: 35px; background: #E9102D; border: 1px solid #E9102D; color: #FFF; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; transition: all 0.3s ease; cursor: pointer; margin-top: 20px; } .calc-form__button:hover { background-color: transparent; color: #E9102D; } .team-row { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; padding: 80px 0; } .team-content { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 70px; } .team-left { width: 100%; /* position: relative; display: flex; flex-direction: column;*/ } .team-left__text { color: #222; font-size: 25px; font-style: normal; font-weight: 500; line-height: 120%; /* 30px */ margin-bottom: 30px; } .team-left__button { width: 395px; margin-top: 10px; display: flex; justify-content: center; align-items: center; text-align: center; padding: 15px; border-radius: 35px; background: #E9102D; border: 1px solid #E9102D; color: #FFF; font-size: 30px; font-style: normal; font-weight: 700; line-height: 116.9%; /* 35.07px */ cursor: pointer; transition: all 0.3s ease; } .team-left__button:hover { background: transparent; color: #E9102D; } .team-right { width: 45%; position: relative; display: flex; flex-direction: column; display: none; } .team-right__button { width: 100%; position: relative; display: flex; flex-direction: row; align-items: center; background-color: #fff; border: none; padding-bottom: 30px; padding-right: 50px; border-bottom: 1px solid #EFEFEF; cursor: pointer; margin-top: 30px; } .team-right__button.active { border-bottom: none; } .team-right__button:after { content: '+'; position: absolute; right: 20px; font-size: 30px; } .team-right__button.active::after { content: '-'; position: absolute; right: 20px; font-size: 30px; } .team-right__button__img { width: 110px; height: 110px; border-radius: 50%; } .team-button__content { margin-left: 35px; position: relative; display: flex; flex-direction: column; align-items: flex-start; text-align: left; } .team-button__content__title { color: #222; font-size: 25px; font-style: normal; font-weight: 600; line-height: 120%; /* 30px */ } .team-button__content__text { color: #222; font-size: 18px; font-style: normal; font-weight: 500; line-height: 120%; margin-top: 5px; } .team-right__panel { width: 100%; position: relative; display: none; flex-direction: column; margin-top: -40px; padding-left: 150px; z-index: 10; margin-bottom: 50px; } .team-panel__title { color: #222; font-size: 18px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 10px; } .team-panel__list { padding-left: 20px; position: relative; display: flex; flex-direction: column; } .team-panel__list__item { color: #222; font-size: 18px; font-style: normal; font-weight: 500; line-height: 120%; /* 21.6px */ } .comments-row { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; padding: 80px 0; } .comments-content { width: 100%; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-top: 80px; overflow: hidden; } .comments-slider { width: 100%; position: relative; display: flex; } .comments-block { width: calc((100% / 3) - 60) !important; position: relative; display: flex; flex-direction: column; align-items: center; border-radius: 20px; border: 2px solid #EBEBEB; background: #FFF; } .comments-block__top { padding: 20px; } .comments-block__top__text { color: #222; font-size: 22px; font-style: normal; font-weight: 500; line-height: 140%; } .comments-block__top__text > span { color: #e9102d; } .comments-block__bottom { width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 20px; border-radius: 0 0 20px 20px; background: rgba(228, 228, 228, 0.80); } .comments-block__bottom__title { color: #222; text-align: center; font-size: 22px; font-style: normal; font-weight: 600; line-height: 120%; /* 26.4px */ margin-bottom: 5px; } .comments-block__bottom__text { color: #222; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 120%; /* 21.6px */ } .comments-slider-next-button { width: 88px; height: 88px; border-radius: 50%; border: none; overflow: hidden; position: absolute; right: -40px; top: 40%; z-index: 10; cursor: pointer; } .comments-slider-next-button > img { width: 100%; } .comments-slider-prev-button { width: 88px; height: 88px; border-radius: 50%; border: none; overflow: hidden; position: absolute; left: -40px; top: 40%; z-index: 10; cursor: pointer; } .comments-slider-prev-button > img { width: 100%; } .comments-slider-pagination { position: absolute; top: unset !important; bottom: 200px !important; z-index: 10; } .comments-button { width: 400px; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; padding: 17px; margin-top: 100px; border-radius: 35px; background: #E9102D; border: 1px solid #E9102D; color: #FFF; font-size: 30px; font-style: normal; font-weight: 700; line-height: 116.9%; /* 35.07px */ cursor: pointer; transition: all 0.3s ease; } .comments-button:hover { color: #e9102d; background-color: transparent; } .forum-row { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; padding: 80px 0; } .forum-content { margin-top: 70px; position: relative; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding: 10px; } .forum-content__block { width: 45%; position: relative; display: flex; flex-direction: column; margin-bottom: 60px; } .forum-block__button { width: 100%; position: relative; display: flex; flex-direction: row; align-items: center; background-color: transparent; border: none; border-bottom: 1px solid #EFEFEF; padding-bottom: 30px; cursor: pointer; padding-right: 30px; padding-left: 30px; } .forum-block__button.active { border-bottom: none; } .forum-block__button:after { content: '+'; position: absolute; right: 0; font-size: 30px; } .forum-block__button.active::after { content: '-'; position: absolute; right: 0; font-size: 30px; } .forum-block__button__span { width: 11px; height: 11px; border-radius: 50%; background-color: #e9102d; margin-right: 40px; position: absolute; left: 0; } .forum-block__button__text { color: #222; font-size: 25px; font-style: normal; font-weight: 600; line-height: 120%; /* 30px */ text-align: left; } .forum-block__panel { width: 100%; position: relative; display: none; justify-content: center; align-items: center; padding-left: 40px; padding-top: 10px; } .forum-block__panel__text { font-size: 18px; line-height: normal; } .forum-button { width: 400px; padding: 17px; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 35px; background: #E9102D; border: 1px solid #E9102D; color: #FFF; font-size: 30px; font-style: normal; font-weight: 700; line-height: 116.9%; /* 35.07px */ transition: all 0.3s ease; cursor: pointer; } .forum-button:hover { color: #e9102d; background-color: transparent; } .banner-row { width: 100%; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-image: url("/local/templates/vahtovichkof/img/banner-bg.png"); background-repeat: no-repeat; background-size: cover; padding: 105px 75px; } .banner__title { width: 60%; color: #FFF; font-size: 68px; font-style: normal; font-weight: 700; line-height: 97.4%; /* 66.232px */ } .banner__button { width: 400px; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; padding: 17px; border-radius: 35px; background: #FFF; border: 1px solid #fff; transition: all 0.3s ease; cursor: pointer; color: #E9102D; font-size: 30px; font-style: normal; font-weight: 700; line-height: 116.9%; /* 35.07px */ } .banner__button:hover { background-color: transparent; color: #ffffff; } .contacts-row, .video-row { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; padding: 70px 0; } .contacts__text { color: #222; text-align: center; font-size: 30px; font-style: normal; font-weight: 400; line-height: 120%; margin-top: 40px; } .video-content, .contacts-content { width: 100%; position: relative; display: flex; justify-content: flex-start; align-items: center; margin-top: 80px; overflow: hidden; } .video-content{ margin-top: 20px; } .contacts-slider, .video-slider{ width: 100%; position: relative; display: flex; } .contacts-block, .video-block{ width: calc((100% / 2) - 60) !important; position: relative; display: flex; flex-direction: row; align-items: center; border-radius: 20px; border: 1px solid #EBEBEB; background: #FFF; } .video-block iframe{ border-radius: 20px; border: 1px solid #EBEBEB; } .contacts-left { width: 50%; position: relative; } .contacts-left__img { width: 100%; } .contacts-right { width: 50%; position: relative; display: flex; flex-direction: column; padding: 40px; } .contacts-right__title { color: #222; font-size: 30px; font-style: normal; font-weight: 600; line-height: 111.9%; margin-bottom: 40px; } .contacts-right__strong { color: #222; font-size: 30px; font-style: normal; font-weight: 600; line-height: 111.9%; } .contacts-right__text { color: #222; font-size: 30px; font-style: normal; font-weight: 400; line-height: 144.9%; margin-bottom: 10px; } .contacts-slider-next-button, .video-slider-next-button, .jobs-slider-next-button{ width: 88px; height: 88px; border-radius: 50%; border: none; overflow: hidden; position: absolute; right: -40px; top: 43%; z-index: 10; cursor: pointer; } .contacts-slider-next-button > img, .video-slider-next-button > img , .jobs-slider-next-button > img{ width: 100%; } .contacts-slider-prev-button, .video-slider-prev-button, .jobs-slider-prev-button{ width: 88px; height: 88px; border-radius: 50%; border: none; overflow: hidden; position: absolute; left: -40px; top: 43%; z-index: 10; cursor: pointer; } .contacts-slider-prev-button > img, .video-slider-prev-button > img , .jobs-slider-prev-button > img { width: 100%; } .contacts-slider-pagination, .video-slider-pagination { position: absolute; top: unset !important; bottom: 200px !important; z-index: 10; } .video-slider-pagination { bottom: 45px !important; } .contacts-button { width: 400px; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; padding: 17px; margin-top: 100px; border-radius: 35px; background: #E9102D; border: 1px solid #E9102D; color: #FFF; font-size: 30px; font-style: normal; font-weight: 700; line-height: 116.9%; /* 35.07px */ cursor: pointer; transition: all 0.3s ease; text-decoration: none; } .contacts-button:hover { color: #e9102d; background-color: transparent; } .contacts-button__img { width: 30px; margin-left: 5px; } /*************** Modal ****************/ .modal-bg { width: 100%; height: 100vh; position: fixed; justify-content: center; align-items: center; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.24); display: none; z-index: 50; } .modal-bg.active { display: flex; } .modal-apply { width: 575px; position: relative; display: flex; flex-direction: column; align-items: center; padding: 50px 100px; border-radius: 20px; background: #FFF; } .modal-apply__title { color: #222; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; } .modal-apply__text { color: #222; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 15px; } .modal-form { width: 100%; position: relative; display: flex; flex-direction: column; margin-top: 40px; } .modal-form__label { width: 100%; position: relative; margin-bottom: 30px; } .modal-form__input { width: 100%; height: 56px; padding: 17px; border-radius: 35px; border: 1px solid #CCC; } .modal-form__input-text { position: absolute; left: 25px; top: -5px; color: #696969; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; background-color: #fff; padding: 0 4px; } .modal-form__button { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; padding: 17px; color: #FFF; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; border: 1px solid #E9102D; border-radius: 35px; background: #E9102D; transition: all 0.3s ease; cursor: pointer; } .modal-form__button:hover { background-color: transparent; color: #E9102D; } .modal-thanks { width: 600px; position: relative; display: flex; flex-direction: column; align-items: center; padding: 30px 45px; border-radius: 20px; background: #FFF; } .modal-thanks__title { color: #222; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; } .modal-thanks__text { color: #222; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 10px; text-align: center; } .modal-thanks__button { width: 300px; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; padding: 17px; color: #FFF; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; border: 1px solid #E9102D; border-radius: 35px; background: #E9102D; transition: all 0.3s ease; cursor: pointer; margin-top: 30px; } .modal-thanks__button:hover { background-color: transparent; color: #E9102D; } .tel-fixed { position: fixed; right: 20px; bottom: 20px; width: 150px; height: 150px; border-radius: 50%; border: 5px solid rgba(244, 244, 244, 0.40); background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 20; cursor: pointer; -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; } .tel-fixed__img { width: 65px; height: 65px; } .tel-fixed__text { color: #E9102D; text-align: center; font-size: 14px; font-style: normal; font-weight: 500; } .footer-hide-title, .footer-hide__list { display: none; } /************** Footer ****************/ .footer { width: 100%; position: relative; padding: 50px 0 100px; background: #161616; } .footer-row { width: 100%; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .footer-left { width: 300px; position: relative; display: flex; flex-direction: column; } .footer-left__logo { width: 100%; position: relative; text-decoration: none; } .footer-left__logo__img { width: 100%; } .footer-left__text { color: #FFF; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 45px; text-decoration: none; } .footer-left__text.small { font-size: 12px; } .footer-right { width: 360px; position: relative; display: flex; flex-direction: column; align-items: flex-end; } .footer-right__link { position: relative; display: flex; text-decoration: none; flex-direction: row; align-items: center; color: #FFF; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 65px; } .footer-right__link:last-child { margin-bottom: 0; } .footer-right__link__icon { width: 30px; height: 30px; margin-left: 5px; } .wa{ position: fixed; top: 0; left: 0; width: 100%; padding: 20px; background: #00000066; display: flex; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); color: white; z-index: 333; justify-content: space-between; } .swiper-slide{ height:auto; } .filter{ display: flex; justify-content: space-between; padding: 1em; box-sizing: border-box; } .filter>div{ width: 48%; } .title_select{ color: #222; font-size: 30px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 15px; } .price .title_select{ text-align: center; } .filter-list .price .title_select{ text-align: left; } .select { position: relative; display: inline-block; min-width: 220px; width: 100%; max-width: 400px; margin-left: 20px; margin-top: 10px; margin-bottom: 0px; } .filter-list .select { position: relative; display: inline-block; min-width: 220px; width: 100%; max-width: 400px; margin-left: 0px; margin-top: 0px; margin-bottom: 40px; } .select__head { width: 100%; max-width: 100%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 14px 15px; font-size: 18px; line-height: 18px; color: rgba(66, 67, 72, 0.8); cursor: pointer; } .select__head::after { width: 15px; height: 9px; background: #FFF url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50495 5.78413L0.205241 1.25827C-0.0684138 0.970375 -0.0684138 0.503596 0.205241 0.215836C0.478652 -0.0719461 0.922098 -0.071946 1.19549 0.215837L5.00007 4.22052L8.80452 0.215953C9.07805 -0.0718292 9.52145 -0.0718292 9.79486 0.215953C10.0684 0.503736 10.0684 0.970492 9.79486 1.25839L5.49508 5.78425C5.35831 5.92814 5.17925 6 5.00009 6C4.82085 6 4.64165 5.928 4.50495 5.78413Z' fill='%23ED266A'/%3E%3C/svg%3E%0A") no-repeat center / cover; position: absolute; right: 20px; bottom: 25%; transform: translateY(50%); content: ''; display: block; transition: .2s ease-in; } .select__head.open::after { transform: translateY(50%) rotate(180deg); } .select__list { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 10px; margin-top: 5px; max-height: 205px; overflow-x: hidden; overflow-y: auto; z-index: 100; margin: 0; padding: 0; font-size: 14px; color: #424348; scrollbar-color: dark; scrollbar-width: thin; overscroll-behavior: contain; } .select__list::-webkit-scrollbar { width: 7px; background-color: #F8F9FA; padding: 5px; } .select__list::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #D9D9D9; } .select__list .select__item { position: relative; border-top: 1px solid rgba(224, 229, 231, 0.5); padding: 10px 15px; cursor: pointer; list-style-type: none; } .select__list .select__item:hover { background-color: rgba(224, 229, 231, 0.5); } .auth-container { max-width: 400px; background-color: #fff; color: #000; margin: 100px auto; padding: 30px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); text-align: center; } .auth-container h2 { margin-bottom: 25px; color: #e9102d; font-size: 24px; font-weight: 700; } .auth-container label { display: block; margin-bottom: 8px; font-weight: 600; text-align: left; } .auth-container input[type="text"] { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 12px; font-size: 16px; margin-bottom: 20px; box-sizing: border-box; } .auth-container button { background-color: #e9102d; color: #fff; padding: 12px 24px; font-size: 16px; border: none; border-radius: 30px; cursor: pointer; transition: background 0.3s ease; } .auth-container button:hover { background-color: #a50016; } .auth-container p { margin-top: 15px; font-size: 14px; color: #444; } .auth-close { position: absolute; top: 40px; right: 40px; width: 56px; height: 56px; background-color: transparent; border: none; cursor: pointer; text-decoration: none; } .auth-close::before, .auth-close::after { content: ""; position: absolute; left: 13px; top: 0; width: 2px; height: 56px; background-color: #fff; } .auth-close::before { transform: rotate(45deg); } .auth-close::after { transform: rotate(-45deg); } .auth-error { background-color: #ffe6e6; color: #e9102d; padding: 12px 20px; margin: 20px 0; border: 1px solid #ff4d4d; border-radius: 6px; font-weight: 500; text-align: center; } .profile-alert { position: fixed; top: 20px; left: 20px; background-color: rgba(255, 255, 255, 0.95); color: #000; padding: 20px 30px 20px 20px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 9999; max-width: 300px; font-size: 14px; line-height: 1.5; transition: opacity 0.3s ease; } .profile-alert__close { position: absolute; top: 8px; right: 10px; background: none; border: none; font-size: 20px; line-height: 20px; color: #999; cursor: pointer; } .profile-alert__close:hover { color: #d8001f; } .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; } .modal .modal-content { background: #fff; padding: 30px 25px; border-radius: 12px; width: 90%; max-width: 500px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); position: relative; text-align: left; } .modal .modal-close { position: absolute; top: 15px; right: 15px; font-size: 24px; background: none; border: none; cursor: pointer; } .modal h2 { margin-top: 0; text-align: center; font-size: 22px; } .modal p { text-align: center; margin-bottom: 20px; } .modal .form-group { margin-bottom: 16px; } .modal .form-group label { display: block; margin-bottom: 6px; font-weight: 500; } .modal .form-group input[type="text"], .modal .form-group input[type="tel"] { width: 100%; padding: 10px 12px; font-size: 15px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; } .modal .checkbox-group { font-size: 13px; line-height: 1.4; } .modal .checkbox-group input[type="checkbox"] { margin-right: 6px; transform: scale(1.2); } .modal .btn-primary { background-color: #d40000; color: #fff; padding: 12px 24px; border: none; border-radius: 6px; font-weight: bold; cursor: pointer; width: 100%; margin-top: 10px; } .modal-content { background: #fff; border-radius: 10px; padding: 25px 20px; max-width: 420px; text-align: center; position: relative; animation: fadeIn 0.3s ease; } .modal-content.success { background: #e7f9e1; border-left: 6px solid #57c557; } .modal-content.error { background: #ffe8e8; border-left: 6px solid #e02424; } #responseStatusIcon { font-size: 48px; margin-bottom: 15px; } #responseStatusText { font-size: 16px; line-height: 1.5; } .btn-loading { font-style: italic; color: #aaa; } .btn-primary[disabled] { opacity: 0.6; cursor: not-allowed; } .response-link { display: inline-block; margin-top: 5px; color: #0077cc; font-weight: 500; text-decoration: underline; } .response-link:hover { color: #005fa3; text-decoration: none; } @media (max-width: 480px) { .auth-container { margin: 80px 15px; padding: 20px; } .auth-close{ top: 10px; right: 30px; width: 26px; height: 26px; } /*.auth-buttons { margin-left: 50%; }*/ .btn-auth__circle { width: 38px; height: 38px; } .btn-auth__icon { width: 20px; height: 20px; } .btn-auth__text { margin-top: 5px; font-size: 13px; } } @media only screen and (max-width: 1610px) { .header-left__list { padding-left: 60px; } .header-left__list__item { font-size: 50px; } .header-left__sale { width: 610px; height: 610px; margin-left: -15px; } .header-left__sale__title { font-size: 70px; } .header-left__sale__text { font-size: 36px; } .header-background__img { width: 55%; } .swiper-button-next-custom { width: 70px; height: 70px; right: -20px; } .swiper-button-prev-custom { width: 70px; height: 70px; right: -20px; } } @media only screen and (max-width: 1390px) { .header-top__logo { width: 220px; } .header-menu__item { margin-right: 30px; } .header-info__number { font-size: 22px; } .header-background__img { width: 60%; } .header-left__list__item { font-size: 40px; } .header-left__sale__title { font-size: 50px; } .header-left__sale__text { font-size: 32px; } .header-left__sale__sum { font-size: 55px; } .header-left__sale { width: 520px; height: 520px; margin-bottom: -261px; } .jobs-block__button__text { font-size: 24px; } .jobs-block__button__img { width: 30px; } .jobs-block__tel__text { font-size: 24px; } .jobs-block__tel__img { width: 30px; } .jobs-block__content { padding: 0 20px; } .jobs-block__button { margin-top: 40px; } .jobs-block__tel { margin: 25px 0 35px; } .why-block__text { font-size: 30px; } .why-block__top { width: 160px; height: 160px; } .why-block__top__img { width: 80px; } .contacts-right__strong { font-size: 26px; } .contacts-right__text { font-size: 24px; } } @media only screen and (max-width: 1170px) { .header-top__logo { width: 190px; } .header-menu__item { margin-right: 10px; } .header-nav { padding: 20px; } .header-info__number { font-size: 20px; } .header-top { padding: 25px 0; } .header-background__img { width: 65%; } .header-left__sale { width: 420px; height: 420px; margin-bottom: -210px; } .header-left__sale__title { font-size: 44px; } .header-left__sale__text { font-size: 28px; } .header-left__sale__sum { font-size: 45px; } /* .jobs-block { width: calc((100% / 2) - 20) !important; }*/ .calc-block { padding: 60px 20px; } .why-block__text { font-size: 26px; } .contacts-block, .video-block { width: 70%; } } @media only screen and (max-width: 992px) { /*.jobs-block__top__img_logo{ width: 80%; max-height: 85px; }*/ .header-nav { display: none; } .header-burger { display: flex; margin-right: 10px; } .header-info { display: none; } .header-mobile-link { display: flex; text-decoration: none; width: 30px; height: 30px; margin-left: auto; margin-right: 30px; } .header-mobile-link__icon { width: 100%; } .mobile-bg.active { left: 0; } .header-background__img { display: none; } .header-left { width: 100%; } .header-left__sale { width: 370px; height: 370px; margin-top: 0; margin-bottom: 400px; justify-content: center; } .header-left__sale__title { margin-top: 0; } .header-background__img2 { width: 50%; display: block; position: absolute; right: 0; bottom: 80px; } .header-background__img3 { width: 30%; display: block; position: absolute; left: 0; bottom: 0; z-index: 1; } .tel-fixed { width: 120px; height: 120px; } .tel-fixed__img { width: 50px; height: 50px; } .section-title { font-size: 50px; } .jobs-content:after { content: ''; width: 100px; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(270deg, #FFF 0.41%, rgba(255, 255, 255, 0.00) 47.03%); z-index: 1; } .calc-block { flex-direction: column; align-items: center; } .calc-left { width: 60%; margin-bottom: 40px; } .calc-right { width: 60%; } .team-content { flex-direction: column; align-items: center; } .team-left { width: 90%; align-items: center; margin-bottom: 40px; } .team-right { width: 90%; } .comments-content:after { content: ''; width: 150px; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(270deg, #FFF 0.41%, rgba(255, 255, 255, 0.00) 47.03%); z-index: 1; } .forum-content { justify-content: center; } .forum-content__block { width: 80%; } .banner-row { flex-direction: column; padding: 60px; } .banner__title { width: 100%; margin-bottom: 30px; font-size: 55px; } .contacts-content:after { content: ''; width: 150px; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(270deg, #FFF 0.41%, rgba(255, 255, 255, 0.00) 47.03%); z-index: 1; } .swiper-button-next-custom__img2 { display: block; } .swiper-button-next-custom__img1 { display: none; } .swiper-button-prev-custom__img2 { display: block; } .swiper-button-prev-custom__img1 { display: none; } } @media only screen and (max-width: 820px) { .title_select{ font-size: 18px; margin-bottom: 10px; } .filter{ display: block; } .filter>div{ width: 100%; } .select{ margin-bottom: 20px; margin-left: 0px; } .header-left__list { padding-left: 35px; } .header-left__list__item { font-size: 32px; } .header-left__sale { width: 330px; height: 330px; } .header-left__sale__title { font-size: 40px; } .header-left__sale__text { font-size: 24px; } .header-background__img2 { width: 60%; } .header-background__img3 { width: 40%; } .section-title { font-size: 42px; } /*.jobs-block { width: 380px !important; }*/ .why-block { width: 48%; } .calc-content { padding: 30px 0; } .calc-block { width: 100%; } .calc-right { width: 85%; } .calc-right__title { font-size: 24px; } .team-left__text { font-size: 20px; } .team-left__button { font-size: 24px; } .team-right__button__img { width: 90px; height: 90px; } .team-button__content__title { font-size: 22px; } .team-right__panel { margin-top: -10px; padding-left: 130px; } .comments-block { width: 350px !important; } .comments-button { font-size: 24px; } .forum-content__block { width: 100%; } .forum-button { font-size: 24px; } .banner__title { font-size: 36px; } .banner__button { font-size: 24px; } .contacts__text > br { display: none; } .contacts__text { font-size: 26px; } .contacts-block, .video-block { width: 350px !important; } .contacts-right { padding: 15px; } .contacts-right__title { font-size: 18px; margin-bottom: 15px; } .contacts-right__strong, .contacts-right__text { font-size: 16px; } .swiper-button-next-custom { width: 50px; height: 50px; right: -15px; } .swiper-button-prev-custom { width: 50px; height: 50px; right: -15px; } .contacts-button { font-size: 24px; } .footer-row { flex-direction: column; align-items: flex-start; } .footer-left { width: 100%; margin-bottom: 30px; } .footer-left__logo { width: 100%; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .footer-left__logo__img { width: 300px; } .footer-right { align-items: flex-start; } .footer-right__link { flex-direction: row-reverse; font-size: 20px; margin-bottom: 30px; } .footer-right__link__icon { margin-left: 0; margin-right: 5px; } .footer-hide-title { display: block; color: #FFF; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; margin-top: 40px; } .footer-hide__list { display: flex; flex-direction: column; list-style-type: none; position: relative; margin-top: 25px; } .hide-list__item { position: relative; margin-bottom: 12px; } .hide-list__item__link { color: #FFF; font-size: 14px; font-style: normal; font-weight: 500; line-height: 162.9%; /* 22.806px */ letter-spacing: 0.14px; text-decoration: none; } .modal-apply { width: 70%; padding: 50px 30px; } .modal-apply__title { font-size: 28px; } .modal-apply__text { font-size: 16px; } .modal-form__input { width: 100%; height: 45px; padding: 15px; } .modal-thanks__button, .modal-form__button { height: 45px; } } @media only screen and (max-width: 450px) { .filter{ display: block; } .filter>div{ width: 100%; } .header-content { margin-top: 30px; } .header-left__list { padding-left: 20px; } .header-left__list__item { font-size: 20px; } .header-left__sale { width: 195px; height: 195px; margin-bottom: 220px; } .header-left__sale__title { font-size: 30px; } .header-left__sale__text { font-size: 14px; margin-top: 5px; } .header-left__sale__sum { font-size: 24px; } .header-background__img2 { width: 60%; bottom: 50px; } .header-background__img3 { width: 40%; } .mobile-top__logo { width: 220px; } .mobile-top__close { position: absolute; width: 50px; height: 50px; right: -10px; top: 0; } .section-title { font-size: 28px; } .jobs-row { padding: 30px 0; } .jobs-content { margin-top: 30px; } /*.jobs-block { width: 260px !important; }*/ .jobs-block__content { margin-top: -60px; } .jobs-block__title { font-size: 16px; height: 16px; } .jobs-block__text { font-size: 12px; margin-bottom: 7px; } .jobs-block__button { height: 40px; } .jobs-block__button__text { font-size: 15px; } .jobs-block__button__img { width: 20px; } .jobs-block__tel { height: 40px; } .jobs-block__tel__text { font-size: 15px; } .jobs-block__tel__img { width: 20px; } .jobs-slider-pagination { bottom: -10px !important; } .why-row { padding: 35px 0; } .why-content { margin-top: 30px; } .why-block { width: 100%; flex-direction: row; align-items: center; margin-bottom: 10px; } .why-block__top { width: 40px; height: 40px; margin-bottom: 0; } .why-block__top__img { width: 20px; } .why-block__text { font-size: 15px; margin-left: 10px; text-align: left; } .why-block__text > br { display: none; } .calc-row { padding: 30px 0; } .calc-block { padding: 30px 20px; } .calc-right { width: 100%; } .calc-right__title { font-size: 18px; } .calc-form__select { height: 40px; } .calc-form__select__text { font-size: 9px; } .calc-form__input { height: 40px; } .calc-form__button { font-size: 12px; height: 40px; } .team-row { padding: 30px 0; } .team-content { margin-top: 30px; } .team-left__text { font-size: 15px; } .team-left__button { font-size: 15px; width: 90%; height: 40px; } .team-right { width: 100%; } .team-right__button__img { width: 70px; height: 70px; } .team-button__content__title { font-size: 16px; } .team-button__content__text { font-size: 12px; } .team-button__content { margin-left: 20px; } .team-right__panel { padding-left: 90px; } .team-panel__title { font-size: 16px; } .team-panel__list__item { font-size: 14px; } .comments-row { padding: 30px 0; } .comments-content { margin-top: 30px; } .comments-block { width: 250px !important; } .comments-block__top, .comments-block__bottom { padding: 10px; } .comments-block__bottom__title, .comments-block__top__text { font-size: 12px; } .comments-block__bottom__text { font-size: 10px; } .comments-slider-next-button { top: 35%; } .comments-slider-prev-button, .video-slider-prev-button, .jobs-slider-prev-button { top: 35%; } .comments-slider-pagination { bottom: 150px !important; } .comments-button { width: 90%; height: 40px; font-size: 14px; } .comments-slider-pagination { bottom: 120px !important; } .forum-row { padding: 30px 0; } .forum-content__block { margin-bottom: 20px; } .forum-block__button__text { font-size: 15px; } .forum-block__panel { padding-left: 30px; } .forum-block__panel__text { font-size: 13px; } .forum-button { width: 90%; height: 40px; font-size: 14px; } .banner-row { padding: 30px 10px; } .banner__title { font-size: 28px; } .banner__button { width: 200px; height: 40px; font-size: 14px; align-self: flex-start; } .contacts-row, .video-row{ padding: 30px 0; } .contacts__text { font-size: 15px; margin-top: 20px; } .contacts-content { margin-top: 30px; } .contacts-slider-next-button, .video-slider-next-button, .jobs-slider-next-button { top: 45%; } .contacts-slider-prev-button, .video-slider-prev-button, .jobs-slider-prev-button { top: 45%; } .contacts-slider-pagination{ bottom: 120px !important; } .video-slider-pagination{ bottom: 15px !important; } .contacts-button { width: 80%; font-size: 14px; height: 40px; } .contacts-button__img { width: 20px; } .footer { padding: 30px 0 60px; } .footer-left__logo__img { width: 200px; } .footer-right__link { font-size: 15px; margin-bottom: 20px; } .footer-right__link__icon { width: 20px; height: 20px; } .footer-left__text { font-size: 15px; margin-top: 30px; } .footer-left__text.small { font-size: 12px; } .modal-thanks, .modal-apply { width: 95%; padding: 30px 15px; } .modal-thanks__title { text-align: center; font-size: 26px; } .modal-thanks__button { width: 270px; padding: 15px; font-size: 15px; } .tel-fixed { width: 90px; height: 90px; } .tel-fixed__img { width: 40px; height: 40px; } .tel-fixed__text { font-size: 10px; } } /* End */ /* /local/templates/vahtovichkof/css/nice-select2.css?17392490733494 */ /* /local/templates/vahtovichkof/css/swiper-bundle.min.css?173924909118463 */ /* /local/templates/vahtovichkof/css/ion.rangeSlider.min.css?173924904911085 */ /* /local/templates/vahtovichkof/template_styles.css?175561853863958 */