/** * Swiper 9.0.3 * 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: February 6, 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: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} /*datetimepicker*/ .xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:var(--c-pink)}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:var(--c-violet);box-shadow:var(--c-violet-dark) 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:var(--c-violet)}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:var(--c-violet);box-shadow:var(--c-violet-dark) 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:var(--c-pink) !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:var(--c-violet) !important;box-shadow:var(--c-violet-dark) 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:var(--c-violet-dark-03);cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:var(--c-violet-dark-03)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:var(--c-violet-dark-03)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)} /* fancyBox v3.5.7 */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:2147483645}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* * * * Core CSS file * */ .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } .jq-selectbox { max-width: 100%; min-width: 100%; } .jq-selectbox.opened { z-index: 11 !important; } .jq-selectbox .jq-selectbox__search { margin: 5px; } .jq-selectbox .jq-selectbox__select { box-sizing: border-box; overflow: hidden; padding: 0 12px; width: 100%; height: 40px; line-height: 40px; border: 1px solid var(--c-violet-dark-03); border-radius: 6px; background: #fff; cursor: pointer; transition: border-color 0.2s ease-in-out; box-shadow: none; } .jq-selectbox .jq-selectbox__trigger { position: absolute; top: 0; right: 15px; bottom: 0; margin: auto 0; width: 8px; height: 5px; font-size: 0; line-height: 0; border: 0; } .jq-selectbox .jq-selectbox__trigger-arrow { display: none; } .jq-selectbox .jq-selectbox__select-text { line-height: 40px; color: var(--c-violet); font-size: 12px; font-weight: 400;} .jq-selectbox .jq-selectbox__dropdown { margin-top: 5px; min-width: 100%; max-width: 100%; border: 1px solid #e0e0e0; border-radius: 4px; background: #fff; } .jq-selectbox .jq-selectbox__dropdown ul { margin: 0; padding: 0; list-style: none; } .jq-selectbox .jq-selectbox__dropdown ul li { font-size: 13px; line-height: 16px; padding: 6px 15px; cursor: pointer; color: var(--c-dark); margin: 0; white-space: normal; transition: none !important; } .jq-selectbox .jq-selectbox__dropdown ul li.disabled { color: var(--c-violet-dark-03); } .jq-selectbox .jq-selectbox__dropdown ul li.selected, .jq-selectbox .jq-selectbox__dropdown ul li.sel{ background-color: var(--c-violet); !important; color: #fff; } .jq-selectbox .jq-selectbox__dropdown ul li:hover { background-color: var(--c-pink); !important; color: #fff; } .jq-selectbox .jq-selectbox__search input { width: 100% !important; } .jq-selectbox.focused .jq-selectbox__select { border-color: var(--c-violet); } .jq-selectbox .jq-selectbox__not-found { padding: 6px 15px 9px; cursor: pointer; color: var(--c-dark); margin: 0; } /*root variables*/ :root{ --c-violet:#625DB5; --c-violet-dark:#494598; --c-violet-dark-03:#C8C7E0; --c-pink: #D43577; --c-pink-02: #DC5496; --c-dark: #200345; --c-green: #27AE7D; --c-black: #000; --c-white: #fff; --c-silver: #F2F2FE; --c-dark: #200345; --c-dark-02: #2F2C2A; --c-dark-05: #9081A2; --c-gray: #A7A9AC; --c-gray-menu: #696969; --c-silver-02: #F7F7F7; --c-red-05: #E42016; --c-blue: #1B73A5; --c-bg-silver: #F5F3F0; --c-active: #71533d; --gradient-violet:linear-gradient(90deg, #494598 0%, #807AD8 100%); --gradient-violet-hover:linear-gradient(90deg, #494598 100%, #494598 100%); --gradient-pink-violet:linear-gradient(90deg, #DC5496 0%, #807AD8 100%); --gradient-gold:linear-gradient(124.95deg, #EDD25E 2.76%, #BC8404 97.23%); --font-main: 'Raleway', sans-serif; --box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.15); --icon-arrow-right: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.11439 2.11896C3.97923 2.26006 3.94545 2.47171 4.11439 2.64811L6.98635 5.64671L6.993 5.65366C7.1782 5.84706 7.1782 6.15196 6.993 6.34536L6.98635 6.35231L4.11439 9.35092C3.94545 9.5273 3.97923 9.73897 4.11439 9.88008C4.24954 10.0212 4.45227 10.0565 4.62121 9.88008L7.6621 6.70506C8 6.35231 8 6.14061 8 5.99951C8 5.85841 8 5.64671 7.6621 5.29396L4.62121 2.11896C4.45227 1.94256 4.24954 1.97781 4.11439 2.11896Z' fill='%23494598' stroke='%23494598'/%3E%3C/svg%3E%0A"); --icon-arrow-left: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.88561 9.88104C8.02077 9.73994 8.05455 9.52829 7.88561 9.35189L5.01365 6.35329L5.007 6.34634C4.8218 6.15294 4.8218 5.84804 5.007 5.65464L5.01365 5.64769L7.88561 2.64908C8.05455 2.4727 8.02077 2.26103 7.88561 2.11992C7.75046 1.9788 7.54773 1.94353 7.37879 2.11992L4.3379 5.29494C4 5.64769 4 5.85939 4 6.00049C4 6.14159 4 6.35329 4.3379 6.70604L7.37879 9.88104C7.54773 10.0574 7.75046 10.0222 7.88561 9.88104Z' fill='%23494598' stroke='%23494598'/%3E%3C/svg%3E%0A"); --icon-arrow-up: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.11896 7.88561C2.26006 8.02077 2.47171 8.05455 2.64811 7.88561L5.64671 5.01365L5.65366 5.007C5.84706 4.8218 6.15196 4.8218 6.34536 5.007L6.35231 5.01365L9.35092 7.88561C9.5273 8.05455 9.73897 8.02077 9.88008 7.88561C10.0212 7.75046 10.0565 7.54773 9.88008 7.37879L6.70506 4.3379C6.35231 4 6.14061 4 5.99951 4C5.85841 4 5.64671 4 5.29396 4.3379L2.11896 7.3788C1.94256 7.54774 1.97781 7.75047 2.11896 7.88561Z' fill='%23494598' stroke='%23494598'/%3E%3C/svg%3E%0A"); --icon-arrow-down: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.88104 4.11439C9.73994 3.97923 9.52829 3.94545 9.35189 4.11439L6.35329 6.98635L6.34634 6.993C6.15294 7.1782 5.84804 7.1782 5.65464 6.993L5.64769 6.98635L2.64908 4.11439C2.4727 3.94545 2.26103 3.97923 2.11992 4.11439C1.9788 4.24954 1.94353 4.45227 2.11992 4.62121L5.29494 7.6621C5.64769 8 5.85939 8 6.00049 8C6.14159 8 6.35329 8 6.70604 7.6621L9.88104 4.62121C10.0574 4.45227 10.0222 4.24954 9.88104 4.11439Z' fill='%23494598' stroke='%23494598'/%3E%3C/svg%3E%0A"); --icon-info: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.33301 5.33331C7.33301 4.96531 7.63167 4.66665 7.99967 4.66665C8.36767 4.66665 8.66634 4.96531 8.66634 5.33331C8.66634 5.70131 8.36767 5.99998 7.99967 5.99998C7.63167 5.99998 7.33301 5.70131 7.33301 5.33331ZM7.33301 7.33331C7.33301 6.96531 7.63167 6.66665 7.99967 6.66665C8.36767 6.66665 8.66634 6.96531 8.66634 7.33331V10.6666C8.66634 11.0346 8.36767 11.3333 7.99967 11.3333C7.63167 11.3333 7.33301 11.0346 7.33301 10.6666V7.33331ZM7.99967 13.3333C5.05901 13.3333 2.66634 10.9406 2.66634 7.99998C2.66634 5.05931 5.05901 2.66665 7.99967 2.66665C10.9403 2.66665 13.333 5.05931 13.333 7.99998C13.333 10.9406 10.9403 13.3333 7.99967 13.3333ZM7.99967 1.33331C4.31767 1.33331 1.33301 4.31798 1.33301 7.99998C1.33301 11.682 4.31767 14.6666 7.99967 14.6666C11.681 14.6666 14.6663 11.682 14.6663 7.99998C14.6663 4.31798 11.681 1.33331 7.99967 1.33331Z'%3E%3C/path%3E%3C/svg%3E"); --icon-arrow-down-pink: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.1664 5.78218C2.15236 6.0647 2.27131 6.32425 2.47869 6.52287L6.71203 10.5774C6.98262 10.8366 7.22769 10.9937 7.46125 11.0797C7.69793 11.1669 7.88789 11.1669 7.99421 11.1668L8.00305 11.1668C8.10937 11.1669 8.29933 11.1669 8.53601 11.0797C8.76957 10.9937 9.01462 10.8366 9.28521 10.5774L13.5185 6.52288C13.7259 6.32428 13.8449 6.06473 13.8309 5.78219C13.8186 5.53446 13.7068 5.32352 13.5605 5.16733L13.4637 5.07578C13.3028 4.941 13.0953 4.8452 12.8604 4.83449C12.5885 4.82209 12.3289 4.92616 12.1213 5.12492L8.11395 8.96304C8.04945 9.02481 7.94767 9.02468 7.88317 8.96291L3.87594 5.12492C3.66839 4.92614 3.40874 4.82209 3.1369 4.83449C2.89879 4.84535 2.68888 4.94356 2.52709 5.08122L2.43387 5.17042C2.28899 5.32628 2.17864 5.53608 2.1664 5.78218Z' fill='%23DC5496'/%3E%3C/svg%3E%0A"); --icon-rarr: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9997 9.99999L12.6663 4.66666M17.9997 9.99999L12.6663 15.3333M17.9997 9.99999H1.33301' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E"); --icon-larr: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9.99999L7.33333 4.66666M2 9.99999L7.33333 15.3333M2 9.99999H18.6667' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A"); --icon-checked: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.55548L6.57159 12L13 4' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E"); --icon-checked-success:url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.03809 16.7916L4.53383 11.8162L3 13.4986L9.03809 20.1682L22 5.85054L20.477 4.16821L9.03809 16.7916Z' fill='%232AA952'/%3E%3C/svg%3E"); --icon-close: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1312 12.0003L18.8961 17.7652C19.3049 18.174 19.3831 18.7587 19.0706 19.0711C18.7582 19.3836 18.1735 19.3054 17.7647 18.8966L11.9998 13.1317L6.23491 18.8966C5.82608 19.3054 5.24139 19.3836 4.92897 19.0712C4.61655 18.7588 4.69471 18.1741 5.10354 17.7652L10.8685 12.0003L5.10307 6.23493C4.69424 5.8261 4.61609 5.24142 4.92851 4.929C5.24093 4.61658 5.82561 4.69473 6.23444 5.10356L11.9998 10.8689L17.7652 5.10361C18.174 4.69478 18.7587 4.61662 19.0711 4.92904C19.3835 5.24146 19.3054 5.82615 18.8965 6.23498L13.1312 12.0003Z' fill='%23625DB5'/%3E%3C/svg%3E%0A"); } @keyframes pulseViolet { 0% {box-shadow: 0 0 0 10px rgba(229, 227, 255, 0.2);} 60% {box-shadow: 0 0 0 10px rgba(229, 227, 255, 0.2);} 70% {box-shadow: 0 0 0 20px rgba(229, 227, 255, 0);} 71% {box-shadow: 0 0 0 0px rgba(229, 227, 255, 0);} 80% {box-shadow: 0 0 0 10px rgba(229, 227, 255, 0.2);} 90% {box-shadow: 0 0 0 20px rgba(229, 227, 255, 0);} 91% {box-shadow: 0 0 0 10px rgba(229, 227, 255, 0);} 100% {box-shadow: 0 0 0 10px rgba(229, 227, 255, 0.2);} } ::-moz-selection { color: #fff; background: var(--c-violet); } ::selection { color: #fff; background: var(--c-violet); } /*datepicker */ .xdsoft_datetimepicker { border-radius: 6px; border: 1px solid var(--c-silver); box-shadow: var(--box-shadow); font-family: var(--font-main); font-feature-settings: 'pnum' on, 'lnum' on; color: var(--c-dark); } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { padding: 0 !important; } .xdsoft_datetimepicker .xdsoft_prev { background: var(--icon-arrow-left) center/contain no-repeat !important; } .xdsoft_datetimepicker .xdsoft_next { background: var(--icon-arrow-right) center/contain no-repeat !important; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background: var(--icon-arrow-up) center/contain no-repeat !important; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { background: var(--icon-arrow-down) center/contain no-repeat !important; } .xdsoft_datetimepicker .xdsoft_today_button { background: var(--icon-icon) center/contain no-repeat !important; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { border-radius: 6px; background: #fff; border: 1px solid var(--c-violet-dark-03); border: none; color: var(--c-dark); } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled { background: var(--c-silver); } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{ border: none; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div { background: #fff; font-weight: 500; font-size: 13px; line-height: 22px; color: var(--c-violet-dark); border: none; border-radius:6px } .xdsoft_datetimepicker .xdsoft_calendar th { color: var(--c-violet-dark); background: #fff; } .xdsoft_datetimepicker .xdsoft_label { white-space: nowrap; } .xdsoft_scrollbar { width: 4px; } .xdsoft_scrollbar>.xdsoft_scroller { border-top: 1px solid var(--c-dark-05); } /*plugin regions*/ .link-box { display: inline-block; cursor: pointer; } .link-box__icon { display: inline-block; vertical-align: middle; } .link-box__link { display: inline-block; vertical-align: middle; } .hide-indicator .indicator { display: none; } .shop-regions__button_hidden { opacity: 0; } .shop-regions__ip-analyzer-variants_hidden { display: none; } /* Reset -------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /* ol, ul, li, */ fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, credentials, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; } article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* Common HTML elements, fonts, and colors ------------------------------------------ */ html, body { width: 100%; min-height: 100%; font-family: var(--font-main); font-feature-settings: 'pnum' on, 'lnum' on; font-size: 16px; background: #fff; line-height: 1.4em; } a { color: var(--c-dark); outline:0 none; text-decoration: none; } a:focus { outline:none; outline-offset:-4px; } a:visited { } a.not-visited:visited { } a:hover { color: var(--c-red); } input[type="button"]::-moz-focus-inner { border: 0; } input[type="submit"]::-moz-focus-inner { border: 0; } a img { border: 0; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, figure { margin-bottom: 20px; } h1 { font-size:56px; line-height: 1.4;} h1 a { text-decoration:none; } h2 { font-size: 36px; line-height: 1.4;} h3 { font-size: 24px; line-height: 1.4;} h4 { font-size: 20px; line-height: 1.4;} h5 { font-size: 16px; line-height: 1.4;} h6 { font-size: 14px; line-height: 1.4;} h1, h2, h3 { line-height:1.2em; } ul, ol { padding-top:0; } ol { list-style: decimal; } input, textarea, select { margin:0; } input, textarea { font-size: 1em; color: #000; } select { max-width: 100%; } input[type="button"]:focus { outline:none; outline-offset:-2px; } fieldset { border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px; } fieldset p label { width:98%; } fieldset p input[type="text"] { width:98%; } fieldset p select { width:99%; } pre {margin-top: 16px; font-size: 90%; line-height: 24px; color: rgba(0,0,0,.75); background: rgba(0,0,0,.03); padding: 16px 20px;word-wrap: normal;} blockquote { color: var(--c-gray); font-size:16px; border-left: 1px solid var(--c-silver); padding-left: 30px; background: unset; } blockquote cite { font-size: 0.9em; } hr { background-color: rgba(0,0,0,0.15); height: 1px; border: 0; } p { font-family: var(--font-main); line-height: 1.4em; } p a { text-decoration: underline; } input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder { color: var(--c-gray); } label, button { cursor: pointer; } input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="date"], input[type="time"], select, textarea { font-family: var(--font-main); font-feature-settings: 'pnum' on, 'lnum' on; width: 100%; max-width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 40px; background: transparent; margin-right: 0; border-radius: 6px; font-weight: 400; font-size: 12px; height: 40px; appearance: none; -webkit-appearance:none; border: 1px solid var(--c-violet-dark-03); } input[type="checkbox"] { cursor: pointer; appearance: none; width: 20px; height: 20px; background: var(--icon-checked) center no-repeat #FFFFFF; background-size: 0; border: 1px solid rgba(73, 69, 152, 0.3); border-radius: 6px; outline: none; transition: all 0.3s ease; } input[type="checkbox"]:checked { border-color: var(--c-violet); background: var(--icon-checked) center no-repeat var(--c-violet); background-size: 16px; } input[type="radio"]{ cursor: pointer; appearance: none; -webkit-appearance: none; transition: all 0.3s ease; width: 20px; height: 20px; background:var(--icon-check) center no-repeat #E9E6EC ; background-color: #E9E6EC; background-size: 0; border-radius:99px; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15); } input[type="radio"]:checked{ background: var(--icon-checked) center no-repeat var(--c-violet); background-size: 16px; } .input--light input::-webkit-input-placeholder, .input--light input:-moz-placeholder, .input--light input::-moz-placeholder, .input--light input:-ms-input-placeholder { color: var(--c-gray); } textarea{ height: auto; line-height: 22px; padding-top: 8px; padding-bottom: 8px; } input[type=text]::-ms-clear { display: none; width : 0; height: 0; } input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .input-datepicket{ cursor: pointer; background: url(img/icon-date.svg) 100% center/contain no-repeat #fff !important; } .input-timepicket{ cursor: pointer; background: url(img/icon-time.svg) 100% center/contain no-repeat #fff !important; } .input-timepicket .jq-selectbox__trigger{ width: 40px; height: 40px; right: 0; background: url(img/icon-time.svg) 100% center/contain no-repeat #fff !important; } .input-timepicket .jq-selectbox__trigger svg{ display: none; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-flex; gap:12px; align-items: center; } .switch .label{ font-style: normal; font-weight: 400; font-size: 13px; line-height: 22px; } .switch input { display: none; opacity: 0; width: 0; height: 0; visibility: hidden; } .switch .slider { position: relative; cursor: pointer; -webkit-transition: .4s; transition: .4s; border-radius: 99px; background: #E9E6EC; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15); width: 42px; min-width: 42px; height: 22px; display: inline-flex; } .switch .slider:after { content: ""; z-index: 2; position: absolute; height: 16px; width: 16px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(19, 17, 61, 0.25); } .switch .slider:before{ content: ""; z-index: 1; position: absolute; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.25); background: var(--gradient-pink-violet); transition: .4s; left: 0; top: 0; right: 0; bottom: 0; border-radius:99px; opacity: 0; } .switch input:checked + .slider:before { opacity: 1; } .switch input:focus + .slider { box-shadow: 0 0 1px var(--c-violet); } .switch input:checked + .slider:after { box-shadow: 0px 1px 2px rgba(19, 17, 61, 0.4); -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus, input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="password"]:focus-visible, select:focus-visible, textarea:focus-visible{ border:1px solid var(--c-violet); outline: none; } /*modificators*/ .red{ color:var(--c-red); } .-hide{ display: none; } /**/ body{ display: flex; flex-direction: column; min-height: 100vh; max-width: 100%; overflow-x: hidden; justify-content: space-between; font-feature-settings: 'pnum' on, 'lnum' on; } .maincontent{ flex-grow:1; padding-top: 16px; width: 100%; max-width: 100%; } /*a[href^=tel] { text-decoration:inherit; color: inherit; }*/ /*swiper*/ .slick-nav-custom{ padding: 0; display: flex; justify-content:center; align-items:center; } .swiper-pagination-bullets.swiper-pagination-horizontal.slick-nav-custom__pagination{ display: flex; justify-content:center; align-items:center; width: auto; margin: 12px 26px; } .swiper-pagination-bullet{ border: 1px solid var(--c-dark); background: unset; opacity: 1; margin: 0 5px; width: 6px; height: 6px; border-radius:99px; } .swiper-pagination-bullet-active{ background: var(--c-violet); border-color: var(--c-violet); } .slick-arrow-custom{ width: 48px; height: 48px; display: inline-flex; justify-content:center; gap: 20px; align-items:center; border-radius:99px; background: #fff; } .slick-arrow-custom:before{ content:""; width: 24px; height: 24px; display: block; } .slick-arrow-custom.swiper-button-disabled{ opacity: 0.2; } .slick-arrow-custom--prev:before{ background: var(--icon-arrow-left) 0 0 / 24px 24px no-repeat ; } .slick-arrow-custom--next:before{ background: var(--icon-arrow-right) 0 0 / 24px 24px no-repeat ; } .slick-arrow-custom.disabled_swiper_button{ display:none!important; } /* Buttons ---------- */ .btn, input[type=button], input[type=submit], button[type=submit]:not(.s-button), button[type=button]:not(.s-button){ font-family: var(--font-main); text-align: center; -webkit-appearance: none; outline: 0; display: inline-flex; box-sizing: border-box; border-radius: 6px; padding: 12px 24px; font-weight: 600; font-size: 12px; line-height: 20px; color: #fff; background: var(--gradient-violet), var(--c-violet-dark) ; outline: none; box-shadow: none; cursor: pointer; transition: all 0.3s ease; border: none; text-transform: uppercase; justify-content: center; text-decoration: none!important; font-feature-settings: 'pnum' on, 'lnum' on; } .s-button{ -webkit-appearance: none; outline: 0; border: 0; padding: 0; text-decoration: none; box-shadow: none; background-color: unset; transition: all 0.3s ease; font-family: inherit; border-radius: 0; box-sizing: border-box; } .btn:hover, input[type=button]:hover, input[type=submit]:hover, button[type=submit]:not(.s-button):hover, button[type=button]:not(.s-button):hover{ color: #fff; background: var(--c-violet-dark); } .btn:disabled, input[type=button]:disabled, input[type=submit]:disabled { background: rgba(0, 0, 0, 0.05)!important; color: var(--c-gray)!important; cursor: none; } .btn:active, button:not(.s-button):active, input[type=button]:active, input[type=submit]:active, button[type=submit]:not(.s-button):active, button[type=button]:not(.s-button):active{ } .btn:disabled, button[type=submit]:not(.s-button):disabled, button[type=button]:not(.s-button):disabled, input[type=button]:disabled, input[type=submit]:disabled { background: rgba(0, 0, 0, 0.05)!important; color: var(--c-gray)!important; cursor: not-allowed; text-shadow: 0 1px 1px #fff; } .btn.btn--small, button[type=button].btn.btn--small, button[type=submit].btn.btn--small, input[type=submit].btn.btn--small, input[type=button].btn.btn--small{ color: #fff; padding: 8px 18px; font-weight: 600; font-size: 12px; line-height: 20px; } .btn.btn--light, .btn.btn--small.btn--light, button[type=button].btn.btn--light, button[type=submit].btn.btn--light, input[type=submit].btn.btn--light, input[type=button].btn.btn--light, button[type=button].btn.btn--small.btn--light, button[type=submit].btn.btn--small.btn--light, input[type=submit].btn.btn--small.btn--light, input[type=button].btn.btn--small.btn--light { font-weight: 700; color: var(--c-violet-dark); background:var(--c-silver); } .btn.btn--light:hover, button[type=button].btn.btn--light:hover, button[type=submit].btn.btn--light:hover, input[type=submit].btn.btn--light:hover, input[type=button].btn.btn--light:hover{ color: var(--c-pink); } .btn.btn--large, button[type=button].btn.btn--large, button[type=submit].btn.btn--large, input[type=submit].btn.btn--large, input[type=button].btn.btn--large { font-size: 1.6em; padding: 7px 10px; font-weight: bold; } .btn.btn--gray, button[type=button].btn.btn--gray, button[type=submit].btn.btn--gray, input[type=submit].btn.btn--gray, input[type=button].btn.btn--gray { background-color:var(--c-gray); } .btn.btn--gray, button[type=button].btn.btn--gray:hover, button[type=submit].btn.btn--gray:hover, input[type=submit].btn.btn--gray:hover, input[type=button].btn.btn--gray:hover{ opacity: 0.8; color: #fff; } .btn.btn--white, button[type=button].btn.btn--white, button[type=submit].btn.btn--white, input[type=submit].btn.btn--white, input[type=button].btn.btn--white{ background-color: #fff; color: #000; } .btn.btn--white, button[type=button].btn.btn--white:hover, button[type=submit].btn.btn--white:hover, input[type=submit].btn.btn--white:hover, input[type=button].btn.btn--white:hover{ color: var(--c-active); } .btn.btn--orange, button[type=button].btn.btn--orange, button[type=submit].btn.btn--orange, input[type=submit].btn.btn--orange, input[type=button].btn.btn--orange{ background: var(--c-orange); color: #fff; border-color: var(--c-orange); } .btn.btn--orange:hover, button[type=button].btn.btn--orange:hover, button[type=submit].btn.btn--orange:hover, input[type=submit].btn.btn--orange:hover, input[type=button].btn.btn--orange:hover{ background: var(--c-orange); } .btn.btn--outline, button[type=button].btn.btn--outline, button[type=submit].btn.btn--outline, input[type=submit].btn.btn--outline, input[type=button].btn.btn--outline{ font-weight: 600; display: inline-flex; color: var(--c-violet); background: transparent; border: 1px solid var(--c-violet); } .btn.btn--outline:hover, button[type=button].btn.btn--outline:hover, button[type=submit].btn.btn--outline:hover, input[type=submit].btn.btn--outline:hover, input[type=button].btn.btn--outline:hover{ border-color: var(--c-pink); color: var(--c-pink); } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* Misc elements ---------------- */ .small { font-size: 0.9em; } .large { font-size: 1.1em; } .bold { font-weight: bold; } .strike { text-decoration: line-through; } .highlighted { background: #ffc; } .hint { color: #aaa; font-size: 0.9em; } .hint a, .hint:visited, .hint a:visited { color: #888; } .gray { color: var(--c-gray); } .gray a, .gray:visited, .gray a:visited { color: #888; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .shadowed { -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; } .nowrap { white-space: nowrap; } .hr { border-top: 1px solid #ccc; margin-bottom: 15px; } .uppercase { text-transform: uppercase; } .blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } .container { max-width: 1240px; width: 100%; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .bg-overlay{ z-index: -1; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(50, 48, 48, 0.55); transition: all 1s ease; opacity: 0; visibility: hidden; } .is-show--menu-mobile .bg-overlay, .is-show-fcart .bg-overlay, .is-show--catalog .bg-overlay, .is-show--category-sidebar .bg-overlay, .is-show--modal .bg-overlay{ opacity: 1; z-index: 1000; visibility: visible; transition: all 1s ease;} .is-show--catalog .bg-overlay{ z-index: 100; } .is-show--search-aside .bg-overlay{ opacity: 1; z-index: 1000; visibility: visible; transition: all 1s ease;} /*.is-show--modal{ overflow: hidden; }*/ .rating{ display: flex; gap:3px; align-items:center; justify-content:center; } .icon-star{ width: 14px; height: 14px; } .star, .star-full { background: url(img/icon-star.svg) center/contain no-repeat; } .star-half { background: url(img/icon-star-half.svg) center/contain no-repeat } .star-empty { background: url(img/icon-star-empty.svg) center/contain no-repeat } .star-hover { background: url(img/icon-star-hover.svg) center/contain no-repeat } .rating{ display: inline-flex; justify-content: flex-start; align-items: center; } .rating > *{ width: 14px; height: 14px; margin-right: 2px; } /*search*/ .search-aside{ position: fixed; top: 0; left: 0; right: 0; max-height: 90vh; padding: 20px 0; z-index: 1001; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .is-show--search-aside .search-aside{ opacity: 1; visibility: visible; } .search-aside .ssearch-wrapper .ssearch-result{ max-height: calc(100vh - 150px); overflow-x: hidden; display: block; overflow-y: auto; } .ssearch-wrapper .ssearch-result-box a{ color: var(--c-orange)!important; } /*select styling*/ .select-list { position: relative; font-family: var(--font-main); } .select-list--st .select-list_toggle{ justify-content: space-between; } .select-list_toggle { width: 100% ; cursor: pointer; } .select-list__head{ width: 100%; padding: 0 12px; position: relative; display: flex; border: 1px solid var(--c-silver); height: 33px; line-height: 32px; box-sizing: border-box; } .select-list__label{ white-space: nowrap; font-style: normal; font-weight: 400; font-size: 16px; margin-right: 5px; } .select-list_toggle { display: flex; justify-content: space-between; align-items: center; } .select-list_toggle span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select-list_toggle a, .select-list_toggle a:hover{ white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; font-style: normal; white-space: nowrap; font-style: normal; font-weight: 400; font-size: 16px; } .select-list_toggle i{ display: none; } .select-list__items { width: 100%; border: 1px solid var(--c-silver); transition: all 0.3s ease; opacity: 0; visibility: hidden; list-style: none; z-index: 9; top: 100%; position: absolute; margin: 0; box-sizing: border-box; background: #fff; padding: 0; } .select-list_toggle svg{ min-width: 20px; margin-left: 10px; } .select-list__items li{ display: block; } .select-list__items li label input{ display: none; } .select-list__items li label span, .select-list__items li a{ display: block; padding: 7px 12px; white-space: nowrap; color: var(--c-dark); } .select-list__items li.selected a, .select-list__items li label input:checked + span{ background: var(--c-dark); color: #fff; } .select-list.is-show .jq-selectbox__trigger-arrow svg{ transform: rotateX(-180deg); } .select-list.is-show .select-list__items{ opacity: 1; visibility: visible; margin-top: -1px; } .page-padding{ padding: 0 120px; } .formated.formated--two-column{ column-count: 2; column-gap: 120px; } .formated h1{ font-weight: 500; font-size: 32px; line-height: 140%; margin-bottom: 0.8em; } .formated h2{ font-weight: 500; font-size: 30px; line-height: 140%; margin-bottom: 0.8em; } .formated h3{ font-weight: 500; font-size: 28px; line-height: 140%; margin-bottom: 0.8em; } .formated h4{ font-weight: 500; font-size: 24px; line-height: 120%; margin-bottom: 0.8em;} .formated h5{ font-weight: 500; font-size: 22px; line-height: 120%; margin-bottom: 0.8em;} .formated h6{ font-weight: 500; font-size: 18px; line-height: 120%; margin-bottom: 0.8em;} .formated p{ font-weight: 300; font-size: 15px; line-height: 160%; color: var(--c-violet-dark); } .formated a{ color: var(--c-violet); transition:all 0.3s ease; } .formated a:hover, .formated a:active{ color: var(--c-pink); } .formated ul, .formated ol{ counter-reset: section; padding-left: 42px; margin: 16px 0 24px; } .formated ol li{ color: var(--c-violet-dark); min-height: 28px; font-weight: 400; font-size: 14px; line-height: 160%; list-style: none; position: relative; margin-bottom: 8px;} .formated ol li:before{ counter-increment: section; content: counters(section,".") " "; background: unset; position: absolute; width: 24px; height: 24px; border: 2px solid var(--c-pink); text-align: center; border-radius: 99px; top: -3px; left: -42px; font-weight: 600; font-size: 15px; line-height: 24px; color: var(--c-pink); } .formated p, .formated ol, .formated ul { break-inside: avoid-column; } .formated h1{ font-weight: 400; font-size: 32px; } .formated h2{ font-weight: 500; font-size: 28px; } .formated h3{ font-weight: 500; font-size: 26px; } .formated h4{ font-weight: 500; font-size: 22px; } .formated h5{ font-weight: 500; font-size: 18px; } .formated ul{ padding: 0; padding-left: 30px; } .formated li{ font-family: var(--font-main); color: var(--c-violet); margin-bottom: 16px; list-style: none; position: relative; font-weight: 400; font-size: 14px; line-height: 160%; } .formated li:before{ content: ''; position: absolute; left: -18px; top: 7px; width: 6px; height: 6px; border-radius: 9px; background:var(--c-violet); } .formated li span { color: var(--c-gray); display: block; padding-top: 10px;} .formated strong, .formated b{ font-weight: 500; } @media screen and (max-width: 960px) { .formated.formated--two-column{ column-count: 1; } } /*search plugin*/ /*SearchSmart css*/ .ssearch-wrapper.is-focus .ssearch-box, .ssearch-wrapper.is-focus .ssearch-result-box{ border-color: #1D1B1B; } .ssearch-wrapper{ position: relative; font-size: 14px; z-index: 999; text-align: left;} .ssearch-wrapper .ssearch-box{ display: flex; align-items: flex-end; border: 1px solid #B4B4B4; padding: 15px 76px; display: flex; flex-direction: row-reverse; background: #fff; z-index: 9; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ssearch-wrapper .ssearch-box .ssearch-key-box{ width: 100%; position: relative;} .ssearch-wrapper .ssearch-box .ssearch-key-box.with_categories{ margin-right: 206px; } .ssearch-wrapper .ssearch-box .ssearch-right{ } .ssearch-wrapper .ssearch-box .ssearch-submit{ margin-right: 30px; font-weight: 400; font-size: 26px; line-height: 38px; border-radius: 0;cursor: pointer; color: #fff; line-height: 40px;height: 40px;display: inline-block; } .ssearch-wrapper .ssearch-box .ssearch-key-box input{ font-family: var(--font-main); outline: none; flex-grow: 1; height: 22px; line-height: 22px; border: none; border-radius: 0!important; border-bottom: 1px solid var(--c-black)!important; height: 30px; padding: 0; } .ssearch-wrapper .ssearch-box .ssearch-select-box{position: relative;width: 130px; display: inline-block;vertical-align: top;} .ssearch-wrapper .select-box-label{ position: relative; cursor: pointer; white-space:nowrap; overflow: hidden; height: 38px; padding: 0 12px; line-height: 38px; border-left: 1px solid #cbcbcb; } .ssearch-wrapper .select-box-label .icon-down{ position: absolute; top: 1px; right: 0; width: 20px; bottom: 1px; background:#fff; } .ssearch-wrapper .select-box-list{ display: none; background: #fff; position: absolute; top: 38px; right: -2px; border: 1px solid #cbcbcb;} .ssearch-wrapper .select-box-list > ul { padding: 6px 0; margin-bottom: 0; max-height: 200px; overflow-y: auto; } .ssearch-wrapper .select-box-list ul{ padding: 0; margin: 0; margin-bottom: 4px; list-style: none;} .ssearch-wrapper .select-box-list ul li{ display: block; } .ssearch-wrapper .select-box-list span{ cursor: pointer; line-height: 28px; max-width: 26ch; overflow: hidden; text-overflow: ellipsis ; display: block; padding: 0 12px; white-space: nowrap; } .ssearch-wrapper .select-box-list span:hover{ background: #eaeaea; } .ssearch-wrapper .select-box-list span.selected{ font-weight: bold; color: #000; } .ssearch-wrapper .select-box-list .childs span.selected{ font-weight: bold; color: #000; } .ssearch-wrapper .select-box-list .childs span{ padding-left: 22px; color:#777; } .ssearch-wrapper .select-box-list .childs .childs span{ padding-left: 32px; } .ssearch-wrapper .select-box-list .childs .childs .childs span{ padding-left: 42px; } .ssearch-wrapper .select-box-list .collapsible > span{ position: relative; padding-right: 24px;} .ssearch-wrapper .select-box-list .collapsible > span:after{ content: ''; z-index: 1; position: absolute; top: 0; right: 0; width: 20px; bottom: 0; background: } .ssearch-wrapper .ssearch-key-box input::-webkit-input-placeholder { color: #B4B4B4; } .ssearch-wrapper .ssearch-key-box input:-moz-placeholder, .ssearch-wrapper .ssearch-key-box input::-moz-placeholder { color: #B4B4B4; } .ssearch-wrapper .ssearch-key-box input:-ms-input-placeholder { color: #B4B4B4; } /* result*/ .ssearch-wrapper .ssearch-result-box{ padding-right: 76px; box-shadow:none; border: 1px solid #B4B4B4; border-top: 0; z-index: 9; padding-left: 180px; padding-bottom: 48px; background: #fff; border-radius: 0px; overflow:hidden; position: absolute; top: 100%; margin-top: -1px; left: 0; right: 0; } .ssearch-wrapper .ssearch-result-box a{ color: #06c; text-decoration: none; } .ssearch-wrapper .ssearch-all-result{ padding-left: 180px; background: #fff; font-size: 16px; position: absolute; bottom: 0; right: 0; left: 0; cursor: pointer; display: block; color: #e62e04; height: 48px; line-height: 48px; text-align: left; } .ssearch-wrapper .ssearch-all-result:hover{ color: var(--c-orange); } .ssearch-wrapper .ssearch-all-result.active{ } .ssearch-wrapper .ssearch-result{ overflow-y: auto; padding: 6px 0 0; max-height: 600px; } .ssearch-wrapper .ssearch-result .ssearch-item.active{ background: #f4f4f4; } .ssearch-wrapper .ssearch-result .label-result{ background: #fff; border-bottom: 1px solid #B4B4B4; border-top: 0; text-align: right; padding: 0 12px; font-size: 12px; line-height: 20px; color: #777; text-transform: uppercase; } .ssearch-wrapper .ssearch-result .result-categories a, .ssearch-wrapper .ssearch-result .result-suggestions span{ cursor: pointer; display: block; padding: 8px 0px; color: #1d1b1b; font-size: 16px; line-height: 22px; white-space: nowrap; } .ssearch-wrapper .ssearch-result .result-categories a:hover, .ssearch-wrapper .ssearch-result .result-suggestions span:hover{ color: #1D1B1B; } .ssearch-wrapper .ssearch-result .result-products.with-image .result-product{ padding-left: 72px; min-height: 72px; } .ssearch-wrapper .ssearch-result .result-products a:hover .title{ color: #1d1b1b; } .ssearch-wrapper .ssearch-result .result-product{ padding: 8px 0px; position: relative; display: block; } .ssearch-wrapper .ssearch-result .result-product:last-of-type{ border: none; } .ssearch-wrapper .ssearch-result .result-product .image{ position: absolute; text-align: center; width: 64px; line-height: 64px; left: 4px; top: 50%; margin-top: -32px; } .ssearch-wrapper .ssearch-result .result-product .image img{ display: inline-block; max-width: 100%; max-height: 64px; vertical-align: middle; } .ssearch-wrapper .ssearch-result .result-product .title{ color: var(--c-dark); font-size: 16px; line-height: 22px; display: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ssearch-wrapper .ssearch-result .result-product .summary{ display: block; margin-bottom: 6px; text-overflow: ellipsis; font-size: 12px; color: var(--c-violet-dark-03); line-height: 18px; max-height: 36px; overflow:hidden; } .ssearch-wrapper .ssearch-result .result-product .pricing .price{ font-weight: bold; font-size: 16px; color: #000;} .ssearch-wrapper .ssearch-result .result-product .pricing .compare-at-price{ text-decoration: line-through; color: #777; } /*small screen*/ /*theme*/ .theme-iconsearch{ } .theme-iconsearch.ssearch-wrapper .ssearch-box .ssearch-submit{ width: 48px; text-indent: -9999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .theme-iconsearch.ssearch-wrapper .select-box-label{ border: none; } @media screen and (max-width: 1080px){ .ssearch-wrapper .ssearch-box{ padding-left: 20px; padding-right: 15px; } .ssearch-wrapper .ssearch-box .ssearch-submit{ font-weight: 400; font-size: 18px; line-height: 26px; margin-right: 15px; height: 26px; } .ssearch-wrapper .ssearch-result-box, .ssearch-wrapper .ssearch-all-result{ padding-right: 15px; padding-left: 82px; } } @media screen and (max-width: 760px){ .ssearch-wrapper .ssearch-box{ padding: 6px 15px 6px 20px; } .ssearch-wrapper .ssearch-box .ssearch-key-box input{ height: 20px; line-height: 20px; font-size: 14px } } @media screen and (max-width: 420px){ .ssearch-wrapper .ssearch-result-box, .ssearch-wrapper .ssearch-all-result{ padding-left: 20px } } /**/ .wa-flex-box { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .wa-flex-box.middle { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .wa-flex-box.wrap { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wa-flex-box.full-line { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .wa-flex-box.fixed { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .wa-flex-box.fixed.fixed > * { -webkit-flex-basis: 100%; flex-basis: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; -ms-box-flex: 0; box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; } .wa-flex-box > *.middle { -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; } .wa-flex-box.space-025 > *:not(:last-child) { margin-right: 0.25rem; } .wa-flex-box.space-05 > *:not(:last-child) { margin-right: 0.5rem; } .wa-flex-box.space-075 > *:not(:last-child) { margin-right: 0.75rem; } .wa-flex-box.space-1 > *:not(:last-child) { margin-right: 1rem; } .wa-flex-box.space-2 > *:not(:last-child) { margin-right: 2rem; } .wa-flex-box.space-3 > *:not(:last-child) { margin-right: 3rem; } .wa-flex-box.space-4 > *:not(:last-child) { margin-right: 4rem; } .wa-flex-box.space-5 > *:not(:last-child) { margin-right: 0.5rem; } /*common*/ .link-arrows{ font-weight: 400; font-size: 18px; line-height: 26px; display: inline-flex; align-items: center; } .link-arrows:after{ content: ""; background-image: var(--icon-arrows); width: 20px; height: 20px; display: inline-block; margin-left: 15px; margin-top: 2px;} .gheading{ margin-bottom: 30px; padding-left: 76px; font-weight: 400; font-size: 30px; line-height: 43px; } .gheading.gheading--center{ padding-left: 0; text-align: center; padding-right: 0; } .link-icon{ display: inline-flex; font-weight: 400; font-size: 16px; line-height: 22px; } .link-icon svg{ margin-left: 14px; stroke: var(--c-orange); margin-top: -2px; } .header-h3 { font-weight: 500; font-size: 36px; line-height: 120%; margin-bottom: 20px; } .link-more{ font-weight: 500; font-size: 14px; line-height: 24px; color: var(--c-red);display: inline-flex; gap:12px; align-items:center; } .link-more:before{ content:""; width: 24px; height: 24px; border: 1px solid var(--c-silver); border-radius: 99px; display: inline-flex; background: var(--icon-arrow-right) center no-repeat; } .header-hint{ font-style: normal; font-weight: 300; font-size: 15px; line-height: 160%; color: var(--c-dark); } /*slick */ .slick-dots{ left: 50%; transform: translate(-50%,0); display: flex; position: absolute; bottom: 20px; padding: 0; margin: 0; } .slick-dots li{ list-style: none; padding: 0 5px; } .slick-dots li button[type=button]{ border: none; background: var(--c-silver); padding: 0; margin: 0 auto; width: 10px; height: 10px; border-radius: 99px; text-indent: -99999px; } .slick-dots li.slick-active button[type=button]{ background: var(--c-orange); } .slick-dots li:not(.slick-active):hover button[type=button]{ background: var(--c-gray); } /*page*/ .page-title { font-weight: 600; font-size: 36px; line-height: 1.33; margin-bottom: 16px; } .page-header--centered{ text-align: center; padding-top: 60px; } .page-body{ padding-bottom: 100px; } .page-body.with-sidebar{ display: flex; justify-content: space-between; } .page-sidebar{ width: 216px; padding-right: 64px; min-width: 216px; } .page-content{ flex: 1; } .page-inner{ flex: 1; margin-bottom: 100px; min-height:200px; } .sub-links{ display: flex; flex-wrap: wrap; padding: 0; margin-bottom: 12px; } .sub-links li{ list-style: none; padding-right: 16px; margin-bottom: 12px; } .sub-links li a{ font-size: 14px; cursor: pointer; padding: 0 24px; display: flex; justify-content: center; align-items: center; height: 48px; border-radius: 8px; background: #fff; border: 1px solid var(--c-silver2); box-sizing: border-box; } .sub-links li a:after{ content: ""; width: 20px; height: 20px; margin-left: 12px; background: url(img/icon-darr.svg) center/20px no-repeat; } .discountcard-my-block{ padding: 36px; position: relative; padding-right: 50%; background: var(--c-bg-silver); border-radius: 16px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 48px; } .discountcard-label{ padding-right: 12px; width: 100%; color: var(--c-silver); font-size: 12px; line-height: 22px; } #discountcard-input{ margin-top: 6px; width: 200px; max-width: 100%; margin-right: 12px; } #discountcard-submit{ margin-top: 6px; } .discountcard-discount, .discountcard_amount{ position: absolute; left: 50%; padding: 6px 24px; width: 50%; box-sizing: border-box; margin: 0; } .discountcard-discount{ top: 58px; } .discountcard_amount{ top: 84px; } .wa-form-wrapper { width: 360px; max-width: 100%; margin: 0 auto; padding: 20px 0 80px; } .wa-form-wrapper input{ } .wa-form-wrapper .wa-field .wa-value input[type="text"], .wa-form-wrapper .wa-field .wa-value input[type="email"], .wa-form-wrapper .wa-field .wa-value input[type="password"]{ width: 100%; padding: 0 16px; } .wa-signup-url, .wa-login-url{ text-align: center; display: none; } .wa-signup-url a, .wa-login-url a{ text-decoration: underline; display: inline-block; padding: 0 8px; } .auth-form .wa-login-form-wrapper .wa-login-form-fields .wa-login-forgotpassword-url { text-decoration: underline; padding-top: 20px; margin-right: 0; display: block; text-align: right; font-weight: 400; font-size: 13px; line-height: 20px; color: var(--c-violet-dark); } .auth-form .wa-forgotpassword-form-wrapper .wa-field .wa-forgotpassword-button{ width: 100%; font-weight: 400; font-size: 13px; line-height: 20px; color: var(--c-violet-dark);} .error-wrapper{ text-align: center; padding-bottom: 148px; } .error-img{ max-height: 240px; margin-top: 48px; margin-bottom: 24px; } .error-message{ font-size: 24px; font-weight: bold; line-height: 36px; margin-bottom: 24px; } .error-text{ color: var(--c-gray); font-weight: bold; font-size: 16px; line-height: 24px; } .error-text a{ color: var(--c-red); text-decoration: underline; } .error-text a:hover{ color: var(--c-dark); } .auth-form { border: 2px solid var(--c-silver); margin: 0 auto; border-radius: 10px; width: 380px; max-width: 100%; padding-top: 32px; padding-bottom: 0;} .auth-form__heading { font-weight: 500; font-size: 20px; line-height: 120%; color: var(--c-dark); text-align: center; } .auth-form__subtitle { font-weight: 400; font-size: 15px; line-height: 120%; color: var(--c-dark); } .auth-form__tabs { margin-top: 12px; text-align: center;} .auth-tabs {} .auth-tabs__tabs { padding: 0; list-style: none; margin: 0; display: flex; justify-content:center; align-items:center; border-bottom: 2px solid var(--c-silver); } .auth-tabs__tab { text-align: center; width: 150px; max-width: 48%; display: inline-flex; justify-content: center; opacity: 0.5; text-transform: uppercase; font-weight: 600; color: var(--c-violet); font-size: 13px; line-height: 120%; margin-bottom: -2px; border-bottom: 2px solid transparent; padding: 12px 22px; line-height: 16px; transition:all 0.3s ease; box-sizing:border-box; } .auth-tabs__tab:hover{ opacity: 1; color: var(--c-violet); } .auth-tabs__tab.is-active{ border-bottom: 2px solid var(--c-violet); opacity: 1; } .auth-tabs__contents { padding: 38px 0; } .auth-tabs__content { display: none; } .auth-tabs__content.is-active{ display: block; } .auth-form .wa-form{ padding: 20px 40px 0; } .forgotpassword__hint-before { font-weight: 500; font-size: 13px; line-height: 120%; text-align: center; margin-bottom: 14px; color: var(--c-violet-dark); opacity: 0.8; } .forgotpassword__hint-after { font-weight: 400; padding-top: 16px; font-size: 12px; line-height: 140%; color: var(--c-violet-dark); opacity: 0.8; } .wa-info-msg{ font-size: 13px; text-align: center; color: var(--c-dark); } .wa-info-msg a { font-weight: 600; color: var(--c-violet-dark); } /*my page*/ .page-inner { } .my-page { display: flex; gap:58px; align-items:flex-start; } .my-page__content { flex: auto; padding: 40px; border: 2px solid var(--c-silver); border-radius: 10px; } .my-page__nav { min-width: 280px; border-radius: 10px; background: var(--c-silver); padding: 20px 4px; } .my-nav__head {} .my-nav__menu { border-radius: 10px; background: #fff; padding: 0 12px; margin: 0; } .my-nav__menu li{ display: block; list-style:none; border-bottom: 1px solid var(--c-silver); } .my-nav__menu li:last-child{ border-bottom: unset; } .my-nav__menu li a{ display: block; position: relative; color: var(--c-dark); padding: 16px 24px 16px 0; font-weight: 500; font-size: 14px; line-height: 120%; } .my-nav__menu li a:after{ content:''; width: 16px; height: 16px; background: var(--icon-arrow-right) center/contain no-repeat; position: absolute; top: 50%; right: 0; margin-top: -8px; } .my-nav__menu li a:hover{ color: var(--c-pink); } .my-nav__menu li.selected a{ color: var(--c-violet); } .my-page__nav {} .my-nav__head { padding: 0 10px 16px; } .my-nav__head .userpic { min-width: 24px; width: 24px; height: 24px; border-radius:99px; background-size: cover; } .my-nav__head { display: flex; align-items: center; gap:12px; } .my-nav__head span{ color: var(--c-dark); font-weight: 500; font-size: 14px; line-height: 120%; } .my-nav__menu {} .my-nav__footer a{ color: var(--c-violet); display: flex; gap: 12px; align-items: center; padding: 20px 10px 0; font-weight: 500; font-size: 14px; line-height: 120%; } .my-nav__footer a:hover{ color: var(--c-pink); } .heading-m.heading-m--black.my-content__head-main{ text-align: left; } .my-content .page-message{ margin: 20px 0; } .wa-form .wa-field .wa-value .field{ margin-bottom: 12px; } #wa-my-info-edit-wrapper .wa-field-password a{ display: none; } #wa-my-info-edit-wrapper .heading-s{ margin-bottom: 12px; } /*heading*/ .heading-l{ font-weight: 500; font-size: 32px; line-height: 120%; color: var(--c-dark); } .heading-s{ font-weight: 500; font-size: 18px; line-height: 120%; color: var(--c-dark); } .page-header{ padding-bottom: 24px; } .page-header--center{ } .page-header--center .breadcrumbs__inner{ justify-content:center; } .page-header--center .page-header__heading{ text-align: center; } /*breacrumbs*/ .breadcrumbs { margin-top: 24px; overflow-y: auto;} .breadcrumbs__inner { font-style: normal; font-weight: 400; padding-bottom: 14px; font-size: 13px; line-height: 140%; padding-right: 24px; display: flex; align-items: center; justify-content: flex-start; gap:16px; overflow: auto;} .breadcrumbs__item a{ white-space: nowrap; color: var(--c-violet); white-space: nowrap; text-decoration: none; font-style: normal; font-weight: 400; font-size: 13px; line-height: 140%; } .breadcrumbs__item a:hover{ color: var(--c-pink); } .breadcrumbs__separate { padding: 0 3px; opacity: 0.5; min-width:12px } .breadcrumbs__item--last{ color: var(--c-violet-dark); text-decoration: none; opacity: 0.5; white-space:nowrap; } /*section*/ /**/ .fixed-buttons { position: fixed; z-index: 9; right: 24px; bottom: 24px; display: flex; flex-direction:column; gap: 16px; } .fixed-buttons button.fixed-button { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius:99px; padding: 0; } .fixed-button--scroll-top{ background: var(--c-violet); } .fixed-button--scroll-top:hover{ box-shadow: 0px 4px 16px rgb(0 0 0 / 15%); } /*mobile menu*/ .mobile-menu{ position: fixed; left: -280px; top: 0; bottom: 0; background: #fff; z-index: 100001; width: 280px; padding: 0 16px 28px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all 0.5s ease; } .mobile-menu__inner {} .mobile-menu__header { position: absolute; top: 0; left: 0; right: 0; padding: 0 16px; } .mobile-menu__close { justify-content: space-between; flex-direction: row-reverse; height: 48px; display: inline-flex; padding: 12px 0; border-bottom: 1px solid var(--c-bg-silver); align-items: center; width: 100%; } .mobile-menu__close span{ margin-left: 0; font-size: 18px; line-height: 27px; color: var(--c-dark); } .mobile-menu__close svg{ stroke: var(--c-gray); } .mobile-menu__body { position: absolute; overflow-y: auto; left: 0; right: 0; top: 48px; bottom: 0; padding: 16px 16px 40px; } .is-show--menu-mobile .mobile-menu{ opacity: 1; visibility: visible; left: 0; } .menu-mobile.ul-menu{ flex-direction: column; justify-content: flex-start; margin-top: -12px; } .menu-mobile .ul-menu__li{ padding-left: 0; flex-direction: column; width: 100%; } .menu-mobile .ul-menu__a{ font-size: 18px; font-weight: 500; color: var(--c-dark); width: 100%; display: flex; padding: 12px 8px; } .menu-mobile .ul-menu__ul{ margin: 0; margin-bottom: 6px; visibility: visible; opacity: 1; position: static; background: transparent; padding: 0; padding-left: 16px; } .menu-mobile .ul-menu__ul .ul-menu__a { font-size: 14px; font-weight: 400; } .menu-mobile .ul-menu__ul .ul-menu__li .ul-menu__a:hover{ color: var(--c-orange); } .ul-menu { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; } .ul-menu__li { position: relative; display: inline-flex; padding-left: 24px; } .ul-menu__a { font-size: 14px; line-height: 17px; color: var(--c-gray); } .ul-menu__li:hover > .ul-menu__a, .ul-menu__a:hover{ color: var(--c-orange); } /*paging*/ .paging-nav{ } .paging-nav.is-hidden{ display: none; visibility: hidden; } .paging-nav ul{ padding: 0; display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; align-items: center; } .paging-nav li{ list-style: none; padding: 0; margin: 0px; } .paging-nav li a{ font-weight: 600; font-size: 15px; border: 1px solid var(--c-silver); color: var(--c-violet); padding: 0 5px; width: auto; min-width: 22px; text-align: center; height: 32px; border-radius: 99px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .paging-nav li.selected a{ color: var(--c-dark); background: var(--c-silver);} .paging-nav li a:hover{ color: var(--c-pink); background: var(--c-silver); } .paging-nav li span{ display: inline-block; font-weight: 500; font-size: 20px; line-height: 32px; color: var(--c-silver); padding: 0 5px; } .paging-nav li a.inline-link{ } .paging-nav li a svg{ stroke: var(--c-gray); } .paging-nav li a:hover svg{ stroke: var(--c-orange); } .paging-nav li a:hover i{ opacity: 0.8; } .paging-nav li a i{ width: 24px; height: 24px; display: inline-flex; transition: all 0.3s ease; } .paging-nav li a.icon-larr{ background: var(--icon-arrow-left) center no-repeat; } .paging-nav li a.icon-rarr{ background: var(--icon-arrow-right) center no-repeat; } /*messages*/ .page-message{ padding: 16px; text-align: center; color: var(--c-dark); border-radius:8px; } .page-message--inline{ display: inline-flex; } .page-message--success{ background: var(--c-green); color: #fff; } .page-message--error{ background: var(--c-pink); color: var(--c-red); } .page-message--dark{ background: var(--c-dark); color: #fff; } .page-message--silver{ background: var(--c-silver); color:var(--c-dark); } .page-message.page-message--center{ text-align: center; } .page-message--favorites{ display: flex; flex-direction:column; align-items:center; } .page-message--favorites .page-message__subheading{ max-width:50ch; } .page-message--favorites .page-message__subheading img{ vertical-align:middle; margin:-2px 6px 0; } /*alert message*/ .message-alert { top: -100%; opacity: .9; position: fixed; z-index: 100999; right: 80px; max-width: 40ch; border-radius: 0px; padding: 8px 16px; line-height: 140%; font-size: 15px; font-weight: 500; color: #fff; background: var(--c-dark); transition: all .8s ease } .message-alert.message-alert--success { background: var(--c-green); } .message-alert.message-alert--error { background: var(--c-red); } .message-alert.message-alert--info { background: var(--c-bg-silver); color: var(--c-dark); } .message-alert.is-show { top: 64px; } /*404*/ .page-error{ padding: 80px; } /**/ .orders-item__row { display: flex; padding: 12px 0; border-top: 1px solid var(--c-bg-silver);} .orders-item__row > *{ color: var(--c-dark); padding:6px; box-sizing: border-box; } .orders-item__row:hover .orders-item__id{ color: var(--c-red); } .orders-item__id { min-width: 8%; width: 8%;} .orders-item__status { min-width: 12%; width: 12%; } .orders-item__items { } .orders-item__info { min-width: 30%; width: 30%; } .orders-item__shipping, .orders-item__payment { margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: flex-start;} .orders-item__date { text-align: right; min-width: 15%; width: 15%; } .orders-item__status .order-status { border-radius: 99px; padding: 4px 10px; } .orders-item__label{ min-width: 100px; color: var(--c-silver); } .orders-item__items ul{ margin: 0; } .orders-item__items ul li{ font-size: 14px; line-height: 22px; } h3 .order-status{ font-size: 16px; padding: 4px 10px; border-radius: 99px; } .tflex{ margin: 24px 0; } .tflex-row{ display: flex; border-bottom: 1px solid var(--c-silver2); } .tflex-row.no-border{ border-bottom: none; } .tflex-row .price{ color: var(--c-dark); } .tflex-row >*{ padding: 12px 10px; } .tflex-row >*:nth-child(1){ width: 60%; } .tflex-row >*:nth-child(2){ width: 20%; } .tflex-row >*:nth-child(3){ width: 20%; } .tflex-row--min.tflex-row >*:nth-child(1){ width: 80%; } .tflex-row.large{ font-size: 20px; } .pin-form{ padding: 36px; position: relative; border: 1px solid var(--c-silver2); border-radius: 16px; display: flex; flex-direction: column; align-items: center; margin-bottom: 48px; } .pin-form p{ text-align: center; max-width:60ch; } .pin-form .field{ display: flex; justify-content: center; } .pin-form .field input[type=text]{ margin-right: 12px; max-width: 100%; width: 200px; } @media screen and (max-width: 760px) { .wa-flex-box.adaptive { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .wa-flex-box.adaptive.space-025 > *:not(:first-child) { margin-top: 0.25rem; } .wa-flex-box.adaptive.space-025 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-05 > *:not(:first-child) { margin-top: 0.5rem; } .wa-flex-box.adaptive.space-05 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-075 > *:not(:first-child) { margin-top: 0.75rem; } .wa-flex-box.adaptive.space-075 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-1 > *:not(:first-child) { margin-top: 1rem; } .wa-flex-box.adaptive.space-1 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-2 > *:not(:first-child) { margin-top: 2rem; } .wa-flex-box.adaptive.space-2 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-3 > *:not(:first-child) { margin-top: 3rem; } .wa-flex-box.adaptive.space-3 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-4 > *:not(:first-child) { margin-top: 4rem; } .wa-flex-box.adaptive.space-4 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-5 > *:not(:first-child) { margin-top: 0.5rem; } .wa-flex-box.adaptive.space-5 > *:not(:last-child) { margin-right: 0; } } .g-main{ min-height: 40vh; } /*general header*/ .gheader { /* position: fixed; background: #fff; z-index: 120; top: 0; left: 0; right: 0; transition:all 0.5s ease; */ } /*.is-fixed--header .gheader { box-shadow: rgb(0 0 0 / 10%) 0 1px 1px 0, rgb(0 0 0 / 10%) 0 3px 3px 0; }*/ .gheader__message {} .header-message { height: 40px; background: var(--gradient-violet); } .header-message__inner { height: 100%; display: flex; justify-content:center; align-items:center; } .header-message__text { color: #fff; font-weight: 500; font-size: 14px; line-height: 16px; text-align: center; } .gheader__links{ width: calc(100% - 260px); } .gheader__links .menu-ul{ list-style: none; display: flex; gap:30px; padding: 0; margin: 0; } .gheader__links .menu-ul .menu-li { position: relative; list-style: none; } .gheader__links .menu-ul .menu-li > a{ white-space: nowrap; font-size: 13px; line-height: 16px; padding: 14px 0; display: inline-flex; color: var(--c-violet); } .gheader__top{ border-bottom: 2px solid var(--c-silver); display: flex; justify-content:space-between; } .gheader__links .menu-ul .menu-li > a:hover{ color: var(--c-pink); } .gheader__links .menu-ul .menu-li .menu-li__childs{ } .gheader__links .menu-li__childs { padding: 6px 0; margin: 0; min-width: 160px; margin-top: 20px; opacity: 0; visibility: hidden; transition: all 0.5s ease; z-index: 9; box-shadow: var(--box-shadow); position: absolute; top: 100%; left: -10px; background: #fff; padding: 0 16px; border-radius:10px; } .gheader__links .menu-li__childs li{ list-style: none; border-bottom: 1px solid var(--c-silver); } .gheader__links .menu-li__childs li:last-child{ border-bottom: none; } .gheader__links .menu-li__childs li a{ white-space: nowrap; display: block; padding:12px; color: var(--c-violet); display: block; font-weight: 500; font-size: 13px; line-height: 15px; } .gheader__links .menu-li__childs li a:hover{ color: var(--c-pink); } .gheader__links .menu-li:hover > .menu-li__childs{ opacity: 1; visibility: visible; margin-top: 0; } .gheader__links .menu-li__childs.menu-li__childs--extend{ } .gheader__regions { padding: 0 ; display: flex; align-items:center; justify-content:flex-end; } .shop-regions-button { display: flex; white-space: nowrap;} .shop-regions-button .reg-title { font-weight: 400; gap: 8px; font-weight: 400; font-size: 13px; line-height: 20px; display: flex; justify-content: center; align-items: center;} .shop-regions-button .reg-title svg{ fill: var(--c-red); } .shop-regions-button .shop-regions__link{ border: unset!important; color: var(--c-violet); padding-left: 8px; white-space: nowrap; font-weight: 500; font-size: 13px; line-height: 20px; display: flex; align-items: center; } .shop-regions-button .shop-regions__link:after{ content:''; display: inline-block; width: 16px; height: 16px; margin-left: 10px; background: var(--icon-arrow-down) center no-repeat; } .gheader__middle { padding-top: 6px; display: flex; justify-content: space-between; align-items:center; } .gheader__inner { display: flex; row-gap:12px; flex-direction:column; } .header__logo { display: flex; justify-content:space-between; align-items:center; gap:42px } .header__logo-link { display: flex; justify-content: center; align-items: center; width: 250px; min-width: 250px; height: 85px; } .header__logo-link img{ max-width:100%; display: block; } .header__logo-text { font-size: 13px; line-height: 18px; color: var(--c-violet); } .header__callback { margin: 0 44px; padding-top: 11px; position: relative; white-space: nowrap; cursor: pointer; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; color: var(--c-violet);} .header__callback:hover{ position: relative; color: var(--c-pink); } .header__callback svg{ z-index: 2; position: relative; position: relative; margin-bottom: 4px; } .header__callback span{ z-index: 2; position: relative; font-weight: 500; font-size: 12px; line-height: 14px;} .header__callback:before{ content:''; animation: pulseViolet 3s infinite; box-shadow: 0 0 0 10px rgba(229, 227, 255, 0.2); position: absolute; z-index: 1; top: 0; left: 50%; transform: translate(-50%,0); width: 46px; height: 46px; background: rgba(229, 227, 255, 0.5); border-radius: 99px; } .header__callback:hover:before{ animation:unset; } .header__phone { } .header__phone-link { display: block; white-space: nowrap; font-weight: 500; font-size: 22px; line-height: 26px; color: var(--c-violet); transition:all 0.3s ease; } .header__phone-link:hover{ color: var(--c-pink); } .header__phone-hint { font-weight: 400; font-size: 12px; line-height: 14px; } .header__actions { display: flex; gap:26px; align-items:flex-start; justify-content:flex-end } .header-action { position: relative; width: 66px; display: flex; flex-direction:column; align-items:center; } .header-action--account {} .header-action--menu{ display: none; } .header-action__icon { margin-bottom: 4px; } .header-action__count { position: absolute; top: -9px; right: -2px; } .header-action__label { font-weight: 400; font-size: 12px; line-height: 14px; transition:all 0.3s ease; } .header-action:hover .header-action__label{ color: var(--c-pink); } .header-action:hover .header-action__nav{ opacity: 1; visibility: visible; margin-top: 0; } .header-action__nav { margin-top: 20px; opacity: 0; visibility: hidden; transition: all 0.5s ease; z-index: 9; box-shadow: var(--box-shadow); position: absolute; top: 100%; left: -10px; background: #fff; padding: 0 16px; border-radius:10px; } .header-action__ul { padding: 6px 0; margin: 0; min-width: 160px; } .header-action__ul li{ list-style: none; border-bottom: 1px solid var(--c-silver); } .header-action__ul li:last-child{ border-bottom: none; } .header-action__ul li a{ white-space: nowrap; display: block; padding:12px; color: var(--c-violet); display: block; font-weight: 500; font-size: 13px; line-height: 15px; } .header-action__ul li a:hover{ color: var(--c-pink); } .header-action__ul li.divide{ margin-top: 12px; } .gheader__bottom{ background: var(--c-silver); height: 54px; } .gheader__bottom-inner{ display: flex; justify-content:space-between; } .header__search { padding: 8px 0; } .search-form { margin: 0; width: 468px; position: relative; display: flex; align-items: center; border-radius: 8px; } .search-form__input { font-family: var(--font-main); border-radius: 10px; outline: 0; width: 100%; color: var(--c-gray); background: #fff; font-size: 13px; font-weight: 300; color: var(--c-dark); height: 38px; border: none; padding: 0 48px 0 16px; line-height: 38px; transition:all 0.3s ease; } .search-form__input:placeholder{ color: var(--c-dark); } .search-form__input::placeholder{ color: var(--c-dark); } .search-form__input:focus{ box-shadow: 0px 4px 12px rgba(73, 69, 152, 0.1); } .search-form__btn { font-weight: 500; font-size: 12px; position: absolute; top: 0; right: 0; bottom: 0; display: inline-flex; align-items: center; gap:12px; color: var(--c-dark); padding: 0 12px; border-radius: 8px; height: 38px; } .search-form__btn svg{ } .header__catalog { width: calc(100% - 508px); } .catalog {} .catalog__list { list-style: none; margin: 0; padding: 0; } .catalog__item{ position: relative; display: flex; align-items:center; } .catalog__item > a{ position: relative; display: flex; align-items: center; gap:10px; white-space: nowrap; padding: 18px 20px; color: var(--c-dark); font-weight: 600; font-size: 14px; line-height: 18px; transition:all 0.3s ease; } .catalog__item > a:hover{ color: var(--c-pink); } .catalog__item.with-submenu > a:after{ content:""; opacity: 0.5; min-width: 16px; width: 16px; height: 16px; display: inline-flex; background: var(--icon-arrow-down) center no-repeat; transition:all 0.3s ease; } .catalog__item.with-submenu.catalog__item:hover > a:after{ transform:rotate(-180deg); } .menu-level--1 > .catalog__item > a:before{ content:""; position: absolute; left: 0; width: 0; bottom: 0px; height: 2px; background: var(--gradient-pink-violet); transition:all 0.5s ease; } .menu-level--1 > .catalog__item:hover > a:before{ width: 100%; } .catalog__item:hover > ul{ display: block; opacity: 1; visibility: visible; margin-top: 0; } .catalog__item > ul {display: none; margin: 0; min-width: 160px; margin-top: 20px; opacity: 0; visibility: hidden; transition: all 0.5s ease; z-index: 9; box-shadow: var(--box-shadow); position: absolute; top: 100%; left:0px; background: #fff; padding: 6px 0; border-radius:0px 0px 10px 10px; } .catalog__item > ul li{ list-style: none; padding: 0 24px; } .catalog__item > ul li:last-child > a{ border-bottom: none; } .catalog__item > ul li a{ border-bottom: 1px solid var(--c-silver); width: 100%; white-space: nowrap; display: flex; justify-content: space-between; width: 100%; padding:16px 0; color: var(--c-violet); font-weight: 500; font-size: 14px; line-height: 18px; } .catalog__item > ul li a:hover{ color: var(--c-pink); } .menu-level--1 > .catalog__item .catalog__item > ul{ left: 100%; top: 0; border-radius:0 10px 10px 0; } .menu-level--1 > .catalog__item .catalog__item.with-submenu > a:after{ content: ""; background: var(--icon-arrow-right) center no-repeat; } .catalog__list.catalog__list--reverse{ left: unset!important; right: 100%!important; border-radius: 10px 0 0 10px!important; } .menu-level--1{ display: flex; align-items:center; } .menu-level--1 > li > a{ text-transform: uppercase; } .menu-level--1 > .catalog__item:not(:last-child):after{ content:""; margin: 0px 6px; width: 5px; height: 5px; background: var(--c-violet); border-radius:5px; display: inline-flex; } .catalog-btn svg{ stroke:#fff; } .gheader__info { width: calc(100% - 318px); gap: 20px; flex: auto; display: flex; justify-content: space-between; background: var(--c-silver-02); border-radius:8px; height: 52px; } .gheader__menu { width:calc(100% - 300px); } .gheader__menu > ul{ padding: 0; margin: 0; } .menu-info { height: 100%; list-style: none; padding: 0; margin: 0; display: flex; align-items:center; } .menu-info__item { position: relative; height: 100%; display: flex; align-items: center; list-style: none; } .menu-info__item:not(:last-child):after{ content:""; background: rgba(0, 0, 0, 0.2); width: 1px; height: 18px; display: inline-block; } .menu-info__link { box-sizing: border-box; width: 100%; height: 100%; display: inline-flex; gap:10px; align-items: center; justify-content: space-between; white-space: nowrap; display: inline-flex; padding: 4px 32px; font-weight: 400; font-size: 14px; line-height: 24px; color: var(--c-dark);} .menu-info__link:hover{ color: var(--c-red); } .count-badge{ color: #fff; font-size: 13px; font-weight: 600; min-width: 16px; height: 22px; padding: 0 3px; border-radius:12px; display: inline-flex; align-items: center; justify-content: center; background: var(--c-violet); } .count-badge.is-blinked{ background: var(--c-pink); } .count-badge.is-empty{ opacity: 0; } .menu-info__item.with-submenu:hover > a { color: var(--c-red); } .menu-info__item.with-submenu:hover > a:after { transform:rotate(-180deg); } .menu-info__item > ul{ opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; } .menu-info__item--extend > a:after{ content:""; display: inline-block; width: 16px; height: 16px; background: var(--icon-arrow-down); transition:all 0.3s ease; } .menu-info__item--extend > ul{ left: auto; right: 0; } .menu-info__item--extend > ul ul{ display: none; } .menu-info__item--extend > ul li{ display: block; width: 100%; } .menu-info__item--extend > ul li.menu-info__item:after{ content:none; display: none; } .menu-info__item--extend > ul a:hover{ background: var(--c-silver-02); } .menu-info__item:hover > ul{ visibility: visible; opacity: 1; } .menu-info__item > ul{ border-radius: 8px; filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15)); background: #FFFFFF; padding: 10px 0; box-sizing: border-box; margin: 0; list-style:none; } .menu-info__item > ul .menu-info__link{ padding: 10px 24px; } /*general footer*/ .gfooter { overflow: hidden; position: relative; background: url(img/footer-decor.png) calc(50% + 590px) calc(100% - 90px) / 419px 420px no-repeat var(--c-silver); padding-top: 40px; } .gfooter:before{ content:""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--gradient-pink-violet); } .gfooter__inner{ display: flex; flex-direction:column; row-gap:28px; } .gfooter__top { display: flex; align-items:center; } .footer__logo { display: flex; align-items:center; } .footer__logo img{ height: 102px; max-width: 100%; margin-left: -58px; object-fit: contain;} .footer__logo-link { width: 290px; display: block; } .footer__logo-text { color: var(--c-violet-dark); font-weight: 400; font-size: 13px; line-height: 20px; } .footer__payment { display: flex; justify-content:center; flex:auto; } .footer__payment img{ max-width:100% } .gfooter__middle{ display: flex; margin-bottom: 40px; } .gfooter__contacts{ width: 290px; box-sizing:border-box; padding-right: 48px; } .footer__heading, .menu-list__header{ color: var(--c-dark); font-weight: 600; font-size: 17px; line-height: 20px; margin-bottom: 20px; } .menu-list__header svg{ display: none; } .menu-list { list-style:none; margin: 0; padding: 0; display: flex; flex-direction:column; row-gap:20px; } .menu-list__item { } .menu-list__item a{ font-weight: 500; font-size: 13px; line-height: 15px; color: var(--c-violet); transition:all 0.3s ease; } .menu-list__item a:hover{ color: var(--c-pink); text-decoration: underline; } .gfooter__col-menu{ display: flex; gap:48px; } .gfooter__menu{ width: 200px; } .footer__info{ color: var(--c-violet-dark); margin-bottom: 22px; font-weight: 500; font-size: 14px; line-height: 16px; } a.footer__info:hover{ color: var(--c-pink); } .footer__socials { display: flex; flex-wrap: wrap; column-gap:22px; row-gap: 6px; margin-bottom: 22px; } .footer__phone { margin-bottom: 22px; } .footer__phone-link { color: var(--c-violet); font-weight: 500; font-size: 22px; line-height: 26px; transition:all 0.3s ease; } .footer__phone-link:hover{ color: var(--c-pink);} .footer__phone-hint { font-weight: 400; font-size: 13px; line-height: 15px; } .gfooter__bottom { background: var(--c-dark); color: #D3D2FA; height: 90px; } .gfooter__bottom-inner{ display: flex; justify-content:space-between; align-items:center; height: 100%; } .gfooter__copy { font-weight: 400; font-size: 13px; line-height: 160%; color: #D3D2FA; } .gfooter__developer a{ font-weight: 400; font-size: 13px; line-height: 160%; color: #D3D2FA; } .gfooter__developer a:hover{ color: var(--c-pink); } /*section socials*/ .heading-m{ text-align: center; margin-bottom: 16px; font-weight: 600; font-size: 28px; line-height: 120%; color: var(--c-violet); } .heading-m.heading-m--black{ text-align: center; font-weight: 500; color: var(--c-dark); margin-bottom: 20px; } .s-socials { padding: 40px 0; background: var(--gradient-pink-violet); } .s-socials__inner {} .container {} .s-socials__head { margin-bottom: 16px; } .s-socials__head .heading-m { color: #fff; margin-bottom: 0; } .s-socials__head .subheading { font-weight: 500; font-size: 15px; opacity: 0.5; line-height: 160%; text-align: center; color: #FFFFFF; } .s-socials__socials { margin-bottom: 30px; display: flex; justify-content:center; align-items:center; gap:30px; } .s-socials .social-link img{ border-radius:99px; border: 3px solid rgba(0, 0, 0, 0.1);} .s-socials__gallery {} .gallery__item {} .s-socials__gallery{ } .gallery__item { width: 100%; max-width: 280px; height: auto; max-width:100%; box-shadow: 0 0 0 1px var(--c-brown); border-radius: 10px; position: relative; overflow: hidden; display: inline-flex; } .gallery__item:before{ content:""; padding-bottom: 100%; display: block; } .gallery__item img{ border-radius: 10px; transition: all 2s ease; width:100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } .gallery__item:hover img{ transform: scale(1.05); } /*Plugin: order callback*/ #floetica .oc-modal-open .oc{ background: rgba(50, 48, 48, 0.55); } #floetica .oc-light-form{ max-width:calc(100% - 24px); } #floetica .oc-light-form__content, #floetica .oc-light-form__result { border-radius: 0; background: #fff; padding: 44px 34px 28px; text-align: left; max-width: 100%; width: 520px; box-sizing: border-box; } #floetica .oc-light-form__close-button { background: var(--icon-close) center/contain no-repeat; width: 24px; height: 24px; } #floetica .oc-light-form__header { font-weight: 500; font-size: 24px; line-height: 28px; color: var(--c-dark); margin-bottom: 24px; } #floetica .oc-light-form-button { font-family: var(--font-main) !important; text-align: center; -webkit-appearance: none; outline: 0; display: inline-flex; box-sizing: border-box; border-radius: 6px; padding: 12px 24px; font-weight: 600; font-size: 12px; line-height: 20px; color: #fff; background: var(--gradient-violet), var(--c-violet-dark); outline: none; box-shadow: none; cursor: pointer; transition: all 0.3s ease; border: none; text-transform: uppercase; justify-content: center; text-decoration: none !important; font-feature-settings: 'pnum' on, 'lnum' on; } #floetica .oc-light-form-button:hover { color: #fff; background: var(--c-violet-dark); } #floetica .oc-light-form-field__label { color: var(--c-violet-dark); opacity: 0.8; } #floetica .oc-light-form-form__captcha .wa-captcha-input, #floetica .oc-light-form-input-text, #floetica .oc-light-form-select.jq-selectbox .jq-selectbox__search input, #floetica .oc-light-form-textarea, #floetica input[type=text].oc-light-form-input-text { font-family: var(--font-main); font-feature-settings: 'pnum' on, 'lnum' on; width: 100%; max-width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 40px !important; height: 40px !important; background: transparent; margin-right: 0; border-radius: 6px; font-weight: 400; font-size: 12px; border: 1px solid var(--c-violet-dark-03); } #floetica .oc-light-form, #floetica .oc-light-form *, #floetica .oc-light-form-button, #floetica .oc-light-form-input-text, #floetica .oc-light-form-select.jq-selectbox .jq-selectbox__search input { font-family: var(--font-main) !important; } #floetica .oc-light-form-textarea { line-height: 140% !important; height: 96px !important; padding: 10px 12px; } #floetica .oc-light-form__result-header { font-weight: 500; font-size: 20px; line-height: 24px; color: var(--c-dark); margin-bottom: 0; padding: 15px 0 10px; } #floetica .oc-light-form_success .oc-light-form__result { color: var(--c-dark); background: #fff; } #floetica .oc-light-form_success .oc-light-form__result:before { margin-bottom: 0; background: url(img/icon-success.svg) center/50px no-repeat; width: 56px; height: 56px; } #floetica .oc-light-form__result-content p { margin-bottom: 0; } #floetica .oc-light-form__result-content { margin-bottom: 24px; } #floetica .oc-light-form__result .oc-btn-close { font-family: var(--font-main) !important; text-align: center; -webkit-appearance: none; outline: 0; display: inline-flex; box-sizing: border-box; border-radius: 6px; padding: 8px 16px; font-weight: 600; font-size: 12px; line-height: 20px; outline: none; box-shadow: none; cursor: pointer; transition: all 0.3s ease; border: none; text-transform: uppercase; justify-content: center; text-decoration: none !important; font-feature-settings: 'pnum' on, 'lnum' on; font-weight: 600; display: inline-flex; color: var(--c-violet); background: transparent; border: 1px solid var(--c-violet); display: flex; margin: 0 auto; } #floetica .oc-light-form__result .oc-btn-close:hover { border-color: var(--c-pink); color: var(--c-pink); } @media screen and (max-width: 520px) { #floetica .oc-light-form__header{ text-align: center; font-size: 18px; text-align: center; margin-bottom: 18px;border: none; padding: 0; margin: 0 0 18px; } #floetica .oc-light-form__close-button { top: 16px; right: 16px; } #floetica .oc-light-form__content, #floetica .oc-light-form__result{ padding: 42px 20px 20px; } } /*RESPONSIVE*/ @media screen and (max-width: 1360px) { } @media screen and (max-width: 1280px) { .footer__logo img{ margin-left: -20px; height: 86px; } } @media screen and (max-width: 1180px) { } @media screen and (max-width: 1080px) { } @media screen and (max-width: 768px) { } @media screen and (max-width: 640px) { .formated ul, .formated ol{ padding-left: 48px; } .formated ol li:before{ left: -48px; } } @media screen and (max-width: 560px) { } @media screen and (max-width: 480px) { } @media screen and (max-width: 350px) { .g-footer__social{ width: 36px; height: 36px; background-size: 18px 18px; } } /* Sign up & Login forms ------------------------ */ .wa-auth-adapters ul { padding: 0; min-height: 16px; } .wa-auth-adapters ul li { list-style: none; float: left; padding: 0 15px 0 0; } .wa-auth-adapters ul li a, .wa-auth-adapters ul li span { display: block; padding: 0px 5px; } .wa-auth-adapters ul li a img, .wa-auth-adapters ul li span img { position: relative; top: 4px; margin-right: 3px; } .wa-auth-adapters p { color: #888; font-size: 0.9em; width: 80%; } .wa-auth-adapters.wa-connect { margin-top: 20px; } .wa-form { float: none; margin:0; overflow: visible; } .wa-form .wa-field { clear: left; margin: 0; margin-bottom: 12px; } .wa-form .wa-field .wa-name { float: none; width: 100%; margin-bottom: 10px; font-size: 12px; line-height:16px; color: var(--c-gray); font-weight: 300;} .wa-form .wa-field.wa-separator { height: 10px; } .wa-form .wa-field .wa-value { margin-left: 0; margin-bottom: 0; position: relative; } .wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; } .wa-form .wa-field .wa-value .wa-error-msg { font-size: 11px; color: red; display: block; } .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value select { width: 100%; padding: 0 12px; font-size: 12px; } .wa-form .wa-field .wa-value input[type="text"]:placeholder, .wa-form .wa-field .wa-value input[type="email"]:placeholder, .wa-form .wa-field .wa-value input[type="password"]:placeholder, .wa-form .wa-field .wa-value select:placeholder{ color: var(--c-violet-dark); } .wa-form .wa-field .wa-value textarea { min-width: 300px; height: 70px; } .wa-form .wa-field .wa-value input.wa-captcha-input { width: 100px; min-width: 0; } .wa-form .wa-field .wa-value label { display: block; } .wa-form .wa-field .wa-value .wa-captcha img { margin-left: 0; } .wa-form .wa-field .wa-value .errormsg { margin-left: 0; } .wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; } .wa-form .wa-field .wa-value p label { display: block; margin: 0; } .wa-form .wa-field .wa-value p { line-height: 1.6em; margin-bottom: 23px; position: relative; } .wa-form .wa-field .wa-value p span { color: var(--c-gray); font-size: 12px; display: block; } .wa-form .wa-field .wa-value p i.icon16 { float: left; left: -20px; margin-top: 2px; position: absolute; } .wa-form .wa-field .wa-value p input { display: block; margin-bottom: 2px; } .wa-form .wa-field .wa-value p input[type="radio"], .wa-form .wa-field .wa-value p input[type="checkbox"] { display: inline; } .wa-form .wa-field .wa-value p .field.wa-required span:after { content: " *"; color: #faa; } .wa-form .wa-field.wa-required .wa-name:after { content: " *"; color: #faa; } .wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input { min-width: 300px; } .wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input, .wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input { min-width: 200px; width: 200px; } .wa-field-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 4px; } .wa-field-grid.wa-field-grid--2{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 4px; } .wa-field-grid.wa-field-grid--3{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin-bottom: 4px; } .wa-field-grid.wa-field-grid--4{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 16px; margin-bottom: 4px; } .wa-form.wa-form--silver .wa-field .wa-value input[type="text"], .wa-form.wa-form--silver .wa-field .wa-value input[type="email"], .wa-form.wa-form--silver .wa-field .wa-value input[type="password"], .wa-form.wa-form--silver .wa-field .wa-value textarea, .wa-form.wa-form--silver .wa-field .wa-value select { background: #fff; } .wa-captcha { padding:0; } .wa-captcha p { margin: 0!important; display: flex; align-items:center; gap:10px; } .wa-captcha strong { font-size: 0; display: none; } .wa-captcha p img { border-radius: 6px; } .wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color:var(--c-violet-dark); } .wa-captcha .wa-captcha-input { display: inline !important; width: 200px; max-width: calc(100% - 140px);} .callform__success{ height: 100%; box-sizing: border-box; background: rgb(255 255 255 / 90%); border-radius: 16px; padding: 30px 20px; text-align: center; display: flex; flex-direction:column; align-items:center; justify-content:center; } .callform__success h3{ color: var(--c-green); } .wa-captcha .errormsg { display: inline-block; margin-left: 10px; display:block\9; float:left\9; } input.error, textarea.error { border: 2px solid red; } .errormsg { color: red; font-size: 13px; display: block; } #wa-my-info-wrapper{ max-width: 100%; width: 440px; padding-bottom: 48px; } #wa-my-info-read-wrapper .wa-field:not(.wa-field--submit) .wa-value{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 48px; line-height: 48px; padding: 0 12px; background: var(--c-bg-silver); border-radius: 8px; } #wa-my-info-read-wrapper .wa-field.wa-field--submit { margin-top: 24px; } /* Multi-column layout ---------------------- */ /* Tables --------- */ table { border-collapse: collapse; border-spacing: 0; } table th { color: #aaa; padding: 0px 10px 7px; font-weight: normal; } table td { padding: 10px; border: 1px solid rgba(0,0,0,0.1); } table.not-bordered td { border: none; } table.lined { margin-top: 25px; width: 100%; border-spacing:0; border-collapse:collapse; } table.lined th { padding-left: 7px; padding-right: 7px; } table.lined td { padding: 15px 7px; border-bottom: 1px solid #ddd; } table.lined td.min-width { width: 1%; } table.lined td p { margin: 0; } table.lined td input.numerical { width: 50px; margin-right: 5px; text-align: right; } table.lined tr.no-border td { border: none; } table.lined tr.thin td { padding-top: 13px; padding-bottom: 0; } table.lined tr.service td { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; font-size: 0.8em; color: #555; } /* 16x16 Icons -------------- */ i.icon16 { background-repeat:no-repeat; height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px /* 50% of the original size for auto @2x optimization */; } * i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; } .icon16.rss { background-position: -16px 0; } .icon16.facebook { background-position: -32px 0; } .icon16.twitter { background-position: -48px 0; } .icon16.vk { background-position: -64px 0; } .icon16.gplus { background-position: -80px 0; } .icon16.pinterest { background-position: -96px 0; } .icon16.youtube { background-position: -112px 0; } .icon16.instagram { background-position: -128px 0; } .icon16.userpic20 { background-position: -2px -2px; border-radius: 50%; background-size: 20px 20px; } .icon16.color { border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); width: 12px; height: 12px; background-image: none; } .icon16.like { background-position:0 -16px; margin-top: 0; } .icon16.star, .icon16.star-full { background-position:-16px -16px; } .icon16.star-half { background-position:-32px -16px; } .icon16.star-empty { background-position:-48px -16px; } .icon16.star-hover { background-position:-64px -16px; } .icon16.remove { background-position:-96px -16px; } .icon16.saved { background-position:-112px -16px; } .icon16.stock-red { width: 22px; height: 22px; display: inline-flex; border-radius: 99px; margin-right: 10px; background:url(img/icon-check.svg) center/16px no-repeat var(--c-red); } .icon16.stock-yellow { width: 22px; height: 22px; display: inline-flex; border-radius: 99px; margin-right: 10px; background:url(img/icon-check.svg) center/16px no-repeat var(--c-mid-red); } .icon16.stock-green { width: 22px; height: 22px; display: inline-flex; border-radius: 99px; margin-right: 10px; background:url(img/icon-check.svg) center/16px no-repeat var(--c-green); } .icon16.stock-transparent { width: 22px; height: 22px; display: inline-flex; border-radius: 99px; margin-right: 10px; background:url(img/icon-close.svg) center/16px no-repeat var(--c-bg-silver); } .icon16.checkmark { background-position:-192px -16px; } .icon16.compare { background-position:-208px -16px; } .icon16.compare.active { background-position:-224px -16px; } .icon16.uarr { background: url('img/uarr.png'); background-position: 0 0; background-size: 16px 16px; } .icon16.loading { background: url('img/loading-animated.svg') center/contain no-repeat; display: inline-flex; width: 16px; height: 16px;} .icon24.loading { background: url('img/loading-animated.svg') center/contain no-repeat; display: inline-flex; width: 24px; height: 24px;} .icon32.loading { background: url('img/loading-animated.svg') center/contain no-repeat; display: inline-flex; width: 32px; height: 32px;} .icon64.loading { background: url('img/loading-animated.svg') center/contain no-repeat; display: inline-flex; width: 64px; height: 64px;} /* 10x10 Icons -------------- */ i.icon10 { background-repeat:no-repeat; height:10px; width:10px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px; } * i.icon10 { text-decoration:none!important; vertical-align:top; margin: 0.3em 0.1em 0 0; } .icon10.darr { background-image: url('img/darr.png'); background-size: 16px 16px; } .icon10.star, .icon10.star-full { background-position:0 -100px; } .icon10.star-half { background-position:-10px -100px; } .icon10.star-empty { background-position:-20px -100px; } /* 24x24 Icons -------------- */ i.icon24 { background-repeat:no-repeat; height:24px; width:24px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px; } * i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; } .icon24.rss { background-position: 0 -50px; } .icon24.facebook { background-position: -24px -50px; } .icon24.twitter { background-position: -48px -50px; } .icon24.vk { background-position: -72px -50px; } .icon24.instagram { background-position: -96px -50px; } .icon24.youtube { background-position: -120px -50px; } .icon24.pinterest { background-position: -144px -50px; } .icon24.gplus { background-position: -168px -50px; } /* OTHER */ .wa-login-form-actions button, .wa-signup-form-actions button, .wa-forgotpassword-form-wrapper button, .wa-set-password-form-wrapper button, .wa-login-form-actions input[type=button], .wa-signup-form-actions input[type=button], .wa-forgotpassword-form-wrapper input[type=button], .wa-set-password-form-wrapper input[type=button], .wa-login-form-actions input[type=submit], .wa-signup-form-actions input[type=submit], .wa-forgotpassword-form-wrapper input[type=submit], .wa-confirm-signup-button, .wa-set-password-form-wrapper input[type=submit] { width: 100%; margin-top:12px; } .gheader__mobile-btn{ display: none; } .gheader__mobile-btn svg{ stroke:#fff; } .gfooter__contacts--mobile{ display: none; } .wa-form .wa-form__hint{ display: block; opacity: 0.8; text-align: left; padding: 12px 10px 0; font-weight: 400; font-size: 11px; line-height: 160%; color: var(--c-violet-dark); } .js-wa-form-item{ display: flex; flex-direction:column; } .wa-signup-form-wrapper > form{ display: flex; flex-direction:column; } .auth-form .wa-form .wa-adapters-section{ display: flex; flex-direction:column; margin: 32px -20px 0; padding: 0 0px; } .auth-form .wa-form .wa-adapters-section{ order:3 } .auth-form .wa-form .wa-adapters-section > *{ order:2; } .auth-form .wa-form .wa-adapters-section .wa-section-divider{ order:1; } .auth-form .wa-form .wa-adapters-section .wa-section-divider{ margin:0 -20px 22px; } .auth-form .wa-form .wa-adapters-section .wa-section-divider .wa-text{ font-weight: 600; font-size: 15px; line-height: 120%; color: #B0AEDA; } .auth-form .wa-form .wa-adapters-section .wa-section-divider .wa-text:before{ content: ""; position: absolute; top: 50%; left: unset; right: 100%; margin-right: 14px; width: 230px; height: 2px; background: var(--c-silver); } .auth-form .wa-form .wa-adapters-section .wa-section-divider .wa-text:after{ content: ""; position: absolute; top: 50%; left: 100%; margin-left: 14px; width: 230px; height: 2px; background: var(--c-silver); } .auth-form .wa-form .wa-adapters-section .wa-section-header { color: var(--c-dark); font-weight: 400; font-size: 15px; line-height: 120%; } .wa-adapters-list, .auth-form .wa-form .wa-adapters-section .wa-adapters-list{ padding: 0; list-style: none; display: flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:center; } .wa-adapters-list li, .auth-form .wa-form .wa-adapters-section .wa-adapters-list li { margin: 0; list-style: none; } /*mobile navbar*/ .mobile-navbar { opacity: 0; visibility: hidden; position: fixed; width: 100%; bottom: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0px -12px 24px rgba(31, 28, 99, 0.16); } .mobile-navbar__inner { display: flex; background: #fff;} .mobile-navbar__item { flex:1; } .navbar-item { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 2px solid transparent; padding-bottom: 8px; padding-top: 10px; } .navbar-item--home .g-header-action__icon{ stroke:none; } .navbar-item__icon { margin-bottom: 4px; width: 24px; height: 24px; display: flex; justify-content:center; align-items:center; } .navbar-item.is-selected { border-bottom: 2px solid var(--c-violet); } .navbar-item.is-selected .navbar-item__name{ opacity: 1;} .auth-form .wa-form .wa-field.wa-field-terms-accepted .switch{ text-align: left; position: relative; padding-left: 54px; font-weight: 400; font-size: 13px; line-height: 15px; } .auth-form .wa-form .wa-field.wa-field-terms-accepted .switch .slider{ position: absolute; top: 0; left: 0; } .auth-form .wa-form .wa-field.wa-field-terms-accepted .switch a{ color: var(--c-violet); } .navbar-item__name { color: var(--c-dark); opacity: 0.5; margin-top: 0px; font-weight:300; font-size: 10px; line-height: 12px; display: block; text-align: center; } .navbar-item--catalog {} .navbar-item--favorites {} .navbar-item__count { position: absolute; top: 8px; left: 50%; margin-left: 10px; } .navbar-item--profile {} .navbar-item--cart {} /*aside mobile info-menu*/ .mobile-infopage{ display: none; } /*Plugin: Regions*/ .shop-regions-status_window-show { overflow: hidden; } .shop-regions { display: inline-block; position: relative; } .shop-regions__ip-analyzer-variants { position: absolute; top: 100%; right: 0px;} .shop-regions__button-close { width: 28px; height: 28px; color: transparent; position: absolute; top: 16px; right: 16px; cursor: pointer; } .shop-regions__button-close:after{ content:""; position: absolute; top: 0; left: 0; display: block; width: 28px; height: 28px; background: var(--icon-close) center/contain no-repeat; } .shop-regions-window .shop-regions-window__region_region span { display: block; cursor: pointer; } .shop-regions-window .shop-regions-window__region_region span:hover { color: #ff0000; } .shop-regions-window__wrapper, .shop-regions-ip-analyzer__wrapper { right: 0; top: 0; background: #ffffff; padding: 40px 40px; box-shadow: 0 0 60px rgb(32 3 69 / 40%); position: absolute; z-index: 100; text-align: left; } .shop-regions-window__wrapper { top: 10%; left: 50%; margin-left: -370px; width: 620px; font-family: sans-serif; text-align: left; } .shop-regions-ip-analyzer__wrapper { min-width: 300px; margin-top: 15px; } .shop-regions-window { display: none; } .shop-regions-window .hidden { display: none; } .shop-regions-window .selected { font-weight: 700; } .shop-regions-window .shop-region-window_regions_sidebar, .shop-regions-window .with_regions .shop-regions-window_cities_list { max-height: 300px; overflow-y: auto; overflow-x: hidden; } .shop-regions-window .shop-region-window_regions_sidebar { width: 40%; float: left; } .shop-regions-window.searching .shop-region-window_regions_sidebar { display: none; } .shop-regions-window .with_regions .shop-regions-window_cities_list { margin-left: 42%; } .shop-regions-window .shop-regions-window_cities_list .sub_header, .shop-regions-window .shop-region-window_regions_sidebar .sub_header { margin-bottom: 10px; font-weight: 700; margin-left: 15px; } .shop-regions-window .shop-region-window_regions_and_cities:after { content: ''; display: block; clear: both; height: 0; } .shop-regions-window .shop-region-window_regions_and_cities.with_regions .shop-regions-window__regions { margin-top: 0; position: relative; } .without_regions .shop-regions-window__regions.search_result { margin-left: 15px; } .shop-regions-window_show { display: block; position: fixed; background: rgba(0, 0, 0, .3); left: 0; right: 0; top: 0; bottom: 0; z-index: 100; overflow: auto; } .shop-regions-window__search, .shop-regions-window__regions_popular { margin-bottom: 18px; padding-left: 15px; } .shop-regions-window__regions_all { margin-top: 10px; padding-left: 15px; } .shop-regions-window__header, .shop-regions-window__search .shop-regions-window__sub-header, .shop-regions-ip-analyzer__header { font-weight: 500; font-size: 20px; line-height: 28px; color: var(--c-dark); margin-bottom: 24px; } .shop-regions-window__regions:after { content: ''; display: block; clear: both; } .shop-regions-window__regions-column { float: left; width: 200px; position: relative; } .shop-regions-window__regions-letter { float: left; color: #808080; font-weight: bold; width: 0; position: relative; left: -15px; } .js-shop-regions-window__region_group .shop-regions-window__regions-letter { position: absolute; } .shop-regions-window__region:after { content: ''; display: block; clear: both; } .shop-regions-window.searching .js-shop-regions-window__region_group .shop-regions-window__region { padding-left: 0; } .shop-regions-window.searching .with_regions .search_result .shop-regions-window__region { display: inline-block; width: 40%; margin-right: 1%; vertical-align: top; } .shop-regions-window.searching .js-shop-regions-window__region_group .shop-regions-window__regions-letter { display: none; } .shop-regions-window-search { display: table; position: relative; min-width: 240px; width: 63%; } .shop-regions-window-search__input { border-radius: 3px; border: 1px solid #cccccc; padding: 5px 15px 5px 5px; height: 30px; line-height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .shop-regions-window-search__button, .shop-regions-ip-analyzer__button { border-radius: 3px; border: 1px solid #cccccc; background: #ffffff; padding: 5px 15px; box-shadow: 0 0 1px rgba(0, 0, 0, .3); color: #666666; cursor: pointer; display: inline-block; } .shop-regions-window-search__button:hover, .shop-regions-ip-analyzer__button:hover { background: var(--c-violet-dark); color: #fff; } .shop-regions-ip-analyzer__button{ font-family: var(--font-main); text-align: center; -webkit-appearance: none; outline: 0; display: inline-flex; box-sizing: border-box; border-radius: 6px; padding: 8px 16px; font-weight: 600; font-size: 12px; line-height: 20px; color: #fff; background: var(--gradient-violet), var(--c-violet-dark); outline: none; box-shadow: none; cursor: pointer; transition: all 0.3s ease; border: none; text-transform: uppercase; justify-content: center; text-decoration: none!important; font-feature-settings: 'pnum' on, 'lnum' on; } .shop-regions-ip-analyzer__triggers .shop-regions-ip-analyzer__trigger-select-city{ background: #fff; border: 1px solid var(--c-violet); color: var(--c-violet); } .shop-regions-window__triggers a { cursor: pointer; text-decoration: underline; } .shop-regions-window__triggers a:hover { text-decoration: none; } .shop-regions__link { cursor: pointer; color: var(--c-violet); font-size: 15px; } .shop-regions__link:hover { text-decoration: none; } .shop-regions-button .shop-regions__link { cursor: pointer; border-bottom: 1px dashed; text-decoration: none; } .shop-regions-button .shop-regions__link:hover { border-color: transparent; text-decoration: none; } .shop-regions-window_popular .shop-regions-window__regions_all { display: none; } .shop-regions-window_popular .shop-regions-window__trigger-hide-all-regions { display: none; } .shop-regions-window_popular.shop-regions-window_show-all-regions .shop-regions-window__trigger-hide-all-regions { display: inline-block; } .shop-regions-window_popular.shop-regions-window_show-all-regions .shop-regions-window__trigger-show-all-regions { display: none; } .shop-regions-window_popular.shop-regions-window_show-all-regions .shop-regions-window__regions_all { display: block; } .shop-regions-ip-analyzer { width: 350px; } .shop-regions-ip-analyzer_hide { display: none; } .shop-regions-ip-analyzer__triggers .shop-regions-ip-analyzer__trigger-select-city, .shop-regions-ip-analyzer__triggers .shop-regions-ip-analyzer__trigger-confirm-current-city { margin-left: 15px; } .shop-regions-window-search__result { padding: 0; list-style: none; background: #ffffff; box-shadow: 0 0 3px rgba(0, 0, 0, .3); border-radius: 3px; width: 1px; } .shop-regions-window-search__result-item { } .shop-regions-window-search__result-link { padding: 5px; display: block; } .shop-regions-window-search__result-link.ui-state-hover { background: #ffffff; box-shadow: 0 0 3px rgba(0, 0, 0, .3); position: relative; border-radius: 3px; } .js-shop-region-window_regions_and_cities.without_regions { max-height: 300px; overflow-y: auto; } .with_regions .js-shop-region-window_search .visible .shop-regions__trigger-switch-city { display: inherit; } .search_result .region_header { display: block; } .region_header { font-size: 1.3em; margin-top: 15px; margin-bottom: 14px; display: none; padding-left: 12px; } .shop-regions-window__triggers { overflow: hidden; padding-left: 15px; } .shop-regions-window__sub-header { margin-bottom: 1.2em; color: #6c6c6c; } .shop-regions-window__search .shop-regions-window__sub-header { margin-bottom: 10px; } .shop-regions-window__search .shop-regions-window__sub-subheader { font-style: normal; font-weight: 400; font-size: 13px; line-height: 22px; margin-bottom: 20px; } .shop-regions-window__region { position: relative; padding-right: 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.8em; padding-right: 0; /*padding-left:20px;*/ } .shop-regions-window .with_regions .column { float: left; width: 50%; } .shop-regions-window .with_regions .shop-regions-window__region { margin-left: 15px; } .filter-price-options{display: flex ; font-size: 13px; gap: 10px; margin-top: 20px; justify-content: space-between; flex-wrap: wrap;} .filter-price-options .filter-price-option{margin-top: 10px;} .filter-price-options > .filter-price-option.selected:before { content: ""; margin: 0px 6px; width: 5px; height: 5px; background: var(--c-violet); border-radius: 5px; display: inline-flex ; } /*classes changed*/ .shop-regions-window__triggers a { text-decoration: none; border-bottom: 1px dashed; display: inline-block; } .shop-regions-window__triggers a:hover { text-decoration: none; border-bottom-color: transparent; } .shop-regions-window .selected_region { font-weight: 500; } .shop-regions-window .no_found_message { display: none; } .shop-regions-window .clear_search { position: absolute; cursor: pointer; top: 0; bottom: 0; right: 12px; margin: auto; height: 51%; display: none; } .shop-regions-window.searching .clear_search { display: block; } .shop-regions-window__sub-header { margin-bottom: 1.2em; color: #6c6c6c; } .shop-regions-window-search__result-link.ui-state-hover { background: #ffffff; box-shadow: 0 0 3px rgba(0, 0, 0, .3); position: relative; border-radius: 3px; } .shop-regions-window .shop-regions-window__region_region { display: block; font-size: 14px; padding: 5px 10px 5px 12px; margin-left: 3px; margin-right: 3px; } .shop-regions-window .shop-regions-window__region_region span { cursor: pointer; } .shop-regions-window .shop-regions-window__region_region span:hover { } .shop-regions-window .shop-regions-window__region_region.selected_region { background: var(--c-violet); color: #fff; border-bottom: 1px solid #fff; border-radius: 4px; margin-top: -1px; margin-bottom: -1px; } .popular_for_region { display: none; } .popular_for_region.visible { display: block; } .popular_city_wrap { display: inline; margin-right: 7px; } .shop-region-window_regions_and_cities .popular_cities { font-size: 0.95em; } .shop-regions-window .shop-regions-window__region_region.selected_region span { background: none !important; } .popular_for_region { display: none; } .popular_for_region.visible { display: block; } .popular_city_wrap { display: inline; margin-right: 7px; } .shop-region-window_regions_and_cities .popular_cities { font-size: 0.95em; } .shop-regions-window.searching .with_regions .shop-regions-window_cities_list { margin-left: 0; } @media all and (max-width:760px) { .shop-region-window_regions_and_cities.with_regions{ } .shop-regions-window .shop-region-window_regions_sidebar{ width: 100%; float: none; } .shop-regions-window .with_regions .shop-regions-window_cities_list{ width: 100%; margin: 0; margin-top: 20px; } } /**/ .buy1click-form__payments{ margin-bottom: 20px; } @media all and (max-width:760px) { .shop-regions__ip-analyzer-variants, .shop-regions-window__wrapper, .shop-regions-ip-analyzer__wrapper{ right: auto; left: 0; } .shop-regions-ip-analyzer__wrapper{ min-width:unset; max-width:calc(100% - 24px); box-sizing:border-box; padding: 24px; } .shop-regions-window__header, .shop-regions-window__search .shop-regions-window__sub-header, .shop-regions-ip-analyzer__header{ font-size: 17px; margin-bottom: 18px; } .shop-regions-window__wrapper { min-width:unset; max-width:calc(100% - 24px); box-sizing: border-box; padding: 24px; left: 0; right: 0; margin: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .shop-regions-window__search, .shop-regions-window__regions_popular{ padding-left: 0; } .shop-regions-window__regions_all{ padding-left: 0; } .shop-regions__link{ font-size: 15px; } .shop-regions-window__region{ margin-bottom: 0; } } @media all and (max-width:600px) { .shop-regions-window__regions-column { width: 33% !important; } } @media all and (max-width:520px) { .shop-regions-window__regions-column { width: 50% !important; } } @media all and (max-width:400px) { .shop-regions-window__regions-column { width: auto !important; float: none; } .shop-regions-window-search { width: 100%; min-width: 100%; } } /* RESPONSIVE ========= */ @media screen and (max-width: 1600px) { } @media screen and (max-width: 1438px) { } @media screen and (max-width: 1280px) { .my-page{ gap:40px; } } @media screen and (max-width: 1180px) { .header__logo-text{ display: none; } .header__callback{ } .header__phone{ margin-right: auto;} .search-form{ width: 320px; } .header__catalog{ width: calc(100% - 360px); } .my-page{ gap:28px; } .my-page__content{ padding: 28px 16px; } } @media screen and (max-width: 1080px) { .formated h1{ font-weight: 400; font-size: 32px; } .formated h2{ font-weight: 500; font-size: 24px; } .formated h3{ font-weight: 500; font-size: 22px; } .formated h4{ font-weight: 500; font-size: 20px; } .formated h5{ font-weight: 500; font-size: 16px; } } @media screen and (max-width: 1020px) { .container{ padding:0 16px; } .my-page{ display: flex; flex-direction:column; } .my-page__nav{ width: 100%; box-sizing: border-box; } .my-page__content{ width: 100%; box-sizing: border-box; } .gfooter__middle{ flex-direction:column; } .gfooter__contacts{ width: 100%; padding: 0; margin-bottom: 26px; } @media screen and (min-width: 680px) { .gfooter__top{ flex-direction:column; gap:10px } .gfooter__contacts-inner{ position: relative; padding-right: 50%; } .footer__socials{ position: absolute; top: 0; right: 0; max-width: 50%; } .gfooter__menu{ width: 30%; } .footer__logo-link{ display: block; padding: 0 20px; width: auto; } .footer__logo img{ height: auto; margin-left: 0px; } .footer__logo-text{ padding-top: 18px; } } } @media screen and (max-width: 960px) { .gheader__inner{ gap:0; } .catalog__item > a{ padding: 18px 16px; } .header__logo-link{ width: 200px; min-width: 200px; height: 68px; } .header__logo-link img{ max-height:100% } .header-action{ width: 56px; } .header__phone-link{ font-size: 20px; } .header__actions{gap: 16px; } .header__callback{ margin: 0 24px; margin-top: -12px; } } @media screen and (max-width: 760px) { body{ padding-bottom: 60px; } .container{ padding:0 12px; } .mobile-navbar { opacity: 1; visibility: visible; z-index: 20; } .whatsapp{ bottom:60px!important; left: 10px!important;} .action-cart .whatsapp, .action-onestep .whatsapp, .action-product .whatsapp{ bottom: 120px !important; } .header-message{ height: 32px; } .header-message__text{ font-weight: 500; font-size: 10px; line-height: 12px; text-align: center; } .gheader__inner{ gap:0; } .gheader__links{ display: none; } .gheader__top{ border-top: 2px solid var(--c-silver); order:2; margin: 0 -12px; padding: 0 8px; height: 32px; } .gheader__middle{ border: none; order:1; position: relative; padding: 6px 0; } .header__logo{ display: flex; justify-content:center; } .header__logo-link{ width: 94px; min-width: 94px; height: 30px; justify-content:flex-start; } .header__logo-link img{ max-height: unset; height: 36px; margin: -4px 0 0 -8px; } .header__logo-text{ display: none; } .gheader__main{ display: flex; flex-direction:column; } .header__phone{ margin-right: 0; height: 16px; } .header__phone-link{ font-weight: 500; font-size: 12px; line-height: 16px; display: block; } .header__phone-hint{ display: none; } .header__callback{ padding: 0; margin: 0; display: flex; flex-direction:row; align-items:center; gap:10px; white-space:unset; } .header__callback:before{ display: none; } .header__callback svg{ width: 16px; margin: 0; height: 16px; } .header__callback span{ line-height: 12px; width: 100%; text-align: center; display: block; } .header__actions{ gap:16px; position: absolute; top: 100%; right: 0; margin-top: 6px; } .header-action{ width: auto; flex-direction:row; gap:0; } .header-action__label{ display: none; } .header-action__icon{ margin: 0; } .header-action__nav{ display: none; } .header-action--account{ display: none; } .header-action.header-action--menu{ display: flex; } .count-badge{ font-size: 12px; font-weight: 600; min-width: 10px; height: 16px; } .header-action__count{ top: -4px; right: 4px; position: relative; } .gheader__bottom{ background: unset; height: auto; } .header__catalog.catalog{ display: none; } .header__search{ width: 100%; padding: 8px 0 2px; } .search-form{ width: 100%; height: 32px; } .search-form__input{ padding-left: 12px; height: 32px; line-height: 32px; border-radius:6px; border: 1px solid rgba(73, 69, 152, 0.2); } .shop-regions-button .reg-title span{ display: none; } .shop-regions-button .shop-regions__link{ font-weight: 500; font-size: 11px; line-height: 13px; } .search-form__btn{ height: 32px; } .gfooter__top{ flex-direction:column; } .footer__logo{ flex-direction:column; } .footer__logo-link{ width: auto; } .footer__logo img{ margin: 0; height: 80px; } .footer__logo-text{ text-align: center; font-size: 12px; margin-bottom: 17px; } .footer__payment img{ max-width:100%; } .gfooter__middle{ flex-direction:column; } .gfooter__contacts{ width: 100%; padding: 0; margin-bottom: 26px; } .gfooter__contacts-inner{ } .header__mobile-aside { } .mobile-infopage { padding: 20px 12px; background: #fff; box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.06); } .mobile-infopage__inner {} .mob-menu { list-style:none; margin: 0; padding: 0; display: flex; flex-direction:column; gap:20px; } .mob-menu__li {} .mob-menu__li a{ color: var(--c-violet); font-weight: 500; font-size: 14px; line-height: 16px; } .mob-menu__li--accent a { color: var(--c-pink); } .divide { height: 2px; background: var(--c-silver); } .header-action__icon .bar_top { transition:all 0.5s ease; transform-origin:0 0;} .header-action__icon .bar_middle { transition:all 0.5s ease; transform-origin:center; } .header-action__icon .bar_bottom { transition:all 0.5s ease; transform-origin:100%;} .is-active .header-action__icon .bar_top { transform: rotate(-45deg) translate(-12px, 11px); } .is-active .header-action__icon .bar_middle { opacity: 0; transform:scale(0); } .is-active .header-action__icon .bar_bottom { transform: rotate(45deg) translate(3px, 2px); } .heading-m{ font-size: 22px; } .wa-field-grid.wa-field-grid--3{ grid-template-columns:1fr; gap: 4px; } .formated h1{ font-weight: 400; font-size: 26px; } .formated h2{ font-weight: 500; font-size: 22px; } .formated h3{ font-weight: 500; font-size: 20px; } .formated h4{ font-weight: 500; font-size: 18px; } .formated h5{ font-weight: 500; font-size: 16px; } .formated p { font-size: 13px; line-height: 180%; } .formated li{ font-size: 13px; } } @media screen and (max-width: 680px) { .formated h1{ font-weight: 400; font-size: 22px; } .formated h2{ font-weight: 500; font-size: 20px; } .formated h3{ font-weight: 500; font-size: 18px; } .formated h4{ font-weight: 500; font-size: 16px; } .formated h5{ font-weight: 500; font-size: 14px; } .formated p { font-size: 11px; line-height: 180%; } .formated li{ font-size: 12px; } } @media screen and (max-width: 640px) { .page-header__heading--my{ position: relative; cursor: pointer; } .page-header__heading--my.is-active:after{ transform: rotateZ(-180deg); } .page-header__heading--my:after{ content: ""; position: absolute; top: 50%; margin-top: -6px; right: 0; width: 16px; height: 16px; background: var(--icon-arrow-down-pink) center no-repeat; transition: all 0.3s ease; } .my-page__nav{ display: flex; flex-wrap:wrap; position: relative; margin: 0; margin-top: -16px; padding: 0; background:none; border-radius: 0; } .my-nav__menu{ display: none; min-width: 100%; margin:0 -12px ; background: #FFFFFF; box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.06); padding: 4px 12px; border-radius: 0; } .my-nav__menu li a:after{ display: none; } .my-nav__menu.is-show, .my-page--profile .my-nav__menu{ display: block; } .my-nav__head{ order:2; } .my-nav__footer{ order:3; } .my-nav__head{ width: 100%; margin-top: 16px; border-radius: 10px; background: var(--c-silver); padding: 18px 12px; padding-right: 96px; } .my-nav__footer a{ position: absolute; bottom: 0; right: 0; padding: 20px 12px; } .wa-auth-adapters ul li{ padding: 0; } .auth-form .wa-form{ padding: 20px 20px 0; } .auth-form .wa-form .wa-adapters-section .wa-section-divider{ margin: 0 0 22px; } .footer__logo img{ height: 60px; } .gfooter__contacts .footer__heading{ margin-bottom: 15px; } .gfooter__col-menu{ flex-direction:column; gap:0; } .menu-list__header{ margin: 0; display: flex; align-items: center; justify-content: space-between; height: 52px; width: 100%; } .menu-list__header:after{ content:''; display: block; width: 16px; height: 16px; background: var(--icon-arrow-down-pink) center no-repeat; transition:all 0.3s ease; } .gfooter__menu.is-active .menu-list__header:after{ transform:rotate(-180deg); } .gfooter__menu{ width: 100%; } .gfooter__menu:not(:first-child){ border-top: 1px solid #fff; } .gfooter__menu .menu-list{ display: none; padding: 12px 0; } .gfooter__bottom{ height: auto; } .gfooter__bottom-inner{ flex-direction: column; row-gap: 28px; padding-top: 20px; padding-bottom: 20px; } .gfooter__copy{ text-align: center; font-size: 12px; } .gfooter__developer a{ text-align: center; font-size: 12px; text-decoration: underline; } .breadcrumbs{ margin-top: 8px; } .page-header--center .breadcrumbs__inner{ justify-content:flex-start; } .page-header--center .page-header__heading{ text-align: left; } .heading-l{ font-weight: 500; font-size: 20px; line-height: 120%; color: var(--c-dark); } .breadcrumbs__item a{ font-size: 11px; } } @media screen and (max-width: 560px) { .wa-form .wa-field .wa-value textarea{ width: 100%; min-width:unset; } } @media screen and (max-width: 480px) { .heading-m{ font-size: 17px; } #wa-my-info-edit-wrapper .heading-s{ font-size: 16px; } #wa-my-info-wrapper{ padding-bottom: 10px; } .message-alert { top: -100%; text-align: center; right: 0; left: 0; max-width: 100%; border-radius: 0px; padding: 8px 16px; font-size: 14px; } .message-alert.is-show { top: 0; } .my-subcribe .wa-field-grid.wa-field-grid--submit{ grid-template-columns: 1fr ; gap:12px; } .my-subcribe .wa-field-grid.wa-field-grid--submit input[type="submit"]{ width: 100%; } } @media screen and (max-width: 420px) { .header__logo-link{ width: 120px; min-width: 120px;} .formated h1{ font-weight: 400; font-size: 19px; } .formated h2{ font-weight: 500; font-size: 17px; } .formated h3{ font-weight: 500; font-size: 16px; } .formated h4{ font-weight: 500; font-size: 15px; } .formated h5{ font-weight: 500; font-size: 13px; } .formated p { font-size: 11px; line-height: 180%; } .formated li{ font-size: 12px; } } @media screen and (max-width: 360px) { .header__logo-link{ width: 94px; min-width: 94px; } .header__callback svg{ display: none; } } /* CSS specific to iOS devices */ @supports (-webkit-touch-callout: none) { } /* CSS for other than iOS devices */ @supports not (-webkit-touch-callout: none) { } @media (hover: none) { .jq-selectbox__dropdown{ display: none!important; opacity: 0!important; visibility: hidden!important; } }