/* Start:/local/media/css/normalize.css?15737073091951*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* End */ /* Start:/local/media/js/swiper/swiper.min.css?163573974513873*/ /** * Swiper 6.8.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 22, 2021 */ @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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background: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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/media/js/owl/owl.carousel.css?15737073094641*/ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } #gallery .owl-item img { display: block; width: 100%; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/local/media/js/owl/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* End */ /* Start:/local/media/js/fancybox/jquery.fancybox.css?15737073094520*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url('/local/media/js/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/local/media/js/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 20px; height: 20px; cursor: pointer; z-index: 8040; background-image: url('/local/media/js/fancybox/../../img/whitecross.png'); background-size:20px; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/local/media/js/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,.5); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url('/local/media/js/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/local/media/js/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/local/media/fonts/fonts.css?17434063686390*/ @font-face{ font-family:'Gotham'; font-style:normal; font-weight:300; src:url('/local/media/fonts/GothaProLig.eot'); src:url('/local/media/fonts/GothaProLig.eot?#iefix') format('embedded-opentype'), url('/local/media/fonts/GothaProLig.otf') format('opentype'); } @font-face{ font-family:'Gotham'; font-style:normal; font-weight:400; src:url('/local/media/fonts/GothaProReg.eot'); src:url('/local/media/fonts/GothaProReg.eot?#iefix') format('emedded-opentype'), url('/local/media/fonts/GothaProReg.otf') format('opentype'); } @font-face{ font-family:'Gotham'; font-style:normal; font-weight:500; src:url('/local/media/fonts/GothaProMed.eot'); src:url('/local/media/fonts/GothaProMed.eot?#iefix') format('emedded-opentype'), url('/local/media/fonts/GothaProMed.otf') format('opentype'); } @font-face{ font-family:'Gotham'; font-style:normal; font-weight:600; src:url('/local/media/fonts/GothaProBol.eot'); src:url('/local/media/fonts/GothaProBol.eot?#iefix') format('emedded-opentype'), url('/local/media/fonts/GothaProBol.otf') format('opentype'); } @font-face{ font-family:'Gotham'; font-style:normal; font-weight:900; src:url('/local/media/fonts/GothaProBla.eot'); src:url('/local/media/fonts/GothaProBla.eot?#iefix') format('emedded-opentype'), url('/local/media/fonts/GothaProBla.otf') format('opentype'); } @font-face{ font-family:'Gotham'; font-style:italic; font-weight:300; src:url('/local/media/fonts/GothaProLigIta.eot'); src:url('/local/media/fonts/GothaProLigIta.eot?#iefix') format('emedded-opentype'), url('/local/media/fonts/GothaProLigIta.otf') format('opentype'); } @font-face{ font-family:'Gotham'; font-style:italic; font-weight:400; src:url('/local/media/fonts/GothaProIta.eot'); src:url('/local/media/fonts/GothaProIta.eot?#iefix') format('emedded-opentype'), url('/local/media/fonts/GothaProIta.otf') format('opentype'); } @font-face{ font-family:'Gotham'; font-style:italic; font-weight:500; src:url('/local/media/fonts/GothaProMedIta.eot'); src:url('/local/media/fonts/GothaProMedIta.eot?#iefix') format('emedded-opentype'), url('/local/media/fonts/GothaProMedIta.otf') format('opentype'); } @font-face{ font-family:'Gotham'; font-style:italic; font-weight:600; src:url('/local/media/fonts/GothaProBolIta.eot'); src:url('/local/media/fonts/GothaProBolIta.eot?#iefix') format('emedded-opentype'), url('/local/media/fonts/GothaProBolIta.otf') format('opentype'); } @font-face{ font-family:'Gotham'; font-style:italic; font-weight:900; src:url('/local/media/fonts/GothaProBlaIta.eot'); src:url('/local/media/fonts/GothaProBlaIta.eot?#iefix') format('emedded-opentype'), url('/local/media/fonts/GothaProBlaIta.otf') format('opentype'); } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotothin.woff2') format('woff2'), url('/local/media/fonts/Robotothin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotothinitalic.woff2') format('woff2'), url('/local/media/fonts/Robotothinitalic.woff') format('woff'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotolight.woff2') format('woff2'), url('/local/media/fonts/Robotolight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotolightitalic.woff2') format('woff2'), url('/local/media/fonts/Robotolightitalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Roboto.woff2') format('woff2'), url('/local/media/fonts/Roboto.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotoitalic.woff2') format('woff2'), url('/local/media/fonts/Robotoitalic.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotomedium.woff2') format('woff2'), url('/local/media/fonts/Robotomedium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotomediumitalic.woff2') format('woff2'), url('/local/media/fonts/Robotomediumitalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotobold.woff2') format('woff2'), url('/local/media/fonts/Robotobold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotobolditalic.woff2') format('woff2'), url('/local/media/fonts/Robotobolditalic.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotoblack.woff2') format('woff2'), url('/local/media/fonts/Robotoblack.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/media/fonts/Robotoblackitalic.woff2') format('woff2'), url('/local/media/fonts/Robotoblackitalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('/local/media/fonts/PlayfairDisplay-Regular.woff2') format('woff2') url('/local/media/fonts/PlayfairDisplay-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Playfair Display'; src: url('/local/media/fonts/PlayfairDisplay-Italic.woff2') format('woff2') url('/local/media/fonts/PlayfairDisplay-Italic.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Playfair Display'; src: url('/local/media/fonts/PlayfairDisplay-Bold.woff2') format('woff2') url('/local/media/fonts/PlayfairDisplay-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Playfair Display'; src: url('/local/media/fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2') url('/local/media/fonts/PlayfairDisplay-BoldItalic.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Playfair Display'; src: url('/local/media/fonts/PlayfairDisplay-Black.woff2') format('woff2') url('/local/media/fonts/PlayfairDisplay-Black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Playfair Display'; src: url('/local/media/fonts/PlayfairDisplay-BlackItalic.woff2') format('woff2') url('/local/media/fonts/PlayfairDisplay-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; } @font-face { font-family: "Montserrat"; src: url("/local/media/fonts/montserrat-700.woff2") format("woff2"), url("/local/media/fonts/montserrat-700.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/local/media/fonts/montserrat-600.woff2") format("woff2"), url("/local/media/fonts/montserrat-600.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/local/media/fonts/montserrat-400.woff2") format("woff2"), url("/local/media/fonts/montserrat-400.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } /* End */ /* Start:/local/media/js/select/css/select2.css?157370730918899*/ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; font-size:11px; font-family:"Gotham","Roboto",Arial, sans-serif; text-transform: uppercase; font-weight:500; color:#303030; position: relative; vertical-align: top; margin-right:10px; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; border: 1px solid #d9d2c7; -webkit-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2); } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { line-height: 40px; padding:0; padding-left:14px; text-transform: none; font-size:15px; user-select: none; font-weight:400; font-family:"Roboto"; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; background-color:white;} .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { width: 190px; height: 40px; border: 1px solid #c5c5c5; text-transform: uppercase; color: #303030; background-color: white; /*background-image: url("/local/media/js/select/css/../../../img/select.png");*/ background-position: 93% center; background-repeat: no-repeat; padding-left: 12px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 40px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #303030; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; position: absolute; top: 1px; right: 3px; width: 30px; background:url('/local/media/js/select/css/../../../img/select.png') center no-repeat; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display:none; left: 50%; margin-left: -3px; margin-top: -4px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f3eee6; border: 1px solid #aaa; color:#737373; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: none; overflow-y: auto; overflow-x:hidden; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] {} .select2-container--default .select2-results__option[aria-selected=true] { background-color: #f3eee6; color:#737373;} .select2-results__option { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out} .select2-container--open .select2-dropdown--below, .select2-container {width:190px !important;} .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f3eee6; color: #737373; } .select2-container--default .select2-results__group { cursor: default; display: block; border-bottom:1px solid #f3eee6; padding-left:14px; font-style:italic !important; font-weight:400 !important;} .select2-container--classic .select2-selection--single { background-color: #f3eee6; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] {font-family:"Gotham","Roboto",Arial, sans-serif; padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] {font-family:"Gotham","Roboto",Arial, sans-serif; color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] {font-family:"Gotham","Roboto",Arial, sans-serif; background-color: #f3eee6; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .select2-results__option + .select2-results__option {border-top:1px solid #f3eee6;} .select2-container--default .select2-selection--single .select2-selection__clear {height: 38px; line-height: 38px;} /* End */ /* Start:/local/media/js/mCustomScrollbar/jquery.mCustomScrollbar.min.css?157370730942839*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/media/js/mCustomScrollbar/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* End */ /* Start:/local/media/js/magnific-popup/magnific-popup.css?15737073096951*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* End */ /* Start:/local/media/css/patch.css?15737073099239*/ /*Стили для плашки */ .collection-name { font-size: 14px; font-weight: 700; line-height: 20px; position: absolute; top: 0; left: 50%; min-width: 190px; height: auto; margin-left: 0; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; transform: translate(-50%, -50%); text-align: center; color: #303030; border: 2px solid #f3f0eb; border-radius: 100px; background-color: #fff; } .mechanism-popup { position: absolute; z-index: 10; top: 39px; left: 0; display: none; box-sizing: border-box; width: 296px; border: 1px solid #d9d2c7; background: white; background-color: white; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2); } /* Стили для пункта "Механизмы" в фильтрах */ #mechanismopen { cursor: pointer; } .mechanism-ul .checkradio { position: relative; float: none; width: 100%; padding-left: 0; } .mechanism-ul .checkradio p { font-size: 15px; line-height: 21px; margin-left: 30px; color: #303030; } .mechanism-ul input[type=checkbox]:not(old) { position: absolute; top: 0; left: 0; display: inline-block; width: 21px; height: 21px; margin: 0; padding: 0; vertical-align: middle; opacity: 0; } .mechanism-ul input[type=checkbox]:not(old) + label { font-size: 0; display: inline-block; width: 100%; cursor: pointer; vertical-align: middle; } .mechanism-ul input[type=checkbox]:not(old) + label > span { right: auto; left: 0; box-sizing: border-box; background-color: white; box-shadow: inset 0 0 0 1px #ddd; } .mechanism-ul input[type=checkbox]:not(old) + label > span { position: absolute; top: 0; right: 0; display: inline-block; box-sizing: border-box; width: 21px; height: 21px; vertical-align: middle; border-radius: 2px; background-image: none; background-repeat: no-repeat; background-position: center; } .mechanism-ul input[type=checkbox]:not(old):checked + label > span { background-color: #eee; background-image: url(/local/media/css/../static/img/general/checkbox.png); box-shadow: inset 0 0 0 1px transparent; } .mechanism-ul .inner-level > li { padding-top: 15px; padding-left: 30px; background-image: url(/local/media/css/../static/img/general/inner-level-li-bg.png); background-repeat: no-repeat; background-position: 9px 3px; } .mechanism-ul-item { padding-right: 25px; padding-left: 14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mechanism-ul-item:not(.mechanism-av) { padding-top: 18px; } .mechanism-ul-item:last-of-type { margin-bottom: 16px; } .mechanism-av { height: 41px; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; border-bottom: 1px solid #f5efe6; } .mechanism-av:hover { background-color: #f3eee6; } .mechanism-av .checkradio p { line-height: 41px; margin-left: 0; } /*Стили для текста, когда отмечены пункты в фильтрах*/ section.filters #brandsopen.active p, section.filters #mechanismopen.active p, section.filters #specialsopen.active p, section.filters #priceopen.active p { color: #bd4e5d ; } section.filters #brandsopen.active .clearcross, section.filters #specialsopen.active .clearcross, section.filters #mechanismopen.active .clearcross, section.filters #priceopen.active .clearcross { display: block ; } .lider-lable, .sale-lable, .new-lable { line-height: 1.4; left: 50%; width: 100%; max-width: 200px; padding: 5px 15px; transform: translateX(-50%); } .garantie-btn { width: auto; } .garantie-btn p { font-family: inherit; } .registration-form-wrapper .shipping-payment-wrapper .left-side { position: relative; z-index: 2; left: 1px; } .registration-form-wrapper .shipping-payment-wrapper .right-side { position: relative; z-index: 1; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab { min-height: 120px; } .vacancy-one-wrapper p { line-height: 1.4em; } .aboutbrand a { -webkit-transition: border 0.2s ease; -o-transition: border 0.2s ease; transition: border 0.2s ease; border-bottom: 1px solid transparent; } .aboutbrand a:hover { border-bottom: 1px solid #45749c; } .dopinfo-cols:before, .dopinfo-cols:after { display: table; content: ''; } .dopinfo-cols:after { clear: both; } @media screen and (max-width: 1000px) { .shops-wrapper .top-container { flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; } .shops-wrapper .top-part .shops-subheader { margin-bottom: 15px; } } .content_zone { font-size: 14px; margin-bottom: 75px !important; } .content_zone h1 { margin-bottom: 20px; } .content_zone h2 { margin-bottom: 15px; } .content_zone h3 { font-size: 20px; } .content_zone h3 + img { margin-bottom: 30px; } .content_zone p { line-height: 1.4; /*margin-bottom: 5px;*/ } .content_zone table th, .content_zone table td { padding-right: 10px; } .content_zone table th { padding-bottom: 15px; vertical-align: middle; } .content_zone table td { padding-bottom: 5px; } .content_zone li { position: relative; } .content_zone li { margin-bottom: 5px; } .content_zone ul:not([class=breadcrumbs]) { margin-bottom: 20px; } .content_zone li:before { position: absolute; width: 5px; height: 5px; margin-top: 9px; margin-right: 8px; margin-left: -21px; content: ' '; background-image: url(/local/media/css/../img/general/delivery-list-style.png); background-repeat: no-repeat; background-position: left bottom; } .content_zone a { -webkit-transition: border 0.2s ease; -o-transition: border 0.2s ease; transition: border 0.2s ease; color: #45749c; text-decoration: underline; } .content_zone ul.breadcrumbs a { text-decoration: none; } .content_zone a:hover { text-decoration: none; } .shops-wrapper tr:nth-child(2n+4) td, .mob-servises-table tr:nth-child(2n+4) td { background-color: #f6f6f6; } .mob-servises-table { margin-bottom: 20px; } .shops-wrapper .top-part .shops-subheader { margin-right: 20px; } .cards-wrapper a { text-decoration: underline; } .cards-wrapper a:hover { text-decoration: none; } section.catalogue p:last-of-type { /*display: none;*/ } section.catalogue .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; } section.catalogue .container p { /*width: 100%;*/ text-align: center; white-space: nowrap; } @media (max-width: 1000px){ section.catalogue .container { justify-content: center; -webkit-justify-content: center; } .cards-wrapper .info-about-card { display: block!important; width: auto; box-sizing: border-box; } .cards-wrapper .info-about-card img, .cards-wrapper .cards-preview-wrap img { display: block; width: 304px; max-width: 100%; margin-bottom: 20px; } .cards-wrapper .cards-preview-wrap { display: block!important; width: auto; box-sizing: border-box; } .cards-wrapper { padding: 20px; } } .select2-results__option { font-family: Gotham; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn.red { width: 19px !important; height: 19px !important; border: 1px solid #eee !important; background: transparent !important; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn i.red { background-color: #eee; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn i.red:after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 50%; content: ''; margin-left: -4px; margin-top: -4px; background-color: rgb(192, 24, 47); } section.topmenu a.cart { vertical-align: top; } @media (max-width: 660px) { section.filters a.logo { display: none!important; } } @media (max-width: 1220px) { section.topmenu a.reg p { display: flex; align-items: center; padding-top: 0!important; white-space: normal; } } /* End */ /* Start:/local/templates/main-new/template_styles.css?1745820452327319*/ @charset UTF-8; html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; width: 100%; height: 100%; } body { width: 100%; min-height: 100%; font-size: 12px; margin: 0; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } a { background-color: transparent; text-decoration: inherit; font-weight: inherit; line-height: inherit; color: inherit; font-family: inherit; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } hr { box-sizing: content-box; height: 0; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } fieldset { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; margin: 0; padding: 0; } button { overflow: visible; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: Gotham; font-style: italic; font-weight: 900; src: url(/local/media/fonts/GothaProBlaIta.eot?#iefix) format(emedded-opentype), url(/local/media/fonts/GothaProBlaIta.otf) format(opentype); } button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file]>input[type=button]::-moz-focus-inner { border: none; } :focus { outline: none; } .hide { display: none!important; } .col { display: inline-block; vertical-align: top; margin-right: 2.6%; } .one-col { width: 5.95%; } .two-col { width: 14.5%; } .three-col { width: 23.049999%; } .four-col { width: 31.6%; } .five-col { width: 40.150002%; } .six-col { width: 48.700001%; } .seven-col { width: 57.25%; } .eight-col { width: 65.800003%; } .nine-col { width: 74.349998%; } .ten-col { width: 82.900002%; } .eleven-col { width: 91.449997%; } header, section, footer { width: 100%; padding: 60px 0; } .container { width: 1180px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 auto; padding: 0 20px; } * { behavior: url(/local/templates/main-new/js/pie/pie.htc); font-family: Roboto, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, span, ul, li { margin: 0; padding: 0; } ul { list-style: none; } span { font-style: inherit; font-family: inherit; font-weight: inherit; } h1, .h1 { font-size: 24px; line-height: 1.2em; font-family: Gotham, Roboto, Arial, sans-serif; font-weight: 400; letter-spacing: 1.8px; text-transform: uppercase; } h1.roboto, .h1.roboto{ font-family: Roboto, Arial, sans-serif; text-transform: none; letter-spacing: 0; } h2, .h2 { font-size: 21px; line-height: 1.19048em; font-weight: 400; } h3, .h3 { font-size: 24px; line-height: 1.2em; } h4, .h4 { font-size: 20px; line-height: 1.2em; } h5, .h5 { font-size: 18px; line-height: 1.2em; } p { font-size: 14px; line-height: 1.7em; } p.mini { font-size: 11px; } p.smaller { font-size: 12px; } p.small { font-size: 13px; } p.bigger { font-size: 17px; } p.huge { font-size: 18px; } .gotham { font-family: Gotham, Roboto, Arial, sans-serif; } a, input, button, select, textarea { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } a.blue { color: #45749c; border-bottom: 1px solid #cbd7e1; display: inline-block; line-height: 1em; font-weight: 500; } a.blue:hover { color: #5790c0; } select, input, textarea { text-align: left; border: 0; font-size: 14px; display: inline-block; margin: 0; padding: 0; } .button { text-align: center; background-color: transparent; border: 2px solid #ab9584; height: 50px; line-height: 48px; display: inline-block; color: #8d6f57; font-size: 15px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; border-radius: 100px 100px 100px 100px; text-transform: uppercase; font-family: Gotham, Arial, sans-serif; font-weight: 500; padding: 0 15px; } section.topline { height: 6px; width: 100%; background-color: #ae162b; padding: 0; } section.topmenu { border-bottom: 1px solid #c8c8c8; padding: 0; } section.topmenu p { text-transform: uppercase; font-weight: 500; letter-spacing: .25px; color: #303030; line-height: 54px; } section.topmenu li { position: relative; padding: 0 20px; } section.topmenu li:hover p { color: #b25a67; } section.topmenu li+li:before { content: "•"; position: absolute; left: 0; top: 50%; margin-top: -7px; color: #aaa; font-size: 11px; } section.topmenu .city>p>img { margin-left: 6px; } section.topmenu .lang>p>img:first-child { margin-right: 4px; } section.topmenu .lang>p>img:last-child { margin-left: 5px; } section.topmenu .list>div { position: absolute; z-index: 10; top: 54px; left: -10px; background-color: #fff; border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .2); width: 130px; display: none; padding: 8px 0; } section.topmenu .list>div a { width: 100%; height: 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 14px; display: inline-block; } section.topmenu .list>div a img { margin-right: 10px; } section.topmenu .list>div a img, section.topmenu .list>div a p { vertical-align: middle; display: inline-block; } section.topmenu .list>div a p { line-height: 35px; } section.topmenu .city { position: relative; display: inline-block; } section.topmenu .city #citypopup { position: absolute; width: 320px!important; } section.topmenu img { margin-top: -2px; margin-left: 4px; } section.topmenu a.reg { word-wrap: break-word; border-left: 1px solid #c8c8c8; display: inline-block; width: 61%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 20px; } section.topmenu a.cart { width: 39%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 8%; display: inline-block; } section.topmenu .reg img, section.topmenu .cart img { margin-right: 3px; } section.topmenu .reg img { opacity: .3; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } section.topmenu .cart p { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } section.topmenu span.cartimg { background: url(/local/media/static/img/general/korzina-white.png) center center no-repeat; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 16px; height: 12px; display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 3px; } section.topmenu .container>div:last-child, section.topmenu .container>div:first-child { width: 320px; } section.topmenu .container>div:first-child { border-right: 1px solid #c8c8c8; text-align: justify; text-justify: distribute; padding: 0 20px; } section.topmenu .container>div:first-child:after { width: 100%; height: 0; display: inline-block; content: ""; } header { background-color: #fff; padding: 20px 0 25px; } header input.search { width: 280px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 36px; border: 1px solid #e3e3e3; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; border-radius: 100px 100px 100px 100px; background-color: #fff; line-height: 34px; background-image: url(/local/media/static/img/general/search.png); background-position: 9px center; background-repeat: no-repeat; font-size: 13px; font-family: Gotham, Roboto, Arial, sans-serif; margin-top: 0; color: #000; padding: 0 15px 0 34px; } header input.search:hover, header input.search:focus { background-image: url(/local/media/static/img/general/searchhover.png); border-color: #bbb; } header .phone { color: #303030; font-size: 30px; line-height: 1em; margin-bottom: 8px; font-family: 'PlayfairDisplayTel', serif; } header .phone-notice{ font-size: 13px; /* letter-spacing: 0.5px; */ color: #303030; /* font-family: 'Gotham','Roboto',Arial,sans-serif; */ } header .popup { position: absolute; top: -5px; left: 0; } section.catalogue { background-color: #1d1d1d; background-image: url(/local/media/static/img/general/bg1.jpg); background-size: cover; background-position: center; padding: 15px 0; } section.catalogue p { display: inline-block; line-height: 30px; color: #696969; } section.catalogue a { color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; } section.catalogue a:hover { color: #d6b653; } section.filters { background-color: #e4e4e4; position: relative; z-index: 6; padding: 30px 0 20px; } section.filters .filterscontainer { width: 830px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 30px; position: relative; float: left; } section.filters .addbutton { position: absolute; right: 0; top: 7px; width: 26px; height: 26px; background: url(/local/media/static/img/general/filt_more.png) center center no-repeat; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } section.filters .addbutton:hover { cursor: pointer; background: url(/local/media/static/img/general/filt_more_hover.png) center center no-repeat; } section.filters .addbutton.minus { background: url(/local/media/static/img/general/moreback.png) center center no-repeat; } section.filters .addbutton.minus:hover { background: url(/local/media/static/img/general/morebackhover.png) center center no-repeat; } section.filters a.find { font-size: 11px; font-weight: 500; color: #1e1e1e; text-transform: uppercase; background-image: url(/local/media/static/img/general/smallarr.png); background-position: 80% center; background-repeat: no-repeat; display: inline-block; height: 40px; line-height: 40px; width: 90px; padding-left: 15px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-radius: 5px 5px 5px 5px; box-shadow: inset 0 0 0 2px #adadad; margin-right: 10px; vertical-align: top; } section.filters a.find:hover { background-color: #393a3b; box-shadow: inset 0 0 0 2px transparent; color: #fff; } section.filters a.logo { height: 50px; width: 93px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #c2c2cf; display: inline-block; vertical-align: top; text-align: center; line-height: 0; background-color: #f3f3f3; position: relative; top: -5px; } section.filters a.logo+.logo { border-left: 0; } section.filters a.logo img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } section.filters .right { float: left; margin-left: 14px; } section.filters .filtersblock { display: inline-block; margin-right: 10px; position: relative; } section.filters .filtersblock>div:first-child { width: 190px; height: 40px; border: 1px solid #c5c5c5; text-transform: uppercase; color: #303030; background-color: #fff; background-image: url(/local/media/static/img/general/select.png); background-position: 95% center; background-repeat: no-repeat; padding-left: 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; } section.filters .filtersblock>div:first-child p { line-height: 40px; font-weight: 500; } section.filters #brandsopen.active p, section.filters #specialsopen.active p, section.filters #priceopen.active p { color: #bd4e5d; } section.filters .clearcross { cursor: pointer; color: #bd4e5d!important; position: absolute; top: 0; right: 29px; background-color: #fff; font-size: 11px; font-weight: 900; height: 38px; line-height: 38px; font-family: Gotham, Roboto, Arial, sans-serif; display: none; z-index: 5; } section.filters .select2.active span { color: #bd4e5d!important; } section.filters .filtersblock, section.filters .select2 { margin-top: 10px; position: relative; top: -10px; vertical-align: top; } section.filters .mechanism .selection { width: 280px; } section.filters #clearall { font-size: 11px; line-height: 40px; text-transform: uppercase; display: none; font-family: Gotham, Roboto, Arial, sans-serif; font-weight: 500; color: #1e1e1e; padding-left: 28px; background: url(/local/media/static/img/general/reset.png) left center no-repeat; cursor: pointer; } section.filters .select div.selection { position: absolute; background-color: #fff; top: 40px; left: 0; border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .2); margin-left: -1px; display: none; z-index: 10; } section.filters .select a { width: 100%; height: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: inline-block; } section.filters .select a p { vertical-align: middle; display: block; font-size: 15px; color: #303030; padding-left: 20px; padding-right: 20px; line-height: 40px; } section.filters .select a p.padding { padding-left: 30px; } section.filters .select a:hover p { color: #737373!important; } section.filters .select a+a { border-top: 1px solid #f3eee6; } section.filters #brandspopup { width: 900px!important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; top: 39px; left: 0; position: absolute; } section.filters #brandspopup>div.lesspadding { padding-top: 20px; padding-bottom: 40px; } section.filters #brandspopup>div.lesspadding:last-child { padding-top: 30px; border-top: 2px solid #f3eee6; } section.filters #brandspopup .popupheader { border-bottom: 2px solid #f3eee6; padding-bottom: 0; } section.filters #brandspopup .popupheader img { vertical-align: middle; margin-left: 3px; position: relative; top: -1px; } section.filters #brandspopup .controls { float: right; margin-top: 3px; } section.filters #brandspopup .controls .h3, section.filters #brandspopup .controls h3 { color: #aca191; font-size: 13px; } section.filters #brandspopup .controls .h3+.h3, section.filters #brandspopup .controls h3+h3 { color: #303030; margin-left: 13px; } section.filters #brandspopup .checkradio { height: auto; width: 127px; display: inline-block; float: none; padding-left: 0; vertical-align: top; margin-right: 20px; position: relative; left: -5px; margin-top: 10px; } section.filters #brandspopup .checkradio p { line-height: 24px!important; font-size: 15px; color: #303030; display: inline-block; vertical-align: middle; } section.filters #brandspopup .checkradio label { -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-radius: 2px 2px 2px 2px; display: inline-block; padding: 0 6px; } section.filters #brandspopup .checkradio label.swiss:after { content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; background: url(/local/media/static/img/general/checkboxflag.png) center no-repeat; margin-left: 7px; } section.filters #brandspopup input[type=checkbox]:not(old):checked+label { background-color: #e5ddd2; } section.filters #brandspopup input[type=checkbox]:not(old):checked+label p { color: #8a6736; } section.filters #specialspopup { top: 39px; left: 0; position: absolute; width: 740px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } section.filters #specialspopup>div+div { border-top: 2px solid #f3eee6; } section.filters #specialspopup .h3, section.filters #specialspopup h3 { font-size: 16px; font-family: Gotham, Roboto, Arial, sans-serif; } section.filters #specialspopup .checkradio { float: none; padding-left: 0; width: 100%; margin-top: 11px; } section.filters #specialspopup .checkradio p { line-height: 21px!important; margin-left: 30px; font-size: 15px; color: #303030; } section.filters #specialspopup input[type=checkbox]:not(old)+label>span { right: auto; left: 0; background-color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 0 1px #ddd; } section.filters #specialspopup input[type=checkbox]:not(old):checked+label>span { background-color: #eee; box-shadow: inset 0 0 0 1px transparent; } section.filters #specialspopup .cols>div { width: 200px; display: inline-block; margin-top: 11px; margin-right: 100px; } section.filters #specialspopup .cols { text-align: left; text-justify: distribute; } section.filters #specialspopup h4 { font-size: 13px; color: #a29889; text-transform: uppercase; font-weight: 500; margin-bottom: 10px; } section.filters .pricepopup { border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .2); position: absolute; background-color: #fff; top: 39px; left: 0; z-index: 10; width: 270px; text-align: justify; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; text-justify: distribute; padding: 13px 10px; } section.filters .pricepopup div { border: 1px solid #cdcdcd; display: inline-block; vertical-align: top; width: 120px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 30px; position: relative; height: 32px; padding-right: 10px; } section.filters .pricepopup div p { position: absolute; left: 7px; line-height: 30px; } section.filters .pricepopup p { display: inline-block; color: #303030; line-height: 1em; } section.filters .pricepopup div+p { margin-top: 14px; width: 100%; text-align: center; } section.filters .pricepopup input { width: 100%; line-height: 30px; } section.filters .pricepopup p.gotham { text-transform: uppercase; font-weight: 500; cursor: pointer; } section.gallery { background-color: #070714; height: 300px; overflow: hidden; padding: 0; } section.gallery .owl-carousel .owl-stage-outer { overflow: visible!important; } section.gallery .owl-prev { float: left; background-image: url(/local/media/static/img/general/gallery_arr_left.png); margin-left: 10px; } section.gallery .owl-next { float: right; background-image: url(/local/media/static/img/general/gallery_arr_right.png); margin-right: 10px; } section.gallery .owl-nav { position: absolute; top: 50%; margin-top: -9px; width: 100%; pointer-events: none; } section.gallery .owl-carousel .owl-item { opacity: .25; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } body, html { overflow-x: hidden; } #slider-range-container { border: 0; width: 100%; background-color: #eee; height: 2px; vertical-align: middle; margin-top: 20px; margin-bottom: 8px; padding: 0 8px; } #slider-range { border: 0; width: 100%; background-color: #eee; height: 2px; vertical-align: middle; padding: 0; } #slider-range .ui-slider-range { left: 15%; width: 56.200001%; height: 2px; border: 0; background-color: #838d8f; padding: 0; } #slider-range .ui-slider-handle { left: 15%; background-color: #fff; border: 2px solid #838d8f; width: 12px; height: 12px; display: inline-block; position: absolute; z-index: 2; border-radius: 100px; top: -6px; margin-left: -8px; } section.news #newsgallery p.mini { color: #afafaf; text-transform: uppercase; font-weight: 400; } section.news #newsgallery .h2, section.news #newsgallery h2 { color: #716961; margin: 10px 0 15px; } section.news #newsgallery p.small { color: #252525; line-height: 1.53846em; } section.news #newsgallery a { display: inline-block; padding-left: 190px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top; } section.news #newsgallery a img { position: absolute; left: 0; top: 0; width: initial!important; } section.news #newsgallery+p { margin-top: 30px; text-align: center; } section.news .owl-prev, section.news .owl-next { width: 6px; height: 58px; background-repeat: no-repeat; background-position: center; pointer-events: all; } section.news .owl-prev { float: left; background-image: url(/local/media/static/img/general/newsarrleft.png); margin-left: -23px; } section.news .owl-next { float: right; background-image: url(/local/media/static/img/general/newsarrright.png); margin-right: -23px; } section.news .owl-nav { position: absolute; top: 50%; margin-top: -29px; width: 100%; pointer-events: none; } section.headertext { padding-top: 60px; padding-bottom: 0; text-align: center; border-bottom: 1px solid #cdcdcd; } section.headertext h1 { display: inline-block; border-bottom: 3px solid #c0182f; margin-bottom: -2px; padding-bottom: 15px; } section.products a.product { text-align: center; display: inline-block; width: 100%; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-radius: 10px 10px 10px 10px; padding: 15px 0; } .section-lines .prod-two-gallery-wrapper { padding-bottom: 52px !important; border-right: 1px solid #e8e8e8; } .products--watched { border-top: solid 1px #e8e8e8; margin-bottom: 24px; } .products--watched > .container { position: relative; } .products--watched .detail-title { position: absolute; top: -32px; left: 60px; z-index: 3; } @media screen and (max-width: 1023px) { .section-lines { margin-bottom: 32px; } .section-lines .prod-two-gallery-wrapper { padding-bottom: 0 !important; border-right: none; } .products--watched { margin-bottom: 44px; } .products--watched .detail-title { left: 20px; } } .products--watched .owl-prev { margin-left: 0 !important; } .products--watched .owl-next { margin-right: 0 !important; } section.products a.product--watched { display: flex !important; flex-direction: column; height: 100%; } section.products a.product--watched price__recommendation{ margin-top: auto; } section.products a.product .prod-img { height: 330px; margin-bottom: 10px; display: inline-block; position: relative; } section.products a.product .prod-img.lider:after { content: "Лидер продаж"; text-transform: uppercase; background-color: #0b6ea2; font-size: 13px; font-family: Gotham, Roboto, Arial, sans-serif; color: #fff; font-weight: 400; display: inline-block; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; border-radius: 100px 100px 100px 100px; text-shadow: 0 0 1px rgba(0, 0, 0, .1); text-align: center; line-height: 16px; position: absolute; top: 0; left: 0; right: 0; width: 145px; margin: auto; padding: 7px 0 5px; } section.products a.product .prod-img.sale:after { content: "Скидка 20%"; text-transform: uppercase; background-color: #e46363; font-size: 13px; font-family: Gotham, Roboto, Arial, sans-serif; color: #fff; font-weight: 400; display: inline-block; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; border-radius: 100px 100px 100px 100px; text-shadow: 0 0 1px rgba(0, 0, 0, .1); text-align: center; line-height: 16px; position: absolute; top: 0; left: 0; right: 0; width: 120px; margin: auto; padding: 7px 0 5px; } section.products a.product .prod-img.new:after { content: "Новинка!"; text-transform: uppercase; background-color: #53b31e; font-size: 13px; font-family: Gotham, Roboto, Arial, sans-serif; color: #fff; font-weight: 400; display: inline-block; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; border-radius: 100px 100px 100px 100px; text-shadow: 0 0 1px rgba(0, 0, 0, .1); text-align: center; line-height: 16px; position: absolute; top: 0; left: 0; right: 0; width: 100px; margin: auto; padding: 7px 0 5px; } section.products a.product p:nth-of-type(1) { font-weight: 500; color: #303030; line-height: 1.3em; } section.products a.product p.bigger { color: #303030; font-weight: 500; margin: 0 0 8px; } section.products a.product p.smaller { font-weight: 500; color: #9f9f9f; margin-bottom: 10px; } section.products a.product p.price { color: #8d6f57; font-size: 20px; font-weight: 500; height: 30px; line-height: 28px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; border-radius: 100px 100px 100px 100px; box-shadow: inset 0 0 0 2px #f3f0eb; display: inline-block; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 0 12px; } section.products a.product p.price span { font-weight: 400; } section.products a.product p { line-height: 1em; vertical-align: middle; } section.products a.product:hover { box-shadow: 0 1px 12px 0 #f2f2f2; } section.products a.product:hover p.price { background-color: #f3f0eb; box-shadow: inset 0 0 0 2px transparent; } section.products .swissmade { position: relative; top: -2px; margin-left: 2px; } section.products img { width: initial!important; display: inline-block!important; vertical-align: middle; } section.products .owl-prev { float: left; background-image: url(/local/media/static/img/general/prod-arr-left.png); margin-left: -20px; } section.products .owl-next { float: right; background-image: url(/local/media/static/img/general/prod-arr-right.png); margin-right: -20px; } section.products .owl-nav { /* top: 192px; */ /* margin-top: -16px; */ top: 50%; transform: translateY(-50%); width: 100%; pointer-events: none; position: absolute; } .footerbanners { background-color: #841122; border-bottom: 1px solid #991f31; padding-top: 50px; padding-bottom: 0; } .footerbanners .container>div { background-color: #fff; width: 530px; margin-left: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; top: 1px; padding: 26px 0 25px 110px; } .footerbanners .img { position: absolute; left: -30px; top: 50%; width: 100px; height: 100px; margin-top: -50px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; border-radius: 100px 100px 100px 100px; background-repeat: no-repeat; background-size: cover; background-position: center; } .footerbanners .dostavka { background-image: url(/local/media/static/img/general/footerbg1.jpg); background-repeat: no-repeat; background-position: left center; } .footerbanners .dostavka .img { background-image: url(/local/media/static/img/general/footerimg1.png); } .footerbanners .skidka { background-image: url(/local/media/static/img/general/footerbg2.jpg); background-repeat: no-repeat; background-position: left center; } .footerbanners .skidka .img { background-image: url(/local/media/static/img/general/footerimg2.png); } .footerbanners h2 { line-height: 1.1em; } .footerbanners h2:nth-of-type(1) { font-weight: 700; color: #303030; font-size: 24px; } .footerbanners h2:nth-of-type(2) { font-weight: 600; color: #a1a1a1; font-size: 30px; } .footerbanners p { margin-top: 7px; } .footerbanners .banner1, .footerbanners .banner2 { position: relative; top: 1px; } footer { background-color: #841122; padding: 0 0 45px; } footer .container+.container { border-top: 1px solid #991f31; } footer .three { text-align: justify; text-justify: distribute; padding: 50px 0 45px; } footer .three img { margin-right: 8px; } footer p { color: #ffd0d0; line-height: 30px; } footer p.header { text-transform: uppercase; font-weight: 500; color: #ffaab7; letter-spacing: 1px; margin-bottom: 10px; } footer a { line-height: 12px; border-bottom: 1px solid transparent; display: inline-block; } footer .footertext { float: left; line-height: 20px; } footer .icons { float: right; margin-top: 5px; } footer .icons img+img { margin-left: 15px; } footer .icons img:last-child { margin-left: 15px; } footer .bottomtext { padding-top: 45px; } section.breadcumbs { background-color: #f8f8f8; border-top: 1px solid #adadad; border-bottom: 1px solid #c8c8c8; padding: 5px 0; } section.breadcumbs .container{ padding-left: 0; padding-right: 0; } @media (max-width:479px) { section.breadcumbs .container{ padding-left: 20px; padding-right: 20px; } } section.breadcumbs p { text-transform: uppercase; font-weight: 500; color: #303030; } section.breadcumbs li { display: inline-block; margin-top: 5px; margin-bottom: 5px; padding-right: 22px; margin-right: 15px; position: relative; background: url(/local/media/static/img/general/breadcumb-arrow.png) no-repeat right center; } section.breadcumbs li:last-child { padding-right: 0; margin-right: 0; background: 0 0; } section.breadcumbs-navigation { height: 70px; border-bottom: 1px solid #c8c8c8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; padding: 0; } section.breadcumbs-navigation .container { position: relative; padding-left: 180px; padding-right: 180px; height: 100%; } section.breadcumbs-navigation .container>div:nth-of-type(1) { left: 0; background: url(/local/media/static/img/general/breadcumb-left.png) no-repeat left center; } section.breadcumbs-navigation .container>div:nth-of-type(3) { right: 0; background: url(/local/media/static/img/general/breadcumb-right.png) no-repeat right center; text-align: right; } section.breadcumbs-navigation .container>div:nth-of-type(1), section.breadcumbs-navigation .container>div:nth-of-type(3) { position: absolute; top: 0; bottom: 0; width: 180px; height: 70px; display: inline-table; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 20px; padding-left: 20px; margin: auto; } section.breadcumbs-navigation .container>div:nth-of-type(1) p, section.breadcumbs-navigation .container>div:nth-of-type(3) p { text-transform: uppercase; line-height: 1.5em; } section.breadcumbs-navigation .container>div:nth-of-type(2) { width: 100%; height: 100%; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } section.breadcumbs-navigation .container>div:nth-of-type(2) .logo { float: left; width: 120px; display: inline-table; height: 100%; margin-left: 40px; } section.breadcumbs-navigation .container>div:nth-of-type(2) .logo img { max-width: 100%; max-height: 90%; } section.breadcumbs-navigation .container>div:nth-of-type(2) p.small { text-transform: uppercase; font-weight: 500; } section.breadcumbs-navigation .info { text-align: right; margin-right: 40px; padding-top: 19px; } section.breadcumbs-navigation .info p.big { width: 370px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } section.breadcumbs-navigation .info p.big span { text-transform: uppercase; font-weight: 500; color: #c1c1c1; font-size: 13px; } section.breadcumbs-navigation .info p.gotham { position: relative; top: 2px; } section.breadcumbs-navigation span.vertline { width: 1px; height: 30px; background-color: #c8c8c8; display: inline-block; margin: 0 13px; } section.storecontent .cols>div { width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; } section.storecontent .cols>div:nth-of-type(1) { padding-right: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } section.storecontent .cols>div:nth-of-type(2) { padding-left: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } section.storecontent .photo { width: 100%; height: 580px; background-size: contain; background-repeat: no-repeat; background-position: center top; } section.storecontent .photo-nav { text-align: center; width: 100%; margin-top: 40px; border-top: 1px solid #e8e8e8; padding-top: 15px; } section.storecontent .photo-nav>div { width: 90px; height: 90px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 5px; } section.storecontent .photo-nav>div>div { background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } section.storecontent .name1 { font-size: 26px; line-height: 1.15385em; font-family: Gotham, Roboto, Arial; font-weight: 300; } section.storecontent .name2 { font-size: 40px; line-height: 1.2em; font-family: Gotham, Roboto, Arial; } .main-content-block .name2.roboto{ font-size: 30px; line-height: 1.2em; font-family: Roboto, Arial, sans-serif; } section.storecontent h1.playfair.name2{ font-weight: 500; } @media (max-width: 1000px){ .main-content-block .name2.roboto{ font-size: 25px; } } section.storecontent .name3 { font-size: 24px; text-transform: uppercase; color: #adadad; } section.storecontent .name4 { font-size: 24px; color: #adadad; } section.storecontent .infoblock-1 { text-align: left; } section.storecontent .delivery { background-color: #ffffff; border: 1px solid #f2d4d9; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-radius: 2px 2px 2px 2px; line-height: 1.30769em; font-weight: 500; color: #303030; background-image: url(/local/media/static/img/general/store_deliver.png); background-position: 8px center; background-repeat: no-repeat; text-transform: uppercase; padding: 14px 15px 14px 50px; } section.storecontent .delivery span { color: #9a2e3d; padding-right: 12px; background: url(/local/media/static/img/general/store_deliver_arrow.png) no-repeat right center; cursor: pointer; } section.storecontent .nalicie { line-height: 1.30769em; padding-top: 10px; margin-left: 30px; text-transform: uppercase; } section.storecontent .three-columns>div { display: inline-block; vertical-align: middle; min-height: 1px; } section.storecontent .three-columns>div:nth-of-type(1) { width: 194px; } section.storecontent .three-columns>div:nth-of-type(2) { width: 50px; } section.storecontent .sravnit { padding-left: 24px; background: url(/local/media/static/img/general/store_sravnit.png) no-repeat left center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-transform: uppercase; font-weight: 500; min-height: 17px; line-height: 1.30769em; } section.storecontent .sravnit.active { background: url(/local/media/static/img/general/store_sravnit_active.png) no-repeat left center; } section.storecontent .price { font-size: 48px; font-weight: 300; color: #c2182f; line-height: 1.5em; } section.storecontent .price-block .price .number{ line-height: 34px; font-family: Gotham, Roboto, Arial; } section.storecontent .price-block .price .currency{ line-height: 34px; font-weight: 600; } section.storecontent .price-block .price.old .currency{ font-weight: normal; text-decoration: none; } section.storecontent .price-block .price.old{ text-decoration: none; position: relative; } section.storecontent .price-block .price.old:before{ top: 50%; /* top: calc(50% - 1px); */ /* transform: translateY(-50%); */ left: 0; height: 2px; width: 100%; background-color: #9B9B9B; position: absolute; content: ''; display: block; } @media (max-width: 767px) { } /* Safari */ /* @media not all and (min-resolution:.001dpcm) { @media { section.storecontent .price-block .price.old{ text-decoration: none; position: relative; } section.storecontent .price-block .price.old:before{ top: 50%; transform: translateY(-50%); left: 0; height: 2px; width: 100%; background-color: #9B9B9B; position: absolute; content: ''; display: block; } }} */ section.storecontent .price-block .price{ display: inline-block; font-weight: 500; } section.storecontent .price-block .price.old{ margin-left: 22px; font-weight: 300; color: #9B9B9B; } @media (max-width:479px) { section.storecontent .price-block .price{ display: block; } section.storecontent .price-block .price.old{ display: block; } section.storecontent .price-block .price.old{ margin-left: 0; } } section.storecontent .korzina-button { background-image: url(/local/media/static/img/general/store_korzina.png); background-position: 90% 10px; text-align: left; padding-left: 20px; background-repeat: no-repeat; width: 100%; } section.storecontent .korzina-button:hover { background-image: url(/local/media/static/img/general/store_korzina_hover.png); } section.storecontent .ili { color: #adadad; font-weight: 500; line-height: 53px; text-align: center; } section.storecontent a.oneclick { color: #656565; border-color: #e4e4e4; padding: 0 10px 0 30px; } section.storecontent button.button--gray { padding: 0 20px; color: #656565; border-color: #e4e4e4; } section.storecontent .opisanie { line-height: 1.875em; color: #303030; margin-top: 46px; } section.storecontent .opisanie b { font-weight: 600; } section.storecontent p.infoheader { text-transform: uppercase; color: #adadad; font-weight: 500; line-height: 1.3em; margin-top: 22px; } section.storecontent .info1 { margin-top: 35px; } section.storecontent .info1 div { margin-right: 50px; display: inline-block; vertical-align: top; } section.storecontent .store-infoblock { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; border: 1px solid #e8e8e8; background-color: #f8f8f8; float: left; } section.storecontent .store-infoblock>div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin: 0; padding: 30px 36px 40px; } section.storecontent .store-infoblock>div:first-child { width: 66%; } section.storecontent .store-infoblock>div:last-child { width: 34%; border-left: 1px solid #e8e8e8; } section.storecontent .store-infoblock .infoblock-big-header { font-size: 15px; text-transform: uppercase; font-weight: 500; color: #303030; margin-bottom: 10px; line-height: 1.5em; margin-top: 0; } section.storecontent .store-infoblock .infocols { font-size: 0; margin-top: -10px; text-align: justify; text-justify: distribute; } section.storecontent .store-infoblock .infocols>div { display: inline-block; vertical-align: top; width: 29%; text-align: left; } section.storecontent .store-infoblock p.infoheader { margin-top: 15px; margin-bottom: 1px; } section.storecontent .infoblock--repricing { font-weight: 500; line-height: 1.30769em; padding: 14px 15px; color: #303030; border: 1px solid #f3eaed; border-radius: 2px 2px 2px 2px; } section.storecontent.second { padding-top: 0; padding-bottom: 50px; } section.storecontent.four { padding-top: 0; padding-bottom: 60px; } section.storecontent.third { border-bottom: 1px solid #e8e8e8; padding: 0; } section.storecontent .dopinfo-cols>div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin: 0; padding: 15px 36px 40px; } section.storecontent .dopinfo-cols>div:first-child { width: 60%; padding-bottom: 0; } section.storecontent .dopinfo-cols>div:last-child { width: 40%; min-height: 450px; } section.storecontent .dopinfo-cols.headers { border: 1px solid transparent; padding-top: 0; padding-bottom: 0; } section.storecontent .dopinfo-cols.headers>div:last-child { min-height: 0; border-color: transparent; } section.storecontent .dopinfo-cols.headers>div { padding-top: 0; padding-bottom: 0; } section.storecontent .store-tabs-block { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; border: 1px solid #e8e8e8; float: left; } section.storecontent .store-tabs-block .tabs { background-color: #f8f8f8; border-bottom: 1px solid #e8e8e8; padding-top: 20px; padding-bottom: 0; } section.storecontent .store-tabs-block .tabs li { display: inline-block; margin-right: 40px; border-bottom: 3px solid transparent; padding-bottom: 15px; margin-bottom: -2px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } section.storecontent .store-tabs-block .tabs li p { text-transform: uppercase; font-weight: 500; color: #656565; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } section.storecontent .store-tabs-block .tabs li:hover, section.storecontent .store-tabs-block .tabs li.active { cursor: pointer; border-color: #303030; } section.storecontent .store-tabs-block>* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; width: 100%; margin: 0; padding: 30px 36px 40px; } section.storecontent .store-tabs-block .store-tab-info-stroke { padding-left: 60px; position: relative; margin-top: 15px; } section.storecontent .store-tabs-block .store-tab-info-stroke>img { position: absolute; top: 0; left: 0; } section.storecontent .store-tabs-block .store-tab-info-stroke p.store-tab-header-red { color: #841122; font-weight: 500; } section.storecontent .store-tabs-block .store-tab-info-stroke p+p { color: #303030; line-height: 2.14286em; margin-top: 5px; } section.storecontent .prod-two-gallery img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } section.storecontent .prod-two-gallery-big img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } section.storecontent .prod-img { height: 260px!important; position: relative; width: 100%; } section.storecontent .owl-next { background-image: url(/local/media/static/img/general/store_arr_right.png); margin-right: -10px; } section.storecontent .owl-prev { background-image: url(/local/media/static/img/general/store_arr_left.png); margin-left: -10px; } section.storecontent .owl-next, section.storecontent .owl-prev { width: 6px; height: 58px; } section.storecontent .owl-nav { margin-top: -29px; } section.storecontent .smalltabs p.mini { text-transform: uppercase; font-weight: 500; color: #adadad; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-top: 20px; margin-bottom: 12px; } section.storecontent .smalltabs p.mini span:hover, section.storecontent .smalltabs p.mini span.active { color: #303030; border-color: #cabcb1; } section.storecontent .smalltabs p.mini span { border-bottom: 2px solid transparent; padding-bottom: 2px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer; } section.storecontent .smalltabs div { width: 100%; text-align: justify; text-justify: distribute; display: none; } section.storecontent .smalltabs ul { width: 47%; text-align: left; } section.storecontent .smalltabs ul li { width: 100%; text-align: left; margin-top: 6px; } section.storecontent .smalltabs ul a { display: inline; border-bottom: 1px solid transparent; } section.storecontent .store-click-descr { color: #303030; line-height: 1.71429em!important; margin-top: -5px; margin-bottom: 20px; } section.storecontent .popuppos.storeclick { top: -193px; left: -485px; } section.storecontent .popuppos.storeclick button+p { text-transform: uppercase; color: #656565; font-weight: 500; float: right; line-height: 40px!important; } section.storecontent .select2-container { width: 64%!important; margin-right: 0; } section.storecontent .select2-container--default .select2-selection--single { border-color: #d9d0c1; } section.storecontent .citypopup { position: absolute; width: 320px!important; top: -1px; left: 0; z-index: 2; } section.storecontent .popuppos.nalicieclick { position: relative; vertical-align: top; top: -10px; } section.storecontent .popuppos.nalicieclick .popup { position: absolute; top: 0; left: 0; z-index: 2; width: 340px; } section.storecontent .popuppos.nalicieclick .popup .h3, section.storecontent .popuppos.nalicieclick .popup h3 { font-size: 13px; line-height: 1.30769em; color: #45749c; } section.storecontent .popuppos.nalicieclick .columnss>div { display: inline-block; vertical-align: top; } section.storecontent .popuppos.nalicieclick .columnss>div:nth-of-type(2n+1) { width: 230px; } section.storecontent .popuppos.nalicieclick .columnss>div:nth-of-type(2n) { width: 45px; text-align: right; } section.storecontent .popuppos.nalicieclick p { line-height: 18px; } section.storecontent .popuppos.nalicieclick .red { color: #c2182f; } section.storecontent .popuppos.nalicieclick .popup .popupheader { padding-top: 17px; } section.storecontent .popuppos.nalicieclick .line2 .columnss { padding-left: 12px; } section.storecontent .popuppos.nalicieclick .line2 .columnss>div:nth-of-type(2n+1) { width: 218px; } section.storecontent .popuppos.nalicieclick .line2 .columnss>div { margin-top: 15px; } #citypopup, .citypopup { top: 54px; left: -21px; background-color: #fff; border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .2); width: 100%!important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 10; display: none; overflow: visible!important; border-left: 0; border-right: 0; } #citypopup p, .citypopup p { color: #303030; text-transform: none; font-weight: 400; letter-spacing: 0; width: 100%; line-height: 1.3em; } #citypopup>div:first-child, .citypopup>div:first-child { border-bottom: 1px solid #f3eee6; } #citypopup>div, .citypopup>div { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px 30px 20px; } #citypopup .huge.gotham, .citypopup .huge.gotham { font-size: 20px; font-weight: 500; text-transform: uppercase; } #citypopup .select, .citypopup .select { width: 100%; height: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #d9d0c1; background-image: url(/local/media/static/img/general/selectcity.png); background-repeat: no-repeat; background-position: 96% center; position: relative; margin: 15px 0 10px; } #citypopup .select p, .citypopup .select p { line-height: 38px; text-transform: uppercase; font-weight: 500; cursor: pointer; padding: 0 0 0 10px; } #citypopup .select div, .citypopup .select div { position: relative; background-color: #fff; top: 0; left: 0; border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .2); width: 100%; margin-left: -1px; display: none; } #citypopup .select a, .citypopup .select a { width: 100%; height: 38px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: inline-block; } #citypopup .select a p, .citypopup .select a p { vertical-align: middle; display: inline-block; line-height: 38px; } #regformpopup p { text-transform: uppercase; font-weight: 500; letter-spacing: .25px; } .fancybox-inner #citypopup, .fancybox-inner .popup { width: 100%; left: 0; overflow-x: hidden; border: 0; } .fancybox-inner #citypopup { display: block; } .fancybox-opened { /* width: 100%!important; left: 0!important; */ overflow: visible!important; } .fancybox-close { top: -20px; right: 15px; } .fancybox-opened .fancybox-skin { width: 100%!important; overflow: visible!important; padding: 15px 0!important; } .fancybox-inner { width: 100%!important; overflow: visible!important; } .select2-container--open .select2-dropdown--below { width: auto!important; min-width: 190px!important; } .popuppos { position: relative; width: 1px; height: 1px; } .popuppos.reg { float: right; margin-top: -1px; position: relative; } .popuppos.reg .popup { left: auto; right: 0; position: absolute; top: 1px; } .popup { width: 370px; background-color: #fff; border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, .2); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 10; display: none; position: relative; } .popup .h3, .popup h3 { font-size: 14px; font-weight: 500; color: #aca191; text-transform: uppercase; padding-bottom: 11px; border-bottom: 3px solid transparent; display: inline-block; position: relative; top: 2px; } .popup .h3.active, .popup h3.active { color: #303030; border-color: #303030; } .popup .h3+.h3, .popup h3+h3 { margin-left: 25px; } .popup.huge { width: 470px; } .popup .popupheader { padding: 27px 30px 0; } .popup-close-button { width: 16px; height: 16px; background-color: transparent; border: none; display: flex; align-items: center; justify-content: center; position: absolute; right: 30px; top: 30px; cursor: pointer; } @media (max-width: 768px) { .popup-close-button--hide { display: none !important; } } .popup-close-button::before{ content: ""; position: absolute; top: 0; width: 2px; background-color: #000000; height: 16px; transform: rotate(45deg); display: block; border-radius: 10px; } .popup-close-button::after{ content: ""; position: absolute; top: 0; width: 2px; background-color: #000000; height: 16px; transform: rotate(-45deg); display: block; border-radius: 10px; } .popup hr { height: 1px; width: 100%; border: 0; background-color: #f3eee6; } .popup form>div:last-child { background-color: #f8f5f0; } .popup button { background-color: #303030; height: 40px; line-height: 40px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-radius: 5px 5px 5px 5px; color: #fff; vertical-align: middle; font-size: 11px; font-weight: 500; text-transform: uppercase; font-family: Gotham, Roboto, Arial; border: 0; padding: 0 20px; } .popup button img { vertical-align: middle; margin-left: 10px; margin-top: 0; opacity: 1!important; } .popup button+p { margin-left: 20px; line-height: 13px!important; vertical-align: middle; } .popup button+p a { color: #5a83a6; font-weight: 500; line-height: 11px; display: inline; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-bottom: 1px solid transparent; } .popup p { line-height: 16px!important; } .popup .formstroke p.mini { margin: 0 20px 0 0; width: 30%; font-weight: 500; text-transform: uppercase; } .popup .formstroke input { width: 70%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 40px; border: 1px solid #d9d0c1; padding-left: 10px; line-height: 40px; font-family: Arial; font-size: 16px; font-weight: 500; } .popup .checkradio { float: right; display: inline-block; padding-left: 28px; width: 21px; position: relative; vertical-align: middle; } .popup .formtick p { line-height: 21px!important; } .popup input[type=checkbox]:not(old) { width: 21px; opacity: 0; height: 21px; display: inline-block; vertical-align: middle; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .popup input[type=checkbox]:not(old)+label { cursor: pointer; display: inline-block; font-size: 0; vertical-align: middle; } .popup input[type=checkbox]:not(old)+label>span { display: inline-block; vertical-align: middle; width: 21px; height: 21px; background-color: #eee; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute; top: 0; right: 0; background-position: center; background-repeat: no-repeat; background-image: none; } .popup input[type=checkbox]:not(old):checked+label>span { background-image: url(/local/media/static/img/general/checkbox.png); } section.catalogue .sandwich p { color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; border: 2px solid rgba(255, 255, 255, .2); -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-radius: 5px 5px 5px 5px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 0 7px; } section.catalogue .sandwich p:hover { cursor: pointer; border-color: #fff; } section.catalogue .sandwich img { margin-right: 10px; position: relative; top: -1px; } section.adaptivemenu { background-color: #f2f2f2; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 50; display: none; padding: 0; } section.adaptivemenu .container { display: table; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 30px; padding-bottom: 30px; } section.adaptivemenu .container>ul { display: table-cell; vertical-align: middle; position: relative; } section.adaptivemenu p { font-weight: 500; text-transform: uppercase; letter-spacing: .5px; } section.adaptivemenu a { color: #1e1e1e; } section.adaptivemenu a:hover { color: #b9172d; } section.adaptivemenu img { float: right; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } section.adaptivemenu img:hover { cursor: pointer; opacity: .5; } body.luxe header { background: url(/local/media/static/img/general/luxeheader.png) center center; } body.luxe section.catalogue { background-image: url(/local/media/static/img/general/bg2.jpg); } body.luxe section.catalogue p { color: #d7bd6d; } body.luxe section.filters { background-color: #121212; } body.luxe .select2-container--default .select2-selection--single, body.luxe section.filters .filtersblock>div:first-child { border-color: #fff; } body.luxe section.filters a.find { box-shadow: inset 0 0 0 2px #a98c61; color: #a98c61; background-image: url(/local/media/static/img/general/searcharr.png); } body.luxe section.filters a.find:hover { background-color: #8d734d; color: #121212; box-shadow: inset 0 0 0 2px #8d734d; background-image: url(/local/media/static/img/general/searcharrhover.png); } body.luxe footer, body.luxe .footerbanners { background-color: #303030; border-color: #404040; } body.luxe footer .container+.container { border-color: #404040; } body.luxe footer p.header { color: #a79c8b; } body.luxe footer p { color: #9a9a9a; } body.luxe section.filters .addbutton { background: url(/local/media/static/img/general/luxeplus.png) center center no-repeat; } body.luxe section.filters .addbutton:hover { background: url(/local/media/static/img/general/luxeplushover.png) center center no-repeat; } body.luxe section.filters .addbutton.minus { background: url(/local/media/static/img/general/luxeminus.png) center center no-repeat; } body.luxe section.filters .addbutton.minus:hover { background: url(/local/media/static/img/general/luxeminushover.png) center center no-repeat; } body.luxe section.filters #clearall { background: url(/local/media/static/img/general/luxereset.png) left center no-repeat; color: #8d734d; } body.luxe section.filters a.logo { background-color: #121212; border-color: #564a37; } body.luxe section.filters a.logo:hover { background-color: #252525; } body.luxe section.news { background-image: url(/local/media/static/img/general/luxenewstwo.png); background-size: 100%; background-position: center top; background-repeat: no-repeat; } body.luxe section.catalogue a:hover { color: #fff9dd; } #priceopen p { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 40px; height: 40px; } .ellipsis { white-space: nowrap; overflow: hidden; } .ellipsis.multiline { white-space: normal; } div.priipala { position: relative; z-index: 5; } div.priipala.active { position: fixed; top: 0; left: 0; width: 100%; } .aboutbrand h4 { width: 224px; } .collection-item { position: relative; float: left; margin-right: 20px; margin-bottom: 50px; width: 276px; height: 241px; line-height: 240px; text-align: center; border: 2px solid #f3f0eb; transition: .2s; } .collection-item:hover { border-color: #777; } .collection-item img { vertical-align: middle; max-width: 240px; max-height: 240px; } .brand-list-block, .other-brand-list-block { overflow: hidden; margin-bottom: 110px; padding: 15px 36px 40px; } .brand-list-block>ul, .other-brand-list-block>ul { float: left; width: auto!important; min-width: 170px; } .brand-list-block>ul>li, .other-brand-list-block>ul>li { display: inline-block; max-width: 100%!important; } .models-list-block>ul { float: left; width: auto!important; min-width: 120px; } .models-list-block>ul>li { /*display: inline-block;*/ width: 50%!important; min-width: 120px; } .models-catalog-item { width: 285px!important; position: relative; padding: 30px 0!important; } .lider-lable { width: 148px; height: 22px; background: #0b6ea2; border-radius: 14px; color: #fff; text-align: center; font-size: 13px; font-weight: 500; line-height: 28px; text-transform: uppercase; position: absolute; z-index: 2; left: 50%; } .sale-lable { width: 90px; height: 22px; background: #e46363; /* background: -moz-linear-gradient(top, #ed9999 0%, #e47d7d 50%, #e46d6d 51%, #e46363 100%); background: -webkit-linear-gradient(top, #ed9999 0%, #e47d7d 50%, #e46d6d 51%, #e46363 100%); background: -o-linear-gradient(top, #ed9999 0%, #e47d7d 50%, #e46d6d 51%, #e46363 100%); background: -ms-linear-gradient(top, #ed9999 0%, #e47d7d 50%, #e46d6d 51%, #e46363 100%); background: linear-gradient(top, #ed9999 0%, #e47d7d 50%, #e46d6d 51%, #e46363 100%);*/ border-radius: 14px; color: #fff; text-align: center; font-size: 13px; font-weight: 500; line-height: 28px; text-transform: uppercase; position: absolute; z-index: 2; left: 50%; margin-left: 0!important; } .new-lable { width: 108px; height: 22px; background: #53b31e; border-radius: 14px; color: #fff; text-align: center; font-size: 13px; font-weight: 500; line-height: 28px; text-transform: uppercase; position: absolute; z-index: 2; left: 50%; } section.storecontent .models-catalog-item>.prod-img { height: 320px!important; } .new-preview { width: 490px; height: 140px; overflow: hidden; margin-bottom: 73px; float: left; margin-right: 60px; padding: 20px; } .new-preview a { text-decoration: none; } .new-preview-thumb { float: left; margin-right: 20px; } .new-date { color: #afafaf; font-size: 11px; font-weight: 500; text-transform: uppercase; padding: 10px 0 16px; } .new-title { color: #716961; font-size: 21px; line-height: 25px; padding-bottom: 15px; font-weight: 400; } .new-content { color: #252525; font-size: 13px; font-weight: 400; line-height: 20px; } .news-col { float: left; width: 50%; } .single-new { max-width: 540px; margin-right: 60px; } .single-new .single-new-content p { width: 100%; max-width: 500px; color: #252525; font-size: 13px; font-weight: 400; line-height: 20px; padding-bottom: 20px; } .single-new-photo { width: 100%; max-width: 500px; overflow: hidden; margin-top: 53px; } .single-new-photo .photo { width: 100%; height: 323px; background-repeat: no-repeat; background-size: cover; background-position: center; } .single-new-photo .photo-nav div { height: 80px; width: 22%; float: left; cursor: pointer; background-size: cover; background-repeat: no-repeat; margin: 20px 4% 0 0; } .all-news-link { color: #45749c; font-size: 13px; font-weight: 500; display: inline-block; text-decoration: underline; } .news-navigation { margin-top: 47px; } .news-navigation div { color: #45749c; font-size: 13px; font-weight: 500; text-decoration: underline; } .prev-new img { float: left; padding-top: 4px; padding-right: 10px; } .next-new img { float: right; padding-top: 4px; padding-left: 10px; } .delivery-block { width: 100%; border-bottom: 1px solid #e8e8e8; overflow: hidden; } .container-delivery>div { width: 50%; max-width: 50%; float: left; padding: 21px 0 0; } .del-left { float: left!important; padding-left: 38px!important; max-width: 500px!important; } .del-right { float: right!important; padding-right: 38px!important; max-width: 500px!important; } .container-delivery>div.del-title { color: #303030; font-size: 20px; font-weight: 500; text-transform: uppercase; padding: 21px 0; } .container-delivery>div ul li { color: #303030; font-weight: 400; line-height: 20px; font-size: 14px; list-style-type: none; max-width: 500px; padding-bottom: 20px; } .container-delivery>div ul li:before { content: ' '; margin-top: 7px; margin-right: 8px; margin-left: -17px; background-image: url(/local/media/static/img/general/delivery-list-style.png); width: 5px; height: 5px; position: absolute; background-repeat: no-repeat; background-position: left bottom; } .container-delivery>div ul li span { color: #303030; font-weight: 700; } .container-delivery>div ul li a { color: #45749c; font-weight: 400; text-decoration: underline; } .shops-city-choice-section { padding-bottom: 0!important; } .shops-city-choice-section .shops-garantie-btn { padding-top: 40px; } .garantie-btn { width: 100%; padding-right: 10px; padding-left: 10px; background-color: #c2182f; border-radius: 5px; } .garantie-btn p { white-space: nowrap; color: #fff; font-size: 11px; font-weight: 500; line-height: 40px; text-transform: uppercase; text-align: center; } .shop-city { color: #c2182f; border-bottom: 1px dotted; position: relative; margin-left: 30px; cursor: pointer; display: inline; font-size: 24px; line-height: 1.7em; } .shop-city:before { content: ' '; background-image: url(/local/media/static/img/general/map-pin.svg); width: 16px; height: 16px; position: absolute; left: -17px; background-size: contain; background-repeat: no-repeat; background-position: bottom; } .city-list { position: absolute; right: -400px; border: 2px solid #688bab; max-width: 400px; font-size: 14px; font-weight: 500; color: #45749c; background-color: #fff; z-index: 1; padding: 0 0 0 20px; } .city-list span { padding-right: 20px; line-height: 30px; cursor: pointer; text-decoration: underline; } .city-list span.active { color: #c2182f; text-decoration: none; cursor: default; } .tabs__position { font-size: 16px; margin-top: 30px; } .tabs__caption { color: #303030; font-size: 11px; font-weight: 500; text-transform: uppercase; margin-bottom: -2px; margin-left: 5px; } ul.tabs__caption.gotham>li { display: inline-block; cursor: pointer; padding: 15px 20px; } ul.tabs__caption.gotham>li img { vertical-align: text-top; padding-right: 7px; } ul.tabs__caption.gotham>li.active { background-color: #f2f3f4; border-radius: 2px; } .tabs__content.active { display: block; border: 5px solid #f2f3f4; border-radius: 1px; font-size: 0; min-height: 357px; } .tabs__content.active img { max-width: 100%; } .col1-grid { font-size: 20px; width: 285px; } .col1-grid-title { color: #303030; font-size: 26px; font-weight: 400; margin-bottom: 38px; display: block; } .col3-grid { font-size: 20px; width: 855px; display: flex; } .col1-grid .shops-list ul li a { max-width: 217px; color: #45749c; font-size: 14px; font-weight: 400; display: block; line-height: 18px; } .shop-item img { max-width: 100%; width: 100%; } .section-no-padding-bottom { padding-bottom: 0; } .services-list ul li:before { content: ' '; margin-top: 9px; margin-right: 8px; margin-left: -21px; background-image: url(/local/media/static/img/general/delivery-list-style.png); width: 5px; height: 5px; position: absolute; background-repeat: no-repeat; background-position: left bottom; } .services-list ul li a { color: #45749c; font-size: 14px; font-weight: 400; display: inline-block; line-height: 18px; text-decoration: underline; } .repair-difficulty { margin: 25px 0; } .repair-difficulty li { float: left; width: 170px; position: relative; margin-left: 20px; } .repair-difficulty .authorized:before { content: ' '; background-image: url(/local/media/static/img/general/star.png); width: 9px; height: 10px; margin-left: -19px; position: absolute; margin-top: 6px; } .name4-cost { color: #303030; font-size: 26px; margin-bottom: 20px; } .service-price-table { color: #303030; font-size: 14px; width: 100%; } .service-price-table tr { border-right: 1px solid #e8e8e8; } .service-price-table .width-fifty { width: 50%; } .service-price-table .table-header { color: #adadad; font-size: 11px; font-weight: 500; text-transform: uppercase; } .service-price-table .align-left { text-align: left; padding-left: 41px; } .service-price-table td.all-borders { border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .service-price-table td { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: center; padding: 15px 20px; } .service-more-info { margin-bottom: 71px; } .service-more-info div { margin-top: 37px; } .service-more-info ul li p { padding-top: 5px; } .service-more-info ol { font-size: 14px; line-height: 14px; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 20px; margin-top: 0; } .service-more-info ol li { color: #9c826d; } .service-more-info ol li p { padding-top: 5px; padding-left: 5px; color: #303030; } .page__wrapper { padding-top: 0; min-height: 100%; padding-bottom: 0; } * html .page__wrapper { height: 100%; } .registration-form-wrapper .columns-headers { margin-left: 40px; } .registration-form-wrapper .gotham.header { text-transform: uppercase; font-size: 13px; font-weight: 500; margin-bottom: 10px; } .registration-form-wrapper input { padding-left: 10px; padding-right: 10px; height: 40px; border: 1px solid #c5c5c5; } .registration-form-wrapper .add-phone-wrap:hover>* { color: #303030!important; border-color: #cc8a93!important; } .registration-form-wrapper .not-necessary { color: #939393!important; border-color: #939393!important; } .registration-form-wrapper .basket-with-watches-wrapper { margin-bottom: 35px; } .registration-form-wrapper .basket-with-watches-wrapper .first-column { -webkit-flex-basis: 150px; -ms-flex-preferred-size: 150px; flex-basis: 150px; } .registration-form-wrapper .basket-with-watches-wrapper .basket-with-watches-heading { display: flex; padding-bottom: 10px; } .registration-form-wrapper .basket-with-watches-wrapper .basket-with-watches-body { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; margin-left: -20px; margin-right: -20px; } .registration-form-wrapper .basket-with-watches-wrapper .a-row { display: flex; border-bottom: 1px solid #e9e9e9; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .second-column, .registration-form-wrapper .basket-with-watches-wrapper .a-row .third-column, .registration-form-wrapper .basket-with-watches-wrapper .a-row .fourth-column { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-header { color: #303030; font-size: 16px; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-model { color: #45749c; font-size: 20px; border-bottom: 1px solid transparent; -webkit-transition: border-bottom .2s ease-out; transition: border-bottom .2s ease-out; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-picture img { width: 150px; height: 140px; -o-object-fit: contain; object-fit: contain; } .stepperInput { width: 130px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; background-color: #fff; border: 2px solid #c5c5c5; border-radius: 2px; margin-left: -19px; } .stepperInput .stepperInput__input { width: 57px; border: none; height: 40px; text-align: center; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } .stepperInput .button-basket { border: none; height: 40px; width: 35px; cursor: pointer; background: 0 0; color: #adadad; font-size: 22px; border-radius: 0; text-align: center; line-height: 40px; } /*.stepperInput .input { height: 40px; border-radius: 0; box-shadow: none; font-size: 20px; font-weight: 500; padding: 0; }*/ .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-sum { margin-left: -19px; color: #c2182f; font-size: 20px; font-weight: 500; } .registration-form-wrapper .basket-with-watches-wrapper .basket-with-watches-footer { display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 5px; } .registration-form-wrapper .basket-with-watches-wrapper .basket-with-watches-footer p.itogo-sum { color: #c2182f; font-size: 26px; font-weight: 500; } .registration-form-wrapper .basket-with-watches-wrapper .basket-with-watches-footer p.itogo-description { font-size: 16px; text-align: right; margin-right: 66px; } .registration-form-wrapper .personal-data-wrapper { background-color: #fdf4f5; border: 1px solid #cc8a93; min-height: 208px; margin-bottom: 50px; } .registration-form-wrapper .personal-data-wrapper .first-row { display: flex; padding: 27px 40px 24px; } .registration-form-wrapper .personal-data-wrapper .fio-wrap, .registration-form-wrapper .personal-data-wrapper .main-phone-wrap, .registration-form-wrapper .personal-data-wrapper .add-phone-wrap { margin-right: 20px; } .registration-form-wrapper .personal-data-wrapper .fio-wrap { width: auto; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .registration-form-wrapper .personal-data-wrapper input { background-color: #fff; border: 1px solid #cc8a93; } .registration-form-wrapper .personal-data-wrapper input[type=telephone] { font-size: 16px; font-weight: 700; color: #c5c5c5; width: 200px; } .registration-form-wrapper .personal-data-wrapper .personal-data-city-wrap { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .registration-form-wrapper .personal-data-wrapper .personal-data-city-wrap .select2-container--default .select2-selection--single { border: 1px solid #cc8a93; } .registration-form-wrapper .personal-data-wrapper .second-row { box-shadow: inset 0 1px 0 #edd6d8; display: flex; padding: 27px 40px 24px; } .registration-form-wrapper .personal-data-wrapper .second-row .round-button-description { font-size: 14px; font-weight: 400; padding-top: 8px; padding-right: 10px; } .registration-form-wrapper .personal-data-wrapper .second-row .round-button { vertical-align: middle; display: inline-block; width: 240px; padding-top: 10px; height: 42px; font-size: 15px; font-weight: 500; text-align: center; color: #b15e69; background-color: #f4e2e4; border: 2px solid #e4c4c7; border-radius: 21px; } .registration-form-wrapper .additional-data-wrapper { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; background-color: #fff; border: 1px solid #c5c5c5; min-height: 220px; margin-bottom: 50px; padding: 27px 60px 24px 40px; } .registration-form-wrapper .additional-data-wrapper input[type=checkbox] { font-size: 14px; display: inline-block; } .registration-form-wrapper .additional-data-wrapper input[type=checkbox] a { font-size: 14px; } .registration-form-wrapper .additional-data-wrapper .first-row { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; border-right: 1px solid #e0e0e0; } .registration-form-wrapper .additional-data-wrapper .first-row .email-wrap { max-width: 340px; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap { margin-top: 10px; margin-bottom: 10px; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap label.active-label { color: #303030; font-size: 14px; font-weight: 400; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap input[type=checkbox]+label span { display: inline-block; width: 21px; height: 21px; background: #eee!important; vertical-align: middle; cursor: pointer; margin: -1px 10px 0 0; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap input[type=checkbox]:checked+label .active-radio { width: 21px; height: 21px; background: #eee url(/local/media/static/img/general/checkbox.png) no-repeat center center!important; } .registration-form-wrapper .additional-data-wrapper .second-row { -webkit-box-flex: 5; -webkit-flex-grow: 5; -ms-flex-positive: 5; flex-grow: 5; padding-left: 46px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .registration-form-wrapper .additional-data-wrapper .card-number-wrap img { vertical-align: baseline; margin-left: 3px; margin-bottom: -3px; } .registration-form-wrapper .additional-data-wrapper .card-number-wrap input[type=text] { display: block; width: 280px; } .registration-form-wrapper .in-total-wrapper { padding-left: 40px; padding-right: 40px; margin-bottom: 50px; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; min-height: 102px; background-color: #fdf4f5; border: 1px solid #e7cccf; } .registration-form-wrapper .in-total-wrapper .cost-of-goods-number { font-size: 26px; font-weight: 500; color: #c2182f; } .registration-form-wrapper .in-total-wrapper .cost-of-goods-heading { line-height: 1.3em; font-size: 16px; } .registration-form-wrapper .in-total-wrapper .plus-icon, .registration-form-wrapper .in-total-wrapper .sum-icon { margin-left: 15px; margin-right: 15px; } .registration-form-wrapper .in-total-wrapper .round-button { vertical-align: middle; display: inline-block; width: 349px; padding-top: 15px; height: 50px; font-size: 18px; font-weight: 500; text-align: center; color: #fff; background-color: #c0182f; border-radius: 25px; } .registration-form-wrapper .shipping-payment-wrapper { border: 1px solid #c5c5c5; margin-bottom: 50px; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body { background-color: #f7f7f7; position: relative; display: flex; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body .active { cursor: default; background: #fff; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: relative; width: 480px; padding: 22px 16px; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab.active .check-icon-wrap { border: 2px solid #c0182f; background: url(/local/media/static/img/general/check-icon.png) no-repeat 51% center; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab .check-icon-wrap { width: 28px; height: 28px; min-width: 28px; border-radius: 100%; border: 2px solid #b7b7b7; margin-right: 11px; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab .shipping-heading { font-size: 16px; font-weight: 700; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab .shipping-description { color: gray; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab:nth-child(2) { border-bottom: 1px solid #e0e0e0; border-left: none; border-right: none; z-index: 1; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab:nth-child(2)>div:nth-child(2)>p:nth-child(1)>a:nth-child(1)>img { margin-right: 5px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .city-of-delivery-wrap .delivery-price-badge { margin-right: -40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 198px; height: 40px; background-color: #c0182f; padding-left: 19px; padding-top: 3px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .city-of-delivery-wrap .delivery-price-badge p { font-size: 20px; font-weight: 500; color: #fff; } .registration-form-wrapper .shipping-payment-wrapper .right-side .index-city-wrap input { width: 138px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .personal-data-city-wrap { margin-bottom: 13px; width: 248px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .delivery-address-wrap { margin-bottom: 13px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .delivery-address-wrap textarea { background-color: #fff; border: 1px solid #c5c5c5; max-height: 110px; width: 100%; resize: none; margin-bottom: 10px; padding: 15px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn-wr { display: block; color: #303030; font-size: 16px; font-weight: 700; margin-bottom: 10px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn { display: inline-block; vertical-align: middle; position: relative; width: 6px; height: 6px; background: #eee; border-radius: 50%; border: 7px solid #eee; top: -2px; margin-right: 10px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn input { width: 6px; height: 6px; opacity: 0; cursor: pointer; margin: 0; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn i { position: absolute; width: 100%; height: 100%; border-radius: 50%; background: #000; opacity: 0; pointer-events: none; left: 0; top: 0; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn-wr.red { margin-bottom: 15px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn.red { width: 10px; height: 10px; background: #eee; border-radius: 50%; border: 6px solid #eee; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn i.red { background: #c0182f; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radio-description { display: block; margin-left: 35px; margin-bottom: 15px; color: gray; font-size: 14px; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body .right-part.active { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-left: 1px solid #e0e0e0; background: #fff; display: block; height: 100%; padding: 29px 40px; } .cards-wrapper section.storecontent.first { padding-bottom: 80px; } .cards-wrapper .list-of-cards a { color: #45749c; font-weight: 700; border-bottom: 1px solid #45749c; } .cards-wrapper .cards-preview-wrap { display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 9px; padding-bottom: 46px; } .cards-wrapper .services-list ul li { margin-left: 20px; padding-bottom: 30px; } .cards-wrapper .services-list .little-pd { padding-bottom: 2px; } .cards-wrapper .huge.gotham { font-size: 20px; font-weight: 500; margin-bottom: 28px; text-transform: uppercase; } .cards-wrapper .mob-servises-table { margin-top: 50px; margin-bottom: 20px; } .cards-wrapper .cards-table th { border: 1px solid #e8e8e8; height: 83px; font-size: 11px; color: #adadad; text-transform: uppercase; background-color: #fefefe; } .cards-wrapper .cards-table th:nth-child(2) { border-right: none; } .cards-wrapper .cards-table th:nth-child(3) { border-left: none; } .cards-wrapper .cards-table tr:nth-child(even) { background-color: #f7f7f7; } .cards-wrapper .exceptions-wrap { padding-left: 40px; padding-bottom: 60px; } .cards-wrapper .info-about-card { padding-top: 50px; display: flex; width: 100%; } .cards-wrapper .info-about-card img { padding-right: 50px; } .cards-wrapper .info-about-card b { font-size: 18px; font-weight: 700; } .contacts-wrapper section.storecontent.first { padding-top: 50px; padding-bottom: 47px; } .contacts-wrapper .recuisites { margin-top: 45px; } .history-of-brand-wrapper section.storecontent.first { padding-bottom: 20px; } .history-of-brand-wrapper .flex { display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .history-of-brand-wrapper section.storecontent .name3 { text-transform: capitalize; } .history-of-brand-wrapper section.storecontent .cols>div { width: auto; } .history-of-brand-wrapper .container { padding-left: 0; padding-right: 0; } .history-of-brand-wrapper section.storecontent .dopinfo-cols.headers h4 { width: 200px; } .history-of-brand-wrapper .aboutbrand { padding-top: 40px; padding-left: 30px; } .history-of-brand-wrapper .aboutbrand>ul>li>p>a { color: #45749c; border-bottom: 1px solid transparent; -webkit-transition: border-bottom .2s ease; transition: border-bottom .2s ease; } .history-of-brand-wrapper .history-waypoints { padding: 0 0 75px; } .history-of-brand-wrapper .history-waypoints .history-waypoints-inner { max-width: 810px; } .history-of-brand-wrapper .history-waypoints .waypoint-four { padding-bottom: 70px; } .history-of-brand-wrapper .history-waypoints .waypoint .waypoint-header { margin-top: 35px; margin-bottom: 25px; text-transform: uppercase; color: #adadad; font-weight: 500; line-height: 1.3em; } .history-of-brand-wrapper .history-waypoints .waypoint-img { margin-left: 24px; } .history-of-brand-wrapper .history-waypoints .history-waypoint-btn { float: left; padding-bottom: 10px; margin-right: 10%; } .history-of-brand-wrapper .history-waypoints .history-waypoint-btn .red { background-color: #c2182f; } .history-of-brand-wrapper .history-waypoints .history-waypoint-btn .gray { background-color: #909090; } .history-of-brand-wrapper .history-waypoints .waypoint-btn { width: 239px; border-radius: 5px; } .history-of-brand-wrapper .history-waypoints .waypoint-btn p { color: #fff; font-size: 11px; font-weight: 500; line-height: 40px; text-transform: uppercase; text-align: center; } .service-wrapper section.headertext { padding-top: 90px; } .service-wrapper section.storecontent.first { padding-top: 60px; } .service-wrapper .services-list .warranty-service { margin-top: 38px; } .service-wrapper .service-wrapper section.headertext { padding-top: 70px; } .service-wrapper .section-no-padding-bottom { padding-top: 50px; } .service-wrapper .second-level-list { float: left; margin-right: 60px; } .service-wrapper .services-list ul li.second-level { margin-left: 0; padding-bottom: 8px; } .service-wrapper .second-level:after, .service-wrapper .second-level:before { position: static; } .shops-wrapper .map-wrap { border: 6px solid #f2f3f4; min-height: 360px; } .shops-wrapper .top-container { margin-top: 10px; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .shops-wrapper .top-container.na-dne { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .shops-wrapper .shops-garantie-btn { float: none; padding-top: 0; margin-right: 40px!important; } .shops-wrapper .top-part { margin-bottom: 60px; } .shops-wrapper .top-part .shops-subheader { font-size: 20px; } .shops-wrapper .shop-item { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 33%; padding-right: 50px; min-height: auto; font-size: 0; margin-bottom: 20px; margin-right: 0; } .bottom-part .shop-list-section>.container .show-on-map, .bottom-part .shop-list-section>.container .shop-brands { color: #c2182f; font-size: 12px; font-weight: 500; margin-bottom: 10px; display: block; width: 130px; position: relative; } .bottom-part .shop-list-section>.container .show-on-map::after, .bottom-part .shop-list-section>.container .shop-brands::after { content: ''; display: block; width: 16px; height: 16px; background-image: url(/local/media/img/arrow.svg); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: -3px; right: 0; transform: rotate(-90deg); transition: transform 0.3s ease; } .bottom-part .shop-list-section>.container .show-on-map.active::after, .bottom-part .shop-list-section>.container .shop-brands.active::after { transform: rotate(0); transition: transform 0.3s ease; } .bottom-part .shop-list-section>.container .shop-hours { margin-bottom: 20px; } .bottom-part .shop-list-section>.container .left-part { margin-right: 60px; min-width: 230px; } .bottom-part .shop-list-section>.container .right-part { margin-right: -50px; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bottom-part .shop-list-section>.container .left-part .shops-list ul li a { max-width: 278px; color: #45749c; font-size: 14px; font-weight: 400; display: block; line-height: 18px; } .bottom-part .shop-list-section>.container .brands-list { padding-top: 19px; } .bottom-part .shop-list-section>.container .brands-list-item a { color: #45749c; font-size: 13px; } .vacancy-wrapper section.storecontent.first { padding-top: 60px; padding-bottom: 45px; } .vacancy-one-wrapper { margin-bottom: 300px; } .vacancy-one-wrapper>.container { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .vacancy-one-wrapper .storecontent.first { max-width: 800px; padding: 60px 0 30px; } .vacancy-one-wrapper .services-list p, .vacancy-one-wrapper .vacancy-one-subheader { max-width: 800px; } .vacancy-one-wrapper .services-list ul { margin-bottom: 40px; } .vacancy-one-wrapper .vacancy-one-subheader { color: #303030; font-weight: 700; margin-bottom: 40px; margin-top: 48px; } .vacancy-one-wrapper .vacancy-one-heading { font-size: 15px; font-weight: 500; text-transform: uppercase; margin-bottom: 18px; } .vacancy-one-wrapper .next-vacancy { display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .vacancy-one-wrapper .next-vacancy a { display: inline-block; width: 160px; height: 13px; color: #45749c; background: url(/local/media/static/img/general/arrowsmall.png) no-repeat right 84%; font-size: 13px; font-weight: 500; text-decoration: underline; } .vacancy-one-wrapper .fill-out-a-form { margin-top: 42px; margin-bottom: 20px; } .vacancy-one-wrapper .fill-out-a-form .shops-garantie-btn { float: none; padding-bottom: 8px; } .vacancy-one-wrapper .aboutbrand { max-width: 250px; padding-top: 60px; margin-left: 30px; } .red-underline:hover { border-bottom: 1px solid #ab1343; } section.topmenu p.gotham { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary, section.topmenu .list:hover>div, section.filters #brandsopen.active .clearcross, section.filters #specialsopen.active .clearcross, section.filters #priceopen.active .clearcross, section.filters .select:hover div.selection, section.storecontent .store-tabs-block .tabs-content>div.active, section.storecontent .smalltabs div.active, section.storecontent .citypopuppos, #citypopup .select:hover div, .citypopup .select:hover div, .vacancy-one-wrapper .write-us { display: block; } [hidden], template, section.filters #brandspopup #brandtab2, section.filters #brandspopup #brandtab3, section.filters .secondstroke, section.filters .secondstroke+span, section.storecontent .store-tabs-block .tabs-content>div, .popup #regform, section.catalogue .sandwich, .city-list-show, .tabs__content, #drugie-adaptive, .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap input[type=checkbox], .registration-form-wrapper .shipping-payment-wrapper .right-part, .shops-wrapper .accordion { display: none; } b, strong, optgroup, .shop-item .shop-address span, .shop-item .shop-tel span, .shop-item .shop-hours span, .bottom-part .shop-list-section>.container .shop-item .shop-address span, .bottom-part .shop-list-section>.container .shop-item .shop-tel span, .bottom-part .shop-list-section>.container .shop-item .shop-hours span { font-weight: 700; } img, footer .icons a { border: 0; } svg:not(:root), .container-overflow-hidden { overflow: hidden; } figure, blockquote { margin: 0; } pre, textarea { overflow: auto; } button, select, #regformpopup input { text-transform: none; } button::-moz-focus-inner, input::-moz-focus-inner, legend { border: 0; padding: 0; } td, th, section.gallery .container, section.storecontent.third-third, .container-no-padding, .basket-wrapper>.container { padding: 0; } .clear_fix:after, .registration-form-wrapper .shipping-payment-wrapper:after, .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body:after, .service-wrapper:after, .service-wrapper .clear-them-all:after { clear: both; } .clear_fix, .lt-ie8 .registration-form-wrapper .shipping-payment-wrapper, .lt-ie8 .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body, .lt-ie8 .service-wrapper, .lt-ie8 .service-wrapper .clear-them-all { zoom: 1; } ::-moz-selection, ::selection, ::-webkit-selection { background: #00f; color: #fff; } .col:last-child, section.filters #brandspopup .checkradio:nth-of-type(5n), footer .col, section.storecontent .store-infoblock .infocols>div:last-child, .collection-item:nth-child(4n), .new-preview:nth-child(even), .news-col>.new-preview, .single-new-photo .photo-nav div:nth-child(4n), .shop-item:nth-child(3n), .bottom-part .shop-list-section>.container .shop-item:nth-child(3n) { margin-right: 0; } .row, .twelve-col, section.topmenu a.reg p, div.filters-section-container, .popup .formstroke, .news-two-cols, .registration-form-wrapper .personal-data-wrapper .fio-wrap input[type=text], .registration-form-wrapper .additional-data-wrapper .first-row .email-wrap input[type=email], .registration-form-wrapper .additional-data-wrapper .comments-wrap input[type=text], .bottom-part .shop-list-section>.container .shop-item img { width: 100%; } section.filters #brandspopup .h3, p.big, section.filters #brandspopup h3 { font-size: 16px; } a:hover, section.topmenu .list>p:hover, section.topmenu .city>p:hover, section.filters #brandspopup .popupheader h3:hover, section.filters #brandspopup .popupheader .h3:hover, section.filters #brandspopup .checkradio label:hover, section.filters #specialsopen:hover, section.filters #brandsopen:hover, section.filters #priceopen:hover, .popup h3.tab, .popup .h3.tab, .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap p.agr-check label { cursor: pointer; } .button:hover, section.storecontent a.oneclick:hover { background-color: #f8f8f8; color: #303030; border-color: #303030; } section.topmenu p, section.topmenu li, section.topmenu img, section.breadcumbs-navigation .info>*, #regformpopup p, #regformpopup li, #regformpopup img, .popup .formstroke>* { display: inline-block; vertical-align: middle; } section.topmenu .list, header p.gotham, section.filters .select { position: relative; } section.topmenu .list>div a:hover, section.filters .select a:hover, #citypopup .select a:hover, .citypopup .select a:hover { background-color: #f3eee6; } section.topmenu .reg:hover img, section.gallery .owl-carousel .owl-item.active, body.luxe footer .icons img:last-child, .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn input:checked+i { opacity: 1; } section.topmenu .container, header .container, .footerbanners .container { text-align: justify; text-justify: distribute; } section.topmenu .container:after, header .container:after, section.catalogue .container:after, section.filters #specialspopup .cols:after, .footerbanners .container:after, footer .three:after, section.storecontent .store-infoblock .infocols:after, section.storecontent .smalltabs div:after { content: ""; display: inline-block; height: .0000000000001px; width: 100%; } section.topmenu .container>div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; } /* header img, .popup .formstroke+.formstroke, section.adaptivemenu li+li { margin-top: 10px; } */ section.catalogue .container>*, section.filters #specialspopup .cols>*, .footerbanners .container>*, footer .three>*, section.storecontent .store-infoblock .infocols>*, section.storecontent .smalltabs div>* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; } section.filters a.logo:hover, section.storecontent .popuppos.nalicieclick form>div:last-child, .service-price-table tr:first-child { background-color: #fff; } section.filters #brandspopup .h3+.h3, section.filters #brandspopup h3+h3, footer .col+.col { margin-left: 30px; } section.filters #brandspopup>div, section.filters #specialspopup>div { padding: 35px 40px; } section.gallery .owl-prev, section.gallery .owl-next, section.products .owl-prev, section.products .owl-next { background-position: center; background-repeat: no-repeat; height: 32px; pointer-events: all; width: 18px; } section.news, section.news .owl-item { background-color: #f2f2f2; } section.products+section.headertext, .sectionnews, .section-delivery, .shop-list-section, .section-no-padding-top, .contacts-wrapper section.headertext { padding-top: 0; } .footerbanners .banner1, .prev-new, .shops-float { float: left; } .footerbanners .banner2, .next-new, .shops-garantie-btn { float: right; } footer .three img, footer .three p, footer .icons img, section.storecontent .popuppos.storeclick button, section.catalogue .sandwich img, section.catalogue .sandwich p { vertical-align: middle; } footer a:hover, .popup button+p:hover a { border-color: initial; } section.breadcumbs a, section.storecontent .sravnit a { border-color: transparent; } section.breadcumbs a:hover, section.breadcumbs-navigation .container>div:nth-of-type(1) a:hover, section.breadcumbs-navigation .container>div:nth-of-type(3) a:hover, section.breadcumbs-navigation .container>div:nth-of-type(2) p.small a:hover, section.storecontent .nalicie a:hover, section.storecontent .sravnit a:hover { border-color: #5790c0; } section.breadcumbs-navigation .container>div:nth-of-type(1)>div, section.breadcumbs-navigation .container>div:nth-of-type(3)>div, section.breadcumbs-navigation .container>div:nth-of-type(2) .logo>div { display: table-cell; vertical-align: middle; } section.breadcumbs-navigation .container>div:nth-of-type(1) a, section.breadcumbs-navigation .container>div:nth-of-type(3) a, section.breadcumbs-navigation .container>div:nth-of-type(2) p.small a, section.storecontent .nalicie a { display: inline; border-color: transparent; } section.storecontent .photo-nav>div.active, section.storecontent .photo-nav>div:hover, body.luxe footer .icons img { opacity: .5; } section.storecontent .infoblock-1>*, div.list, .registration-form-wrapper .additional-data-wrapper .card-number-wrap>p { display: inline-block; } section.storecontent p.infoheader+p, section.storecontent .store-tabs-block .tabs li:hover p, section.storecontent .store-tabs-block .tabs li.active p, section.storecontent .smalltabs ul p { color: #303030; } section.storecontent .dopinfo-cols.headers h4, .columns-headers { border-bottom: 3px solid #c0182f; display: inline-block; font-family: Gotham, sans-serif; font-weight: 500; margin-bottom: -2px; padding-bottom: 4px; text-transform: uppercase; } section.storecontent .smalltabs ul a:hover, body.luxe section.headertext h1 { border-color: #303030; } section.storecontent .select2-container--default .select2-selection--single, section.storecontent section.filters .filtersblock>div:first-child, .fancybox-outer, .registration-form-wrapper .personal-data-wrapper .personal-data-city-wrap .select2, .registration-form-wrapper .personal-data-wrapper .personal-data-city-wrap .select2 .select2-selection, .registration-form-wrapper .personal-data-wrapper .personal-data-city-wrap .select2 .select2-results, .registration-form-wrapper .shipping-payment-wrapper .right-side .personal-data-city-wrap .select2, .registration-form-wrapper .shipping-payment-wrapper .right-side .personal-data-city-wrap .select2 .select2-selection, .registration-form-wrapper .shipping-payment-wrapper .right-side .personal-data-city-wrap .select2 .select2-results { width: 100%!important; } section.storecontent .popuppos.nalicieclick .line+.line, .popup .formtick, .about-company-wrapper .about-company-description p:first-of-type, .shops-wrapper .tabs__position { margin-top: 20px; } #citypopup>div:last-child, .citypopup>div:last-child, .service-more-info p, .service-more-info ul { padding-top: 20px; } .popup form>div, .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-picture { padding: 20px 30px; } .popup button:hover, body.luxe section.topline { background-color: #000; } .aboutbrand .headers, .history-of-brand-wrapper .aboutbrand .headers { margin-bottom: 21px; } .aboutbrand>ul>li>p>a, .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap p.agr-check:last-of-type label>span+a, .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab:nth-child(2)>div:nth-child(2)>p:nth-child(1)>a, .service-wrapper .services-list>p:nth-child(5)>a:nth-child(1) { color: #45749c; } .garantie-btn p img, .history-of-brand-wrapper .history-waypoints .waypoint-btn p img { padding-left: 17px; } .col1-grid .shops-list ul li, .services-list ul li, .bottom-part .shop-list-section>.container .left-part .shops-list ul li { margin-left: 20px; padding-bottom: 16px; } .col1-grid .shops-list ul li:before, .bottom-part .shop-list-section>.container .left-part .shops-list ul li:before { background-image: url(/local/media/static/img/general/delivery-list-style.png); background-position: left bottom; background-repeat: no-repeat; content: ' '; height: 5px; margin-left: -21px; margin-right: 8px; margin-top: 6px; position: absolute; width: 5px; } .col1-grid .shops-list ul li a:hover, .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap p.agr-check:last-of-type label>span+a:hover, .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab:nth-child(2)>div:nth-child(2)>p:nth-child(1)>a:hover, .service-wrapper .services-list>p:nth-child(5)>a:nth-child(1):hover, .bottom-part .shop-list-section>.container .left-part .shops-list ul li a:hover { text-decoration: underline; } .shop-item .shop-title, .bottom-part .shop-list-section>.container .shop-item .shop-title { color: #45749c; font-size: 14px; font-weight: 400; margin-top: 32px; text-decoration: underline; } .shop-title:hover, .services-list ul li a:hover, .bottom-part .shop-list-section>.container .shop-title:hover, .vacancy-one-wrapper .next-vacancy a:hover, .vacancy-one-wrapper .write-us a:hover { text-decoration: none; } .shop-item .shop-address, .shop-item .shop-tel, .shop-item .shop-hours, .bottom-part .shop-list-section>.container .shop-item .shop-address, .bottom-part .shop-list-section>.container .shop-item .shop-tel, .bottom-part .shop-list-section>.container .shop-item .shop-hours { color: #303030; font-size: 13px; font-weight: 400; margin-top: 16px; } .about-company-wrapper .about-company-description p, .cards-wrapper .cards-preview-wrap~p { margin-bottom: 30px; } .about-company-link, .vacancy-one-wrapper .write-us a { color: #45749c; text-decoration: underline; } .registration-form-wrapper .basket-with-watches-wrapper .second-column, .registration-form-wrapper .shipping-payment-wrapper .right-side { -ms-flex-positive: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .registration-form-wrapper .basket-with-watches-wrapper .third-column, .registration-form-wrapper .basket-with-watches-wrapper .fourth-column { -ms-flex-preferred-size: 200px; -webkit-flex-basis: 200px; flex-basis: 200px; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-model:hover, .history-of-brand-wrapper .aboutbrand>ul>li>p>a:hover { border-bottom: 1px solid #45749c; } .registration-form-wrapper .basket-with-watches-wrapper .a-row:last-of-type, .service-wrapper .no-bottom-border { border-bottom: none; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap p.agr-check, .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap { margin-bottom: 10px; } .clear_fix:before, .clear_fix:after, .registration-form-wrapper .shipping-payment-wrapper:before, .registration-form-wrapper .shipping-payment-wrapper:after, .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body:before, .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body:after, .service-wrapper:before, .service-wrapper:after, .service-wrapper .clear-them-all:before, .service-wrapper .clear-them-all:after { content: ""; display: table; } .registration-form-wrapper .shipping-payment-wrapper .right-side .city-of-delivery-wrap, .bottom-part .shop-list-section>.container .brands-list-wrap { -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; display: flex; justify-content: space-between; } .cards-wrapper, .contacts-wrapper { margin-bottom: 75px; } .cards-wrapper .list-of-cards a:hover, .red-underline { border-bottom: 1px solid transparent; } .history-of-brand-wrapper .history-waypoints .waypoint-content, .bottom-part .col3-grid, .bottom-part .shop-list-section>.container { display: flex; } .service-wrapper, .vacancy-wrapper { margin-bottom: 100px; } .bottom-part .shop-list-section>.container .brands-list-item, .vacancy-one-wrapper .services-list ul li { padding-bottom: 10px; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a {} a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } mark { color: #000; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { font: inherit; margin: 0; color: inherit; } fieldset { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { box-sizing: content-box; -webkit-appearance: textfield; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } blockquote { margin: 0; } .clear_fix:before, .clear_fix:after { display: table; content: ''; } .clear_fix:after { clear: both; } .clear_fix { zoom: 1; } @font-face { font-family: 'Gotham'; font-weight: 300; font-style: normal; src: url(/local/media/fonts/GothaProLig.eot); src: url(/local/media/fonts/GothaProLig.eot?#iefix) format('embedded-opentype'), url(/local/media/fonts/GothaProLig.otf) format('opentype'); } @font-face { font-family: 'Gotham'; font-weight: 400; font-style: normal; src: url(/local/media/fonts/GothaProReg.eot); src: url(/local/media/fonts/GothaProReg.eot?#iefix) format('emedded-opentype'), url(/local/media/fonts/GothaProReg.otf) format('opentype'); } @font-face { font-family: 'Gotham'; font-weight: 500; font-style: normal; src: url(/local/media/fonts/GothaProMed.eot); src: url(/local/media/fonts/GothaProMed.eot?#iefix) format('emedded-opentype'), url(/local/media/fonts/GothaProMed.otf) format('opentype'); } @font-face { font-family: 'Gotham'; font-weight: 600; font-style: normal; src: url(/local/media/fonts/GothaProBol.eot); src: url(/local/media/fonts/GothaProBol.eot?#iefix) format('emedded-opentype'), url(/local/media/fonts/GothaProBol.otf) format('opentype'); } @font-face { font-family: 'Gotham'; font-weight: 900; font-style: normal; src: url(/local/media/fonts/GothaProBla.eot); src: url(/local/media/fonts/GothaProBla.eot?#iefix) format('emedded-opentype'), url(/local/media/fonts/GothaProBla.otf) format('opentype'); } @font-face { font-family: 'Gotham'; font-weight: 300; font-style: italic; src: url(/local/media/fonts/GothaProLigIta.eot); src: url(/local/media/fonts/GothaProLigIta.eot?#iefix) format('emedded-opentype'), url(/local/media/fonts/GothaProLigIta.otf) format('opentype'); } @font-face { font-family: 'Gotham'; font-weight: 400; font-style: italic; src: url(/local/media/fonts/GothaProIta.eot); src: url(/local/media/fonts/GothaProIta.eot?#iefix) format('emedded-opentype'), url(/local/media/fonts/GothaProIta.otf) format('opentype'); } @font-face { font-family: 'Gotham'; font-weight: 500; font-style: italic; src: url(/local/media/fonts/GothaProMedIta.eot); src: url(/local/media/fonts/GothaProMedIta.eot?#iefix) format('emedded-opentype'), url(/local/media/fonts/GothaProMedIta.otf) format('opentype'); } @font-face { font-family: 'Gotham'; font-weight: 600; font-style: italic; src: url(/local/media/fonts/GothaProBolIta.eot); src: url(/local/media/fonts/GothaProBolIta.eot?#iefix) format('emedded-opentype'), url(/local/media/fonts/GothaProBolIta.otf) format('opentype'); } @font-face { font-family: 'Gotham'; font-weight: 900; font-style: italic; src: url(/local/media/fonts/GothaProBlaIta.eot); src: url(/local/media/fonts/GothaProBlaIta.eot?#iefix) format('emedded-opentype'), url(/local/media/fonts/GothaProBlaIta.otf) format('opentype'); } ::-moz-selection { color: #fff; } ::selection { color: #fff; } ::-moz-selection { color: #fff; } ::-webkit-selection { color: #fff; } button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner { border: none; } :focus { outline: none; } .col { display: inline-block; margin-right: 2.6%; vertical-align: top; } .col:last-child { margin-right: 0; } .row { width: 100%; } .one-col { width: 5.95%; } .two-col { width: 14.5%; } .three-col { width: 23.05%; } .four-col { width: 31.6%; } .five-col { width: 40.15%; } .six-col { width: 48.7%; } .seven-col { width: 57.25%; } .eight-col { width: 65.8%; } .nine-col { width: 74.35%; } .ten-col { width: 82.9%; } .eleven-col { width: 91.45%; } .twelve-col { width: 100%; } html { width: 100%; height: 100%; } body { font-size: 12px; width: 100%; min-height: 100%; } header, section, footer { width: 100%; padding: 60px 0; } .container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1180px; margin: 0 auto; padding: 0 20px; } * { behavior: url(/local/templates/main-new/js/pie/pie.htc); } * { font-family: 'Gotham', 'Roboto', Arial, sans-serif; } ul { list-style: none; } span { font-family: inherit; font-weight: inherit; font-style: inherit; } h1, .h1 { font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 1.2em; letter-spacing: 1.8px; text-transform: uppercase; } h2, .h2 { font-size: 21px; font-weight: 400; line-height: 1.19048em; } h3, .h3 { font-size: 24px; line-height: 1.2em; } h4, .h4 { font-size: 20px; line-height: 1.2em; } h5, .h5 { font-size: 18px; line-height: 1.2em; } p { font-size: 14px; line-height: 1.7em; } p.mini { font-size: 11px; } p.smaller { font-size: 12px; } p.small { font-size: 13px; } p.big { font-size: 16px; } p.bigger { font-size: 17px; } p.huge { font-size: 18px; } .gotham { font-family: 'Gotham', 'Roboto', Arial, sans-serif; } .playfair { font-family: 'Playfair Display', serif; } a, input, button, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a { font-family: inherit; font-weight: inherit; line-height: inherit; text-decoration: inherit; color: inherit; } a:hover { cursor: pointer; } a.blue { font-weight: 500; line-height: 1em; display: inline-block; color: #45749c; border-bottom: 1px solid #cbd7e1; } a.blue:hover { color: #5790c0; } select, input, textarea { font-size: 14px; display: inline-block; margin: 0; padding: 10px; padding: 0; text-align: left; border: 0; } .button { font-family: 'Gotham', Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 48px; display: inline-block; height: 50px; padding: 0 15px; text-align: center; text-transform: uppercase; color: #8d6f57; border: 2px solid #ab9584; border-radius: 100px 100px 100px 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; } .button:hover { color: #303030; border-color: #303030; } section.topline { width: 100%; height: 6px; padding: 0; } section.topmenu { padding: 0; border-bottom: 1px solid #c8c8c8; } section.topmenu p, section.topmenu li, section.topmenu img { display: inline-block; vertical-align: middle; } section.topmenu p { font-weight: 500; letter-spacing: 0.25px; text-transform: uppercase; } section.topmenu p.gotham { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .browser-err-mess { text-align: center; font-size: 20px; background: #b12f1e; color: #fff; padding: 40px; } .browser-err-mess a { color: #DBDBF8; text-decoration: underline; } section.topmenu li { position: relative; padding: 0 20px; } section.topmenu li:hover p { color: #b25a67; } section.topmenu li + li:before { font-size: 14px; position: absolute; top: 50%; left: -3px; margin-top: -9px; content: '•'; color: #111; } section.topmenu p { color: #303030; } section.topmenu .city > p > img { margin-left: 6px; } section.topmenu .lang > p > img:first-child { margin-right: 4px; } section.topmenu .lang > p > img:last-child { margin-left: 5px; } section.topmenu .list { position: relative; } section.topmenu .list > p:hover { cursor: pointer; } section.topmenu .list > div { position: absolute; z-index: 10; top: 54px; left: -10px; display: none; width: 130px; padding: 8px 0; border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2); } section.topmenu .list > div a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 35px; padding-left: 14px; } section.topmenu .list > div a img { margin-right: 10px; } section.topmenu .list > div a img, section.topmenu .list > div a p { display: inline-block; vertical-align: middle; } section.topmenu .list > div a p { line-height: 35px; } section.topmenu .list > div a:hover {} section.topmenu .list:hover > div { display: block; } section.topmenu .city { position: relative; display: inline-block; } section.topmenu .city > p:hover { cursor: pointer; } section.topmenu .city #citypopup { position: absolute; width: 320px!important; } section.topmenu img { margin-top: -2px; } section.topmenu a.reg { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 61%; padding: 0 20px; word-wrap: break-word; border-left: 1px solid #c8c8c8; } section.topmenu a.cart { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 39%; padding-left: 8%; } section.topmenu .reg img, section.topmenu .cart img { margin-right: 3px; } section.topmenu .reg img { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0.3; } section.topmenu .reg:hover img { opacity: 1; } section.topmenu .cart:hover {} section.topmenu .cart:hover span {} section.topmenu .cart p { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } section.topmenu a.reg p { width: 100%; } section.topmenu span.cartimg { display: inline-block; width: 16px; height: 12px; margin-top: -4px; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; } section.topmenu p { line-height: 35px; } section.topmenu .container { text-align: justify; text-justify: distribute; } section.topmenu .container:after { display: inline-block; width: 100%; height: 0.0000000000001px; content: ''; } section.topmenu .container > div { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } section.topmenu .container > div.topmenu__city-select { display: flex; align-items: center; height: 49px; } section.topmenu .container > div:first-child { width: 230px; } section.topmenu .container > div:last-child { width:320px; max-width: 450px; } section.topmenu .container > div:first-child { padding: 0 20px; text-align: justify; text-justify: distribute; border-right: 1px solid #c8c8c8; padding-left: 0; } section.topmenu .container > div:first-child:after { display: inline-block; width: 100%; height: 0; content: ''; } header { padding: 20px 0 25px; } header .container { text-align: justify; text-justify: distribute; } /* header .container:after { display: inline-block; width: 100%; height: 0.0000000000001px; content: ''; } */ /*header .container > * {*/ /* display: inline-block;*/ /* -webkit-box-sizing: border-box;*/ /* -moz-box-sizing: border-box;*/ /* box-sizing: border-box;*/ /* vertical-align: middle;*/ /*}*/ header input.search { font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 13px; line-height: 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 280px; height: 36px; margin-top: 0; padding: 0 15px 0 34px; color: #000; border: 1px solid #e3e3e3; border-radius: 100px 100px 100px 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; } header input.search:hover, header input.search:focus { border-color: #bbb; } header .phone { font-size: 30px; line-height: 1em; margin-bottom: 8px; color: #303030; font-family: 'PlayfairDisplayTel', serif; } header p.gotham { position: relative; } header .popup { position: absolute; top: -5px; left: 0; } section.catalogue { padding: 15px 0; } section.catalogue p { line-height: 30px; display: inline-block; } section.catalogue a { font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; } section.catalogue a:hover { color: #d6b653; } section.catalogue p { color: #696969; } section.catalogue .container { /*text-align: justify; text-justify: distribute;*/ } section.catalogue .container:after { display: inline-block; width: 100%; height: 0.0000000000001px; content: ''; } section.catalogue .container > * { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } section.filters { position: relative; z-index: 6; padding: 30px 0 20px; } section.filters .filterscontainer { position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 830px; padding-right: 30px; } section.filters .addbutton:hover { cursor: pointer; } section.filters a.find { font-size: 11px; font-weight: 500; line-height: 40px; display: inline-block; width: 90px; height: 40px; margin-right: 10px; padding-left: 15px; vertical-align: top; text-transform: uppercase; color: #1e1e1e; border-radius: 5px 5px 5px 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; box-shadow: inset 0 0 0 2px #adadad; } section.filters a.find:hover { color: #fff; box-shadow: inset 0 0 0 2px transparent; } section.filters a.logo { line-height: 0; position: relative; top: -5px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 93px; height: 50px; text-align: center; vertical-align: top; border: 1px solid #c2c2cf; } section.filters a.logo + .logo { border-left: 0; } section.filters a.logo img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } section.filters a.logo:hover {} section.filters .right { float: right; } section.filters .filtersblock { position: relative; display: inline-block; margin-right: 10px; } section.filters .filtersblock > div:first-child { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 190px; height: 40px; padding-left: 12px; text-transform: uppercase; color: #303030; border: 1px solid #c5c5c5; } section.filters .filtersblock > div:first-child p { font-weight: 500; line-height: 40px; } section.filters .clearcross { font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 11px; font-weight: 900; line-height: 38px; position: absolute; z-index: 5; top: 0; right: 29px; display: none; height: 38px; cursor: pointer; color: #bd4e5d!important; } section.filters .select2.active span { color: #bd4e5d!important; } section.filters .filtersblock, section.filters .select2 { position: relative; top: -10px; margin-top: 10px; vertical-align: top; } section.filters .mechanism .selection { width: 280px; } section.filters #clearall { font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 11px; font-weight: 500; line-height: 40px; display: none; padding-left: 28px; cursor: pointer; text-transform: uppercase; color: #1e1e1e; } section.filters .select { position: relative; } section.filters .select:hover div.selection { display: block; } section.filters .select div.selection { position: absolute; z-index: 10; top: 40px; left: 0; display: none; margin-left: -1px; border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2); } section.filters .select a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; } section.filters .select a p { font-size: 15px; display: block; padding-right: 20px; padding-left: 20px; vertical-align: middle; color: #303030; } section.filters .select a p.padding { padding-left: 30px; } section.filters .select a p { line-height: 40px; } section.filters .select a:hover {} section.filters .select a:hover p { color: #737373!important; } section.filters .select a + a { border-top: 1px solid #f3eee6; } section.filters #brandspopup { position: absolute; top: 39px; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 800px; } section.filters #brandspopup .h3, section.filters #brandspopup h3 { font-size: 16px; } section.filters #brandspopup .h3 + .h3, section.filters #brandspopup h3 + h3 { margin-left: 30px; } section.filters #brandspopup > div { padding: 35px 40px; } section.filters #brandspopup > div.lesspadding { padding-top: 20px; padding-bottom: 40px; } section.filters #brandspopup > div.lesspadding:last-child { padding-top: 30px; border-top: 2px solid #f3eee6; } section.filters #brandspopup #brandtab2, section.filters #brandspopup #brandtab3 { display: none; } section.filters #brandspopup .popupheader { padding-bottom: 0; border-bottom: 2px solid #f3eee6; } section.filters #brandspopup .popupheader img { position: relative; top: -1px; margin-left: 3px; vertical-align: middle; } section.filters #brandspopup .popupheader .h3:hover, section.filters #brandspopup .popupheader h3:hover { cursor: pointer; } section.filters #brandspopup .controls { float: right; margin-top: 3px; } section.filters #brandspopup .controls .h3, section.filters #brandspopup .controls h3 { font-size: 13px; color: #aca191; } section.filters #brandspopup .controls .h3 + .h3, section.filters #brandspopup .controls h3 + h3 { margin-left: 13px; color: #303030; } section.filters #brandspopup .checkradio { position: relative; left: -5px; display: inline-block; float: none; width: 127px; height: auto; margin-top: 10px; margin-right: 20px; padding-left: 0; vertical-align: top; } section.filters #brandspopup .checkradio p { font-size: 15px; line-height: 24px!important; display: inline; white-space: normal; vertical-align: middle; color: #303030; } section.filters #brandspopup .checkradio label { display: inline-block; white-space: nowrap; padding: 0 6px; border-radius: 2px 2px 2px 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; } section.filters #brandspopup .checkradio label.swiss:after { display: inline-block; width: 12px; height: 12px; margin-left: 7px; content: ''; vertical-align: middle; } section.filters #brandspopup .checkradio label:hover { cursor: pointer; } section.filters #brandspopup .checkradio:nth-of-type(5n) { margin-right: 0; } section.filters #brandspopup input[type=checkbox]:not(old):checked + label {} section.filters #brandspopup input[type=checkbox]:not(old):checked + label p { color: #8a6736; } section.filters #specialsopen:hover, section.filters #brandsopen:hover { cursor: pointer; } section.filters #specialspopup { position: absolute; top: 39px; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 740px; } section.filters #specialspopup > div { padding: 35px 40px; } section.filters #specialspopup > div + div { border-top: 2px solid #f3eee6; } section.filters #specialspopup .h3, section.filters #specialspopup h3 { font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 16px; } section.filters #specialspopup .checkradio { float: none; width: 100%; margin-top: 11px; padding-left: 0; } section.filters #specialspopup .checkradio p { font-size: 15px; line-height: 21px!important; margin-left: 30px; color: #303030; } section.filters #specialspopup input[type=checkbox]:not(old) + label > span { right: auto; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0 0 0 1px #ddd; } section.filters #specialspopup input[type=checkbox]:not(old):checked + label > span { box-shadow: inset 0 0 0 1px transparent; } section.filters #specialspopup .cols > div { display: inline-block; width: 200px; margin-top: 11px; } section.filters #specialspopup .cols { text-align: justify; text-justify: distribute; } section.filters #specialspopup .cols:after { display: inline-block; width: 100%; height: 0.0000000000001px; content: ''; } section.filters #specialspopup .cols > * { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } section.filters #specialspopup h4 { font-size: 13px; font-weight: 500; margin-bottom: 10px; text-transform: uppercase; color: #a29889; } section.filters #priceopen:hover { cursor: pointer; } section.filters .pricepopup { position: absolute; z-index: 10; top: 39px; left: 0; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 270px; padding: 13px 10px; text-align: justify; text-justify: distribute; border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2); } section.filters .pricepopup div { position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 120px; height: 32px; padding-right: 10px; padding-left: 30px; vertical-align: top; border: 1px solid #cdcdcd; } section.filters .pricepopup div p { line-height: 30px; position: absolute; left: 7px; } section.filters .pricepopup p { line-height: 1em; display: inline-block; color: #303030; } section.filters .pricepopup div + p { width: 100%; margin-top: 14px; text-align: center; } section.filters .pricepopup input { line-height: 30px; width: 100%; } section.filters .pricepopup p.gotham { font-weight: 500; cursor: pointer; text-transform: uppercase; } section.filters .secondstroke { display: none; } section.filters .secondstroke + span { display: none; } section.gallery { overflow: hidden; height: 300px; padding: 0; } section.gallery .container { padding: 0; } section.gallery .owl-carousel .owl-stage-outer { overflow: visible!important; } section.gallery .owl-prev, section.gallery .owl-next { width: 18px; height: 32px; pointer-events: all; font-size: 0px; } section.gallery .owl-prev { float: left; margin-left: 10px; } section.gallery .owl-next { float: right; margin-right: 10px; } section.gallery .owl-nav { position: absolute; top: 50%; width: 100%; margin-top: -9px; pointer-events: none; } section.gallery .owl-carousel .owl-item { -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; opacity: 0.25; } section.gallery .owl-carousel .owl-item.active { opacity: 1; } body, html { overflow-x: hidden; } #slider-range-container { width: 100%; height: 2px; height: 2px; margin-top: 20px; margin-bottom: 8px; padding: 0 8px; vertical-align: middle; border: 0; } #slider-range { width: 100%; height: 2px; padding: 0; vertical-align: middle; border: 0; } #slider-range .ui-slider-range { left: 15%; width: 56.2%; height: 2px; padding: 0; border: 0; } #slider-range .ui-slider-handle { position: absolute; z-index: 2; top: -6px; left: 15%; display: inline-block; width: 12px; height: 12px; margin-left: -8px; border: 2px solid #838d8f; border-radius: 100px; } section.news {} section.news #newsgallery p.mini { font-weight: 400; text-transform: uppercase; color: #afafaf; } section.news #newsgallery h2 { margin: 10px 0 15px; color: #716961; } section.news #newsgallery p.small { line-height: 1.53846em; color: #252525; } section.news #newsgallery a { position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 190px; vertical-align: top; } section.news #newsgallery a img { position: absolute; top: 0; left: 0; width: initial!important; } section.news #newsgallery + p { margin-top: 30px; text-align: center; } section.news .owl-prev, section.news .owl-next { width: 6px; height: 58px; pointer-events: all; font-size: 0px; } section.news .owl-prev { float: left; margin-left: -23px; } section.news .owl-next { float: right; margin-right: -23px; } section.news .owl-nav { position: absolute; top: 50%; width: 100%; margin-top: -29px; pointer-events: none; } section.news .owl-item {} section.products a.product { display: inline-block; width: 100%; padding: 15px 0; text-align: center; border-radius: 10px 10px 10px 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; } section.products a.product .prod-img { position: relative; display: inline-block; height: 330px; margin-bottom: 10px; } section.products a.product .prod-img.lider:after { font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 16px; position: absolute; top: 0; right: 0; left: 0; display: inline-block; width: 145px; margin: auto; padding: 7px 0 5px; content: 'Лидер продаж'; text-align: center; text-transform: uppercase; color: #fff; border-radius: 100px 100px 100px 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } section.products a.product .prod-img.sale:after { font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 16px; position: absolute; top: 0; right: 0; left: 0; display: inline-block; width: 120px; margin: auto; padding: 7px 0 5px; content: 'Скидка 20%'; text-align: center; text-transform: uppercase; color: #fff; border-radius: 100px 100px 100px 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } section.products a.product .prod-img.new:after { font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 16px; position: absolute; top: 0; right: 0; left: 0; display: inline-block; width: 100px; margin: auto; padding: 7px 0 5px; content: 'Новинка!'; text-align: center; text-transform: uppercase; color: #fff; border-radius: 100px 100px 100px 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } section.products a.product p:nth-of-type(1) { font-weight: 500; line-height: 1.3em; color: #303030; } section.products a.product p.bigger { font-weight: 500; margin: 0 0 17px; color: #303030; } section.products a.product p.smaller { font-weight: 500; margin-bottom: 10px; color: #9f9f9f; } section.products a.product p.price { font-size: 20px; font-weight: 500; line-height: 28px; display: inline-block; height: 30px; padding: 0 12px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #8d6f57; border-radius: 100px 100px 100px 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; box-shadow: inset 0 0 0 2px #f3f0eb; } section.products a.product p.price span { font-weight: 400; } section.products a.product p { line-height: 1em; vertical-align: middle; } section.products a.product:hover { /*box-shadow: 0 1px 12px 0 #f2f2f2; правка*/ box-shadow: 0 0 10px 1px rgba(171, 151, 135, 0.45); } section.products a.product:hover p.price { box-shadow: inset 0 0 0 2px transparent; } section.products .swissmade { position: relative; top: -2px; margin-left: 2px; } section.products img { display: inline-block!important; width: initial!important; vertical-align: middle; max-width: 240px; /*правка*/ } section.products .owl-item { padding: 12px 12px 25px; text-align: center; box-sizing: border-box; } section.products .owl-prev, section.products .owl-next { width: 18px; height: 32px; pointer-events: all; font-size: 0px; } section.products .owl-prev { float: left; margin-left: -20px; } section.products .owl-next { float: right; margin-right: -20px; } section.products .owl-nav { /* top: 192px; */ /* margin-top: -16px; */ top: 50%; transform: translateY(-50%); width: 100%; pointer-events: none; position: absolute; } section.products + section.headertext { padding-top: 0; } .footerbanners { padding-top: 50px; padding-bottom: 0; border-bottom: 1px solid #991f31; } .footerbanners .container > div { position: relative; top: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 530px; margin-left: 30px; padding: 26px 0 25px 110px; padding-left: 110px; } .footerbanners .img { position: absolute; top: 50%; left: -30px; width: 100px; height: 100px; margin-top: -50px; border-radius: 100px 100px 100px 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 100px; } .footerbanners .dostavka {} .footerbanners .dostavka .img {} .footerbanners .skidka {} .footerbanners .skidka .img {} .footerbanners .container { text-align: justify; text-justify: distribute; } .footerbanners .container:after { display: inline-block; width: 100%; height: 0.0000000000001px; content: ''; } .footerbanners .container > * { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } .footerbanners h2 { line-height: 1.1em; } .footerbanners h2:nth-of-type(1) { font-size: 24px; font-weight: 700; color: #303030; } .footerbanners h2:nth-of-type(2) { font-size: 30px; font-weight: 600; color: #a1a1a1; } .footerbanners p { margin-top: 7px; } .footerbanners .banner1 { float: left; } .footerbanners .banner2 { float: right; } .footerbanners .banner1, .footerbanners .banner2 { position: relative; top: 1px; } footer { padding: 0 0 45px; } footer .container + .container { border-top: 1px solid #991f31; } footer .three { padding: 50px 0 45px; text-align: justify; text-justify: distribute; } footer .three:after { display: inline-block; width: 100%; height: 0.0000000000001px; content: ''; } footer .three > * { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } footer .three img, footer .three p { vertical-align: middle; } footer .three img { margin-right: 8px; } footer p { line-height: 30px; color: #ffd0d0; } footer p.header { font-weight: 500; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase; color: #ffaab7; } footer .col { margin-right: 0; } footer .col + .col { margin-left: 30px; } footer a { line-height: 12px; display: inline-block; border-bottom: 1px solid transparent; } footer a:hover { border-color: initial; } footer .footertext { line-height: 20px; float: left; } footer .icons { float: right; margin-top: 5px; } footer .icons img { vertical-align: middle; } footer .icons img + img { margin-left: 15px; } footer .icons a { border: 0; } footer .bottomtext { padding-top: 45px; } div.filters-section-container { /* height:100px; */ width: 100%; } section.breadcumbs { padding: 5px 0; border-top: 1px solid #adadad; border-bottom: 1px solid #c8c8c8; } section.breadcumbs p { font-weight: 500; text-transform: uppercase; color: #303030; } section.breadcumbs a { border-color: transparent; } section.breadcumbs a:hover { border-color: #5790c0; } section.breadcumbs li { position: relative; display: inline-block; margin-top: 5px; margin-right: 15px; margin-bottom: 5px; padding-right: 22px; } section.breadcumbs li:last-child { margin-right: 0; padding-right: 0; } section.breadcumbs-navigation { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 70px; padding: 0; border-bottom: 1px solid #c8c8c8; } section.breadcumbs-navigation .container { position: relative; height: 100%; padding-right: 180px; padding-left: 180px; } section.breadcumbs-navigation .container > div:nth-of-type(1) { left: 0; } section.breadcumbs-navigation .container > div:nth-of-type(3) { right: 0; text-align: right; } section.breadcumbs-navigation .container > div:nth-of-type(1), section.breadcumbs-navigation .container > div:nth-of-type(3) { position: absolute; top: 0; bottom: 0; display: inline-table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 180px; height: 70px; margin: auto; padding-right: 20px; padding-left: 20px; } section.breadcumbs-navigation .container > div:nth-of-type(1) > div, section.breadcumbs-navigation .container > div:nth-of-type(3) > div { display: table-cell; vertical-align: middle; } section.breadcumbs-navigation .container > div:nth-of-type(1) p, section.breadcumbs-navigation .container > div:nth-of-type(3) p { line-height: 1.5em; text-transform: uppercase; } section.breadcumbs-navigation .container > div:nth-of-type(1) a, section.breadcumbs-navigation .container > div:nth-of-type(3) a { display: inline; border-color: transparent; } section.breadcumbs-navigation .container > div:nth-of-type(1) a:hover, section.breadcumbs-navigation .container > div:nth-of-type(3) a:hover { border-color: #5790c0; } section.breadcumbs-navigation .container > div:nth-of-type(2) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; border-right: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; } section.breadcumbs-navigation .container > div:nth-of-type(2) .logo { display: inline-table; float: left; width: 120px; height: 100%; margin-left: 40px; } section.breadcumbs-navigation .container > div:nth-of-type(2) .logo > div { display: table-cell; vertical-align: middle; } section.breadcumbs-navigation .container > div:nth-of-type(2) .logo img { max-width: 100%; max-height: 90%; } section.breadcumbs-navigation .container > div:nth-of-type(2) p.small { font-weight: 500; text-transform: uppercase; } section.breadcumbs-navigation .container > div:nth-of-type(2) p.small a { display: inline; border-color: transparent; } section.breadcumbs-navigation .container > div:nth-of-type(2) p.small a:hover { border-color: #5790c0; } section.breadcumbs-navigation .info > * { display: inline-block; vertical-align: middle; } section.breadcumbs-navigation .info { margin-right: 40px; padding-top: 19px; text-align: right; } section.breadcumbs-navigation .info p.big { overflow: hidden; width: 370px; white-space: nowrap; text-overflow: ellipsis; } section.breadcumbs-navigation .info p.big span { font-size: 13px; font-weight: 500; text-transform: uppercase; color: #c1c1c1; } section.breadcumbs-navigation .info p.gotham { position: relative; top: 2px; } section.breadcumbs-navigation span.vertline { display: inline-block; width: 1px; height: 30px; margin: 0 13px; } section.storecontent .cols > div { position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; vertical-align: middle; } section.storecontent .cols > div:nth-of-type(1) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; } section.storecontent .cols > div:nth-of-type(2) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; } section.storecontent .photo { width: 100%; height: 580px; } section.storecontent .photo-nav { width: 100%; margin-top: 40px; padding-top: 15px; text-align: center; border-top: 1px solid #e8e8e8; } section.storecontent .photo-nav > div { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 90px; height: 90px; padding: 5px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } section.storecontent .photo-nav > div.active, section.storecontent .photo-nav > div:hover { opacity: 0.5; } section.storecontent .photo-nav > div > div { width: 100%; height: 100%; } section.storecontent .name1 { font-size: 26px; line-height: 1.15385em; } section.storecontent .name2 { font-size: 40px; line-height: 1.2em; } section.storecontent .name3 { font-size: 24px; text-transform: uppercase; color: #adadad; } section.storecontent .name4 { font-size: 24px; color: #adadad; } section.storecontent .infoblock-1 { text-align: left; } section.storecontent .infoblock-1 > * { display: inline-block; } section.storecontent .delivery { font-weight: 500; line-height: 1.30769em; padding: 14px 15px 14px 50px; text-transform: uppercase; text-transform: uppercase; color: #303030; border: 1px solid #f2d4d9; border-radius: 2px 2px 2px 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; } section.storecontent .delivery span { padding-right: 12px; cursor: pointer; color: #9a2e3d; } section.storecontent .nalicie { line-height: 1.30769em; margin-left: 30px; padding-top: 10px; text-transform: uppercase; } section.storecontent .nalicie a { display: inline; border-color: transparent; } section.storecontent .nalicie a:hover { border-color: #5790c0; } section.storecontent .three-columns > div { display: inline-block; min-height: 1px; vertical-align: middle; } section.storecontent .three-columns > div:nth-of-type(1) { width: 194px; } section.storecontent .three-columns > div:nth-of-type(2) { width: 50px; } section.storecontent .sravnit { font-weight: 500; line-height: 1.30769em; min-height: 17px; padding-left: 24px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; } section.storecontent .sravnit a { border-color: transparent; } section.storecontent .sravnit a:hover { border-color: #5790c0; } section.storecontent .sravnit.active {} section.storecontent .price { font-size: 48px; font-weight: 300; line-height: 1.5em; color: #c2182f; } section.storecontent .korzina-button { width: 100%; padding-left: 20px; text-align: left; } section.storecontent .korzina-button:hover {} section.storecontent .ili { font-weight: 500; line-height: 53px; text-align: center; color: #adadad; } section.storecontent a.oneclick { padding: 0 20px; color: #656565; border-color: #e4e4e4; } section.storecontent a.oneclick:hover { color: #303030; border-color: #303030; } section.storecontent button.button--gray:hover { color: #303030; border-color: #303030; } .button--uppercase { text-transform: uppercase; } section.storecontent .opisanie { line-height: 1.875em; margin-top: 46px; color: #303030; } section.storecontent .opisanie b { font-weight: 600; } section.storecontent p.infoheader { font-weight: 500; line-height: 1.3em; margin-top: 22px; text-transform: uppercase; color: #adadad; } section.storecontent p.infoheader + p { color: #303030; } section.storecontent .info1 { margin-top: 0; } section.storecontent .info1 div { display: inline-block; margin-right: 50px; vertical-align: top; } section.storecontent .store-infoblock { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #e8e8e8; } section.storecontent .store-infoblock > div { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 30px 36px 40px; } section.storecontent .store-infoblock > div:first-child { width: 66%; } section.storecontent .store-infoblock > div:last-child { width: 34%; border-left: 1px solid #e8e8e8; } section.storecontent .store-infoblock .infoblock-big-header { font-size: 15px; font-weight: 500; line-height: 1.5em; margin-top: 0; margin-bottom: 10px; text-transform: uppercase; color: #303030; } section.storecontent .store-infoblock .infocols { font-size: 0; margin-top: -10px; text-align: justify; text-justify: distribute; } section.storecontent .store-infoblock .infocols > div { display: inline-block; width: 29%; text-align: left; vertical-align: top; } section.storecontent .store-infoblock .infocols > div:last-child { margin-right: 0; } section.storecontent .store-infoblock .infocols:after { display: inline-block; width: 100%; height: 0.0000000000001px; content: ''; } section.storecontent .store-infoblock .infocols > * { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } section.storecontent .store-infoblock p.infoheader { margin-top: 15px; margin-bottom: 1px; } section.storecontent.first { padding-top: 40px; padding-bottom: 40px; } section.storecontent.second { padding-top: 0; padding-bottom: 0; padding-bottom: 50px; } section.storecontent.four { padding-top: 0; padding-bottom: 60px; } section.storecontent.third { padding: 0; border-bottom: 1px solid #e8e8e8; } section.storecontent.third-third { padding: 0; } section.storecontent .dopinfo-cols > div { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 15px 36px 40px; } section.storecontent .dopinfo-cols > div:first-child { width: 60%; padding-bottom: 0; } section.storecontent .dopinfo-cols > div:last-child { width: 40%; min-height: 450px; } section.storecontent .dopinfo-cols > div:only-child { border-right: none; } section.storecontent .dopinfo-cols > div:only-child { border-left: none; } section.storecontent .dopinfo-cols.headers { padding-top: 0; padding-bottom: 0; border: 1px solid transparent; } section.storecontent .dopinfo-cols.headers > div:last-child { min-height: 0; border-color: transparent; } section.storecontent .dopinfo-cols.headers > div { padding-top: 0; padding-bottom: 0; } section.storecontent .dopinfo-cols.headers .like_h4 { font-family: 'Gotham', sans-serif; font-weight: 500; display: inline-block; margin-bottom: -2px; padding-bottom: 4px; text-transform: uppercase; border-bottom: 3px solid #c0182f; } section.storecontent .store-tabs-block { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #e8e8e8; } section.storecontent .store-tabs-block .tabs { padding-top: 20px; padding-bottom: 0; border-bottom: 1px solid #e8e8e8; } section.storecontent .store-tabs-block .tabs li { display: inline-block; margin-right: 40px; margin-bottom: -2px; padding-bottom: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-bottom: 3px solid transparent; } section.storecontent .store-tabs-block .tabs li p { font-weight: 500; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; color: #656565; } section.storecontent .store-tabs-block .tabs li:hover, section.storecontent .store-tabs-block .tabs li.active { cursor: pointer; border-color: #303030; } section.storecontent .store-tabs-block .tabs li:hover p, section.storecontent .store-tabs-block .tabs li.active p { color: #303030; } section.storecontent .store-tabs-block > * { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 30px 36px 40px; } section.storecontent .store-tabs-block .store-tab-info-stroke { position: relative; margin-top: 15px; padding-left: 60px; } section.storecontent .store-tabs-block .store-tab-info-stroke > img { position: absolute; top: 0; left: 0; } section.storecontent .store-tabs-block .store-tab-info-stroke a { -webkit-transition: border 0.2s ease; -o-transition: border 0.2s ease; transition: border 0.2s ease; border-bottom: 1px solid #45749c; color: #45749c; } section.storecontent .store-tabs-block .store-tab-info-stroke a:hover { border-bottom: 1px solid transparent; } section.storecontent .store-tabs-block .store-tab-info-stroke p.store-tab-header-red { font-weight: 500; color: #841122; } section.storecontent .store-tabs-block .store-tab-info-stroke p + p { line-height: 1.4em; margin-top: 5px; color: #303030; } section.storecontent .store-tabs-block .tabs-content > div { display: none; } section.storecontent .store-tabs-block .tabs-content > div.active { display: block; } section.storecontent .prod-two-gallery img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } section.storecontent .prod-two-gallery-big img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } section.storecontent .prod-img { position: relative; width: 100%; height: 260px!important; } section.storecontent .owl-next { margin-right: -10px; } section.storecontent .owl-prev { margin-left: -10px; } section.storecontent .owl-next, section.storecontent .owl-prev { width: 6px; height: 58px; } section.storecontent .owl-nav { margin-top: -29px; } section.storecontent .smalltabs p.mini { font-weight: 500; margin-top: 20px; margin-bottom: 12px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; color: #adadad; } section.storecontent .smalltabs p.mini span:hover, section.storecontent .smalltabs p.mini span.active { color: #303030; border-color: #cabcb1; } section.storecontent .smalltabs p.mini span { padding-bottom: 2px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-bottom: 2px solid transparent; } section.storecontent .smalltabs div { display: none; width: 100%; text-align: justify; text-justify: distribute; } section.storecontent .smalltabs div:after { display: inline-block; width: 100%; height: 0.0000000000001px; content: ''; } section.storecontent .smalltabs div > * { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } section.storecontent .smalltabs div.active { display: block; } section.storecontent .smalltabs ul { width: 47%; text-align: left; } section.storecontent .smalltabs ul li { width: 100%; margin-top: 6px; text-align: left; } section.storecontent .smalltabs ul p { color: #303030; } section.storecontent .smalltabs ul a { display: inline; border-bottom: 1px solid transparent; } section.storecontent .smalltabs ul a:hover { border-color: #303030; } section.storecontent .store-click-descr { line-height: 1.71429em!important; margin-top: -5px; margin-bottom: 20px; color: #303030; } section.storecontent .popuppos.storeclick { top: -193px; left: -485px; } section.storecontent .popuppos.storeclick button { vertical-align: middle; } section.storecontent .popuppos.storeclick button + p { font-weight: 500; line-height: 40px!important; float: right; text-transform: uppercase; color: #656565; } section.storecontent .select2-container--default .select2-selection--single, section.storecontent section.filters .filtersblock > div:first-child { width: 100%!important; } section.storecontent .select2-container { margin-right: 0; } section.storecontent .select2-container--default .select2-selection--single { border-color: #d9d0c1; } section.storecontent .citypopup { position: absolute; z-index: 2; top: -1px; left: 0; width: 320px!important; } section.storecontent .citypopuppos { display: block; } section.storecontent .popuppos.nalicieclick { position: relative; top: -10px; vertical-align: top; } section.storecontent .popuppos.nalicieclick .popup { position: absolute; z-index: 2; top: 0; left: 0; width: 340px; } section.storecontent .popuppos.nalicieclick .popup .h3, section.storecontent .popuppos.nalicieclick .popup h3 { font-size: 13px; line-height: 1.30769em; color: #45749c; } section.storecontent .popuppos.nalicieclick form > div:last-child {} section.storecontent .popuppos.nalicieclick .columnss > div { display: inline-block; vertical-align: top; } section.storecontent .popuppos.nalicieclick .columnss > div:nth-of-type(2n+1) { width: 230px; } section.storecontent .popuppos.nalicieclick .columnss > div:nth-of-type(2n) { width: 45px; text-align: right; } section.storecontent .popuppos.nalicieclick p { line-height: 18px; } section.storecontent .popuppos.nalicieclick .red { color: #c2182f; } section.storecontent .popuppos.nalicieclick .popup .popupheader { padding-top: 17px; } section.storecontent .popuppos.nalicieclick .line + .line { margin-top: 20px; } section.storecontent .popuppos.nalicieclick .line2 .columnss { padding-left: 12px; } section.storecontent .popuppos.nalicieclick .line2 .columnss > div:nth-of-type(2n+1) { width: 218px; } section.storecontent .popuppos.nalicieclick .line2 .columnss > div { margin-top: 15px; } #citypopup, .citypopup { z-index: 10; top: 49px/*35px*/; left: -21px; display: none; overflow: visible!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%!important; min-width: 283px; border: 1px solid #d9d2c7; border-right: 0; border-left: 0; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2); } #citypopup p, .citypopup p { font-weight: 400; line-height: 1.3em; width: 100%; letter-spacing: 0; text-transform: none; color: #303030; } #citypopup > div:first-child, .citypopup > div:first-child { border-bottom: 1px solid #f3eee6; } #citypopup > div:last-child, .citypopup > div:last-child { padding-top: 20px; } #citypopup > div, .citypopup > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 25px 30px 20px; } #citypopup .huge.gotham, .citypopup .huge.gotham { font-size: 20px; font-weight: 500; text-transform: uppercase; } #citypopup .select, .citypopup .select { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; margin: 15px 0 10px; border: 1px solid #d9d0c1; } #citypopup .select p, .citypopup .select p { font-weight: 500; line-height: 38px; padding: 0 0 0 10px; cursor: pointer; text-transform: uppercase; } #citypopup .select:hover div, .citypopup .select:hover div { display: block; } @media (max-width:650px) { #citypopup .select:hover div, .citypopup .select:hover div { display: none; } #citypopup .select.opened div, .citypopup .select.opened div { display: block; } #citypopup .select:hover div { min-height: 0px; } #citypopup .select.opened div { max-height: 150px!important; } section.topmenu .city > p:hover + #citypopup, section.topmenu .city #citypopup:hover { display: none!important; } } #citypopup .select div, .citypopup .select div { position: relative; top: 0; left: 0; display: none; width: 100%; margin-left: -1px; border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2); } #citypopup .select a, .citypopup .select a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 38px; } #citypopup .select a p, .citypopup .select a p { display: inline-block; vertical-align: middle; } #citypopup .select a p, .citypopup .select a p { line-height: 38px; } #citypopup .select a:hover, .citypopup .select a:hover {} #regformpopup p, #regformpopup li, #regformpopup img { display: inline-block; vertical-align: middle; } #regformpopup p { font-weight: 500; letter-spacing: 0.25px; text-transform: uppercase; } #regformpopup input { text-transform: none; } .fancybox-inner #citypopup, .fancybox-inner .popup { left: 0; overflow-x: hidden; width: 100%; border: 0; } .fancybox-opened { /* left: 0!important; width: 100%!important; */ overflow: visible!important; } .fancybox-close { top: -20px; right: 15px; } .fancybox-opened .fancybox-skin { padding: 15px 0!important; } .fancybox-inner { overflow: visible!important; width: 100%!important; } .fancybox-opened .fancybox-skin { overflow: visible!important; width: 100%!important; } .fancybox-outer { width: 100%!important; } .select2-container--open .select2-dropdown--below { width: auto!important; min-width: 220px!important; } div.list { display: inline-block; } .popuppos { position: relative; width: 1px; height: 1px; } .popuppos.reg { position: relative; float: right; margin-top: -1px; } .popuppos.reg .popup { position: absolute; top: 1px; right: 0; left: auto; } .popup { z-index: 10; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 370px; border: 1px solid #d9d2c7; box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.2); } .popup .h3, .popup h3 { font-size: 14px; font-weight: 500; position: relative; top: 2px; display: inline-block; padding-bottom: 11px; text-transform: uppercase; color: #aca191; border-bottom: 3px solid transparent; } .popup .h3.active, .popup h3.active { color: #303030; border-color: #303030; } .popup .h3 + .h3, .popup h3 + h3 { margin-left: 25px; } .popup .h3.tab, .popup h3.tab { cursor: pointer; } .popup.huge { width: 470px; } .popup .popupheader { padding: 27px 30px 0; } .popup hr { width: 100%; height: 1px; border: 0; } .popup form > div { padding: 20px 30px; } .delivery--mobile { display: none !important; } @media (max-width: 768px) { .popup .popupheader { padding: 27px 15px 0 ; } .popup form > div { padding: 20px 15px !important; } #citypopup .select div, .citypopup .select div { height: 300px; overflow-y: scroll; } .delivery--desktop { display: none !important; } .delivery--mobile { display: block !important; } } .popup form > div:last-child {} .popup button { font-family: 'Gotham', 'Roboto', Arial; font-size: 11px; font-weight: 500; line-height: 40px; height: 40px; padding: 0 20px; vertical-align: middle; text-transform: uppercase; color: #fff; border: 0; border-radius: 5px 5px 5px 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; } .popup button:hover {} .popup button img { margin-top: 0; margin-left: 10px; vertical-align: middle; opacity: 1!important; } .popup button + p { line-height: 13px!important; margin-left: 20px; vertical-align: middle; } .popup button + p a { font-weight: 500; line-height: 11px; display: inline; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #5a83a6; border-bottom: 1px solid transparent; } .popup button + p:hover a { border-color: initial; } .popup p { line-height: 16px!important; } .popup .formstroke { width: 100%; } .popup .formstroke + .formstroke { margin-top: 10px; } .popup .formstroke > * { display: inline-block; vertical-align: middle; } .popup .formstroke input { font-family: Arial; font-size: 16px; font-weight: 500; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 70%; height: 40px; padding-left: 10px; border: 1px solid #d9d0c1; } .popup #regform { display: none; } .popup .checkradio { position: relative; display: inline-block; float: right; width: auto; width: 21px; height: auto; padding-left: 28px; vertical-align: middle; } .popup .formtick p { line-height: 21px!important; } .popup .formtick { margin-top: 20px; } .popup input[type=checkbox]:not(old) { position: absolute; top: 0; left: 0; display: inline-block; width: 21px; height: 21px; margin: 0; padding: 0; vertical-align: middle; opacity: 0; } .popup input[type=checkbox]:not(old) + label { font-size: 0; display: inline-block; cursor: pointer; vertical-align: middle; } .popup input[type=checkbox]:not(old) + label > span { position: absolute; top: 0; right: 0; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 21px; height: 21px; vertical-align: middle; } .popup input[type=checkbox]:not(old):checked + label > span {} #employee_callback .select2-container{ margin: 0; } #employee_callback .select2-container, #employee_one_click input[type=text], #employee_callback input[type=text], #employee_one_click textarea, #employee_callback textarea, section.storecontent #employee_one_click .select2-container, .popup .formstroke input { width: calc(70% - 20px) !important; } #employee_callback .select2-container--default .select2-selection--single{ width: 100% !important; border: 1px solid #d9d0c1; } section.catalogue .sandwich { display: none; } section.catalogue .sandwich p { font-weight: 500; padding: 0 7px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 5px 5px 5px 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; } section.catalogue .sandwich p:hover { cursor: pointer; border-color: #fff; } section.catalogue .sandwich img, section.catalogue .sandwich p { vertical-align: middle; } section.catalogue .sandwich img { position: relative; top: -1px; margin-right: 10px; } section.adaptivemenu { position: fixed; z-index: 50; top: 0; left: 0; display: none; width: 100%; height: 100%; padding: 0; } section.adaptivemenu .container { display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; padding-top: 30px; padding-bottom: 30px; } section.adaptivemenu .container > ul { position: relative; display: table-cell; vertical-align: middle; } section.adaptivemenu p { font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; } section.adaptivemenu a { color: #1e1e1e; } section.adaptivemenu li + li { margin-top: 10px; } section.adaptivemenu a:hover { color: #b9172d; } section.adaptivemenu img { float: right; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } section.adaptivemenu img:hover { cursor: pointer; opacity: 0.5; } body.luxe header {} body.luxe section.catalogue {} body.luxe section.catalogue p { color: #d7bd6d; } body.luxe section.topline {} body.luxe section.filters {} body.luxe .select2-container--default .select2-selection--single, body.luxe section.filters .filtersblock > div:first-child { border-color: #fff; } body.luxe section.filters a.find { color: #a98c61; box-shadow: inset 0 0 0 2px #a98c61; } body.luxe section.filters a.find:hover { color: #121212; box-shadow: inset 0 0 0 2px #8d734d; } body.luxe section.headertext h1 { border-color: #303030; } body.luxe footer, body.luxe .footerbanners { border-color: #404040; } body.luxe footer .container + .container { border-color: #404040; } body.luxe footer p.header { color: #a79c8b; } body.luxe footer p { color: #9a9a9a; } body.luxe footer .icons img { opacity: 0.5; } body.luxe footer .icons img:last-child { opacity: 1; } body.luxe section.filters .addbutton {} body.luxe section.filters .addbutton:hover {} body.luxe section.filters .addbutton.minus {} body.luxe section.filters .addbutton.minus:hover {} body.luxe section.filters #clearall { color: #8d734d; } body.luxe section.filters a.find {} body.luxe section.filters a.find:hover {} body.luxe section.filters a.logo { border-color: #564a37; } body.luxe section.filters a.logo:hover {} body.luxe section.news {} body.luxe section.catalogue a:hover { color: #fff9dd; } #priceopen p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding-right: 40px; } .ellipsis { overflow: hidden; white-space: nowrap; } .ellipsis.multiline { white-space: normal; } div.priipala { position: relative; z-index: 5; } div.priipala.active { position: fixed; top: 0; left: 0; width: 100%; } .columns-headers { font-family: 'Gotham', sans-serif; font-weight: 500; display: inline-block; margin-bottom: -2px; padding-bottom: 4px; text-transform: uppercase; border-bottom: 3px solid #c0182f; } .aboutbrand h4 { width: 224px; } .aboutbrand .headers { margin-bottom: 21px; } .aboutbrand > ul > li > p > a { color: #45749c; } .container-no-padding { padding: 0; } .collection-item { line-height: 240px; position: relative; float: left; width: 276px; height: 241px; margin-right: 20px; margin-bottom: 50px; text-align: center; border: 2px solid #f3f0eb; transition: .2s; } .collection-item:hover { border-color: #777; } .collection-item img { max-width: 244px; max-height: 234px; vertical-align: middle; } .collection-item:nth-child(4n) { margin-right: 0; } .brand-list-block, .other-brand-list-block { overflow: hidden; margin-bottom: 110px; padding: 15px 36px 40px; } .brand-list-block > ul, .other-brand-list-block > ul { float: left; width: auto!important; min-width: 170px; } .brand-list-block > ul > li, .other-brand-list-block > ul > li { display: inline-block; /* width: 30%!important; */ max-width: 30%; } .models-list-block > ul { float: left; width: auto!important; min-width: 120px; margin-right: 40px; } .models-list-block > ul > li { /*display: inline-block;*/ width: 100%!important; min-width: 120px; } .models-catalog-item { position: relative; width: 285px!important; padding: 30px 0!important; } .lider-lable { font-size: 13px; font-weight: 500; line-height: 22px; position: absolute; z-index: 2; left: 50%; width: 148px; height: 28px; /*margin-left: -74px;*/ text-align: center; text-transform: uppercase; color: #fff; border-radius: 14px; } .sale-lable { font-size: 13px; font-weight: 500; line-height: 28px; position: absolute; z-index: 2; left: 50%; width: 90px; height: 28px; /*margin-left: -59px;*/ text-align: center; text-transform: uppercase; color: #fff; border-radius: 14px; background: #841122; } .new-lable { font-size: 13px; font-weight: 500; line-height: 22px; position: absolute; z-index: 2; left: 50%; width: 108px; height: 28px; /*margin-left: -54px;*/ text-align: center; text-transform: uppercase; color: #fff; border-radius: 14px; padding-top: 0; } section.storecontent .models-catalog-item > .prod-img { height: 320px!important; } .sectionnews { padding-top: 0; } .new-preview { float: left; overflow: hidden; width: 490px; height: 140px; margin-right: 60px; margin-bottom: 73px; padding: 20px; } .new-preview:nth-child(even) { margin-right: 0; } .new-preview-thumb { float: left; margin-right: 20px; } .new-date { font-size: 11px; font-weight: 500; padding: 10px 0 16px 0; text-transform: uppercase; color: #afafaf; } .new-title { font-size: 21px; font-weight: 400; line-height: 25px; padding-bottom: 15px; color: #716961; } .new-content { font-size: 13px; font-weight: 400; line-height: 20px; color: #252525; } .news-two-cols { width: 100%; } .news-col { float: left; width: 50%; } .news-col > .new-preview { margin-right: 0; } .single-new { max-width: 540px; margin-right: 60px; } .single-new .single-new-content p { font-size: 13px; font-weight: 400; line-height: 20px; width: 100%; max-width: 500px; padding-bottom: 20px; color: #252525; } .single-new-photo { overflow: hidden; width: 100%; max-width: 500px; margin-top: 53px; } .single-new-photo .photo { width: 100%; height: 323px; } .single-new-photo .photo-nav div { float: left; width: 22%; height: 80px; margin: 20px 4% 0 0; cursor: pointer; } .single-new-photo .photo-nav div:nth-child(4n) { margin-right: 0; } .all-news-link { font-size: 13px; font-weight: 500; display: inline-block; text-decoration: underline; color: #45749c; } .news-navigation { margin-top: 47px; } .news-navigation div { font-size: 13px; font-weight: 500; text-decoration: underline; color: #45749c; } .prev-new { float: left; } .prev-new img { float: left; padding-top: 4px; padding-right: 10px; } .next-new { float: right; } .next-new img { float: right; padding-top: 4px; padding-left: 10px; } .section-delivery { padding-top: 0; } .delivery-block { overflow: hidden; width: 100%; border-bottom: 1px solid #e8e8e8; } .container-delivery > div { float: left; width: 50%; max-width: 50%; padding: 21px 0 0 0; } .del-left { float: left!important; max-width: 500px!important; padding-left: 38px!important; } .del-right { float: right!important; max-width: 500px!important; padding-right: 38px!important; } .del-right > p > a { color: #2067b0; text-decoration: underline; } .del-right > p > a:hover { text-decoration: none; } .container-delivery > div.del-title { font-size: 20px; font-weight: 500; padding: 21px 0; text-transform: uppercase; color: #303030; } .container-delivery > div ul li { font-size: 14px; font-weight: 400; line-height: 20px; max-width: 500px; padding-bottom: 20px; list-style-type: none; color: #303030; } .container-delivery > div ul li:before { position: absolute; width: 5px; height: 5px; margin-top: 7px; margin-right: 8px; margin-left: -17px; content: ' '; } .container-delivery > div ul li span { font-weight: 700; color: #303030; } .container-delivery > div ul li a { font-weight: 400; text-decoration: underline; color: #45749c; } .shops-city-choice-section { padding-bottom: 0!important; } .shops-float { float: left; } .container-overflow-hidden { overflow: hidden; } .shops-city-choice-section .shops-garantie-btn { padding-top: 40px; } .shops-garantie-btn { float: right; } .garantie-btn { width: 239px; border-radius: 5px; } .garantie-btn p { font-size: 11px; font-weight: 500; line-height: 40px; text-align: center; text-transform: uppercase; color: #fff; } .garantie-btn p img { padding-left: 17px; } .shop-city { font-size: 24px; line-height: 1.7em; position: relative; display: inline; margin-left: 30px; cursor: pointer; color: #c2182f; border-bottom: 1px dotted; } .city-list { font-size: 14px; font-weight: 500; position: absolute; z-index: 1; right: -400px; max-width: 400px; padding: 0 0 0 20px; color: #45749c; border: 2px solid #688bab; } .city-list-show { display: none; } .city-list span { line-height: 30px; padding-right: 20px; cursor: pointer; text-decoration: underline; } .city-list span.active { cursor: default; text-decoration: none; color: #c2182f; } .shop-list-section { padding-top: 0; } .tabs__position { font-size: 16px; margin-top: 30px; } .tabs__caption { font-size: 11px; font-weight: 500; margin-bottom: -2px; margin-left: 5px; text-transform: uppercase; color: #303030; } ul.tabs__caption.gotham > li { display: inline-block; padding: 15px 20px; cursor: pointer; } ul.tabs__caption.gotham > li img { padding-right: 7px; vertical-align: text-top; } ul.tabs__caption.gotham > li.active { border-radius: 2px; } .tabs__content { display: none; } .tabs__content.active { font-size: 0; display: block; min-height: 357px; border: 5px solid #f2f3f4; border-radius: 1px; } .tabs__content.active img { max-width: 100%; } .col1-grid { font-size: 20px; width: 285px; } .col1-grid-title { font-size: 26px; font-weight: 400; display: block; margin-bottom: 38px; color: #303030; } .col3-grid { font-size: 20px; width: 855px; } .col1-grid .shops-list ul li { margin-left: 20px; padding-bottom: 16px; } .col1-grid .shops-list ul li:before { position: absolute; width: 5px; height: 5px; margin-top: 6px; margin-right: 8px; margin-left: -21px; content: ' '; } .col1-grid .shops-list ul li a { font-size: 14px; font-weight: 400; line-height: 18px; display: block; max-width: 217px; color: #45749c; } .col1-grid .shops-list ul li a:hover { text-decoration: underline; } .shop-item:nth-child(3n) { margin-right: 0; } .shop-item img { max-width: 100%; } .shop-item .shop-title { font-size: 14px; font-weight: 400; margin-top: 32px; text-decoration: underline; color: #45749c; } .shop-title:hover { text-decoration: none; } .shop-item .shop-address span, .shop-item .shop-tel span, .shop-item .shop-hours span { font-weight: 700; } .shop-item .shop-address, .shop-item .shop-tel, .shop-item .shop-hours { font-size: 13px; font-weight: 400; margin-top: 16px; color: #303030; } .section-no-padding-bottom { padding-bottom: 0; box-sizing: border-box; } .section-no-padding-top { padding-top: 0; } .services-list ul li { margin-left: 20px; padding-bottom: 16px; } .services-list ul li:before { position: absolute; width: 5px; height: 5px; margin-top: 9px; margin-right: 8px; margin-left: -21px; content: ' '; } .services-list ul li a { font-size: 14px; font-weight: 400; line-height: 18px; display: block; text-decoration: underline; color: #45749c; } .services-list ul li a:hover { text-decoration: none; } .repair-difficulty { margin: 25px 0; } .repair-difficulty li { position: relative; float: left; width: 170px; margin-left: 20px; } .sitemap a { position: absolute; margin-left: -68px; padding-top: 45px; font-size: 12px; } .repair-difficulty .authorized:before { position: absolute; width: 9px; height: 10px; margin-top: 6px; margin-left: -19px; content: ' '; } .name4-cost { font-size: 26px; margin-bottom: 20px; color: #303030; } .service-price-table { font-size: 14px; width: 100%; color: #303030; } .service-price-table tr { border-right: 1px solid #e8e8e8; } .service-price-table tr:first-child {} .service-price-table .width-fifty { width: 50%; } .service-price-table .table-header { font-size: 11px; font-weight: 500; text-transform: uppercase; color: #adadad; } .service-price-table .align-left { padding-left: 41px; text-align: left; } .service-price-table td.all-borders { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } .service-price-table td { padding: 15px 20px 15px 20px; text-align: center; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .service-more-info { margin-bottom: 71px; } .service-more-info div { margin-top: 37px; } .service-more-info p { padding-top: 20px; } .service-more-info ul li p { padding-top: 5px; } .service-more-info ul { padding-top: 20px; } .service-more-info ol { font-size: 14px; line-height: 14px; margin-top: 0; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 20px; } .service-more-info ol li { color: #9c826d; } .service-more-info ol li p { padding-top: 5px; padding-left: 5px; color: #303030; } @media (min-width:1221px) { section.filters #specialspopup { left: -200px; } .repair-difficulty li { width: 250px; } } @media (min-width:650px) { section.topmenu .city > p:hover + #citypopup { display: block; } section.topmenu .city:hover #citypopup { display: block; } } @media (max-width:1220px) { .container { width: 990px; padding: 0; } section.gallery { height: 244px; } section.topmenu li { padding: 0 15px; } section.topmenu a.cart { width: 45%; padding-left: 10px; } section.catalogue p { font-size: 12px; } section.filters .filterscontainer { width: 600px; } .select2-container--default .select2-selection--single, section.filters .filtersblock > div:first-child { width: 180px; } section.filters .filtersblock > div:first-child {} .select2-container--open .select2-dropdown--below { min-width: 180px!important; } .select2-container { width: 180px!important; } section.news #newsgallery a img { width: 100px!important; } section.news #newsgallery a { padding-left: 115px; } section.products a.product .prod-img { height: 260px; } section.products a.product .prod-img img { max-height: 100%; } .footerbanners .banner1, .footerbanners .banner2 { width: 450px; } footer .lastcol { display: block; margin-left: 0!important; } /* section.products .owl-nav { top: 157px; } */ section.storecontent .cols > div:nth-of-type(1) { width: 40%; } section.storecontent .cols > div:nth-of-type(2) { width: 60%; } section.breadcumbs-navigation .info p.big { width: 160px; } section.storecontent .info1 { margin-top: 0; } section.storecontent .prod-img { height: 220px!important; } section.storecontent .photo-nav > div { width: 80px; height: 80px; } section.storecontent .photo { height: 480px; } section.storecontent #women-cols { display: inline-block; margin-top: 5px; } section.storecontent #men-cols { display: inline-block; margin-top: 5px; } .new-preview { width: 450px; margin-right: 20px; } .del-left, .del-right { max-width: 400px!important; } .col1-grid { width: 240px; } .col3-grid { width: 680px; } .city-list { right: 0; min-width: 200px; } .city-list span { display: block; } } #drugie-adaptive { display: none; } @media (max-width:1000px) { .container { width: 600px; } section.gallery { height: 153px; } section.topmenu .container > div:nth-of-type(2) { width: 250%; margin-left: -75%; text-align: center; border-top: 1px solid #ccc; } header .container > div:first-child { float: none; } /*header .container > div:last-child {*/ /* float: right;*/ /*}*/ section.catalogue .container { text-align: center; } section.products a.product .prod-img.lider:after, section.products a.product .prod-img.sale:after, section.products a.product .prod-img.new:after { font-size: 12px; width: auto; padding-right: 10px; padding-left: 10px; } section.filters .container { position: relative; padding-top: 0px; } section.filters a.logo { /* position: absolute; top: 0; left: 20px; */ width: 280px; } section.filters a.logo + .logo { right: 20px; left: auto; } section.filters .filterscontainer { width: 100%; } section.filters .right { float: right; } section.news #newsgallery a { padding-left: 0; } section.news #newsgallery a img { position: static; margin-bottom: 15px; } section.breadcumbs-navigation .container > div:nth-of-type(1) { height: auto; } section.breadcumbs-navigation .container > div:nth-of-type(3) { height: auto; } section.products a.product .prod-img { height: 190px; } /* section.products .owl-nav { top: 122px; } */ .footerbanners .banner1, .footerbanners .banner2 { width: initial; } .footerbanners .banner2 { float: left; margin-top: 20px; } footer .col + .col { display: block; margin-left: 0; } footer .footertext { width: 200px; } div.filters-section-container { height: 200px; } /* script + .select2-container--open { position: absolute; top: 0!important; left: 0!important; display: inline-table; width: 100%!important; height: 100%!important; margin: 0; } */ /* .select2-container--open .select2-dropdown--below { position: fixed; top: 0; left: 0; display: table-cell; width: 100%!important; vertical-align: middle; } */ section.filters #specialspopup { overflow-y: scroll; width: 560px; height: 350px; } section.filters #specialspopup .cols > div { margin-top: 0; } section.filters #specialspopup h4 { margin-top: 15px; } section.filters #brandspopup { position: fixed; top: 0; left: 0; overflow-y: auto; width: 100%; max-height: 100%; } section.filters #brandspopup .checkradio:nth-of-type(5n) { margin-right: 20px; } .select2-container--default .select2-selection--single, section.filters .filtersblock > div:first-child { width: 165px; } .select2-container--open .select2-dropdown--below { min-width: 165px!important; } .select2-container { width: 165px!important; } .select2-container--open .select2-dropdown--above { width: 100%!important; } section.catalogue .container > p:nth-of-type(6) { display: none; } section.catalogue .container > p:nth-of-type(2), section.catalogue .container > p:nth-of-type(4), section.catalogue .container > p:nth-of-type(8), section.catalogue .container > p:nth-of-type(10) { margin: 0 10px; } section.breadcumbs-navigation .container > div:nth-of-type(2) { display: none; } section.breadcumbs-navigation .container > div:nth-of-type(1), section.breadcumbs-navigation .container > div:nth-of-type(3) { display: flex; justify-content: center; align-items: center; width: 45%; } section.breadcumbs-navigation { height: 54px; } section.breadcumbs li { margin-top: 1px; margin-bottom: 1px; } section.breadcumbs { padding: 9px 0; } section.storecontent .photo { height: 280px; } section.storecontent .name2 { font-size: 24px; } section.storecontent .name1 { font-size: 20px; } section.storecontent .name3 { font-size: 15px; } section.storecontent .nalicie { display: block; margin-top: 5px; margin-left: 0; } section.storecontent .popuppos.nalicieclick { top: -4px; left: -31px; display: block; } section.storecontent .price { font-size: 38px; } section.storecontent .infoblock-1 { } .three-columns + .three-columns { margin-top: 15px; } section.storecontent .three-columns > div:nth-of-type(2) { display: block; width: 100%; } section.storecontent .ili { font-size: 11px; line-height: 34px; text-align: left; } section.storecontent .cols > div { vertical-align: top; } section.storecontent .opisanie { font-size: 14px; line-height: 1.6em; margin-top: 30px; } section.storecontent p.infoheader { margin-top: 17px; } section.storecontent .citypopup { top: -49px; } section.storecontent .popuppos.storeclick { top: -50px; left: -234px; } section.storecontent .store-infoblock > div:first-child { width: 100%; } section.storecontent .store-infoblock > div:last-child { width: 100%; padding-top: 0; border-left: 0; } section.storecontent .dopinfo-cols > div:first-child { width: 100%; } section.storecontent .dopinfo-cols > div:last-child { width: 100%; } section.storecontent .dopinfo-cols > div:last-child { margin-top: 40px; border-left: 0; } section.storecontent .dopinfo-cols > div { padding-right: 0; padding-left: 0; } #drugie { display: none; } #drugie-adaptive { position: relative; top: 450px; display: block; margin-top: -70px; } section.storecontent .store-tabs-block .tabs li { margin-right: 14px; } section.storecontent .store-tabs-block .tabs li p { font-size: 11px; } section.storecontent .store-tabs-block > *, section.storecontent .store-infoblock > div { padding-right: 17px; padding-left: 17px; } section.storecontent .store-infoblock .infocols > div { width: 31%; } .new-preview { width: 100%; margin-right: 0; } .news-col { width: 100%; margin-bottom: 73px; } .single-new { width: 100%; max-width: 100%; margin-right: 0; } .single-new .new-content p { max-width: 100%; } .single-new-photo { max-width: 100%; } .container-delivery > div { width: 100%; max-width: 100%; } .del-left, .del-right { max-width: 100%!important; padding: 21px 0 0 0!important; } .container-delivery > div.del-title { display: none; } .col1-grid, .col1-grid .shops-list ul { width: 100%; } .col1-grid .shops-list ul li { width: 100%; } .col1-grid .shops-list ul li a { max-width: 100%; } .col3-grid { width: 100%; } .shop-item { width: 45%; margin-right: 10%; } .shop-item:nth-child(3n) { margin-right: 10%; } .shop-item:nth-child(even) { margin-right: 0; } .repair-difficulty li { width: 45%; } .cards-wrapper .info-about-card { display: block; } } @media (max-width:649px) { .container { width: 400px; } section.gallery { height: 102px; } header .container > div:first-child { width: 100%; text-align: center; } /*header .container > div:last-child {*/ /* width: 100%;*/ /* text-align: center;*/ /*}*/ .popup { width: 360px; width: 100% !important; } .popup .h3.tab, .popup h3.tab { font-size: 16px!important; } section.topmenu .container > div:nth-of-type(3) { margin-top: 0; margin-right: -20px; } section.topmenu a.reg p { /*line-height: 40px;*/ height: 40px; padding-top: 0; } section.topmenu .city > div, section.topmenu .list > div { top: 40px; } section.topmenu .list:hover > div { right: -22px; left: auto; } section.news #newsgallery a img { display: inline-block; } section.news #newsgallery a { width: 100%; text-align: center; } section.catalogue .container > p { display: none; } section.catalogue .sandwich { display: inline-block; } header input.search { margin-top: 10px; } .footerbanners .banner1, .footerbanners .banner2 { width: 100%; } footer .three > div:nth-of-type(3) { margin-top: 30px; } footer .footertext { width: 100%; margin-bottom: 20px; } footer .footertext br { display: none; } footer .icons { float: left; } section.filters a.logo { width: 180px; } section.topmenu li + li:before { left: -2px; } section.topmenu li { padding: 0 7px; } section { padding: 30px 0; } section.filters #clearall { margin-bottom: 10px; } section.filters #brandspopup .popupheader { position: relative; padding-top: 60px; } section.filters #brandspopup .controls { position: absolute; top: 20px; left: 40px; } section.filters #specialspopup { left: -160px; width: 360px; height: 350px; } .select2-container--default .select2-selection--single, section.filters .filtersblock > div:first-child { width: 155px; } #employee_one_click .select2-container--default .select2-selection--single{ width: 100%; border: 1px solid #d9d0c1; } #employee_one_click .select2-container{ margin: 0; width: calc(98.8% - 147px) !important; } .select2-container--open .select2-dropdown--below { min-width: 155px!important; } .select2-container { width: 155px!important; } section.storecontent .cols > div:nth-of-type(1) { width: 100%; padding-right: 0; } section.storecontent .cols > div:nth-of-type(2) { width: 100%; margin-top: 30px; padding-left: 0; } section.storecontent .store-infoblock .infocols > div { width: 100%; } section.storecontent .store-tabs-block .tabs li { margin-top: 7px; padding-bottom: 3px; } section.storecontent .store-tabs-block .tabs { padding-top: 6px; } section.storecontent .store-tabs-block > * { padding-top: 15px; } section.storecontent .store-tabs-block .store-tab-info-stroke p + p { line-height: 1.7em; } section.breadcumbs-navigation .container > div:nth-of-type(1), section.breadcumbs-navigation .container > div:nth-of-type(3) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 49%; } .aboutbrand { width: 100%!important; } .collection-item { display: block; float: none; margin: 50px auto!important; margin-right: 0; } .collection-item:nth-child(4n) { margin: 50px auto; } .models-catalog-item { display: block!important; margin: 0 auto; } .new-preview { width: 100%; height: 100%; margin-right: 0; margin-bottom: 0px; box-sizing: border-box; float: none; } .container .container.about-company-description, .about-company-description, .container .container.container-delivery { padding: 0 20px!important; } .repair-difficulty { column-count: 2!important } section.headertext { box-sizing: border-box; } .content_zone { padding: 0 20px!important; } .content_zone table { max-width: 100%; } .content_zone table img { max-width: 100%; height: auto; } .col_4_patch .col3-grid .shop-item { width: auto; } .section-no-padding-bottom { padding: 30px 20px; } .about-company-description img { max-width: 100%; margin: 0 0 20px!important; } .about-company-wrapper .about-company-description p:last-of-type { margin-bottom: 0!important; } .new-preview:hover { width: auto; } .modern-page-title { display: none; } .single-new-content iframe { max-width: 100%; } .new-preview-thumb img { max-width: 100px; } .new-date { padding: 0 0 10px 0; } .new-title { padding-left: 120px; } .new-content { overflow: hidden; height: 60px; } .single-new .new-title { padding-left: 0; } .single-new-photo .photo { width: auto; height: 195px; } .single-new-photo .photo-nav div { height: 40px; } .repair-difficulty li { width: 40%; } .service-price-table .align-left { padding-left: 21px; } .service-price-table td { padding: 15px 10px 15px 10px; } section.filters .right { float: none; margin-left: 0; text-align: center; } section.news #newsgallery + p { margin-top: 0; } .vacancy-wrapper section.storecontent.first { padding-bottom: 20px; } section.headertext { padding-top: 0; } .service-price-table { font-size: 10px; } .cards-wrapper .cards-table th { font-size: 10px; padding-bottom: 0; } .cards-wrapper .exceptions-wrap { padding: 0 0 30px; } .cards-wrapper { margin-bottom: 0; padding-bottom: 0; } section.filters .filterscontainer select { display: none; } } @media (max-width:479px) { .container { width: 100%; } section.gallery { height: auto; max-height: 150px; } h1, .h1 { font-size: 18px; } section.products a.product .prod-img { height: 130px; } /* section.products .owl-nav { top: 92px; } */ section.news .owl-prev { margin-left: 0; } section.news .owl-next { margin-right: 0; } section.products .owl-prev, section.products .owl-next { width: 10px; } section.products .owl-prev { margin-left: -10px; } section.products .owl-next { margin-right: -10px; } footer .three > div:nth-of-type(2) { display: block; margin-top: 30px; } footer .icons img { margin: 10px!important; } footer .icons { margin-top: 0; margin-left: -10px; } section.topmenu a.reg { padding-left: 0; border-right: 0; border-left: 0; } section.topmenu a.cart { border-right: 0; } section.topmenu a.cart { float: right; /*width: auto;*/ padding-right: 5px; border-left: 1px solid #c8c8c8; } section.topmenu a.cart:hover {} section.topmenu a.reg { /*width: auto;*/ } section.topmenu .container > div:nth-of-type(2) ul { width: 100%; padding: 10px 0; } section.topmenu .container > div:nth-of-type(2) ul p { line-height: 25px; } header { padding: 20px 0; } header .phone { font-size: 25px; } section.filters a.logo { left: 0; border-top: 0; border-right: 0; border-left: 0; } section.filters a.logo + .logo { right: 0; border-top: 0; border-right: 0; border-left: 1px solid #c2c2cf; } section.filters a.logo { width: 50%; } section.filters { padding-top: 0; } .select2-container--default .select2-selection--single, section.filters .filtersblock > div:first-child { width: 140px; } .select2-container--open .select2-dropdown--below { min-width: 140px!important; } .select2-container { width: 140px!important; } section.products a.product p.price { font-size: 16px; } p.bigger { font-size: 15px; } div.filters-section-container { height: auto; } section.filters .addbutton { top: auto; right: auto; bottom: -33px; left: 105px; } section.filters .filterscontainer { padding-right: 0; text-align: justify; text-justify: distribute; float: none; } section.filters .filterscontainer:after { display: inline-block; width: 100%; height: 0.0000000000001px; content: ''; } section.filters .filterscontainer > * { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } section.filters .filterscontainer select { display: none; } .select2-container { margin-right: 0; } section.filters .filtersblock { margin-right: 0; } section.filters #brandspopup .h3, section.filters #brandspopup h3 { font-size: 10px; } section.filters #brandspopup .h3 + .h3, section.filters #brandspopup h3 + h3 { margin-left: 10px; } section.filters #brandspopup .checkradio { width: auto; } section.filters #brandspopup > div.lesspadding { text-align: left; } section.filters #brandspopup .checkradio { margin-right: 10px; } section.filters #specialspopup { position: fixed; top: 0; left: 0; width: 100%; } .select2-container--open .select2-dropdown--above { width: 100%!important; } section.filters .pricepopup { position: fixed; top: 0; left: 0; width: 100%; } section.storecontent .photo { height: 200px; } section.storecontent .photo-nav > div { width: 50px; height: 50px; } section.breadcumbs-navigation .container { padding-right: 20px; padding-left: 20px; } section.storecontent .name2 { font-size: 25px; } section.storecontent .name1 { font-size: 18px; } section.storecontent .citypopup, section.storecontent .popuppos.nalicieclick .popup { position: fixed; top: 0; left: 0; width: 100%!important; } #store-click-popup{ width: 100%!important; } section.storecontent .popuppos.nalicieclick .columnss > div:nth-of-type(2n+1), section.storecontent .popuppos.nalicieclick .line2 .columnss > div:nth-of-type(2n+1) { width: 85%; } section.storecontent .popuppos.nalicieclick .columnss > div:nth-of-type(2n) { width: 15%; } #store-click-popup { border: 0; } section.storecontent .popuppos.storeclick button + p { line-height: 1em; float: none; width: 100%; margin-top: 10px; margin-left: 0; text-align: left; } .shop-item { width: 100%; min-height: 0; margin-right: 0; margin-bottom: 50px; } .shop-item:nth-child(3n) { margin-right: 0; } ul.tabs__caption.gotham > li { padding: 15px 10px; } .mob-servises-table { overflow-x: scroll; width: 100%; } .shops-garantie-btn { width: 100%; } .garantie-btn { margin: auto; } .city-list { left: 0; } section.filters .addbutton { left: 50%; margin-left: -13px; margin-bottom: -50px; } section.filters .container { padding-bottom: 50px; padding-top: 25px; } section.filters a.find { padding-left: 0; margin-right: 0; } section.storecontent.first { padding-bottom: 0; } section.storecontent.first section.storecontent.first { margin-left: 0; padding-top: 0; margin-right: 0; } section.storecontent.first .container { padding-left: 0; } .single-new { padding: 0 20px; width: auto; box-sizing: border-box; } .single-new img { max-width: 100%; height: auto; } .aboutbrand { display: none!important; } section.headertext { text-align: center; padding: 0 20px; margin-top: 10px; } .services-list { padding: 0 20px; } .bottom-part .shop-list-section > .container { display: block; } .bottom-part .col3-grid { display: block; } .shops-wrapper .shop-item { width: auto; } .new-content { padding-left: 120px; overflow: visible; height: auto; } .s-and-p__block--left { width: auto; min-width: 0; } } @media (max-width:340px) { .select2-container--default .select2-selection--single, section.filters .filtersblock > div:first-child { width: 100%; } .select2-container--open .select2-dropdown--below { min-width: 100%!important; } .select2-container, section.filters .filtersblock { width: 100%!important; } } .page__wrapper { min-height: 100%; padding-top: 0; padding-bottom: 0; } * html .page__wrapper { height: 100%; } .about-company-wrapper .about-company-description p { margin-bottom: 30px; } .about-company-wrapper .about-company-description p:last-of-type { margin-bottom: 200px; } .about-company-wrapper .about-company-description p:first-of-type { margin-top: 20px; } .about-company-link { text-decoration: underline; color: #45749c; } .basket-wrapper > .container { padding: 0; } .registration-form-wrapper .columns-headers { margin-left: 40px; } .registration-form-wrapper .gotham.header { font-size: 13px; font-weight: 500; margin-bottom: 10px; text-transform: uppercase; } .registration-form-wrapper input { height: 40px; padding-right: 10px; padding-left: 10px; border: 1px solid #c5c5c5; } .registration-form-wrapper .add-phone-wrap:hover > * { color: #303030!important; border-color: #cc8a93!important; } .registration-form-wrapper .not-necessary { color: #939393!important; border-color: #939393!important; } .registration-form-wrapper .basket-with-watches-wrapper { margin-bottom: 35px; } .registration-form-wrapper .basket-with-watches-wrapper .first-column { -webkit-flex-basis: 150px; -ms-flex-preferred-size: 150px; flex-basis: 150px; } .registration-form-wrapper .basket-with-watches-wrapper .second-column { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .registration-form-wrapper .basket-with-watches-wrapper .third-column { -webkit-flex-basis: 200px; -ms-flex-preferred-size: 200px; flex-basis: 200px; } .registration-form-wrapper .basket-with-watches-wrapper .fourth-column { -webkit-flex-basis: 200px; -ms-flex-preferred-size: 200px; flex-basis: 200px; } .registration-form-wrapper .basket-with-watches-wrapper .basket-with-watches-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 10px; } .registration-form-wrapper .basket-with-watches-wrapper .basket-with-watches-body { margin-right: -20px; margin-left: -20px; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } .registration-form-wrapper .basket-with-watches-wrapper .a-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e9e9e9; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .second-column, .registration-form-wrapper .basket-with-watches-wrapper .a-row .third-column, .registration-form-wrapper .basket-with-watches-wrapper .a-row .fourth-column { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-header { font-size: 16px; color: #303030; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-model { font-size: 20px; -webkit-transition: border-bottom 0.2s ease-out; transition: border-bottom 0.2s ease-out; color: #45749c; border-bottom: 1px solid transparent; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-model:hover { border-bottom: 1px solid #45749c; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-picture { padding: 20px 30px; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-picture img { width: 150px; height: 140px; -o-object-fit: contain; object-fit: contain; } .registration-form-wrapper .basket-with-watches-wrapper .a-row:last-of-type { border-bottom: none; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .stepperInput { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 130px; margin-left: -19px; border: 2px solid #c5c5c5; border-radius: 2px; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .stepperInput .stepperInput__input { width: 57px; height: 40px; text-align: center; border: none; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .stepperInput .button-basket { font-size: 22px; line-height: auto; line-height: 40px; width: 35px; height: 40px; cursor: pointer; text-align: center; color: #adadad; border: none; border-radius: 0; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .stepperInput .input { font-size: 20px; font-weight: 500; height: 40px; padding: 0; border-radius: 0; box-shadow: none; } .registration-form-wrapper .basket-with-watches-wrapper .a-row .product-sum { font-size: 20px; font-weight: 500; margin-left: -19px; color: #c2182f; } .registration-form-wrapper .basket-with-watches-wrapper .basket-with-watches-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .registration-form-wrapper .basket-with-watches-wrapper .basket-with-watches-footer p.itogo-sum { font-size: 26px; font-weight: 500; color: #c2182f; } .registration-form-wrapper .basket-with-watches-wrapper .basket-with-watches-footer p.itogo-description { font-size: 16px; margin-right: 66px; text-align: right; } .registration-form-wrapper .personal-data-wrapper { min-height: 208px; margin-bottom: 50px; border: 1px solid #cc8a93; } .registration-form-wrapper .personal-data-wrapper .first-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 27px; padding-right: 40px; padding-bottom: 24px; padding-left: 40px; } .registration-form-wrapper .personal-data-wrapper .fio-wrap, .registration-form-wrapper .personal-data-wrapper .main-phone-wrap, .registration-form-wrapper .personal-data-wrapper .add-phone-wrap { margin-right: 20px; } .registration-form-wrapper .personal-data-wrapper .fio-wrap { width: auto; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .registration-form-wrapper .personal-data-wrapper .fio-wrap input[type=text] { width: 100%; } .registration-form-wrapper .personal-data-wrapper input { border: 1px solid #cc8a93; } .registration-form-wrapper .personal-data-wrapper input[type=telephone] { font-size: 16px; font-weight: 700; width: 200px; color: #c5c5c5; } .registration-form-wrapper .personal-data-wrapper .personal-data-city-wrap { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .registration-form-wrapper .personal-data-wrapper .personal-data-city-wrap .select2-container--default .select2-selection--single { border: 1px solid #cc8a93; } .registration-form-wrapper .personal-data-wrapper .personal-data-city-wrap .select2 { width: 100%!important; } .registration-form-wrapper .personal-data-wrapper .personal-data-city-wrap .select2 .select2-selection { width: 100%!important; } .registration-form-wrapper .personal-data-wrapper .personal-data-city-wrap .select2 .select2-results { width: 100%!important; } .registration-form-wrapper .personal-data-wrapper .second-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 27px; padding-right: 40px; padding-bottom: 24px; padding-left: 40px; box-shadow: inset 0 1px 0 #edd6d8; } .registration-form-wrapper .personal-data-wrapper .second-row .round-button-description { font-size: 14px; font-weight: 400; padding-top: 8px; padding-right: 10px; } .registration-form-wrapper .personal-data-wrapper .second-row .round-button { font-size: 15px; font-weight: 500; display: inline-block; width: 240px; height: 42px; padding-top: 10px; text-align: center; vertical-align: middle; color: #000; color: #b15e69; border: 2px solid #e4c4c7; border-radius: 21px; } .registration-form-wrapper .additional-data-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 220px; margin-bottom: 50px; padding-top: 27px; padding-right: 60px; padding-bottom: 24px; padding-left: 40px; border: 1px solid #c5c5c5; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; } .registration-form-wrapper .additional-data-wrapper input[type=checkbox] { font-size: 14px; display: inline-block; } .registration-form-wrapper .additional-data-wrapper input[type=checkbox] a { font-size: 14px; } .registration-form-wrapper .additional-data-wrapper .first-row { border-right: 1px solid #e0e0e0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .registration-form-wrapper .additional-data-wrapper .first-row .email-wrap { max-width: 340px; } .registration-form-wrapper .additional-data-wrapper .first-row .email-wrap input[type=email] { width: 100%; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap { margin-top: 10px; margin-bottom: 10px; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap label.active-label { font-size: 14px; font-weight: 400; color: #303030; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap p.agr-check { margin-bottom: 10px; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap p.agr-check label { cursor: pointer; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap p.agr-check:last-of-type label > span + a { color: #45749c; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap p.agr-check:last-of-type label > span + a:hover { text-decoration: underline; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap input[type=checkbox] { display: none; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap input[type=checkbox] + label span { display: inline-block; width: 21px; height: 21px; margin: -1px 10px 0 0; cursor: pointer; vertical-align: middle; } .registration-form-wrapper .additional-data-wrapper .first-row .agreement-checkboxes .payment-methods-wrap input[type=checkbox]:checked + label .active-radio { width: 21px; height: 21px; } .registration-form-wrapper .additional-data-wrapper .second-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; padding-left: 46px; -webkit-box-flex: 5; -webkit-flex-grow: 5; -ms-flex-positive: 5; flex-grow: 5; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .registration-form-wrapper .additional-data-wrapper .card-number-wrap > p { display: inline-block; } .registration-form-wrapper .additional-data-wrapper .card-number-wrap img { margin-bottom: -3px; margin-left: 3px; vertical-align: baseline; } .registration-form-wrapper .additional-data-wrapper .card-number-wrap input[type=text] { display: block; width: 280px; } .registration-form-wrapper .additional-data-wrapper .comments-wrap input[type=text] { width: 100%; } .registration-form-wrapper .in-total-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 102px; margin-bottom: 50px; padding-right: 40px; padding-left: 40px; border: 1px solid #e7cccf; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .registration-form-wrapper .in-total-wrapper .cost-of-goods-number { font-size: 26px; font-weight: 500; color: #c2182f; } .registration-form-wrapper .in-total-wrapper .cost-of-goods-heading { font-size: 16px; line-height: 1.3em; } .registration-form-wrapper .in-total-wrapper .plus-icon, .registration-form-wrapper .in-total-wrapper .sum-icon { margin-right: 15px; margin-left: 15px; } .registration-form-wrapper .in-total-wrapper .round-button { font-size: 18px; font-weight: 500; display: inline-block; width: 349px; height: 50px; padding-top: 15px; text-align: center; vertical-align: middle; color: #000; color: #fff; border-radius: 25px; } .registration-form-wrapper .shipping-payment-wrapper { margin-bottom: 50px; border: 1px solid #c5c5c5; } .registration-form-wrapper .shipping-payment-wrapper:before, .registration-form-wrapper .shipping-payment-wrapper:after { display: table; content: ''; } .registration-form-wrapper .shipping-payment-wrapper:after { clear: both; } .lt-ie8 .registration-form-wrapper .shipping-payment-wrapper { zoom: 1; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body:before, .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body:after { display: table; content: ''; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body:after { clear: both; } .lt-ie8 .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body { zoom: 1; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body .active { cursor: default; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 480px; padding: 22px 16px; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab.active .check-icon-wrap { border: 2px solid #c0182f; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab .check-icon-wrap { width: 28px; min-width: 28px; height: 28px; margin-right: 11px; border: 2px solid #b7b7b7; border-radius: 100%; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab .shipping-heading { font-size: 16px; font-weight: 700; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab .shipping-description { color: gray; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab:nth-child(2) { z-index: 1; border: 1px solid #e0e0e0; border-right: none; border-left: none; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab:nth-child(2) > div:nth-child(2) > p:nth-child(1) > a:nth-child(1) > img { margin-right: 5px; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab:nth-child(2) > div:nth-child(2) > p:nth-child(1) > a { color: #45749c; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab:nth-child(2) > div:nth-child(2) > p:nth-child(1) > a:hover { text-decoration: underline; } .registration-form-wrapper .shipping-payment-wrapper .right-side { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .registration-form-wrapper .shipping-payment-wrapper .right-side .city-of-delivery-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .registration-form-wrapper .shipping-payment-wrapper .right-side .city-of-delivery-wrap .delivery-price-badge { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 198px; height: 40px; margin-right: -40px; padding-top: 3px; padding-left: 19px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .city-of-delivery-wrap .delivery-price-badge p { font-size: 20px; font-weight: 500; color: #fff; } .registration-form-wrapper .shipping-payment-wrapper .right-side .index-city-wrap input { width: 138px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .personal-data-city-wrap { width: 248px; margin-bottom: 13px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .personal-data-city-wrap .select2 { width: 100%!important; } .registration-form-wrapper .shipping-payment-wrapper .right-side .personal-data-city-wrap .select2 .select2-selection { width: 100%!important; } .registration-form-wrapper .shipping-payment-wrapper .right-side .personal-data-city-wrap .select2 .select2-results { width: 100%!important; } .registration-form-wrapper .shipping-payment-wrapper .right-side .delivery-address-wrap { margin-bottom: 13px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .delivery-address-wrap textarea { width: 100%; max-height: 110px; margin-bottom: 10px; padding: 15px; resize: none; border: 1px solid #c5c5c5; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap { margin-bottom: 10px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn-wr { font-family: Roboto; font-size: 16px; font-weight: 700; display: block; margin-bottom: 10px; color: #303030; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn { position: relative; top: -2px; display: inline-block; width: 6px; height: 6px; margin-right: 10px; vertical-align: middle; border: 7px solid #eee; border-radius: 50%; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn input { width: 6px; height: 6px; margin: 0; cursor: pointer; opacity: 0; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; border-radius: 50%; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn-wr.red { margin-bottom: 15px; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn.red { width: 10px; height: 10px; border: 6px solid #eee; border-radius: 50%; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn i.red {} .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radiobtn input:checked + i { opacity: 1; } .registration-form-wrapper .shipping-payment-wrapper .right-side .payment-methods-wrap .radio-description { font-size: 14px; display: block; margin-bottom: 15px; margin-left: 35px; color: gray; } .registration-form-wrapper .shipping-payment-wrapper .right-part { display: none; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-body .right-part.active { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 29px 40px; border-left: 1px solid #e0e0e0; } @media (max-width:1000px) { .registration-form-wrapper .columns-headers { margin-right: 40px; } .registration-form-wrapper .first-row { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .registration-form-wrapper .first-row input[type=telephone] { width: 100%; } .registration-form-wrapper .first-row .fio-wrap, .registration-form-wrapper .first-row .main-phone-wrap, .registration-form-wrapper .first-row .add-phone-wrap { margin-right: 0; } .registration-form-wrapper .second-row { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .registration-form-wrapper .second-row .round-button-description { margin-bottom: 10px; text-align: justify; } } @media (max-width:1220px) { .registration-form-wrapper .personal-data-wrapper .second-row .round-button-description { white-space: normal; } .registration-form-wrapper .personal-data-wrapper .second-row .round-button { font-size: 12px; padding-top: 12px; } .registration-form-wrapper .shipping-payment-body { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .registration-form-wrapper .shipping-payment-wrapper .right-side .personal-data-city-wrap { width: auto; } .registration-form-wrapper .shipping-payment-wrapper .shipping-payment-tab { width: auto; } } .cards-wrapper section.storecontent.first { padding-bottom: 80px; } .cards-wrapper .list-of-cards a { font-weight: 700; color: #45749c; border-bottom: 1px solid #45749c; } .cards-wrapper .list-of-cards a:hover { border-bottom: 1px solid transparent; } .cards-wrapper .cards-preview-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 9px; padding-bottom: 46px; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .cards-wrapper .cards-preview-wrap ~ p { margin-bottom: 30px; } .cards-wrapper .services-list ul li { margin-left: 20px; padding-bottom: 30px; } .cards-wrapper .services-list .little-pd { padding-bottom: 2px; } .cards-wrapper .huge.gotham { font-size: 20px; font-weight: 500; margin-bottom: 28px; text-transform: uppercase; } .cards-wrapper .mob-servises-table { margin-top: 50px; margin-bottom: 20px; } .cards-wrapper .info-about-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 50px; } .cards-wrapper .info-about-card img { padding-right: 50px; } .cards-wrapper .info-about-card b { font-size: 18px; font-weight: 700; } .contacts-wrapper section.storecontent.first { padding-top: 50px; padding-bottom: 47px; } .services-list ul li { margin-left: 20px; padding-bottom: 16px; } .services-list ul li a { font-size: 14px; font-weight: 400; line-height: 18px; display: inline-block; text-decoration: underline; color: #45749c; } .services-list ul li a:hover { text-decoration: none; } .contacts-wrapper { margin-bottom: 75px; } .contacts-wrapper section.headertext { padding-top: 0; } .contacts-wrapper .recuisites { margin-top: 45px; } .history-of-brand-wrapper section.storecontent.first { padding-bottom: 20px; } .history-of-brand-wrapper .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .history-of-brand-wrapper section.storecontent .name3 { text-transform: capitalize; } .history-of-brand-wrapper section.storecontent .cols > div { width: auto; } .history-of-brand-wrapper .container { padding-right: 0; padding-left: 0; } .history-of-brand-wrapper section.storecontent .dopinfo-cols.headers h4 { width: 200px; } .history-of-brand-wrapper .aboutbrand { padding-top: 40px; padding-left: 30px; } .history-of-brand-wrapper .aboutbrand .headers { margin-bottom: 21px; } .history-of-brand-wrapper .aboutbrand > ul > li > p > a { -webkit-transition: border-bottom 0.2s ease; transition: border-bottom 0.2s ease; color: #45749c; border-bottom: 1px solid transparent; } .history-of-brand-wrapper .aboutbrand > ul > li > p > a:hover { border-bottom: 1px solid #45749c; } .history-of-brand-wrapper .history-waypoints { padding: 0; padding-bottom: 75px; } .history-of-brand-wrapper .history-waypoints .history-waypoints-inner { max-width: 810px; } .history-of-brand-wrapper .history-waypoints .waypoint-four { padding-bottom: 70px; } .history-of-brand-wrapper .history-waypoints .waypoint-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .history-of-brand-wrapper .history-waypoints .waypoint .waypoint-header { font-weight: 500; line-height: 1.3em; margin-top: 35px; margin-bottom: 25px; text-transform: uppercase; color: #adadad; } .history-of-brand-wrapper .history-waypoints .waypoint-img { margin-left: 24px; } .history-of-brand-wrapper .history-waypoints .history-waypoint-btn { float: left; margin-right: 10%; padding-bottom: 10px; } .history-of-brand-wrapper .history-waypoints .history-waypoint-btn .red {} .history-of-brand-wrapper .history-waypoints .history-waypoint-btn .gray {} .history-of-brand-wrapper .history-waypoints .waypoint-btn { width: 239px; border-radius: 5px; } .history-of-brand-wrapper .history-waypoints .waypoint-btn p { font-size: 11px; font-weight: 500; line-height: 40px; text-align: center; text-transform: uppercase; color: #fff; } .history-of-brand-wrapper .history-waypoints .waypoint-btn p img { padding-left: 17px; } @media (max-width:1000px) { .history-of-brand-wrapper .flex { display: block; } .history-of-brand-wrapper .waypoint-content { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .history-of-brand-wrapper .waypoint-img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .history-of-brand-wrapper .waypoint-description { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .service-wrapper { margin-bottom: 75px; } .service-wrapper:before, .service-wrapper:after { display: table; content: ''; } .service-wrapper:after { clear: both; } .lt-ie8 .service-wrapper { zoom: 1; } .service-wrapper section.headertext { padding-top: 90px; } .service-wrapper section.storecontent.first { padding-top: 60px; } .service-wrapper .services-list .warranty-service { margin-top: 38px; } .service-wrapper .services-list > p:nth-child(5) > a:nth-child(1) { color: #45749c; } .service-wrapper .services-list > p:nth-child(5) > a:nth-child(1):hover { text-decoration: underline; } .service-wrapper .service-wrapper section.headertext { padding-top: 70px; } .service-wrapper .section-no-padding-bottom { padding-top: 50px; } .service-wrapper .no-bottom-border { border-bottom: none; } .service-wrapper .clear-them-all:before, .service-wrapper .clear-them-all:after { display: table; content: ''; } .service-wrapper .clear-them-all:after { clear: both; } .lt-ie8 .service-wrapper .clear-them-all { zoom: 1; } .service-wrapper .second-level-list { float: left; margin-right: 60px; } .service-wrapper .services-list ul li.second-level { margin-left: 0; padding-bottom: 8px; } .service-wrapper .second-level:after, .service-wrapper .second-level:before { position: static; } .col3-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .shop-item:nth-child(3n) { margin-right: 0; } .shop-item img { width: 100%; } .shops-wrapper .map-wrap { min-height: 360px; border: 6px solid #f2f3f4; } .shops-wrapper .top-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .shops-wrapper .top-container.na-dne { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .shops-wrapper .accordion { display: none; } .shops-wrapper .shops-garantie-btn { float: none; margin-right: 40px!important; padding-top: 0; } .shops-wrapper .top-part { margin-bottom: 60px; } .shops-wrapper .top-part .shops-subheader { font-size: 20px; } .shops-wrapper .tabs__position { margin-top: 20px; } .bottom-part .shop-list-section > .container .show-on-map, .bottom-part .shop-list-section > .container .shop-brands { font-size: 12px; font-weight: 500; display: block; width: 130px; margin-bottom: 10px; color: #c2182f; } .bottom-part .shop-list-section > .container .show-on-map.active, .bottom-part .shop-list-section > .container .shop-brands.active {} .bottom-part .shop-list-section > .container .shop-hours { margin-bottom: 20px; } .bottom-part .shop-list-section > .container .left-part { min-width: 230px; margin-right: 60px; } .bottom-part .shop-list-section > .container .right-part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -50px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bottom-part .shop-list-section > .container .left-part .shops-list ul li { margin-left: 20px; padding-bottom: 16px; } .bottom-part .shop-list-section > .container .left-part .shops-list ul li:before { position: absolute; width: 5px; height: 5px; margin-top: 6px; margin-right: 8px; margin-left: -21px; content: ' '; } .bottom-part .shop-list-section > .container .left-part .shops-list ul li a { font-size: 14px; font-weight: 400; line-height: 18px; display: block; max-width: 278px; color: #45749c; } .bottom-part .shop-list-section > .container .left-part .shops-list ul li a:hover { text-decoration: underline; } .bottom-part .shop-list-section > .container .shop-item:nth-child(3n) { margin-right: 0; } .bottom-part .shop-list-section > .container .shop-item img { width: 100%; } .bottom-part .shop-list-section > .container .shop-item .shop-title { font-size: 14px; font-weight: 400; margin-top: 32px; text-decoration: underline; color: #45749c; } .bottom-part .shop-list-section > .container .shop-title:hover { text-decoration: none; } .bottom-part .shop-list-section > .container .shop-item .shop-address span, .bottom-part .shop-list-section > .container .shop-item .shop-tel span, .bottom-part .shop-list-section > .container .shop-item .shop-hours span { font-weight: 700; } .bottom-part .shop-list-section > .container .shop-item .shop-address, .bottom-part .shop-list-section > .container .shop-item .shop-tel, .bottom-part .shop-list-section > .container .shop-item .shop-hours { font-size: 13px; font-weight: 400; margin-top: 16px; color: #303030; } .bottom-part .shop-list-section > .container .shop-item .shop-tel a { color: #45749c; text-decoration: underline; } .bottom-part .shop-list-section > .container .shop-item .shop-tel a:hover { text-decoration: none; } .bottom-part .shop-list-section > .container .brands-list-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .bottom-part .shop-list-section > .container .brands-list { padding-top: 19px; } .bottom-part .shop-list-section > .container .brands-list-item { padding-bottom: 10px; } .bottom-part .shop-list-section > .container .brands-list-item a { font-size: 13px; color: #45749c; } .vacancy-wrapper { margin-bottom: 75px; } .vacancy-one-wrapper { margin-bottom: 75px; } .vacancy-one-wrapper > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .vacancy-one-wrapper .storecontent.first { max-width: 800px; padding: 60px 0 30px; } .vacancy-one-wrapper .services-list p, .vacancy-one-wrapper .vacancy-one-subheader { max-width: 800px; } .vacancy-one-wrapper .services-list ul { margin-bottom: 40px; } .vacancy-one-wrapper .services-list ul li { padding-bottom: 10px; } .vacancy-one-wrapper .vacancy-one-subheader { font-weight: 700; margin-top: 48px; margin-bottom: 40px; color: #303030; } .vacancy-one-wrapper .vacancy-one-heading { font-size: 15px; font-weight: 500; margin-bottom: 18px; text-transform: uppercase; } .vacancy-one-wrapper .next-vacancy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .vacancy-one-wrapper .next-vacancy a { font-size: 13px; font-weight: 500; display: inline-block; width: 160px; height: 13px; text-decoration: underline; color: #45749c; } .vacancy-one-wrapper .next-vacancy a:hover { text-decoration: none; } .vacancy-one-wrapper .fill-out-a-form { margin-top: 42px; margin-bottom: 20px; } .vacancy-one-wrapper .fill-out-a-form .shops-garantie-btn { float: none; padding-bottom: 8px; } .vacancy-one-wrapper .write-us { display: block; } .vacancy-one-wrapper .write-us a { text-decoration: underline; color: #45749c; } .vacancy-one-wrapper .write-us a:hover { text-decoration: none; } .vacancy-one-wrapper .aboutbrand { max-width: 250px; margin-left: 30px; padding-top: 60px; } .red-underline { border-bottom: 1px solid transparent; } .red-underline:hover { border-bottom: 1px solid #ab1343; } @media (max-width:1000px) { .vacancy-one-wrapper > .container { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } } .cards-wrapper *::selection { background: blue; } /* new basket */ .basket__head { display: flex; justify-content: space-between; text-transform: uppercase; font-size: 11px; font-weight: 600; border-bottom: 1px solid #c8c8c8; padding: 0 0px 10px; font-family: 'Gotham', 'Roboto', Arial, sans-serif; } .basket__head div:first-child, .basket__footer div:first-child { width: 100%; padding-left: 15px; } .basket__head div:last-child, .basket__footer div:last-child { width: 180px; min-width: 180px; padding-right: 15px; } .basket__item { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #c8c8c8; } .basket__item--img { width: 150px; min-width: 150px; padding: 10px 0; } .basket__item--img img { display: block; margin: 0 auto; } .basket__item--body { display: flex; width: 100%; } .basket__item--content { width: 100%; } .basket__price { width: 180px; min-width: 180px; font-size: 20px; color: #c2182f; padding-right: 20px; font-weight: 500; font-weight: 800; } .basket__count { width: 200px; min-width: 200px; } .basket__count .stepperInput { margin-left: 0; } .basket__item--cat { font-size: 20px; margin-bottom: 5px; } .basket__item--link { font-size: 20px; } .basket__item--link a { color: #45749c; text-decoration: none; } .basket__footer--text { padding-right: 70px; white-space: nowrap; } .basket__footer { display: flex; justify-content: space-between; padding-top: 10px; align-items: center; font-size: 16px; } .basket__footer .basket__price { font-size: 26px; } .basket { margin-bottom: 50px; } .btn { display: inline-block; height: 50px; background: #35a64b; line-height: 50px; color: #fff; cursor: pointer; padding: 0 25px; border-radius: 25px; font-size: 12px; font-weight: 500; text-transform: uppercase; border: none; } .btn_black { display: inline-block; background-color: #303030; } .btn_big { font-size: 18px; padding: 0 50px; } .btn_right { float: right; } .s-and-p { } .s-and-p__title { font-size: 20px; text-transform: uppercase; font-weight: 600; padding-left: 60px; margin-bottom: -2px; } .s-and-p__title span { border-bottom: 3px solid #c0182f; padding-bottom: 6px; display: inline-block; } .s-and-p__block { border: 1px solid #c5c5c5; display: flex; } .s-and-p__block--left { width: 480px; min-width: 480px; border-right: 1px solid #c5c5c5; background: #f7f7f7; } .s-and-p__block--right { width: 100%; } .s-and-p__nav-item { padding: 30px 15px; display: flex; align-items: center; font-size: 16px; font-weight: 800; border-bottom: 1px solid #c5c5c5; text-transform: uppercase; } .s-and-p__nav-item:last-child { border: none; } .s-and-p__radio { width: 32px; height: 32px; min-width: 32px; border: 2px solid #b7b7b7; box-sizing: border-box; margin-right: 20px; border-radius: 50%; } .s-and-p__nav-item_curent { background: #fff; } .s-and-p__nav-item_done .s-and-p__radio { border-color: #3aa84f; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; } .s-and-p__nav-item_done .s-and-p__radio:before { content: ''; background: url(/local/templates/main-new/arrow-green.png); width: 20px; height: 18px; display: inline-block; } .s-and-p__nav-item_curent .s-and-p__radio { border-color: #c0182f; } .s-and-p__form { padding: 40px; } .form-row { margin-bottom: 20px; } .form-row__label { font-size: 13px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; } .form-row__label span { color: #cc0000; } .s-and-p .input { padding: 0 20px; height: 40px; border: 1px solid #c5c5c5; width: 312px; } .s-and-p .input_long { width: 100%; } .s-and-p__red-title { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #c0182f; margin-bottom: 25px; } .s-and-p__form-block { margin-bottom: 45px; } .s-and-p__form-block:last-child { margin-bottom: 0; } .duble-column { display: flex; justify-content: space-between; } .duble-column__column { width: 48%; } .checkrow { display: flex; margin-bottom: 20px; font-size: 14px; } .checkbox { margin-right: 10px; width: 21px; height: 21px; background: #eeeeee; margin-top: -3px; position: relative; } .checkbox i { position: absolute; width: 100%; height:100%; top: 0; display: block; background: url(/local/templates/main-new/../../media/img/check-ico.png) no-repeat 50% 50%; opacity: 0; } .checkbox input { width: 21px; height: 21px; cursor: pointer; opacity: 0; position: relative; z-index: 2; } .checkbox input:checked + i { opacity: 1; } .radio { margin-right: 10px; width: 17px; min-width: 17px; height: 17px; border: 1px solid #dedede; box-sizing: border-box; margin-top: -1px; position: relative; border-radius: 50%; } .radio i { position: absolute; width: 100%; height:100%; top: 0; display: block; background: #eeeeee; opacity: 0; } .radio i:before { width: 9px; height: 9px; border-radius: 50%; content: ''; background: #c4273d; box-sizing: border-box; top: 3px; left: 3px; position: absolute; } .radio input { width: 100%; height: 100%; cursor: pointer; opacity: 0; position: relative; z-index: 2; } .radio input:checked + i { opacity: 1; } .checkrow + .btn { margin-top: 36px; } .duble-column + .checkrow { margin-top: 20px; } .checkrow span { display: block; font-size: 14px; color: #808080; line-height: 20px; max-width: 370px; } .checkrow b { font-size: 16px; } .s-and-p__form--bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 50px; } .s-and-p__form--bottom .price { font-size: 26px; color: #c2182f; } .s-and-p__stat { display: flex; justify-content: space-between; margin-bottom: 45px; } .s-and-p__stat .price { font-size: 26px; } .s-and-p__stat .price_red { color: #c2182f; } @media (max-width: 650px) { .basket__item--body { flex-direction: column; padding: 25px 0; } .basket__item--cat { font-size: 15px; } .basket__item--link { margin-bottom: 10px; } .basket__price { margin-bottom: 18px; order: 3; } .basket__head { display: none; } .basket__count { order: 4; } .basket__item--img { width: 110px; min-width: 110px; } .basket__item--img img { max-width: 75%; } .basket__footer { flex-direction: column; align-items: flex-start; padding: 0 20px; margin-top: 25px; } .basket__footer--text { white-space: normal; padding-right: 0; } .basket__footer * { order: 1; } .basket__footer div:first-child { order: 2; padding-left: 0; text-align: center; } .s-and-p__block { display: block; } .s-and-p__nav-item { display: none; } .s-and-p__nav-item_curent { display: flex; } .s-and-p__form { padding: 10px 17px 30px; } .input { max-width: 100%; } .duble-column { display: block; } .duble-column__column { width: auto; } .btn_right { float: none; display: table; margin: 0 auto; } .s-and-p__form--bottom { display: block; } .s-and-p__stat { display: block; } .s-and-p__stat > div { margin-bottom: 15px; } } @media (max-width: 1000px) { .basket__head div:last-child { text-align: right; } .basket__count { text-align: right; } .basket__count--inside { display: flex; align-items: center; justify-content: center; } .basket__item--content { flex-shrink: 0; max-width: 150px; } .s-and-p__block { flex-direction: column; } .s-and-p__block--left { width: 100%; min-width: 0; } .s-and-p__title { padding-left: 0; text-align: center; } } section.products a.product p.price.old { color: gray !important; text-decoration: line-through; } p.price.old { color: gray; text-decoration: line-through; font-size: 28px; } .aboutbrand a { text-decoration: none !important; } .like_h4 { font-size: 20px; line-height: 1.2em; } .aboutbrand .like_h4 { width: 224px; } .like_h3{ font-size: 24px; line-height: 1.2em; } .popup .like_h3{ font-size: 14px; font-weight: 500; position: relative; top: 2px; display: inline-block; padding-bottom: 11px; text-transform: uppercase; color: #aca191; border-bottom: 3px solid transparent; } section.filters #specialspopup .like_h3{ font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 16px; } section.filters #brandspopup .like_h3{ font-size: 16px; } section.filters #brandspopup .controls .like_h3 { font-size: 13px; color: #aca191; cursor: pointer; } section.filters #brandspopup .controls .like_h3 + .like_h3 { margin-left: 13px; color: #303030; cursor: pointer; } section.filters #specialspopup .like_h4 { font-size: 13px; font-weight: 500; margin-bottom: 10px; text-transform: uppercase; color: #a29889; } .h1.playfair.name2, .h1.playfair.name1, h1.playfair.name2, h1.playfair.name1 { text-transform: none; letter-spacing: normal; font-weight: normal; } section.storecontent .dopinfo-cols > div:last-child {margin-top:0;} @media (max-width: 1000px) { #drugie-adaptive {transform: translateY(50px);} section.storecontent .dopinfo-cols > div.models-list-block {margin-top:100px;} } .select2-container--default .select2-results > .select2-results__options { max-height:70vh; } @media (max-height: 1080px) { .mechanism-popup, section.filters #specialspopup { max-height:70vh; overflow-y:scroll; } } @media (max-height:960px) { section.filters #brandspopup { max-height:70vh; overflow-y:scroll; } } @media (max-width: 1450px) { section.filters #brandspopup { width: 60vw!important; } } @media (max-width: 1220px) { .patch_filter_wp { flex-wrap:wrap; } .patch_filter_6_column { width:28%; } } @media (max-width: 960px) { section.filters #brandspopup { width: 100%!important; } } @media (max-width: 480px) { .patch_filter_6_column { width:100%; } .mechanism-popup { position: fixed; width: 100%; } } .product-sidebar { height: 450px; padding-right: 20px; width: 245px; } .product-sidebar--fl-r { float: right; } .product-sidebar .columns-headers { margin-bottom: 20px; } .product-sidebar__list { height: 370px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #c0182f!important; border-radius: 0; opacity: 1; filter:none!important; } .mCSB_scrollTools { right: -5px; } .product-sidebar__list li a { color: #45749c; text-decoration: none; border-bottom: 1px solid #0000; transition: border 0.2s ease; } .product-sidebar__list li a:hover { border-bottom: 1px solid #45749c; } section.storecontent .smalltabs ul a { text-decoration: none; } @media (max-width: 1000px) { .product-sidebar { width: 100%; height: 250px; padding: 0 20px; } .product-sidebar__list { height: 160px; } } .white-space { height: 1000px; } .main-menu { background-color: #1d1d1d; background-image: url(/local/media/static/img/general/bg1.jpg); background-size: cover; background-position: center; height: 50px; } .main-menu .container{ padding-left: 0; padding-right: 0; } .main-menu__list { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; cursor: default; } .main-menu__list-item { display: block; list-style: none; } .main-menu__list-dot { line-height: 50px; color: #696969; font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 14px; } .main-menu__list-link { font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; font-size: 14px; height: 50px; line-height: 50px; display: block; font-family: 'Gotham', 'Roboto', Arial, sans-serif; cursor:pointer; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; } .main-menu__list-link:hover { color: #d6b653; } .main-menu__container { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-menu__search { width: 135px; margin-left: 70px; z-index: 2; } .search-input { width: 100%; display: block; height: 27px; padding:5px 10px; font-size: 14px; border-radius: 20px; border:0; padding-left: 30px; -webkit-transition:.1s; -o-transition:.1s; transition:.1s; } .search-input__red-btn { position: absolute; width: 30px; height: 27px; background: url(/local/templates/main-new/img/search-red-icon.png) center center no-repeat; border:0; top: 0; right: -1px; opacity: 0; visibility: hidden; -webkit-transition:.3s; -o-transition:.3s; transition:.3s; } .search-input-container--focus .search-input { padding-left: 10px; padding-right: 25px; margin-left: -50px; width: calc(100% + 50px); -webkit-box-shadow: 0 0 10px 2px #000; box-shadow: 0 0 10px 2px #000; } .search-input-container--focus .search-input__red-btn { opacity: 1; visibility: visible; } .search-input-container--focus .search-input__red-btn:hover { opacity: .8; } .search-input-container { display: block; position: relative; } .search-input-container:after { position: absolute; top: 0; left: 0; content: ''; display: block; height: 27px; width: 27px; background: url(/local/media/static/img/general/search.png) center center no-repeat; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 1; visibility: visible; } .search-input-container--focus:after { -webkit-transition: .1s; -o-transition: .1s; transition: .1s; opacity: 0; visibility: hidden; } .topmenu__top-menu { width: 490px; } section.topmenu > .container { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section.topmenu .container:after { display: none; } div.topmenu__personal-cart { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } section.topmenu .container > div.topmenu__personal-cart { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } section.topmenu a.cart { background-color: #c2182f; color: #fff; border:0; position: relative; -ms-flex-negative: 0; flex-shrink: 0; display: block; float: none; } section.topmenu a.cart p { color: #fff; } .section.topmenu span.cartimg { background: url(/local/media/static/img/general/korzina-white.png) center center no-repeat; } section.topmenu a.cart { width: 145px; height: 35px; } section.topmenu a.cart:after { content: ''; display: block; position: absolute; right: 8px; height: 100%; width: 20px; top: -1px; background: url(/local/media/static/img/general/arrow-white.png) center center no-repeat; -webkit-transition:.2s; -o-transition:.2s; transition:.2s; } section.topmenu a.cart:hover { background-color: #ae162c; -webkit-box-shadow: 0 0 15px #c8001e3b; box-shadow: 0 0 15px #c8001e3b; } section.topmenu a.cart:hover:after { -webkit-transform: translateX(2px); -ms-transform: translateX(2px); transform: translateX(2px); } .topmenu__compare { height: 35px; width: 35px; margin: 0 15px; position: relative; top: -1px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20px; } .topmenu__compare>svg { width: 16px; height: 16px; fill: #9f9f9f; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .topmenu__compare-counter { content: ''; display: block; position: absolute; height: 17px; width: 17px; text-align: center; line-height: 17px; font-size: 11px; font-family: 'Gotham', 'Roboto', Arial, sans-serif; background: #c2182f; border-radius: 20px; color: #fff; right: -4px; top: 12px; cursor: pointer; } .main-content-block { font-size: 14px; margin-bottom: 40px; } .topmenu__compare:hover>svg { fill: #686868; } .topmenu__top-menu > ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header > .container { padding-left: 0; padding-right: 0; height: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } @media (max-width:479px) { header > .container { padding-left: 20px; padding-right: 20px; } } header > .container:before { display: none; } header .container:after { display: none; } header .container .main-logo { width: 320px; height: 48px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 0; line-height: normal; text-align: center; font-size: 13px; } header .container .main-logo__text{ display: block; } header { padding: 0; height: 106px/*120px*/; margin-top: 42px; } .header-section-buttons__luxe { margin-left: 15px; } .header-section-buttons > a:hover { opacity: .8; } .main-menu__submenu { position: absolute; left: 0; right: 0; /*top: 100%;*/ margin-top: -3px; -webkit-box-shadow: 1px 1px 10px 1px rgba(171, 151, 135, 0.5); box-shadow: 1px 1px 10px 1px rgba(171, 151, 135, 0.5); border-top: 3px solid #c2182f; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } .main-menu__container { } .submenu-container { width: 100%; z-index: 110; } .main-menu__submenu-container{ max-width: 1180px; margin: 0 auto; } @media (max-width: 1220px){ .main-menu__submenu-container{ max-width: 980px; } .main-menu__banner-image{ width: 192px; } } .main-menu__banner{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .main-menu__banner-image{ width: 224px; max-height: 256px;; } .main-menu__banner-image > img{ height: 100%; width: 100%; } .main-menu__banner-desc{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-decoration-line: underline; color: #303030; margin-top: 11px; max-width: 161.78px; } .main-menu__banner-desc:hover { text-decoration: none; } .main-menu__list-item:hover .main-menu__submenu { opacity: 1; visibility: visible; z-index: 11; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .main-menu__submenu-top { min-height: 40px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 40px; /*border-bottom: 1px solid #cfcfcf*/ } .main-menu__submenu-top ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .main-menu__submenu-top ul li { margin-right: 40px; white-space: nowrap; margin-bottom: 5px; } .main-menu__submenu-top ul li a { color: #5c82a4; font-size: 15px; font-family: 'Gotham', 'Roboto', Arial, sans-serif; } .main-menu__submenu-icon { content:''; display:block; position: absolute; width: 11px; height: 11px; border-top: 3px solid #c2182f; border-left: 3px solid #c2182f; left: 50%; background: #fff; -webkit-transform:rotate(45deg) translateX(-50%); -ms-transform:rotate(45deg) translateX(-50%); transform:rotate(45deg) translateX(-50%); top: -4px; } .main-menu__submenu-middle-box{ display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 100px; } .main-menu__submenu-middle { /* padding: 0 40px 0 0; */ -webkit-box-sizing: border-box; box-sizing: border-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .main-menu__middle-menu { margin-right: 60px; margin-bottom: 48px; } .main-menu__middle-menu:last-of-type { margin-right: 0; } .main-menu__middle-menu-title { font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #303030; margin-bottom: 12px; white-space: nowrap; } .main-menu__middle-menu-title a { color: #303030; } .main-menu__middle-menu ul li { margin-bottom: 12px; } .main-menu__middle-menu ul li a { font-size: 14px; color: #303030; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; } .main-menu__middle-menu ul li a:hover { text-decoration: underline; } .main-menu__middle-menu_2-colums { -ms-flex-negative: 1; flex-shrink: 1; width: 340px; margin-right: 0; } .main-menu__middle-menu_2-colums ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .main-menu__middle-menu_2-colums ul li { width: 50%; } .main-menu__submenu-bottom { width: 100%; position: absolute; left: 0; bottom: 0; padding: 15px 0; background: #f6f6f6; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-menu__submenu-bottom ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1180px; margin: 0 auto; } @media (max-width: 1220px){ .main-menu__submenu-bottom ul { max-width: 980px; } } .main-menu__submenu-bottom ul li { margin-right: 80px; } .main-menu__submenu-bottom ul li a { font-size: 14px; color: #5c82a4; text-transform: uppercase; } .main-menu__submenu-bottom ul li p { color: #303030; font-size: 11px; font-family: 'Gotham', 'Roboto', Arial, sans-serif; } section.topmenu p.gotham { width: 100%; display: block; } section.topmenu .city{ width: 100%; height: 100%; display: flex; align-items: center; } section.topmenu { position: fixed; width: 100%; top: 0; left: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; border-top: 6px solid #b0162b; z-index: 900; background: #fff; } section.topmenu:hover { -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2); box-shadow: 0 0 15px rgba(0,0,0,.2); } .topmenu__city-select { position: relative; } .mobile-menu__popup { position: absolute; visibility: hidden; opacity: 0; top: 0; left: 0; width: 385px; background: #f2f2f2; z-index: 20; -webkit-transition:.3s; -o-transition:.3s; transition:.3s; z-index: 30; } .mobile-menu__popup--active { opacity: 1; visibility: visible; } .mobile-menu__popup__body { padding: 16px 55px 30px; } .mobile-menu__main-menu { margin: 24px 0; } .mobile-menu__main-menu ul li:before { display: none; } .mobile-menu__main-menu ul li { display: block; padding: 0; margin-top: 22px; } .mobile-menu__main-menu ul li:first-child { margin-top: 0; } .mobile-menu__main-menu ul li a { font-size: 14px; font-weight: 500; font-family: 'Gotham', 'Roboto', Arial, sans-serif; display: block; } .mobile-menu__popup-top-panel { height: 35px; border-bottom: 1px solid #c8c8c8; } .mobile-menu__popup-top-menu { margin-top: 27px; } .mobile-menu__popup-top-menu ul li { padding: 0; } .mobile-menu__popup-top-menu ul li a { font-weight: 500; font-size: 12px; text-transform: uppercase; } .mobile-menu__popup-top-menu section.topmenu li + li:before { display: none; } .mobile-menu__popup-top-menu ul li + li:before { display: none; } .mobile-menu__popup-top-menu ul li { margin-right: 25px; display: block; } .mobile-menu__popup-top-menu ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .mobile-menu__popup-top-menu ul li:after { font-size: 14px; position: absolute; top: 50%; right: -13px; margin-top: -9px; content: '•'; color: #111; } .mobile-search { padding: 10px 18px; border:1px solid #e3e3e3; background: #fff; width: 100%; border-radius: 40px; } .mobile-search-form { position: relative; } .mobile-search-form__btn { position: absolute; border:0; background: url(/local/templates/main-new/img/mobile-search.png) center center no-repeat; width: 40px; height: 40px; top: 0; right: 0; } .mobile-menu__modes { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .mobile-menu__modes img { margin: 0!important; max-width: 100%; } .mobile-menu__phone { display: flex; flex-direction: column; margin-top: 27px; } .mobile-menu__phone > a { font-family: 'PlayfairDisplayTel', serif; font-size: 28px !important; line-height: 125% !important; font-weight: 400; color: #B81F31; } .mobile-menu__phone > p { font-family: 'Roboto', serif; font-size: 13px !important; line-height: 10px !important; font-weight: 400; color: #303030; text-transform: initial !important; } .topmenu__mobile-menu-btn--active .topmenu__mobile-menu-line:nth-child(1) { -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } .topmenu__mobile-menu-btn--active .topmenu__mobile-menu-line:nth-child(2) { opacity: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .topmenu__mobile-menu-btn--active .topmenu__mobile-menu-line:nth-child(3) { -webkit-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); } .topmenu__mobile-menu-btn:after { content:''; display:block; position:absolute; top:-6px; right:0; left:0; bottom:-8px; } .topmenu__mobile-menu { cursor: pointer; } /* catalog */ .main-catalog { padding: 4px 0; } .main-catalog__container { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .main-catalog__container--active { position: static; } .main-catalog__left { width: 280px; -ms-flex-negative: 0; flex-shrink: 0; } .main-catalog__right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; margin-left: 20px; } .main-catalog__top-links { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 0 0px; font-family: 'Gotham', 'Roboto', Arial, sans-serif; overflow: hidden; max-height: 1.8em; position: relative; padding-right: 55px; } .main-catalog__top-links--open { max-height: 500px; /* padding-right: 0; */ } .main-catalog__top-links p { margin-right: 30px; line-height: 1; } a.main-catalog__top-links__item { margin-right: 25px; margin-bottom: 10px; font-weight: normal; color: #5c82a4; } a.main-catalog__top-links__item.show-more { position: absolute; top: 0; right: 0; margin-right: 0; } a.main-catalog__top-links__item.link-hidden { display: none; } a.main-catalog__top-links__item:hover { border-bottom: 1px solid transparent; } .main-catalog__title { /* font-family: 'Playfair Display', serif; */ font-family: Gotham, Roboto, Arial, sans-serif; font-size: 40px; margin: 16px 0 25px; text-transform: none; font-weight: 500; letter-spacing: 0.03em; } .main-catalog__description a { color: #5c82a4; text-decoration: underline; } .product-item { margin: 0 0 70px 0; padding: 20px; width: 280px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 15px; position: relative; cursor: default; display: flex; flex-direction: column; align-items: center; } .main-catalog-items.search-results .product-item { width: 100%; grid-column: auto / span 1; } .rr-widget-search { grid-column: auto / span 4; grid-row: 3; } .rr-widget-special { grid-row: 6; grid-column: auto / span 4; } @media (max-width: 479px) { .product-item { margin: 0 0 36px 0; } } .product-item:hover { transition:.2s; box-shadow: 0 0 10px 1px rgba(171, 151, 135, 0.45); /*box-shadow: 0px 10px 15px rgba(48, 48, 48, 0.08);*/ } /* .product-item:hover .product-item__img { opacity: .9; }*/ .product-item__img { padding: 0 0 30px; /* margin-bottom: 16px; */ margin-bottom: auto; text-align: center; display: block; -webkit-transition:0s; -o-transition:0s; transition:0s; } .product-item__img img { width: 100%; } .product-item__img-wrapper img { position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; } .product-item__collection{ letter-spacing: 0.5px; text-align: center; font-family: 'Gotham', 'Roboto', Arial, sans-serif; line-height: 1.3em; } .product-item__name { font-size: 17px; text-align: center; line-height: 1.7em; margin-bottom: 5px; color: #303030; font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-weight: 600; } .product-item__belt-code { font-size: 17px; text-align: center; line-height: 114.69%; color: #000000; font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-weight: 400; } .product-item__belt-code-small { font-size: 15px; text-align: center; line-height: 114.69%; color: #000000; font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-weight: 400; } .product-item__name-prefix{ margin-bottom: 20px; font-size: 10px; letter-spacing: 0.1em; color: #9F9F9F; text-align: center; text-transform: uppercase; } .product-item__name-prefix span { text-transform: none; } .product-item__name-link { display: block; } .product-item__name-link:hover { color: #5c82a4; } .product-item__price { margin-bottom: 5px; text-align: center; font-size: 20px; font-family: Gotham, Roboto, Arial; font-weight: 500; } .js-blockScroll{ overflow-y: hidden !important; width: auto !important; } .js-blockScroll__body{ width: auto !important; } .product-item__price > span{ font-weight: 500; } .product-item__old-price { font-weight: 300; font-size: 14px; color: #9f9f9f; text-align: center; font-family: Gotham, Roboto, Arial; /* text-decoration: line-through; */ margin: 0 auto; text-decoration: none; position: relative; } .product-item__old-price .product-item__currency{ font-family: 'Roboto', Arial, sans-serif; } .product-item__old-price:before{ /* top: 50%; */ top: 8px; /* top: calc(50% - 1px); */ /* transform: translateY(-50%); */ left: 0; height: 1px; width: 100%; background-color: #9B9B9B; position: absolute; content: ''; display: block; } /* Safari */ /* @media not all and (min-resolution:.001dpcm) { @media { .product-item__old-price{ margin: 0 auto; text-decoration: none; position: relative; } .product-item__old-price:before{ top: 50%; transform: translateY(-50%); left: 0; height: 1px; width: 100%; background-color: #9B9B9B; position: absolute; content: ''; display: block; } }} */ .product-item__description { text-align: center; } .product-item__controls { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 35px 0 0; } .product-item .product-item__controls { margin: 28px -12px 0; /* был 35 попросили уменьшить */ } .product-item__to-cart { display: flex; align-items: center; height: 30px; line-height: 30px; border-radius: 30px; border: 1px solid #B81F31; padding:0 16px; color: #B81F31; position: relative; font-size: 14px; background-color: transparent; } .product-item__to-cart svg { fill: #B81F31; margin-right: 4px; transition: fill .25s linear; } .product-item__to-cart:hover:not(.button--repricing) { color: #FFFFFF; background-color: #B81F31; transition-property: background-color, color; transition-duration: .25s; transition-timing-function: linear; } .product-item__to-cart:hover svg { fill: #FFFFFF; } .product-item__to-cart.adding svg, .product-item__to-cart.added svg { display: none; } .product-item__to-cart.adding { background: #B81F31; opacity: .5; color: #FFFFFF; padding: 0 16px; } .product-item__to-cart.added { background: #B81F31; opacity: 1; color: #FFFFFF; padding: 0 16px; } .product-item__to-compare { color: #5c82a4; margin-left: 10px; padding-left: 30px; font-size: 14px; position: relative; } .product-item__to-compare--active { color: #c2182f; } .product-item__to-compare:after { content:''; display:block; position:absolute; left: 0; top: -3px; height: 20px; width: 30px; background: url('/local/media/img/compare.svg') center center no-repeat; } .main-catalog-items { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; margin-right: 0; justify-content: flex-start; } @media (max-width: 479px) { .main-catalog-items{ margin-right: 0; } } /* Страница результатов поиска */ .main-catalog-items.search-results{ padding: 0; margin-right: 0; display: grid; grid-template-columns: repeat(4, 1fr); } .kombox-filter-choice{ padding-bottom: 0; margin-bottom: -17px; } .catalog-filter { position: relative; } .catalog-filter__container { padding: 20px; background: #fff; padding-left: 0; padding-top: 0; } .catalog-filter__close { height: 30px; width: 30px; position: absolute; top: -1px; right: -30px; background: #c8c8c8 url(/local/templates/main-new/img/close.png) center center no-repeat; cursor: pointer; display: none; } .catalog-filter__close:hover { background-color: #b4b4b4; } .product-item__tags { /*padding-right: 16px;*/ width: 82%; padding: 8px; top: 0; left: 0; z-index: 2; position: absolute; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .photogallery-block .product-item__tags { /*padding-right: 102px;*/ } .product-item-tag { margin-left: 4px; font-size: 13px; /* font-size: 11px; */ padding: 8px 12px 8px 12px; border-radius: 6px; background: #c2182f; color: #fff; cursor: default; position: relative; } .photogallery-block .product-item-tag { margin-left: 10px; font-size: 16px; } .product-item-tag:not(:last-child){ margin-bottom: 4px; } /* .product-item-tag--discount:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(/local/templates/main-new/img/discount-label.png) center center no-repeat; } */ /* Ярлык "Скидка" */ .product-item-tag--discount { background: #B81F31; } /* Ярлык "Уценка" */ .product-item-tag--markdown { /* padding: 7px 10px 7px 33px; */ background: #E3AF27; } /* .product-item-tag--markdown:before{ position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 14px; height: 12px; content: ''; background: url(/local/templates/main-new/img/icon-percent.svg) center center no-repeat; display: inline-block; font-weight: bold; } */ /* Ярлык "Рекомендуем" */ .product-item-tag--popular { background: #5B82A4; } /* .product-item-tag--popular:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 30px; height: 28px; background: url(/local/templates/main-new/img/star-label.png) center center no-repeat; } */ /* Ярлык "Новинка" */ .product-item-tag--new { background: #50986D; } /* .product-item-tag--new:after { content: '•'; display: block; line-height: 30px; font-size: 26px; color: #fff; width: 25px; left: 2px; top: 1px; position: absolute; text-align: center; } */ .product-item-tag--brand { background: #303030; } /* .product-item-tag--sale{ padding: 0 10px; background: none; } */ .product-item-tag--sale img{ max-height: 30px; } .product-item-tag--sale a{ display: inline-block; } @media (max-width: 1000px) { .product-item__tags { width: 70%; padding: 4px; } .product-item-tag { padding: 4px 6px; margin-left: 2px; font-size: 10px; } .product-item-tag:not(:last-child) { margin-bottom: 2px; } } @media (max-width: 479px) { section.storecontent { box-sizing: border-box; } .product-item__tags{ justify-content: flex-start; } .photogallery-block .product-item__tags { padding-right: 0; } } .catalog-post-text h2 { font-family: 'Playfair Display', serif; font-size: 32px; margin: 15px 0; text-transform: none; } .catalog-post-text h3 { font-family: 'Playfair Display', serif; font-size: 24px; margin: 15px 0; text-transform: none; } .catalog-post-text p { margin: 15px 0; } .main-catalog__filter-btn { height: 40px; line-height: 38px; padding: 0 30px; text-align: center; font-size: 15px; font-family: 'Gotham', 'Roboto', Arial, sans-serif; border:1px solid #e4e4e4; display: inline-block; border-radius: 40px; display: none; background: none; } .mobile-menu__overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0; visibility: hidden; opacity: 0; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; z-index: -30; pointer-events: none; } .mobile-menu__overlay--active { visibility: visible; z-index: 30; opacity: .3; pointer-events: auto; } section.topmenu a.reg { max-width: 200px; } @media (max-width:1220px) { section.topmenu .container > div:first-child { width: 145px; } .topmenu__top-menu { width: 480px; } section.topmenu a.cart { width: 135px; } .topmenu__top-menu { padding: 0 10px; } .main-menu { height: 40px; } .main-menu__list-link { height: 40px; line-height: 40px; font-size: 14px; } .main-menu__list-dot { line-height: 40px; } .main-menu__search { width: 90px; margin-left: 20px; } .topmenu__compare { margin: 0 25px 0 0; } .main-menu__submenu { left: 0; right: 0; margin-top: 0; } .main-menu__submenu-icon { margin-left: 15px; } .main-catalog-items.search-results{ padding: 0; } } @media (max-width:1023px) { .container { padding: 0 10px; } } @media (max-width:1000px) { .container { padding: 0 16px; } .topmenu .topmenu__top-menu {display: none!important;} .main-menu { display: none; } header .container > div:first-child { display: none; } /*header .container > div:last-child {*/ /* display: none;*/ /*}*/ section.topmenu .container > div.topmenu__city-select { height: auto; align-items: unset; } header .container .main-logo { width: 280px; height: 42px; position: static; display: block; -webkit-transform: none; -ms-transform: none; transform: none; } header .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } header { height: 82px; } section.topmenu a.reg { max-width: 200px; } .cart__product-text { display: none; } section.topmenu a.cart { width: 75px; } .topmenu__compare { margin-left: 0; margin-right: 15px; } .topmenu__personal-cart { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } section.topmenu .container > div:first-child { width: 260px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .topmenu__mobile-menu { width: 55px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 25px; z-index: 40; position: relative; } .topmenu__mobile-menu-btn { width: 100%; height: 100%; background: #9f9f9f; position: absolute; top: 0; left: 0; } .topmenu__mobile-menu-line { width: 20px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .topmenu__mobile-menu-line:nth-child(1) { top: 10px; } .topmenu__mobile-menu-line:nth-child(2) { top: 16px; } .topmenu__mobile-menu-line:nth-child(3) { top: 22px; } .main-catalog__left { position: absolute; /* TODO: remove important */ top: 0 !important; left: 0; overflow: auto; z-index: 3000; /* top: 260px; */ /* width: 260px; */ width: 100%; height: 100%; left: 0; -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-box-shadow: 4px 4px 18px 1px rgba(92, 130, 164, 0.16); box-shadow: 4px 4px 18px 1px rgba(92, 130, 164, 0.16); } .main-catalog__right { margin-left: 0; } .main-catalog__left--active { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } /* .catalog-filter { border:1px solid #c9c8c8; } */ .catalog-filter__close { display: block; position: fixed; top: 0; right: 0; z-index: 3000; } .catalog-filter__container { padding: 20px; } .main-catalog__filter-btn { display: inline-block; } section.topmenu { -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1); } .mobile-menu__popup__body { max-height: calc(100vh - 82px); overflow-y: auto; } .main-catalog__left .aboutbrand { display: none; } .main-catalog-items.search-results { grid-template-columns: repeat(3, 1ft); } .rr-widget-search { grid-column: auto / span 3; } .rr-widget-special { grid-column: auto / span 3; } .main-catalog-items.search-results .product-item { width: 100%; } .catalog-filter #kombox-filter { width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; } .catalog-filter #kombox-filter .kombox-num .kombox-input { width: 100%; } .catalog-filter .kombox-input__separator { margin: 0 12px; } .main-catalog__mobile-panel, .main-catalog__mobile-panel-inner { display: flex; width: 100%; justify-content: space-between; } .main-catalog__mobile-panel .sorting-select { width: auto; } .main-catalog__mobile-panel .select2-container { margin-right: 0; } .main-catalog__mobile-panel--sticky { position: fixed; left: 0; width: 100%; padding: 8px 12px; z-index: 5; background: #fff; box-shadow: 0px 5px 15px 0px rgba(48, 48, 48, 0.08); box-sizing: border-box; } .main-catalog__mobile-panel--sticky .sorting-select { padding-bottom: 0; } .main-catalog__mobile-panel-inner { max-width: 600px; margin: 0 auto; } } @media (max-width:650px) { section.topmenu a.reg { display: none; } section.topmenu > .container { padding: 0; } section.topmenu .container > div:nth-of-type(3) { margin-right: 0; } .city-select-text { display: none; } .topmenu__mobile-menu { margin-right: 12px; } section.topmenu .container > div.topmenu__city-select { border-right: 0; } .mobile-menu__popup__body { padding: 16px 30px 30px; } .main-catalog__title { font-size: 25px; } .main-catalog-items { -webkit-box-pack: center; -ms-flex-pack: center; /*justify-content: center;*/ justify-content: flex-start; } .main-catalog-items.search-results { grid-template-columns: repeat(2, 1fr); } .rr-widget-search { grid-column: auto / span 2; } .rr-widget-special { grid-column: auto / span 2; } .main-catalog-items.search-results .product-item { width: 100%; } .main-catalog__mobile-panel-inner { max-width: 400px; } } @media (max-width: 768px) { section.topmenu a.reg { display: block; position: fixed; top: 7px; z-index: 60000; right: calc(50% - 48px); padding: 0; width: auto; visibility: hidden; opacity: 0; border-left: none; } section.topmenu a.reg.active { opacity: 1; visibility: visible; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } } @media (max-width:480px) { section.topmenu a.reg { right: 0; margin-right: 30px; } .mobile-menu__popup { width: 100vw; } header .container .main-logo img { width: 100%; } section.topmenu a.cart:after { right: 6px; } .mobile-menu__popup-top-menu ul li { margin-right: 22px; } .main-catalog__description { display: none; } .main-catalog__title { margin-bottom: 0; } section.topmenu .container > div:first-child { width: 50%; } section.topmenu p.gotham, section.topmenu .city { width: 130px; } section.topmenu .mobile-menu__popup-top-menu p.gotham { width: auto; } section.topmenu .container > div:nth-of-type(3) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .main-catalog__mobile-panel-inner { max-width: 100%; } } #citypopup .select:hover div { margin: 0; width: 100%; overflow-y: auto; max-height: calc(100vh - 250px); } #citypopup .select a p, .citypopup .select a p { -webkit-box-sizing: border-box; box-sizing: border-box; } .main-catalog__sorting-block { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-align-items: flex-end; margin-top: 30px; } .main-catalog__sorting-select { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; } .main-catalog__sorting-select .select2-container { margin: 0; padding: 10px 0px; } .main-catalog__sorting-select p { line-height: 1; margin-right: 10px; } .main-catalog__sorting-select .select2-selection--single { height: auto; border:0; } .main-catalog__sorting-select .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .main-catalog__sorting-select .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1; text-transform: none; font-size: 14px; color: #5c82a4; font-family: 'Roboto', Arial, sans-serif; padding-right: 0; } .main-catalog__sorting-select .select2-container--open .select2-dropdown--below, .select2-container { width: auto !important; } .main-catalog__sorting-select .select2-container--default .select2-selection--single { width: auto; padding: 0; margin-left: 0; line-height: 1; padding-right: 20px; } .main-catalog__sorting-select .select2-container--default .select2-selection--single .select2-selection__rendered { border-bottom: 1px solid #b9c6d4; } .main-catalog__sorting-select .select2-container--default .select2-selection--single:hover .select2-selection__rendered { border-bottom: 1px solid rgba(255,255,255,0); } .main-catalog__sorting-select .select2:after { pointer-events: none; position: absolute; display: block; content: ''; width: 10px; height: 6px; background: url(/local/templates/main-new/components/kombox/filter/ajax1/images/arrow.png) no-repeat center center; right: 0; top: 50%; margin-top: -3px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width:1000px) { .main-catalog__tags { width: 100%; margin-bottom: 20px; } .main-catalog__sorting-block { -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width:480px) { .main-catalog__sorting-select { -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; width: 50%; } .main-catalog__tags {} } .container--product-page { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; position: relative; } div.other-brands-list { width: 100%!important; padding: 38px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; padding-bottom: 90px; } .other-brands-list ul { display: block; column-count: 4; } .other-brands-list ul li { position: relative; margin-bottom: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; } .other-brands-list ul li:before { content: '—'; margin-right: 5px; } .other-brands-list ul li a:hover { text-decoration: underline; } @media (max-width:1000px) { .other-brands-list ul {column-count: 3;} } @media (max-width:700px) { .other-brands-list ul {column-count: 2;} } @media (max-width:480px) { .other-brands-list ul {column-count:1;} div.other-brands-list { border: 0; padding: 30px 0 50px 0; } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { background-size: contain; } } .owl-prev, .owl-next { text-indent: -99999px; } #loginform > div:last-child > p, #regform > div:last-child > p { width: auto; } #regform .formtick > p { width: auto; } #store-click-popup .formstroke + .formstroke { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .header-section-buttons { } .luxe_class header { position: relative; background: transparent; } .luxe_class header:after { content:''; display:block; position:absolute; top:-42px; right:0; bottom:0; left:0; z-index: -1; pointer-events: none; background: url(/local/media/static/img/general/luxeheader.png) center center; } .luxe_class .main-menu { background-image: url(/local/media/static/img/general/bg2.jpg); } .luxe_class .main-menu__list-dot { color: #d7bd6d; } body.luxe_class footer, body.luxe_class .footerbanners { background-color: #303030; border-color: #404040; } body.luxe_class footer p { color: #9a9a9a;; } body.luxe_class footer p.header { color: #a79c8b; } body.luxe_class footer .container + .container { border-color: #404040; } body.luxe_class footer .icons img { opacity: .5; } body.luxe_class section.topmenu { border-top: 6px solid #000000; } body.luxe_class section.topmenu a.cart { } div.header-section-buttons { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .popuppos.storeclick { position: fixed; top: 41px; left: 50%; z-index: 90; } .popuppos.storeclick .popup.huge { transform: translateX(-50%); } @media (max-width: 479px) { .popuppos.storeclick { left: 0; } .popuppos.storeclick .popup.huge { transform: none; } } #kombox-filter .kombox-filter-property-name { user-select: none; } .section.storecontent.first { clear: both; } section.topmenu a.reg p { white-space: nowrap; } @media (max-width: 1000px) { .cart__text { display: none; } } @media (max-width: 480px) { section.storecontent.first { margin-bottom: 30px; } section.topmenu a.cart { width: 55px; } section.topmenu span.cartimg { margin-right: 3px; margin-left: 2px; } .main-catalog__sorting-block { margin-top: 20px; } .main-catalog { padding: 20px 0; } .main-catalog__title { margin-top: 10px; } .fancybox-close { top: initial; bottom: -6px; } .select2-container{ z-index: 5; } .select2-container--open { z-index: 800400; width: 140px !important; } .main-catalog__sorting-select .select2-container--open { width: auto !important; } .select2-container--default .select2-results > .select2-results__options { max-height: 50vh; } .topmenu .city p a{ color: #303030 !important; } section.storecontent.second{ margin-top: 30px; } .select2-results__option { line-height: 22px; padding: 9px 0 9px 14px; min-height: 40px; box-sizing: border-box; } .fancybox-close{ top: 40px !important; bottom: auto; right: 28px; background-image: none; } .fancybox-close:before, .fancybox-close:after{ top: 9px; left: 0px; width: 20px; height: 2px; position: absolute; content: ''; display: block; background-color: #303030; } .fancybox-close:before{ transform: rotate(45deg); } .fancybox-close:after{ transform: rotate(-45deg); } .popup .store-click-descr{ margin-bottom: 20px; } .product-item__to-cart{ margin: 0 -14px; } .product-item__to-cart, .product-item__to-compare{ font-size: 12px; } } section.headertext h1, section.headertext h2, section.headertext h3, section.headertext h4, section.headertext .h1, section.headertext .h2, section.headertext .h3, section.headertext .h4 { display: inline-block; border-bottom: 3px solid #c0182f; margin-bottom: -2px; padding-bottom: 15px; font-family: 'Gotham','Roboto',Arial,sans-serif; font-size: 24px; font-weight: 400; line-height: 1.2em; letter-spacing: 1.8px; text-transform: uppercase; } div.modern-page-navigation { margin-bottom: 30px; } /* Ссылка в выпадающем меню */ .main-menu__middle-menu-title a:hover{ text-decoration: underline; } .brand-page-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .brand-page-list__desc { width: 50%; margin-right: 40px; } .brand-page-list__desc p { margin: 15px 0; } .brand-page-list__img { width: 50%; } .brand-page-list__img img { width: 100%; } .brand-banner { max-width: 100%; display: block; margin: 0 0 15px; } .brand-banner img { width: 100%; height: auto; } .brand-page h2 { font-size: 26px; } .brand-collections { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 40px -10px; flex-wrap:wrap; } .brand-collections__item { margin: 30px 10px; width: calc(50% - 20px); } .brand-collections__item-link { display: block; font-family: Gotham; font-size: 20px; color: #5C82A4; text-transform: uppercase; margin-top: 20px; font-weight: 500; } .brand-collections__item img { width: 100%; } .show-more { text-align: center; margin-bottom: 80px; } .show-more a { color: #5C82A4; text-decoration: underline; cursor: pointer; } .show-more a:hover { text-decoration: none; } .brand-products { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .main-title { text-align: center; margin-top: 60px; } section.products .brand-products a.product { width: 25%; margin-bottom: 40px; } @media (max-width:1000px) { section.products .brand-products a.product { width: 50%; } .brand-page-list { flex-direction: column; } .brand-page-list__img { width: 100%; order: -1; margin-bottom: 20px; margin-top: 20px; } .brand-page-list__desc { width: 100%; margin: 0; } } @media (max-width:649px) { .brand-collections__item { width: 100%; } section.products .brand-products a.product { width: 100%; } .brand-container { padding: 0 20px; } .brand-collections__item-link { text-transform: none; } .main-catalog__top-links { max-height: 4.8em; } #popuppos_storeclick { width: 100%; margin-left: 0; z-index: 99999; } section.headertext h2 { font-size: 20px; padding-bottom: 8px; } } .brand-collections__item img { width: 100%; max-height: 280px; object-fit: cover; } section.storecontent.sticky{ padding-top: 0; padding-bottom: 0; } /* Список городов на странице выбора города - /city/ */ .cities-choose{ margin-bottom: 200px; column-count: 4; column-gap: 25px } .cities-choose__item{ margin-bottom: 20px; width: 100%; display: inline-block; } .cities-choose__link{ font-size: 20px; line-height: 20px; } @media (max-width:1000px) { .cities-choose{ column-count: 3; } } @media (max-width:479px) { .cities-choose{ padding-top: 40px; column-count: 2; } .cities-choose__link{ font-size: 16px; } } /* Страница выбранного города */ .lid{ margin-top: 50px; margin-bottom: 50px; font-size: 18px; } .offline-shops{ margin-bottom: 50px; } .offline-shops__header{ margin-bottom: 50px; font-size: 30px; line-height: 1.2em; } .offline-shops__items{ margin-right: -50px; display: flex; flex-wrap: wrap; } @media (max-width:479px) { .offline-shops__items{ margin-right: 0; } .offline-shops__header{ margin-bottom: 50px; font-size: 25px; line-height: 1.2em; } } .offline-shops__item{ margin-bottom: 50px; width: calc(20% - 50px); } .offline-shops__item:not(:last-child){ margin-right: 50px; } .offline-shops__item-img{ margin-bottom: 30px; } .offline-shops__item-img img{ max-width: 100%; } .offline-shops__item-params{} .offline-shops__item-param{} .offline-shops__item-param:not(:last-child){ margin-bottom: 18px; } .offline-shops__item-param a { color: #5790c0; text-decoration: underline; } .offline-shops__item-param a:hover { text-decoration: none; } .offline-shops__item-link{ /* font-weight: 600; */ } a.blue.offline-shops__item-link{ display: inline; } @media (max-width: 1220px){ .offline-shops__item{ margin-bottom: 50px; width: calc(25% - 50px); } } @media (max-width: 1000px){ .offline-shops__item{ margin-bottom: 50px; width: calc(50% - 50px); } } @media (max-width:479px) { .offline-shops{ margin-bottom: 15px; } .offline-shops__item{ margin-bottom: 50px; width: 100%; max-width: 320px; } .offline-shops__item:not(:last-child){ margin-right: 0; } .lid{ margin-top: 30px; margin-bottom: 30px; font-size: 16px; } } /* Блок "Ассортимент магазина" */ .assorts{ padding: 18px 42px 24px; margin: 0 -25px 40px; background-color: #f8f8f8; font-family: Gotham, Roboto, Arial, sans-serif; } .assorts__header{ margin-bottom: 50px; font-size: 26px; font-weight: 600; font-family: Gotham, Roboto, Arial, sans-serif; } .assorts__section:not(:last-child){ margin-bottom: 55px; } .assorts__section-title, .assorts__section-link{ font-size: 16px; font-weight: 600; display: inline-block; font-family: Gotham, Roboto, Arial, sans-serif; } .assorts__section-link{ border-bottom: 2px solid; } .assorts__items{ margin-top: 50px; column-count: 6; column-gap: 25px } .assorts__item{ margin-bottom: 30px; } .assorts__item-counts{ color: #9fa0a0; } .assorts__item-link:hover{ text-decoration: underline; } @media (max-width: 1000px){ .assorts__items{ column-count: 3; /* column-gap: 25px */ } } @media (max-width:479px) { .assorts { padding: 18px 20px 24px; margin: 0 -20px 40px; } .assorts__header{ font-size: 20px; line-height: 1.2em; } .assorts__section-title, .assorts__section-link{ font-size: 14px; } .assorts__items { column-count: 2; } } .why-sale{ background-color: #fff6cf; width: 100%; border: 1px solid #E8E8E8; margin-top: 20px; max-width: 537px; padding: 25px 0 25px 20px; } .why-sale__title{ font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 13px; color: #303030; text-transform: uppercase; margin-bottom: 16px; } .why-sale__desc{ } .credit-popup{ position: fixed; top: 0; left: 0; height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; visibility: hidden; z-index: 100; } .credit-popup--active{ visibility: visible; margin-left: calc(100vw - 100%); margin-right: 0; } .js-blockScroll{ overflow-y: hidden !important; } .credit-popup__content{ background-color: #ffffff; max-width: 416px; border: 1px solid #E8E8E8; box-shadow: 0px 10px 15px rgba(48, 48, 48, 0.08); } .credit-popup__header{ width: 100%; padding: 30px 0 20px; border-bottom: 1px solid #E8E8E8; display: flex; align-items: center; justify-content: space-between; } .credit-popup__header-title{ padding-left: 32px; text-transform: uppercase; font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-style: normal; font-weight: 500 !important; font-size: 14px !important; line-height: 13px; color: #9F9F9F; } .credit-popup__button{ margin-right: 32px; position: relative; } .credit-popup__button{ width: 16px; height: 16px; background-color: transparent; border: none; display: flex; align-items: center; justify-content: center; position: relative; } /*.credit-popup__button > span{*/ /* width: 2px;*/ /* background-color: #000000;*/ /* height: 100%;*/ /* transform: rotate(45deg);*/ /* border-radius: 10px;*/ /*}*/ .credit-popup__button::before{ content: ""; position: absolute; top: 0; width: 2px; background-color: #000000; height: 16px; transform: rotate(45deg); display: block; border-radius: 10px; } .credit-popup__button::after{ content: ""; position: absolute; top: 0; width: 2px; background-color: #000000; height: 16px; transform: rotate(-45deg); display: block; border-radius: 10px; } .credit-popup__main{ padding: 28px 32px; } .credit-popup__main-title{ font-family: 'Roboto', Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #303030; margin-bottom: 16px; } .credit-popup__item{ display: flex; justify-content: space-between; align-items: flex-start; margin-top: 24px; } .credit-popup__item-step{ font-family: 'Roboto', Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #303030; margin-left: 14px; margin-right: 9px; } .credit-popup__item-text{ font-family: 'Roboto', Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #303030; max-width: 192px; } .credit-popup__footer{ background: #F8F5F0; padding: 20px 0px 20px 31px; } .credit-popup__footer-button{ padding: 13px 24px; background: #303030; border-radius: 5px; font-family: Gotham, Arial, sans-serif; font-weight: bold; font-size: 12px; line-height: 11px; color: #FFFFFF; text-transform: uppercase; border: none; } /*гарантия лучшей цены*/ .infoblock-box{ display: flex; justify-content: flex-start; align-items: center; margin: 22px 0 20px; } .best-price{ background: #FFF3F5; border: 1px solid #B81F31; border-radius: 2px; margin-right: 26px; padding: 15px 0 14px 14px; width: 188px; } .best-price__content{ display: flex; justify-content: flex-start; align-items: center; } .best-price__desc{ margin-left: 9px; } .best-price__desc-text{ font-family: Gotham, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 13px; line-height: 14px; text-transform: uppercase; color: #303030; line-height: 1.30769em; } .best-price__desc-button{ font-family: Gotham, Arial, sans-serif; font-weight: 500; color: #B81F31; text-decoration: underline; background-color: transparent; border: none; line-height: 1.30769em; padding: 0; text-transform: uppercase; } /*попап гарантия лучшей цены*/ .best-price-popup{ height: 100vh; width: 100%; position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; overflow-y: scroll; display: none; z-index: 3; } .best-price-popup--active { display: flex; } .best-price-popup__content{ background-color: #ffffff; display: flex; flex-direction: column; align-items: flex-start; width: 416px; box-shadow: 0px 10px 15px rgba(48, 48, 48, 0.08); border: 1px solid #E8E8E8; margin: 20px 15px; } .best-price-popup__header{ display: flex; justify-content: space-between; align-items: center; width: 100%; } .best-price-popup__button-close { background-color: transparent; border: none; margin-right: 31px; } .best-price-popup__button-close > svg { height: 18px; width: 18px; } .best-price-popup__title { font-family: Gotham, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 13px; color: #9F9F9F; margin: 24px 32px; } .best-price-popup__main { border-top: solid 1px #E8E8E8; } .best-price-popup__main-title { font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #303030; padding: 19px 32px 0; } .best-price-popup__form { display: flex; flex-direction: column; align-items: flex-start; padding: 23px 32px 80px; position: relative; } .best-price-popup__form > input[type=text] { border: 1px solid #D9D0C1; height: 48px; width: 100%; padding-left: 19px; font-family: Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #000000; margin-bottom: 19px; } .best-price-popup__form > input[type=tel] { border: 1px solid #D9D0C1; height: 48px; width: 100%; padding-left: 19px; font-family: Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #000000; margin-bottom: 19px; } .best-price-popup__form > input[type=email] { border: 1px solid #D9D0C1; height: 48px; width: 100%; padding-left: 19px; font-family: Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #000000; margin-bottom: 19px; } .best-price-popup__form > input::placeholder { font-family: Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #9F9F9F; } .best-price-popup__form > input[type=checkbox] { width: 0; height: 0; visibility: hidden; } .best-price-popup__form > input.error { border-color: red; } .best-price-popup__checkbox-label { font-family: Arial; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #303030; position: relative; padding-left: 30px; margin-bottom: 25px; } .best-price-popup__checkbox-label--error { color: red; } .best-price-popup__checkbox-label > a { text-decoration: underline; } .best-price-popup__checkbox-label:before { content: ''; display: block; position: absolute; width: 21px; height: 21px; top: 0; left: 0; background: #F6F6F6; } .best-price-popup__checkbox-label:after { content: url("/local/media/img/checkbox--checked.svg"); display: block; position: absolute; opacity: 0; top: 0px; left: 5px; } .best-price-popup__label { font-family: Gotham, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #303030; font-weight: 500; text-transform: uppercase; margin-top: 10px; } .best-price-popup__label:first-child { margin-top: 0; } .best-price-popup__footer { position: absolute; bottom: 0; left: 0; width: 100%; background: #F8F5F0; } .best-price-popup__error { opacity: 0; margin-bottom: 5px; transition: opacity linear 0.3s; } .best-price-popup__error-active { opacity: 1; } .best-price-popup__footer-close{ padding: 15px 28px; font-family: Gotham, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 11px; color: #FFFFFF; background: #303030; border-radius: 5px; text-transform: uppercase; margin: 20px 0 19px 31px; border: none; } .best-price-popup__form-submit.disabled { cursor: not-allowed; opacity: .7; } .best-price-popup__form input[type=checkbox]:checked + .best-price-popup__checkbox-label:after { opacity: 1; } .best-price-popup__main-success { display: none; flex-direction: column; align-items: flex-start; } .best-price-popup__main-header-success { display: flex; width: 100%; align-items: center; border-top: solid 1px #E8E8E8; } .best-price-popup__main-header-success > img { margin: 18px 8px 0 32px; } .best-price-popup__main-title-success { margin-top: 20px; font-family: Gotham, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #303030; } .best-price-popup__main-desc-success { width: 100%; } .best-price-popup__main-desc-success > p { font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #303030; margin:8px 32px 46px;; } .best-price-popup__main-footer-success { background-color: #F8F5F0; width: 100%; } .best-price-popup__button-success { margin:20px 0 20px 32px; padding: 15px 24px; background: #303030; border-radius: 5px; font-family: Gotham, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 12px; line-height: 11px; color: #FFFFFF; border: none; } .best-price-popup__content--active .best-price-popup__main { display: none; } .best-price-popup__content--active .best-price-popup__main-success { display: flex; } .storecontent.second + .tags { padding-top: 10px; } .detail-title { font-family: "Gotham", sans-serif; font-weight: 500 !important; font-size: 20px !important; line-height: 125% !important; padding-bottom: 4px; border-bottom: 3px solid #c0182f; } .tags__content { display: flex; flex-direction: column; align-items: flex-start; padding: 0 36px; } .tags__links { overflow: visible; display: flex; align-items: flex-start; flex-wrap: wrap; margin: 16px -4px 0; } .tags__links .swiper-wrapper { flex-wrap: wrap; } .tags__link-slide { width: auto; } .tags__link { display: block; padding: 5px 10px; margin: 8px 4px 0; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 16px; color: #656565; background: #F8F8F8; border: 1px solid #E8E8E8; border-radius: 20px; transition: background-color linear 0.15s, color linear 0.15s, border-color linear 0.15s; } @media (min-width: 1024px) { .tags__link:hover { background: #B81F31; color: #FFFFFF; border-color: #B81F31; } } @media (max-width: 1023px) { .tags__content { padding: 0; } .infoblock-box { flex-direction: column; align-items: flex-start; } .best-price { margin-bottom: 22px; } .best-price-popup__label { font-size: 12px; } .best-price-popup__form > input[type=text] { margin-bottom: 15px; } .best-price-popup__form > input[type=tel] { margin-bottom: 15px; } .best-price-popup__form > input[type=email] { margin-bottom: 15px; } .best-price-popup__main-title { font-size: 13px; line-height: 17px; padding: 19px 15px 0; } .best-price-popup__form{ padding: 23px 15px 80px; } .best-price-popup__title { margin: 24px 15px; } .best-price-popup__button-close{ margin-right: 15px; } .best-price-popup__footer-close { margin: 20px 0 19px 15px; } } @media (max-width: 767.9px) { .best-price { padding: 11px 18px 10px 14px; width: 209px; } .basket__count--inside { justify-content: flex-start; } .best-price-popup__content { max-height: 430px; width: 95%; margin: 0 auto; max-width: 416px; } .best-price__desc-text { line-height: 14px; } .best-price__desc-button { line-height: 14px; } .best-price__desc { margin-left: 18px; } .best-price-popup__content { max-width: 288px; height: 100%; max-height: 1000px; } .best-price-popup__label { margin-top: 4px; } .best-price-popup__button-close > svg { height: 12px; width: 12px; } .best-price-popup__main-title { padding: 21px 16px 0; } .best-price-popup__form { padding: 23px 16px 80px; } .best-price-popup__form > input[type=text] { font-size: 14px; height: 40px; padding-left: 16px; } .best-price-popup__form > input[type=tel] { font-size: 14px; height: 40px; padding-left: 16px; } .best-price-popup__form > input[type=email] { font-size: 14px; height: 40px; padding-left: 16px; } .best-price-popup__checkbox-label { font-size: 12px; line-height: 16px; } .best-price-popup__checkbox-label:after { top: 3px; } .best-price-popup__title { margin: 22px 16px; } .best-price-popup__main-header-success > img { margin: 15px 8px 0 16px; } .best-price-popup__main-title-success { margin-top: 14px; } .best-price-popup__main-desc-success > p { margin: 8px 16px 43px; } .best-price-popup__button-success { margin: 16px 0 16px 16px; padding: 15px 32px; } section.storecontent .delivery { padding: 11px 18px 10px 52px; width: 173px; line-height: 14px; } .best-price-popup { overflow-y: scroll; } .best-price-popup--active { display: block; } .best-price-popup > form { margin: 100px auto 100px; } .credit-popup { overflow-y: scroll; } .credit-popup--active { display: block; } .credit-popup__content { max-width: 280px; width: 280px; margin: 100px auto 100px; } .credit-popup__header { padding: 30px 20px 20px; width: auto; } .credit-popup__header-title { padding-left: 0; } .credit-popup__button { margin-right: 0; margin-left: 43px; } .credit-popup__main { padding: 27px 20px; } .credit-popup__main-title { margin-bottom: 0; } .credit-popup__item:nth-child(2) { margin-top: 12px; } .credit-popup__item { justify-content: flex-start; flex-direction: column; align-items: flex-start; margin-top: 31px; } .credit-popup__item-step { margin-top: 11px; margin-right: 0; margin-left: 0; } .credit-popup__item-text { margin-top: 8px; } .credit-popup__footer { padding: 20px; } .price-block--fix-line { display: flex !important; flex-direction: column; align-items: flex-start; } } @media screen and (max-width: 649px) { .detail-title { font-size: 20px !important; line-height: 125% !important; } .tags { padding-bottom: 49px; } .tags__links .swiper-wrapper { flex-wrap: nowrap; } .tags__links-wrapper { width: 100%; } .tags__links .slick-list { overflow: visible; width: calc(100% + 40px); margin-left: -20px; padding: 0 20px 15px; } .tags__link { padding: 7px 14px; } } .subcategories { padding: 64px 0; } .subcategories + .headertext { padding-top: 0; } .subcategories > .container { padding: 0; } .subcategories__content { display: flex; flex-direction: column; align-items: flex-start; } .subcategories__row { display: flex; margin: 32px -12px 0; } .subcategories__row:first-child { margin-top: 0; } .subcategories__item { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; cursor: pointer; margin: 0 12px; } .subcategories__item-image { display: flex; align-items: center; justify-content: center; width: 177px; height: 177px; background-color: #F2F2F2; border-radius: 10px; } .subcategories__item-image picture{ display: flex; } .subcategories__item-image img { width: 100%; height: 100%; max-width: 137px; max-height: 137px; object-fit: cover; object-position: center; } .subcategories__item-title { margin-top: 24px; font-family: "Gotham", 'Arial', sans-serif; font-weight: 500; font-size: 14px; line-height: 120%; text-transform: uppercase; transition: color linear .15s; } @media screen and (min-width: 1024px) { .subcategories__item:hover { color: #c2182f; } } @media screen and (max-width: 1220px) { .subcategories { padding: 32px 0 81px; } .subcategories__item-image { width: 145px; height: 145px; } .subcategories__item-image img { max-width: 112px; max-height: 112px; } } @media screen and (max-width: 1000px) { .subcategories { padding: 16px 0 32px; } .subcategories > .container { padding: 0 20px; } .subcategories__content { flex-direction: row; } .subcategories__row { flex-direction: column; align-items: flex-start; justify-content: flex-start; margin: 0 8px 0 0; width: 100%; } .subcategories__row:last-child { margin-right: 0; } .subcategories__item { flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; padding: 8px 10px; margin: 8px 0 0; border-radius: 0; background-color: #F2F2F2; } .subcategories__item:first-child { margin-top: 0; } .subcategories__item-image { width: 32px; height: 32px; background-color: transparent; } .subcategories__item-image img { max-width: 32px; max-height: 32px; } .subcategories__item-title { margin-top: 0; margin-left: 10px; } } @media screen and (max-width: 650px) { .subcategories { padding: 16px 0 32px; } .subcategories > .container { padding: 0; } .subcategories__item-title { font-size: 12px; } } section.storecontent .cols .photogallery-block-wrapper{ display: flex; flex-direction: column; } .hidden { opacity: 0; } .overflow-hidden { overflow: hidden; height: 100vh; } .phone-links a { color: #45749c; text-decoration: underline; } .phone-links a:hover { text-decoration: none; } /* End */ /* Start:/bitrix/components/bitrix/sale.location.selector.search/templates/.default/style.css?16678901396417*/ /* absolute path to images is required to make crm-sale proxy work */ .bx-sls .dropdown-block { border: 1px solid #bdbdbd; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px #ebebeb; box-shadow: inset 0 1px 2px #ebebeb; font-size: 14px; padding: 0 22px 0 30px; position: relative; background-color: #fff; } .bx-sls .dropdown-block-ui { font-size: 14px; padding: 0 22px 0 30px; position: relative; background-color: #fff; margin-top: 5px; } .bx-sls .dropdown-arrow { background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/dropdown-errow.png) no-repeat center center; height: 100%; top: 0; right: 0; position: absolute; width: 22px; } .bx-sls .bx-ui-sls-container { overflow: hidden; min-height:25px; } .bx-sls .bx-ui-sls-pane { border: 1px solid #bdbdbd; border-radius: 2px; -webkit-box-shadow: 0 2px 3px #c7c7c7; box-shadow: 0 2px 3px #c7c7c7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; max-height: 200px; overflow-y: auto; left: 0; top: 35px; padding: 5px 5px 3px 5px; position: absolute; width: 100%; } .bx-sls .dropdown-active .bx-ui-sls-pane { display: block; } .bx-sls .bx-ui-sls-variants { list-style: none; margin: 0; padding: 0; } .bx-sls .dropdown-item { border-radius: 2px; padding: 7px 4px 7px 10px; margin-bottom: 2px; } .bx-sls .dropdown-item:hover { background-color: #f1f3f5; cursor: pointer; } .bx-sls .dropdown-img { border: none; display: inline-block; height: 12px; margin: 3px 12px 0 0; vertical-align: top; width: 16px; } .bx-sls .dropdown-item-text { /*makeup:color: #212121;*/ color: #aba8ac; display: inline-block; /*max-width: 220px;*/ /*silly limitation*/ vertical-align: top; } .bx-sls .dropdown-item-text span{ color: #25282c; } .bx-sls .dropdown-list-title { border-bottom: 1px solid #e5e5e5; height: 37px; line-height: 37px; padding-left: 8px; } .bx-sls .dropdown-icon { background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/lens.png) no-repeat center center; height: 14px; left: 10px; position: absolute; top: 10px; width: 14px; } .bx-sls .quick-locations{ margin-bottom: 5px; } .bx-sls .quick-location-tag { background-color: #f2f5f8; border: 1px solid #cad3dc; border-radius: 3px; color: #1e55b9; display: inline-block; font-size: 15px; height: 27px; line-height: 26px; margin: 0 3px; padding: 0 14px; text-decoration: none; margin-bottom: 10px; } .bx-sls .quick-location-tag:hover{ background-color: #fafafa; } .bx-sls .dropdown-fade2white{ width: 46px; height: 31px; position: absolute; top: 2px; right: 0; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bx-sls .bx-ui-sls-clear{ background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -3386px no-repeat scroll; width: 30px; height: 30px; cursor: pointer; cursor: hand; margin-top: 2px; position: absolute; top: 0px; right: 0px; display: block; } .bx-sls .bx-ui-sls-clear:hover{ background-position: 6px -3418px; } .bx-sls .bx-ui-sls-loader{ background-image: url(/bitrix/panel/main/images/waiter-white.gif) !important; background-repeat: no-repeat !important; background-position: right -1px !important; width: 30px; height: 30px; position: absolute; top: 3px; right: 2px; display: none; } .bx-sls .bx-ui-sls-go-edit{ display: none; } .bx-sls .bx-ui-sls-pane{ max-height: 300px; } .bx-sls input::-ms-clear { display: none; } .bx-sls input[type="text"]{ position: relative; } .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route { position: absolute !important; top: 0; left: 0; color: #000 !important; opacity: 1 !important; background: transparent !important; border: none !important; box-shadow: none !important; padding:0 22px 0 0 !important; background-position: right 1px; background-repeat: no-repeat; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); font-size: 14px; height: 33px; width: 100%; outline: none; z-index:10; } .bx-sls .bx-ui-sls-route{ color: #aba8ac !important; z-index:5; } .bx-sls .bx-ui-sls-pane{ background-color: #fff; z-index: 999; border: 1px solid #87919c; } .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .bx-sls .bx-ui-sls-error{ padding: 10px 10px; } .bx-sls .bx-ui-sls-error{ color: #ff2222; padding-left: 30px; position: relative; } .bx-sls .bx-ui-sls-error div{ position: absolute; top: 0px; left: 0px; width: 25px; height: 25px; background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -2895px no-repeat scroll; } .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover, .bx-sls .bx-ui-sls-variant-active{ background-color: #E0E8EA; } .adm-sls-edit-link{ margin-top: 10px; } /* CSS-modes below: admin, public; */ .bx-admin-mode .bx-sls-go-edit{ margin-left: 10px; display: none; } .bx-admin-mode .dropdown-block { border-color: #87919c #959ea9 #9ea7b1; border-radius: 4px; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(180, 188, 191, 0.7) inset; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(180, 188, 191, 0.7) inset; height: 25px; } .bx-sls.bx-admin-mode .bx-ui-sls-fake, .bx-sls.bx-admin-mode .bx-ui-sls-route { height: 25px; } .bx-admin-mode .dropdown-icon { top: 7px; } .bx-admin-mode .dropdown-fade2white { height: 22px; } .bx-admin-mode .dropdown-fade2white { right: 1px; } .bx-admin-mode .bx-ui-sls-clear { background-position: 6px -3389px; height: 22px; } .bx-admin-mode .bx-ui-sls-clear:hover{ background-position: 6px -3421px; } .bx-admin-mode .bx-ui-sls-loader { background-position: right -4px !important; height: 21px; } .bx-admin-mode .bx-ui-sls-pane { top: 27px; } /* End */ /* Start:/local/components/local/plait.modal/templates/.default/style.css?174340636812387*/ /* * bnpl-modal */ .bnpl-modal { position: fixed !important; left: 0; right: 0; top: 0; bottom: 0; background: rgba(63, 63, 63, 0.85); padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; pointer-events: none; opacity: 0; transition: opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946); z-index: 100; } .bnpl-modal--open { pointer-events: auto; opacity: 1; transition: opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); } .bnpl-modal-wrapper { height: 100%; margin: 0; background: #ffffff; overflow: hidden; } .bnpl-modal__scroll { top: 80px; bottom: 0; position: absolute; } .bnpl-modal-wrapper::-webkit-scrollbar { width: 0; padding-right: 0; } .bnpl-modal-wrapper::-webkit-scrollbar { width: 0; padding-right: 0; } .bnpl-modal-wrapper::-webkit-scrollbar-thumb { background: transparent; opacity: 0.5; border-radius: 4px; } .bnpl-modal .bnpl-modal__header { position: absolute; position: sticky; top: 0; left: 0; right: 0; z-index: 10; padding: 0 16px; height: 64px; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.92) 38.82%, rgba(255, 255, 255, 0) 100% ); display: flex; justify-content: space-between; align-items: center; } .bnpl-modal .bnpl-modal__close { display: block; width: 32px; height: 32px; position: relative; padding: 0; background-color: transparent; border: 1px solid #f1f1f1; border-radius: 8px; white-space: nowrap; overflow: hidden; text-indent: 300px; cursor: pointer; transition: background-color 0.3s ease; } .bnpl-modal .bnpl-modal__close::before { content: ''; display: block; width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m15.146%204.399%201.132%201.131L5.53%2016.278l-1.132-1.131z%22%2F%3E%3Cpath%20d%3D%22M5.53%204.4%204.398%205.53%2015.146%2016.28l1.132-1.132z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A) no-repeat center / cover; pointer-events: none; color: #4a4a4a; } .bnpl-modal .bnpl-modal__close:hover { background-color: #f1f1f1; } .bnpl-modal .bnpl-modal__body { display: flex; flex-direction: column; padding: 104px 16px 0; } @supports (position: sticky) { .bnpl-modal .bnpl-modal__body { padding-top: 16px; } } .bnpl-modal .bnpl-banks-label { padding: 8px 16px; margin: 0 0 24px; display: flex; align-items: center; font: normal 500 14px/18px "Roboto", sans-serif; color: #000000; background: #f4f7ff; border-radius: 30px; align-self: flex-start; } .bnpl-modal .bnpl-banks-label__logotypes { display: flex; white-space: nowrap; font: 400 12px/24px "Roboto", sans-serif; color: #808080; margin-left: 20px; } .bnpl-modal .bnpl-banks-label__logo { display: block; width: 24px; height: 24px; position: relative; margin-left: -8px; } .bnpl-modal .bnpl-modal__title { font: 700 28px/34px "Montserrat", sans-serif; padding: 0; margin: 0 0 24px; } .bnpl-modal .bnpl-modal-features { padding: 0; margin: 0 0 24px; list-style: none; } .bnpl-modal .bnpl-modal-features__item { display: flex; align-items: center; padding: 20px 0; margin: 0; border-bottom: 1px solid #f1f1f1; } .bnpl-modal .bnpl-modal-features__item p { padding: 0; margin: 0; font: 400 16px/24px "Roboto", sans-serif; } .bnpl-modal .bnpl-modal-features__icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 8.72727px; margin-right: 24px; background: var(--bnpl-main-color-light); color: var(--bnpl-main-color); } .bnpl-modal .bnpl-modal-spoiler { border: 1px solid #f1f1f1; border-radius: 24px; margin-bottom: 32px; } .bnpl-modal .bnpl-modal-spoiler__header { display: flex; align-items: center; justify-content: space-between; padding: 24px; position: relative; color: #333333; cursor: pointer; } .bnpl-modal .bnpl-modal-spoiler__header-text { font: 600 17px/25px "Montserrat", sans-serif; padding-right: 24px; transition: padding 0.3s ease; } .bnpl-modal .bnpl-modal-spoiler__header::after { content: ""; display: block; width: 32px; height: 32px; border: 0.8px solid #f1f1f1; border-radius: 8px; color: #000000; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%207.736a.8.8%200%200%200-1.128%200L10%2010.568%207.168%207.736A.8.8%200%201%200%206.04%208.872l3.392%203.392a.8.8%200%200%200%201.136%200L14%208.872a.801.801%200%200%200%200-1.136Z%22%2F%3E%3C%2Fsvg%3E) no-repeat center / 20px; transition: all 0.3s ease; } .bnpl-modal .bnpl-modal-spoiler--open .bnpl-modal-spoiler__header::after { background-color: #f1f1f1; transform: rotateX(180deg); } .bnpl-modal .bnpl-modal-spoiler__body { padding: 0 23px 0; max-height: 0; overflow: hidden; transition: opacity 0.3s ease, max-height 0.3s ease; opacity: 0; } .bnpl-modal .bnpl-modal-spoiler--open .bnpl-modal-spoiler__body { opacity: 1; } .bnpl-modal .bnpl-modal__questions { padding: 0 0 23px; margin: 0; } .bnpl-modal .bnpl-modal__question { padding: 0; margin: 0 0 12px; font: 600 16px/24px "Montserrat", sans-serif; color: #333333; } .bnpl-modal .bnpl-modal__answer { margin: 0 0 25px; padding: 0; font: 400 16px/24px "Roboto", sans-serif; color: #333333; } .bnpl-modal .bnpl-modal__answer:last-child { margin: 0; } .bnpl-modal .bnpl-modal-footer { display: flex; flex-direction: column; align-items: center; padding: 24px 0; color: #333333; border-top: 1px solid #f1f1f1; } .bnpl-modal .bnpl-modal-footer p { font: 400 14px/16px "Roboto", sans-serif; padding: 0; margin: 0 0 4px; } .bnpl-modal .bnpl-modal-footer__phone { margin: 0 0 4px; font: 700 18px/24px "Montserrat", sans-serif; color: #333333; text-decoration: none; } .bnpl-modal .bnpl-modal-footer__site { font: 400 18px/24px "Roboto", sans-serif; color: #333333; text-decoration: none; } .bnpl-modal .bnpl-modal-footer__phone:hover, .bnpl-modal .bnpl-modal-footer__site:hover { text-decoration: none; } /*bnpl-schedule-calc*/ .bnpl-modal .bnpl-schedule-calc { display: flex; flex-direction: column; padding: 24px 16px; margin: 0 0 24px; border: 1px solid #f1f1f1; box-shadow: 0px 14px 14px rgba(116, 116, 116, 0.09); border-radius: 16px; } .bnpl-modal .bnpl-schedule-calc__title { margin: 0 0 24px; font: 600 18px/24px "Montserrat", sans-serif; color: #2e2e2e; } .bnpl-modal .bnpl-schedule-calc__payments { display: flex; } .bnpl-modal .bnpl-schedule-calc__others { display: flex; flex-direction: column; flex-grow: 1; } .bnpl-modal .bnpl-schedule-calc__today { max-width: 28.571%; margin-right: 10px; } .bnpl-modal .bnpl-schedule-calc__part { display: none; } .bnpl-modal .bnpl-schedule-calc__today, .bnpl-modal .bnpl-schedule-calc__part { flex-grow: 1; flex-shrink: 1; } .bnpl-modal .bnpl-schedule-calc__lines { width: 100%; display: flex; } .bnpl-modal .bnpl-schedule-calc__today, .bnpl-modal .bnpl-schedule-calc__part:not(:last-child), .bnpl-modal .bnpl-schedule-calc__lines div:not(:last-child) { margin-right: 12px; } .bnpl-modal .bnpl-schedule-calc__lines--many div:not(:last-child) { margin-right: 8px; } .bnpl-modal .bnpl-schedule-calc__today::before, .bnpl-modal .bnpl-schedule-calc__part::before, .bnpl-modal .bnpl-schedule-calc__lines div { content: ""; display: block; height: 6px; border-radius: 20px; margin-bottom: 12px; background: var(--bnpl-secondary-color); } .bnpl-modal .bnpl-schedule-calc__today::before, .bnpl-modal .bnpl-schedule-calc__part::before { width: 100%; } .bnpl-modal .bnpl-schedule-calc__today::before { background: var(--bnpl-main-color); } .bnpl-modal .bnpl-schedule-calc__lines div { flex-grow: 1; } .bnpl-modal .bnpl-schedule-calc__part--combined::before { display: none; } .bnpl-modal .bnpl-schedule-calc__descr { margin: 0 0 4px; padding: 0; font: 400 12px/16px "Roboto", sans-serif; color: #808080; } .bnpl-modal .bnpl-schedule-calc__sum { font: 600 14px/20px "Montserrat", sans-serif; color: #333333; white-space: nowrap; } @media (min-width: 620px) { .bnpl-modal-wrapper { border-radius: 32px; height: calc(100% - 100px); width: 594px; margin: auto; transform: scale(0.9); transition: transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946); } .bnpl-modal--open .bnpl-modal-wrapper { transition: transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); } .bnpl-modal .bnpl-modal__close { width: 40px; height: 40px; border-radius: 12px; background-position: center; background-size: 19px 19px; } .bnpl-modal .bnpl-modal__close::before { width: 19px; height: 19px; } .bnpl-modal .bnpl-modal__header { padding-left: 32px; padding-right: 32px; height: 88px; } .bnpl-modal .bnpl-modal__body { padding-top: 20px; padding-left: 32px; padding-right: 32px; } .bnpl-modal .bnpl-modal__title { line-height: 38px; } .bnpl-modal .bnpl-banks-label__logotypes { margin-left: 32px; } .bnpl-modal .bnpl-schedule-calc { padding: 32px; margin-bottom: 40px; } .bnpl-modal .bnpl-schedule-calc__title { font-size: 18px; line-height: 24px; margin-bottom: 32px; } .bnpl-modal .bnpl-schedule-calc__part { display: block; } .bnpl-modal .bnpl-schedule-calc__others { display: none; } .bnpl-modal .bnpl-schedule-calc__today, .bnpl-modal .bnpl-schedule-calc__part:not(:last-child) { margin-right: 16px; } .bnpl-modal .bnpl-schedule-calc__today::before, .bnpl-modal .bnpl-schedule-calc__part::before { height: 6px; margin-bottom: 16px; } .bnpl-modal .bnpl-schedule-calc__descr { margin-bottom: 8px; } .bnpl-modal .bnpl-schedule-calc__sum { font-size: 24px; line-height: 1; } .bnpl-modal .bnpl-modal-features { margin: 0 0 40px; } .bnpl-modal .bnpl-modal-features__item { padding: 24px 0; min-height: 44px; } .bnpl-modal .bnpl-modal-features__icon { width: 44px; height: 44px; border-radius: 12px; } .bnpl-modal .bnpl-modal-features__icon svg { width: 24px; height: 24px; } .bnpl-modal .bnpl-modal-features__item p { font-size: 18px; line-height: 26px; } .bnpl-modal .bnpl-modal-spoiler { margin-bottom: 72px; } .bnpl-modal .bnpl-modal-spoiler__header-text { font-size: 18px; line-height: 26px; } .bnpl-modal .bnpl-modal-spoiler__header::after { width: 40px; height: 40px; background-size: 24px; } .bnpl-modal .bnpl-modal-spoiler--open .bnpl-modal-spoiler__header { padding-bottom: 32px; } .bnpl-modal .bnpl-modal-footer { padding: 32px 0; } .bnpl-modal .bnpl-modal-footer p { margin-bottom: 8px; font-size: 18px; line-height: 26px; } .bnpl-modal .bnpl-modal-footer__phone { margin-bottom: 8px; font-size: 28px; line-height: 38px; } .bnpl-modal .bnpl-modal-footer__site { font-size: 24px; line-height: 28px; } } /* End */ /* Start:/local/media/css/dev.css?1743406415165680*/ @keyframes flareAnimation { 0% { left: -150%; } 100% { left: 150%; } } .h3, .h4, .h5, .h6, h3, h4, h5, h6 { font-size: 21px !important; font-weight: 400 !important; line-height: 1.19048em !important; } [hidden] { display: none !important } p.err { text-transform: none !important; padding: 5px; color: red !important; } section.filters a.logo { width: 93px; } .new-preview:hover { border: 2px solid #dadada; padding: 18px; width: 490px; } .next-new, .prev-new, .all-news-link, .next-vacancy a { text-decoration: none !important; } .next-new:hover, .prev-new:hover, .all-news-link:hover, .next-vacancy a:hover { text-decoration: underline !important; } div#map { width: 100%; height: 100%; min-height: 350px; } .container .container { padding: 0 !important; } div#bxdynamic_basket { display: initial; } /* For modern browsers */ .clear_fix:before, .clear_fix:after { content: ""; display: table; } .clear_fix:after { clear: both; } /* ��� IE6-7 */ .clear_fix { zoom: 1; } .container.cols.patch { display: flex; justify-content: space-between; } .container.cols.patch > div { width: initial; } .notetext { min-height: 300px; color: black; font-size: 16px; } .notetext a { color: blue; text-decoration: underline; } div.priipala { position: relative; z-index: 5; } div.priipala.active { position: fixed; top: 0; left: 0; width: 100%; } .searchList a { color: #45749c; font-size: 15px; font-weight: 500; display: inline-block; } .searchList a:hover { text-decoration: underline; } .searchList { margin-top: 20px; } .searchList p { margin-bottom: 10px; } .search h1 { display: none !important; } .remove_btn { background: url("/local/media/css/../img/delete.png"); width: 23px; height: 23px; opacity: 0; cursor: pointer; } .fifth-column { display: flex; align-items: center; } .a-row:hover .remove_btn { opacity: 0.5; } .a-row:hover .remove_btn:hover { opacity: 1; } .col_4_patch .col3-grid { margin: 0 !important; width: 100%; } .col_4_patch .col3-grid .shop-item { width: 25%; } .single-new-content > div { width: 100%; max-width: 500px; color: #252525; font-size: 13px; font-weight: 400; line-height: 20px; padding-bottom: 10px; } .shipping-payment-body .citypopup { position: absolute; width: 320px !important; top: -1px; left: 0; z-index: 2; } .select__options { max-height: 300px; overflow-y: scroll; } .citypopup--off { display: none; } .hidden { overflow: hidden; } span#inline-city { font-size: 18px; margin-left: 18px; font-size: inherit; } .history-waypoints-inner { font-size: 14px; line-height: 1.7em; } .modern-page-navigation { font-size: 16px; } .single-new a { color: #45749c; } .single-new a:hover { color: #45749c; text-decoration: underline; } body *::selection { background-color: blue; color: white; } .patch_filter_wp { display: flex; } .patch_filter_6_column { width: 17.5%; } .old_site_wp { padding: 20px 0px; text-transform: uppercase; text-align: center; } .old_site_wp a { color: #ae162b; font-weight: 500; } .card-number-wrap { margin-bottom: 30px; } .popup form > div { padding: 20px 30px; } .patch__basket-one-click-wp .popuppos { position: fixed; top: 50%; left: 50%; /*margin-left: -235px;*/ z-index: 1000; } .characteristics { } .characteristics__box { color: #303030; } .service-price-table tr { height: 42px; border-right: 1px solid #B3B3B3; border-left: 1px solid #B3B3B3; } .service-price-table td.all-borders { border-right: 1px solid #B3B3B3; border-left: 1px solid #B3B3B3; } .service-price-table td { padding: 8px 22px; background-color: #FFFFFF; /*border: 1px solid #B3B3B3;*/ } .service-price-table td b, strong { font-family:'Gotham', sans-serif; font-weight: 900; font-size: 11px; line-height: 125%; color: #000000; text-transform: uppercase; } .service-price-table .align-left { padding-left: 22px; text-align: center; } @media (max-width: 767px) { .patch__basket-one-click-wp .popuppos { left: auto !important; } } .modern-page-navigation { text-align: center; } .bx-changepass-table input { font-family: "Gotham", "Roboto", Arial; font-size: 11px; font-weight: 500; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 70%; height: 40px; padding-left: 10px; text-transform: uppercase; border: 1px solid #d9d0c1; width: 300px; } /*form > .formItem {*/ /*display: flex;*/ /*justify-content: space-between;*/ /*width: 450px;*/ /*margin-bottom: 30px;*/ /*align-items: center;*/ /*}*/ .jsProfileForm .left, .jsProfileForm .right { display: inline-block; width: 400px; margin-right: 50px; } .jsProfileForm .formItem { /*display: flex;*/ justify-content: space-between; } .jsProfileForm { border: 1px solid #cc8a93; background-color: #fdf4f5; padding: 50px; } .jsProfileForm label { font-size: 13px; font-weight: 500; margin-bottom: 10px; text-transform: uppercase; line-height: 40px; } .jsProfileForm input[type="text"], .jsProfileForm input[type="password"] { border: 1px solid #cc8a93; background-color: #fff; height: 40px; padding-right: 10px; padding-left: 10px; width: 100%; } .jsProfileForm input:disabled { background-color: #f3f3f3; color: #303030; cursor: not-allowed; } .jsProfileForm .formFooter{ display: flex; align-items: center; } .jsProfileForm .input .errorDescription{ color: red; } .jsProfileForm .successMessageContainer{ margin-left: 20px; } .userForm { position: relative; } .userForm__success { width: 100%; height: 100%; display: flex; flex-direction: column; row-gap: 16px; background: white; position: absolute; top: 0; left: 0; z-index: -9999; opacity: 0; visibility: hidden; overflow: hidden; transition: opacity 0.3s ease; } .userForm__success.active { z-index: 2; opacity: 1; visibility: visible; transition: opacity 0.3s ease; } .userForm__success-text { color: #303030; font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 20px; line-height: 120%; text-transform: uppercase; } .formItem .jsInput { padding: 0; } .formFooter { margin-top: 20px; } a.resetButton.jsReset { display: none; } .formFooter .button input { background: rgba(245, 245, 220, 0); } .history-of-brand-wrapper a { color: #45749c; text-decoration: underline; } .history-of-brand-wrapper a:hover { text-decoration: none; } .patch_flex_columns { display: flex; } .patch_flex_columns li { width: 100% !important; max-width: 100% !important; } .vacancy-one-wrapper p a { text-decoration: underline; color: #45749c; } @media (max-width: 479px) { .container.cols.patch { display: block; } } .js__tab-content--hidden { display: none; } input.input.error { border-color: #c2182f; } .checkbox.error { border: 1px solid #c2182f; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .sale-lable { white-space: nowrap; max-width: 200px; padding: 5px 15px; box-sizing: border-box; height: 38px !important; line-height: 32px; } .collection-name { line-height: 1.4 !important; } /* Делит брэнд и наименование коллекции в детальной странице */ .name--separated { display: flex; flex-direction: column; align-items: flex-start; } .collection-name--span { font-family: Gotham, Roboto, Arial; font-style: normal; font-weight: normal; font-size: 20px; line-height: 120%; color: #303030; } .input--dark-color{ color: #000000 !important; } .name3--margined { line-height: 120%; margin-top: 21px; } @media (max-width: 768px) { .collection-name--span { font-size: 16px; } .name3--margined { margin-top: 14px; } } /* Делит брэнд и наименование коллекции в детальной странице КОНЕЦ*/ .shop-city:before { top: 0 !important; } .new-lable { line-height: 30px !important; } .lider-lable { line-height: 20px !important; } .popup { width: 410px !important; } .lider-lable + .sale-lable { margin-top: 40px; } .sale-lable { width: 90px; } .registration-form-wrapper .in-total-wrapper .round-button.disabled { text-decoration: none; cursor: default; opacity: 0.5; } .choose-city-name { font-weight: normal; } .chosen-city-name { font-weight: bold; } .sorting-select { padding-top: 20px; padding-bottom: 20px; } .sorting-select .select2 .selection .select2-selection { border-color: #dedede; } .sorting-select .select2 .selection .select2-selection .select2-selection__arrow { background: url(/local/media/static/img/general/selectsearch.png) center no-repeat; } .drugie-adaptive-mobile { display: none; } @media (max-width: 1000px) { .container.cols.patch.patch__no_clear { flex-direction: column; } .drugie-adaptive-mobile { display: block; padding: 10px 0 !important; } .smalltabs { min-height: 0 !important; } } #drugie-adaptive { display: none; } .bx_my_order_cancel textarea { font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #cc8a93; } .other-brand--full-width { width: 100% !important; } @media (max-width: 1000px) { .product-sidebar--fl-r { float: none !important; } } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after { display: block; content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform: scaleX(5); } .product-sidebar .columns-headers { width: 100%; } section.headertext { float: none; } section.headertext.sticky{ padding-top: 0; } @media (max-width: 479px){ section.headertext.sticky{ margin-top: 40px; } .container.wide-mobile{ padding: 0; } } p.list-of-cards { clear: both; } .shops-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; justify-content: center; width: 100%; } .shops-block__item { padding: 20px; margin: 10px; width: calc(33% - 20px); box-sizing: border-box; border: 1px solid #e4e4e4; } .shops-block__item-title { margin-bottom: 12px; font-size: 15px; line-height: 1.6; font-weight: bold; text-align: center; } .shops-block__item-content ul { list-style: none; margin-bottom: 10px; } .shops-block__item-content ul li { position: relative; padding-left: 15px; margin-bottom: 10px; } .shops-block__item-content ul li:last-child { margin-bottom: 0; } .shops-block__item-content ul li:before { margin: 0; content: ""; display: block; position: absolute; top: 5px; left: 1px; width: 5px; height: 5px; background: #c0182f; } .shops-block-empty { text-align: center; margin: 40px; font-size: 18px; } @media (max-width: 1024px) { .shops-block__item { width: 100%; margin: 0; margin-bottom: 20px; } } @media (max-width: 1000px) { .shops-wrapper .col3-grid { flex-wrap: wrap; } .shops-wrapper .shop-item { width: 100% !important; } .big-container .container { width: 90vw; } .repair-difficulty li { width: 90% !important; } .big-container img { width: auto !important; } } @media (max-width: 800px) { .repair-difficulty { column-count: 3 !important; } .repair-difficulty li { margin-left: 0 !important; } } .collection-name { white-space: nowrap; width: auto; } section.storecontent .photo { display: block; } .mfp-bg { opacity: 0; background: #000; transition: all 0.6s; } .mfp-bg.mfp-ready { opacity: 0.6; } .mfp-bg.mfp-removing { opacity: 0; } .mfp-wrap .mfp-content { opacity: 0; transition: all 0.5s; } .mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-arrow:before, .mfp-arrow:after { content: none; } button.mfp-arrow { margin-top: 0; top: 40px; bottom: 40px; height: calc(100% - 80px); width: 40%; background: transparent; opacity: 0; } .mfp-arrow-left { } button.mfp-arrow:active { margin-top: 0; } button.mfp-arrow:after { content: ""; display: block; position: absolute; top: 50%; background-image: url(/local/media/img/fancybox_sprite.png); width: 36px; height: 34px; margin: 0; left: inherit; right: inherit; margin-top: -18px; cursor: pointer; border: 0; background-position: 0 -72px; right: 20px; } button.mfp-arrow-left:after { right: inherit; left: 20px; transform: scaleX(-1); } .mfp-close { cursor: pointer !important; } section.storecontent .cols > div { vertical-align: top !important; } section.storecontent .dopinfo-cols > div:first-child { width: 60% !important; } @media (max-width: 1000px) { section.storecontent .dopinfo-cols > div:first-child { width: 100% !important; } } footer .icons{ margin-top: 0; } footer .bottomtext{ display: flex; justify-content: flex-end; align-items: center; } footer .bottomtext .row { padding: 50px 0 0; display: flex; justify-content: flex-end; } .copyright-adict { margin-left: 15px; color: #ffd0d0; display: flex; } @media (max-width: 1000px) { footer .bottomtext{ flex-wrap: wrap; align-items: flex-start; } .copyright-adict{ margin-top: 20px; } } .copyright-adict__link { margin: 0 3px 0 0; color: #ffd0d0; border: none; } .copyright-adict__svg-icon { margin: 0 0 0 3px; } #citypopup, .citypopup { top: 35px; } @media (max-width: 1000px) { #citypopup, .citypopup { top: 35px !important; } } @media (max-width: 650px) { section.topmenu .city #citypopup { top: 41px; left: 50%; transform: translate(-50%); position: fixed !important; } section.topmenu .city > p:hover + #citypopup, section.topmenu .city #citypopup:hover { display: block; } } @media (max-width: 600px) { footer .bottomtext{ justify-content: flex-start; } .copyright-adict { margin-left: 0px; margin-top: 20px; width: 100%; flex-direction: column; align-items: center; } .copyright-adict__link { margin: 0; border: none; } .copyright-adict__link-title { margin-bottom: 8px; width: 100%; display: block; text-align: center; } .copyright-adict__link-sep { display: none; } } .popup .formstroke input { width: calc(69% - 20px); } header .popup .phone { margin-bottom: 0; } .popup .select2-container { margin-right: 0; } .popup .select2-container--default .select2-selection--single { /* width: 220px;*/ max-width: 157px; border: 1px solid #d9d0c1; } footer .footertext{ margin-right: auto; } footer .footertext a{ font-weight: 600; } .product-item{ width: 33.33%; /*width: calc(33.33% - 32px);*/ } @media (max-width: 1220px) { .product-item__controls{ flex-direction: column; } .product-item__to-compare{ margin-top: 15px; margin-left: -5px; } } @media (max-width: 649px) { .product-item { width: 50%; } .sorting-select{ width: 140px; } .sorting-select .select2-container--default .select2-selection--single{ width: 140px; } .sorting-select-label{ display: none; } } @media (max-width: 479px) { /* Выравниваем кнопку фильтра и сортировки в каталоге на моб. устройствах */ .main-catalog__filter-btn{ padding: 0 12px; border-radius: 0; } .select2-results__option{ padding: 9px 0 9px 12px; font-size: 14px; } /* Вывод карточек товаров в списке в две колонки */ .product-item { display: flex; flex-direction: column; justify-content: flex-start; } .product-item__price { margin-top: auto; } .product-item__controls{ flex-wrap: wrap; } .product-item__to-compare{ padding-left: 18px; margin-top: 15px; margin-right: -12px; margin-left: -5px; } .product-item__to-compare:after { left: -12px; } .product-item__to-cart{ margin: 0 -8px; } /* Выравнивание на странице брендов */ section.storecontent{ padding-left: 16px; padding-right: 16px; } .brand-page-list__img img { width: auto !important; height: auto !important; max-width: 100%; } .brand-banner img{ object-fit: cover; position: relative; left: 50%; transform: translateX(-50%); } .brand-banner { overflow: hidden; } .product-item__name-link{ word-break: break-word; } } /* Стилизация паджинатора на странице каталога */ div.modern-page-navigation{ clear: both; } div.modern-page-navigation a, span.modern-page-current, span.modern-page-dots{ border-left: none; } .bx-pagination .bx-pagination-container ul li.bx-pag-dots a, div.modern-page-navigation a.modern-page-dots{ padding: 0; min-width: 0; background: unset; width: auto; } div.modern-page-navigation a.modern-page-dots:hover{ background: unset; } div.modern-page-navigation a.modern-page-previous{ border-right: none; } div.modern-page-navigation a, span.modern-page-current{ margin: 0 2px 15px 2px; padding-left: 0.5em; padding-right: 0.5em; height: 32px; min-width: 32px; line-height: 32px; font-size: 14px; border-radius: 16px; vertical-align: middle; display: inline-block; text-decoration: none; box-sizing: border-box; text-align: center; } div.modern-page-navigation a{ color: #444; background: #eff0f1; } div.modern-page-navigation a:hover{ background: #DADADA; } span.modern-page-current{ background: #c2182f; color: #fff; font-weight: normal; } div.modern-page-navigation a.modern-page-previous, div.modern-page-navigation a.modern-page-next{ background: #fff; border: 2px solid #eff0f1; /* line-height: 28px; */ padding: 0; height: 32px; min-width: 32px; line-height: 32px; color: #444; position: relative; } div.modern-page-navigation a.modern-page-previous:hover, div.modern-page-navigation a.modern-page-next:hover{ background: #fff; border-color: #DADADA; color: #000; } div.modern-page-navigation a.modern-page-previous:after, div.modern-page-navigation a.modern-page-previous:before, div.modern-page-navigation a.modern-page-next:after, div.modern-page-navigation a.modern-page-next:before{ width: 11px; height: 3px; background-color: #eff0f1; transition: background-color .3s ease; content: ""; display: block; position: absolute; } div.modern-page-navigation a.modern-page-previous:hover:after, div.modern-page-navigation a.modern-page-previous:hover:before, div.modern-page-navigation a.modern-page-next:hover:after, div.modern-page-navigation a.modern-page-next:hover:before{ background-color: #DADADA; } div.modern-page-navigation a.modern-page-previous:active:after, div.modern-page-navigation a.modern-page-previous:active:before, div.modern-page-navigation a.modern-page-next:active:after, div.modern-page-navigation a.modern-page-next:active:before{ background-color: #fff; } div.modern-page-navigation a.modern-page-previous:active, div.modern-page-navigation a.modern-page-previous:active, div.modern-page-navigation a.modern-page-next:active, div.modern-page-navigation a.modern-page-next:active{ background-color: #c2182f; border-color: #c2182f; } div.modern-page-navigation a.modern-page-previous:after{ top: 10px; transform: rotate(-45deg); left: 8px; } div.modern-page-navigation a.modern-page-previous:before{ top: 16px; transform: rotate(-315deg); left: 8px; } div.modern-page-navigation a.modern-page-next:after{ top: 10px; transform: rotate(45deg); left: 9px; } div.modern-page-navigation a.modern-page-next:before{ top: 16px; transform: rotate(135deg); left: 9px; } /* Паджинатор на поиске */ /* .bx-pagination .bx-pagination-container ul li.bx-pag-prev, .bx-pagination .bx-pagination-container ul li.bx-pag-next{ top: -2px; position: relative; } */ .bx-pagination .bx-pagination-container ul { display: flex; justify-content: center; } .bx-pagination .bx-pagination-container ul li{ margin: 0 3px 15px 3px; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span{ padding: 0; height: 32px; min-width: 32px; line-height: 32px; position: relative; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span:after, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span:before, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span:after, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span:before{ width: 11px; height: 3px; background-color: #eff0f1; transition: background-color .3s ease; content: ""; display: block; position: absolute; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span:after, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span:before, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span:after, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span:before{ background-color: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:active span:after, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:active span:before, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:active span:after, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:active span:before{ background-color: #fff; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:active span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:active span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:active span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:active span{ background-color: #c2182f; border-color: #c2182f; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span:after{ top: 10px; transform: rotate(-45deg); left: 8px; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span:before{ top: 16px; transform: rotate(-315deg); left: 8px; } .bx-pagination .bx-pagination-container ul li.bx-pag-next a span:after{ top: 10px; transform: rotate(45deg); left: 9px; } .bx-pagination .bx-pagination-container ul li.bx-pag-next a span:before{ top: 16px; transform: rotate(135deg); left: 9px; } @media (max-width: 479px) { div.modern-page-navigation{ margin-left: -10px; margin-right: -10px; } /* Карточки товаров на странице брендов */ .brand-container section.products .owl-item{ width: 50% !important; } .brand-container section.products a.product p.price.old{ margin-top: 5px; } .brand-container section.products a.product p.price { margin: 0 7px; } .bx-pagination .bx-pagination-container ul li.bx-pag-edge, div.modern-page-navigation a.modern-page-onthers{ display: none; } .catalog_custom_search button{ margin-top: 10px; } } .brand-container section.products a.product{ position: relative; } .owl-item .sale-lable{ left: auto; right: 12px; width: auto; height: auto !important; padding: 7px 10px 7px 28px; font-size: 14px; border-radius: 4px 0 0 4px; background: #c2182f; line-height: normal; transform: none; font-weight: normal; font-family: 'Roboto', Arial, sans-serif; position: absolute; } .brand-container .owl-item .sale-lable{ right: 0; } .owl-item .sale-lable:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(/local/templates/main-new/img/discount-label.png) center center no-repeat; } section.products{ padding: 20px 0; } .gotham--ligth{ font-weight: 400 !important; letter-spacing: 0.5px !important; } .gotham--bold{ font-weight: 600 !important; line-height: 1.7em; padding-top: 5px; } .price__recommendation{ margin-bottom: 5px; text-align: center; font-size: 18px; font-family: Gotham, Roboto, Arial; font-weight: 500; color: #000000; } .price__recommendation--margin-top { margin-top: auto; } .product--full{ height: 100%; display: flex !important; flex-direction: column; position: relative; } .owl-stage{ display: flex; } .price__recommendation--big{ font-size: 20px; } .product-item__old-price--new { font-weight: 300; font-size: 14px; color: #9f9f9f; text-align: center; font-family: Gotham, Roboto, Arial; /* text-decoration: line-through; */ margin: 0 auto; text-decoration: none; position: relative; } .credit-popup__item-text--bold{ font-weight: 600 !important; font-family: 'Gotham', 'Roboto', Arial, sans-serif; } .name-color{ color: #303030 !important; } .product-item__old-price--new{ font-family: 'Roboto', Arial, sans-serif; } .product-item__old-price--new:before{ /* top: 50%; */ top: 6px; /* top: calc(50% - 1px); */ /* transform: translateY(-50%); */ left: 0; height: 1px; width: 100%; background-color: #9B9B9B; position: absolute; content: ''; display: block; } .product-item__to-detail { display: block; height: 30px; line-height: 30px; border-radius: 30px; border:1px solid #bcaa9d; padding:0 10px 0 11px; color: #bcaa9d; position: relative; font-size: 14px; background-color: transparent; } @media (max-width: 1000px){ section.products img{ max-width: 100%; } } @media (max-width: 479px){ section.storecontent.second { box-sizing: border-box; } .hide-on-mobile{ display: none !important; } } section.storecontent .photo-nav > div{ vertical-align: top; } section.storecontent .photo-nav > div > div.video-thumb.hidden{ opacity: 0; } section.storecontent .photo-nav > div > div.video-thumb{ background-color: #F8F8F8; border-radius: 3px; transition: opacity 0.2s ease; } section.storecontent .photo-nav > div > div.video-thumb, section.storecontent .photo-nav > div > div.video-thumb a{ display: flex; align-items: center; justify-content: center; line-height: 0; } .photogallery-slider{ overflow: hidden; } .photogallery-slider, .photogallery-slider .slick-track, .photogallery-slider .slick-list{ height: 580px; } .photogallery-slider__slide, .photogallery-slider__slide-link{ width: 560px; } .photogallery-slider__slide-link{ height: 580px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; display: block; } .photogallery-slider__slide-link--video{ display: flex; align-items: center; justify-content: center; } .photogallery-slider__slide-link--video svg { height: 100px; width: 100px; display: block; } section.topmenu .container > div.topmenu__city-select{ height: 35px; } p.small.phone-descr{ font-size: 14px; } @media (max-width: 1220px){ .photogallery-slider__slide-link{ width: 100%; background-size: contain; } .photogallery-slider, .photogallery-slider .slick-track, .photogallery-slider .slick-list, .photogallery-slider__slide-link{ height: 400px; } .photogallery-slider__slide-link--video svg { height: 70px; width: 70px; } } @media (max-width: 1000px){ .photogallery-slider, .photogallery-slider .slick-track, .photogallery-slider .slick-list, .photogallery-slider__slide-link{ height: 214px; } section.breadcumbs-navigation .container > div:nth-of-type(3) p{ margin-top: 0; /* было 19 */ } } @media (min-width: 1221px){ .fancybox-type-iframe{ width: 1080px !important; left: 50% !important; transform: translateX(-50%); } } @media (max-width: 1220px){ .fancybox-type-iframe .fancybox-inner{ width: 800px !important; height: 500px !important; } } @media (max-width: 1000px){ .fancybox-type-iframe { width: 600px !important; } .fancybox-type-iframe .fancybox-inner { height: 406px !important; } } @media (max-width: 479px){ .fancybox-type-iframe{ width: 100% !important; left: 50% !important; transform: translateX(-50%); } .fancybox-type-iframe .fancybox-inner { width: 100% !important; height: 270px !important; } .fancybox-nav.on-video{ width: 56px; } .fancybox-close{ top: -105px; } .fancybox-close:before, .fancybox-close:after{ /* background-color: #fff; */ background-color: #000; } #citypopup{ top: -140px !important; position: static; /* absolute */ } } .fancybox-nav.on-video{ top: 62px; bottom: 62px; width: 7%; height: auto; } /* 08.09.2020 - изменение стилей карточек */ .mydump{ display: none; } .prod-gallery .product{ padding-top: 24px; padding-bottom: 12px; position: relative; transition: box-shadow 0.2s linear; border-radius: 15px; } .prod-img{ /*margin-bottom: 16px;*/ margin-bottom: 30px; } .prod-collection{ letter-spacing: 0.5px; } .prod-brand{ margin-bottom: 10px; font-weight: 600; } .prod-gallery .product:hover{ /*box-shadow: 0px 10px 15px rgba(48, 48, 48, 0.08);*/ box-shadow: 0 0 10px 1px rgba(171, 151, 135, 0.45); } .prod-gallery .product .price{ font-size: 20px; line-height: 19px; font-weight: bold; } .prod-gallery .product .price:not(.old){ margin-bottom: 5px; } .prod-gallery .product .price.old{ font-size: 14px; line-height: 17px; font-weight: 300; text-decoration: line-through; font-family: Gotham, Roboto, Arial; color: #9B9B9B; } .prod-gallery .product .price.old .currency{ font-family: 'Roboto', Arial, sans-serif; } @media not all and (min-resolution:.001dpcm) { @media { .prod-gallery .product .price.old{ text-decoration: none; margin: 0 auto; position: relative; display: inline-block; } .prod-gallery .product .price.old:before{ top: 50%; transform: translateY(-50%); left: 0; height: 1px; width: 100%; background-color: #9B9B9B; position: absolute; content: ''; display: block; } }} /* Подтверждение оформления заказа */ .order-success { width: 512px; margin: 0 auto; padding: 53px 96px 53px 128px; background: #F6F6F6; border: 1px solid #9F9F9F; box-sizing: content-box; } .order-success__title { position: relative; margin: 0 0 9px; font-family: "Gotham", "Roboto", Arial; font-weight: normal; font-size: 32px; line-height: 120%; } .order-success__title::before { content: ""; position: absolute; top: -6px; left: -24px; transform: translateX(-100%); width: 40px; height: 40px; background-image: url(/local/media/img/order-success.svg); background-repeat: no-repeat; background-position: center; background-size: 40px; } .order-success__info { margin-bottom: 14px; font-family: "Gotham", "Roboto", Arial; font-weight: 500; font-size: 12px; line-height: 120%; text-transform: uppercase; color: #9F9F9F; } .order-success__time { margin: 0; display: flex; flex-direction: column; row-gap: 16px; font-size: 14px; line-height: 145%; color: #303030; } .order-success__time a.link-btn { width: max-content; } .order-success__time mark { color: #50986D; background: none; } .order-success__account { margin-top: 16px; margin-bottom: 27px; font-size: 14px; line-height: 20px; color: #303030; } .order-success__account a { color: #5B82A4; text-decoration: underline; } .order-success__redirect { margin: 0 0 16px; font-family: "Gotham", "Roboto", Arial; font-weight: 500; font-size: 12px; line-height: 120%; color: #9F9F9F; text-transform: uppercase; } .order-success__to-home.link-btn { margin: 0 auto; display: block; width: max-content; } .order-success__sum { margin-bottom: 12px; color: #303030; font-size: 14px; font-weight: 400; line-height: 145%; } .link-btn { display: inline-block; padding: 15px 32px; border-radius: 5px; font-family: "Gotham", "Roboto", Arial; font-weight: 500; font-size: 12px; line-height: 11px; text-transform: uppercase; } .link-btn--black { color: white; background: #303030; } .link-btn--red { color: #ffffff; background: #B81F31; } @media (max-width: 1000px) { .order-success { box-sizing: border-box; width: 100%; padding: 53px 71px 53px 108px; } } @media (max-width: 649px) { .order-success { width: calc(100% - 16px - 16px); padding: 73px 16px 16px; } .order-success__title { margin: 0 0 8px; font-size: 20px; line-height: 19px; } .order-success__title::before { top: -17px; left: 0; transform: translateY(-100%); } .order-success__info { margin: 0 0 8px; font-size: 12px; line-height: 18px; font-weight: 400; } .order-success__account { margin-bottom: 15px; } .order-success__redirect { margin-bottom: 9px; font-size: 12px; line-height: 18px; font-weight: 400; } } .select-option-wrapper--active { display: block !important; } /* попап с определением города */ .city-notification { position: absolute; bottom: 0; transform: translateY(calc(100% + 1px)); width: 250px; display: flex; flex-direction: column; align-items: flex-start; background: #FFFFFF; color: #303030; box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.25); padding: 22px 32px 27px; box-sizing: border-box; opacity: 0; z-index: -1; visibility: hidden; pointer-events: none; transition: opacity linear 0.15s; } .city-notification--active { opacity: 1; z-index: 1; visibility: visible; pointer-events: auto; } .city-notification .city-notification--text_block { font-family: "Roboto", sans-serif; font-weight: 400 !important; font-size: 14px !important; line-height: 17px !important; text-transform: none !important; letter-spacing: normal !important; text-align: initial !important; } .city-notification .city-notification--city-name { display: inline-block; font-family: "Gotham", sans-serif; font-weight: 500 !important; font-size: 13px !important; line-height: 14px !important; text-transform: capitalize !important; white-space: nowrap; } .city-notification__buttons { display: flex; width: 100%; align-items: center; justify-content: flex-start; margin-top: 22px; } .city-notification__button { border: 1px solid #D9D0C1; padding: 14px 29px; color: #000000; background-color: #ffffff; font-family: "Gotham", sans-serif; font-weight: 400; font-size: 11px; line-height: 12px; margin-right: 16px; } .city-notification__button:last-child { margin-right: 0; } .city-notification__button--true { padding: 14px 29px; color: #ffffff; background-color: #C2182F; border: 1px solid #C2182F; } .city-picker { position: absolute; bottom: 0; left: -32px; transform: translateY(calc(100% + 1px)); box-sizing: border-box; padding: 22px 32px; background-color: #ffffff; max-width: 470px; box-shadow: 0px 30px 50px 10px rgba(0, 0, 0, 0.25); opacity: 0; pointer-events: none; z-index: -1; visibility: hidden; transition: opacity linear 0.15s; } .city-picker--active { opacity: 1; pointer-events: auto; z-index: initial; visibility: visible; } .city-picker__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .city-picker__form { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: relative; } section.storecontent .delivery .delivery-city { display: inline-block; padding-right: 12px; cursor: pointer; color: #9a2e3d; font-family: inherit; font-weight: inherit; font-style: inherit; background: url(/local/media/static/img/general/store_deliver_arrow.png) no-repeat right center; } .bx-sls .dropdown-block { border: 1px solid #DAD0C1; border-radius: 0; padding: 2px 22px 2px 13px; } .bx-ui-sls-fake { color: #000000; font-family: "Roboto", sans-serif; font-size: 13px; line-height: 15px; } .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route { color: #000000; font-family: "Roboto", sans-serif; font-size: 13px; line-height: 15px; } .bx-sls .bx-ui-sls-pane { padding: 0; border: 1px solid #DAD0C1; border-radius: 0; width: calc(100% + 2px); left: -1px; top: 37px; } .bx-sls .bx-ui-sls-error div { display: none; } .bx-sls .dropdown-item { margin-bottom: 0; border-radius: 0; } .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .bx-sls .bx-ui-sls-error { padding: 13px 12px; } .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover, .bx-sls .bx-ui-sls-variant-active { background-color: #DAD0C1; border-radius: 0; margin-bottom: 0; } .bx-sls .dropdown-item-text { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; line-height: 15px; } .dropdown-block > .dropdown-icon { display: none; } .default-popup__input--search .bx-sls, .city-picker__form .bx-sls { width: 100%; } .default-popup__input--search .bx-sls { max-width: 224px; } .default-popup__input--search .bx-sls input, .city-picker__form .bx-sls input{ margin: 0; } .default-popup__input--search .bx-sls .bx-ui-sls-container, .city-picker__form .bx-sls .bx-ui-sls-container{ min-height: 33px; } .city-picker__form input { margin-top: 10px; border: 1px solid #DAD0C1; box-sizing: border-box; font-family: "Roboto", sans-serif; font-weight: 400 !important; font-size: 13px !important; line-height: 15px !important; color: #000000 !important; width: 100%; padding: 13px; } .city-picker__form > label { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 16px; color: #000000; margin-bottom: 9px; } .city-picker__filter-box { position: absolute; top: -32px; left: 0; height: auto; max-height: calc(100% + 32px); width: calc(100% - 2px); background-color: #ffffff; overflow: hidden; overflow-y: scroll; display: flex; flex-direction: column; border: 1px solid #DAD0C1; opacity: 0; pointer-events: none; transition: opacity linear 0.15s; } .city-picker__filter-box--active { opacity: 1; pointer-events: auto; } .city-picker__filter-box > a { border-bottom: 1px solid #DAD0C1; box-sizing: border-box; font-family: "Roboto", sans-serif; font-weight: 400 !important; font-size: 13px !important; line-height: 15px !important; color: #000000 !important; width: 100%; padding: 13px; transition: background-color linear 0.15s; } .city-picker__filter-box > a:hover { background-color: #DAD0C1; } .city-picker__filter-box > a:last-child { border-bottom: none; } .city-picker__bottom-box { width: 100%; margin-top: 31px; position: relative; } .city-picker__bottom-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 14px 28px; } .city-picker__bottom-list > p{ font-family: "Gotham"; font-weight: 600 !important; font-size: 13px !important; line-height: 14px !important; text-transform: capitalize !important; white-space: nowrap; } .city-picker__bottom-list > p > a { font-family: "Gotham"; font-weight: 600 !important; font-size: 13px !important; line-height: 14px !important; text-transform: capitalize !important; white-space: nowrap; } .js--filter-item--off { display: none; } @media (max-width: 1000px) { .city-picker { left: -80px; } .city-notification { left: -80px; } .basket__count basket__price basket__price--footer { flex-shrink: 0; margin-left: auto !important; width: auto !important; min-width: 150px !important; align-items: flex-end !important; } .basket__price-sale-count-footer { min-width: 0 !important; width: auto !important; } .basket__price--footer { align-items: flex-end !important; } .basket__price--footer .basket__price-sale { width: auto !important; } } @media (max-width: 767px) { .city-picker { left: 0; top: 40px; position: fixed; width: 100%; transform: translateY(0); max-height: 415px; } .city-picker__bottom-list { max-height: 260px; overflow-y: scroll; grid-template-columns: 1fr; } .city-picker__filter-box { grid-template-columns: 1fr; } .city-notification { left: 0; position: fixed; } .default-popup__input--search .bx-sls { max-width: 240px; margin-top: 0; } .basket__price--footer { align-items: flex-start !important; } } /* Детальная стоп листа */ .stop-list-button-wrapper { margin-top: 0; display: flex; align-items: center; } .stop-list-button { font-family: "Gotham", "Arial", sans-serif; font-weight: 500; font-size: 15px; line-height: 120%; letter-spacing: 0.03em; color: #8D6F57; border: 2px solid #AB9584; border-radius: 25px; padding: 16px 52px; background-color: transparent; transition: border linear 0.15s, color linear 0.15s; white-space: nowrap; } .stop-list-button:hover { border: 2px solid #000000; color: #000000; } .stop-list-button-wrapper > p { margin-left: 13px; font-family: "Roboto", "Arial", sans-serif; font-weight: 400; font-size: 14px; line-height: 16px; color: #656565; } .basket__price { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .basket__price-sale { display: flex; align-items: center; margin-bottom: 16px; padding-left: 0 !important; } .basket__price-sale-count { font-family: "Roboto", "Arial", sans-serif; font-weight: 400; font-size: 16px; line-height: 19px; color: #9B9B9B; text-decoration: line-through; padding-left: 0 !important; width: auto !important; } .basket__price-sale-percent { margin-left: 6px; font-family: "Roboto", "Arial", sans-serif; font-weight: 400; font-size: 16px; line-height: 19px; color: #B81F31; width: auto !important; min-width: auto !important; } @media (max-width: 1000px) { .stop-list-button-wrapper { display: flex; flex-direction: column; align-items: flex-start; } .basket__price-sale-count-footer { text-align: left; } .stop-list-button-wrapper > p { margin-left: 0; margin-top: 16px; } .basket__price-sale { padding-left: 0; } .basket__price-sale-count { padding-left: 0 !important; width: 100%; } .basket__price-sale-percent { min-width: auto !important; width: auto; text-align: left; } } @media (max-width: 767px) { .city-notification { bottom: auto; transform: translateY(0); } .stop-list-button-wrapper { margin-top: 10px; } .stop-list-button-wrapper > p { margin-left: 0; margin-top: 10px; } } .locked { overflow: hidden; } .default-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; align-items: center; justify-content: center; display: none; z-index: 1000; } .default-popup--active { display: flex; } .default-popup__content { display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid #D9D0C1; max-width: 410px; width: 100%; } .default-popup__header { display: flex; justify-content: space-between; align-items: center; padding: 30px 30px 20px; border-bottom: solid 1px #D9D0C1; } .default-popup__header > p { font-family: "Gotham", "Arial", sans-serif; font-weight: 500; font-size: 14px; line-height: 15px; color: #8D6F57; text-transform: uppercase; } .default-popup__header > button { border: none; background-color: transparent; width: 14px; height: 14px; position: relative; margin-top: -4px; } .default-popup__header > button:before { content: ""; display: block; position: absolute; width: 14px; height: 2px; background-color: #000000; transform: rotate(-45deg); top: calc(50% - 1px); left: 0; } .default-popup__header > button:after { content: ""; display: block; position: absolute; width: 14px; height: 2px; background-color: #000000; transform: rotate(45deg); top: calc(50% - 1px); left: 0; } .default-popup__form { padding: 20px 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; box-sizing: border-box; } .default-popup__success { padding: 20px 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; box-sizing: border-box; } .default-popup__success .default-popup__submit-button { margin-top: 40px; } .default-popup__input-wrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; margin-top: 32px; } .default-popup__input { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; width: 100%; } .default-popup__input--search { position: relative; } .default-popup__search-list { position: absolute; bottom: 0; right: 0; transform: translateY(100%); width: 224px; max-height: 82px; height: auto; overflow-y: scroll; background-color: #ffffff; z-index: -1; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity linear 0.15s; } .default-popup__search-list--active { z-index: 1; pointer-events: auto; opacity: 1; visibility: visible; } .default-popup__search-list-item { font-family: "Gotham", "Arial", sans-serif; font-weight: 500; font-size: 13px; line-height: 14px; padding: 11px 13px 15px; transition: background-color linear 0.15s; cursor: pointer; border: 1px solid #D9D0C1; border-top: none; } .default-popup__search-list-item--off { display: none; } .default-popup__search-list-item:hover { font-family: "Gotham", "Arial", sans-serif; font-weight: 500; font-size: 13px; line-height: 14px; padding: 11px 13px 15px; background-color: #F3EEE6; } .default-popup__input:first-child { margin-top: 0; } .default-popup__input > label { font-family: "Gotham", "Arial", sans-serif; font-weight: 500; font-size: 11px; line-height: 12px; color: #000000; flex-shrink: 0; width: 80px; } .default-popup__input > input { font-family: "Gotham", "Arial", sans-serif; font-weight: 400; font-size: 13px; line-height: 14px; color: #000000; padding: 12px 13px; flex-shrink: 0; border: 1px solid #D9D0C1; /*width: 100%;*/ flex-grow: 1; max-width: 224px; } .default-popup__submit { margin-top: 40px; } .default-popup__submit-button { position: relative; } .default-popup__submit-button > input[type="submit"] { padding: 15px 34px 15px 20px; font-family: "Gotham", "Arial", sans-serif; font-weight: 500; font-size: 11px; line-height: 12px; color: #ffffff; position: relative; border: none; border-radius: 4px; background-color: #303030; cursor: pointer; text-transform: uppercase; } .default-popup__submit-button > input[type="submit"]:disabled { background-color: #9F9F9F; cursor: not-allowed; } .default-popup__submit-button > button { padding: 15px 34px 15px 20px; font-family: "Gotham", "Arial", sans-serif; font-weight: 500; font-size: 11px; line-height: 12px; color: #ffffff; position: relative; border: none; border-radius: 4px; background-color: #303030; cursor: pointer; text-transform: uppercase; } .default-popup__submit-button:after { content: ""; display: block; position: absolute; right: 20px; top: calc(50% - 3px); width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 3.5px; border-color: transparent transparent transparent #ffffff; } .default-popup__input .bx-sls .dropdown-block { /*padding: 12px 13px;*/ } @media (max-width: 767px) { .default-popup__content { width: calc(100% - 20px); max-width: 400px; } .default-popup__header { padding: 30px 15px 21px; } .default-popup__form { padding: 21px 15px 16px 25px; } .default-popup__form > p { line-height: 16px; } .default-popup__input-wrapper { margin-top: 29px; } .default-popup__success { padding: 21px 15px; } .special-popup .default-popup__success, .special-popup .default-popup__form{ padding: 20px 20px; } .special-popup .default-popup__header { padding: 30px 20px 20px; } .default-popup__input > input { max-width: 240px; font-size: 13px; } .default-popup__search-list { max-width: 130px; } .default-popup__search-list-item { font-size: 11px; } } .input-error { border: solid 1px red !important; } .bx-soa-section-title-container { background: #F9F9F9 !important; } .quick-location-tag { background: #F3EEE6 !important; } .bx-soa-cart-total-line:first-child > .bx-soa-cart-d { color: #B81F31 !important; } .bx-soa-cart-total-line-total > .bx-soa-cart-d { color: #C2182F !important; } .bx-soa-pp-company { background: transparent; } .bx-soa-price-free { color: #17A853 !important; } .bx-price { color: #C2182F !important; } .basket__footer-buttons { display: flex; align-items: center; } .basket__footer-buttons > a { margin-left: 20px; } .uniq { width: 100%; background-color: #EFF0F1; margin: 0 0 70px; } .uniq__content { display: flex; align-items: center; justify-content: space-between; padding: 13px 20px; } .uniq__item { width: 30%; font-family: "Gotham", "Arial", sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; text-align: center; color: #000000; } .uniq__item > a { color: #c2182f; text-decoration: underline; } .our-shops { width: 100%; margin: 140px 0 85px; } .our-shops__content { flex: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .our-shops__title { font-family: "Gotham", "Arial", sans-serif; font-style: normal; font-weight: 600 !important; font-size: 20px !important; line-height: 20px !important; color: #000000; } .our-shops__items-box { margin-top: 32px; display: flex; } .our-shops__item { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-grow: 1; padding: 25px 14px; background-color: #EFF0F1; max-width: 260px; margin-right: 20px; } .our-shops__item:last-child { margin-right: 0; } .our-shops__item img { width: 100%; } .our-shops__item > h5 { font-family: "Roboto", "Arial", sans-serif; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important; color: #000000; margin-top: 20px; margin-bottom: 10px; } .our-shops__item > p { font-family: "Roboto", "Arial", sans-serif; font-weight: 400 !important; font-size: 14px !important; line-height: 20px !important; color: #000000; } .our-shops__link-wrapper { margin-top: 25px; display: flex; justify-content: flex-end; } .our-shops__link { font-family: "Roboto", "Arial", sans-serif; font-style: normal; font-weight: bold !important; font-size: 14px !important; line-height: 20px !important; text-align: center; color: #B81F31; } .our-shops__link img { margin-left: 11px; width: 4px; height: 6px; object-fit: cover; object-position: center; } .topmenu__mobile-menu-btn { pointer-events: none; } @media (max-width: 1000px) { .topmenu__mobile-menu-btn { pointer-events: auto; } .our-shops__item:nth-last-of-type(-n+2) { display: none; } .our-shops__item:only-child { display: flex; } .our-shops__items-box { justify-content: space-between; } .our-shops__item { margin-right: 0; width: 45%; max-width: 48%; padding: 12px 10px; } .basket__footer--text { max-width: 151px; white-space: normal !important; margin-left: 24px; padding-right: 24px !important; } .btn { padding: 0 10px !important; text-align: center; font-size: 11px; } .basket__footer div:last-child { min-width: 150px; padding-right: 0; } .basket__footer-buttons > a { margin-left: 10px; } .basket__price-sale-percent { order: 2; width: auto !important; } } @media (max-width: 767px) { .basket__price-sale { order: 1 !important; margin-bottom: 6px; } .basket__price-sale-count { width: auto; } .basket__price-sale-count-footer { min-width: auto !important; width: auto !important; } .basket__price--footer { margin-top: 15px; } .our-shops__items-box { flex-direction: column; justify-content: flex-start; } .our-shops__item { margin-top: 44px; width: 100%; max-width: 100%; } .our-shops__item:first-child { margin-top: 0; } .basket__footer--text { max-width: 100%; white-space: normal !important; margin-left: 0; padding-right: 0 !important; } .btn { padding: 0 30px !important; text-align: center; } .basket__footer-buttons > a { margin-left: 0; margin-top: 10px; } .basket__footer-buttons { flex-direction: column; align-items: center; justify-content: flex-start; margin-top: 20px; } .uniq { margin: 0 0 36px; } .uniq__content { padding: 23px 20px; overflow-x: scroll; } .uniq__item { width: 100%; max-width: 100%; flex-shrink: 0; font-size: 12px; line-height: 120%; padding-right: 40px; } } span.shop-city.inline-city { margin-left: 18px; font-size: inherit; } .bx-soa { z-index: 0; } #bx-soa-orderSave .checkbox { background: none; width: unset; height: unset; } #bx-soa-orderSave .checkbox label{ padding-left: 30px; } #bx-soa-orderSave .checkbox input{ margin-left: -30px; margin-right: 10px; width: 21px; height: 21px; position: absolute; opacity: 1; } .infoblock-1 .delivery small{ font-size: 100%; text-transform: lowercase; } .bx-basket > .row { width: 100%; } .bx-basket > .row > .col { width: 100%; } .basket-items-list-item-descriptions-inner { display: flex; align-items: center; } .basket-item-info-name { margin-bottom: 5px !important; } .tanais-order .btn { display: flex !important; align-items: center; justify-content: center; font-size: 16px !important; line-height: 19px !important; } .basket-item-price-current-text { font-family: "Roboto", Arial, sans-serif !important; font-size: 20px !important; line-height: 23px !important; color: #C2182F !important; } #tanais-basket-root .basket-item-amount-filed, #tanais-basket-root .basket-item-block-amount.disabled .basket-item-amount-filed:hover { background-color: #ffffff; -webkit-appearance: none; -moz-appearance: none; } .basket-item-amount-filed-block > input { height: 40px !important; font-family: "Roboto", Arial, sans-serif !important; font-size: 14px !important; } .basket-item-block-amount > span { height: 40px; width: 35px; cursor: pointer; color: #adadad; font-size: 22px; border-radius: 0; text-align: center; line-height: 40px; } .basket-item-image-link { position: relative; max-height: 80px; height: 80px; display: flex !important; align-items: center; justify-content: center; } .basket-item-image { object-fit: contain; object-position: center; height: 100% !important; width: auto !important; } .basket-items-list-item-amount { vertical-align: inherit; padding-top: 0; } .basket-items-list-item-price { vertical-align: inherit; } .basket-item-block-price { padding-top: 0; } .basket-item-amount-field-description { display: none; } .bx-soa-cart-total-line-highlighted > .bx-soa-cart-d { color: #35a64b !important; } .basket-item-property-custom-under-title { margin-top: 0; margin-bottom: 0; } #bx-soa-orderSave > .btn { width: 231px !important; } .bx-soa-header-panel-buttons > .soa-icon-link { display: none !important; } .bx-soa-header-panel-buttons > .soa-back-to-catalog-link { font-size: 11px !important; line-height: 13px !important; height: auto !important; } .bx-soa-header-panel { margin-bottom: 5px; } .bx-soa-cart-total.bx-soa-cart-total-fixed { top: 42px !important; } .bx-soa .bx-soa-customer-label, .bx-soa .tanais-form-group label { color: #606060 !important; text-transform: uppercase; } #IPOLSDEK_injectHere { margin-top: 16px; } .sdek_pvzLair { display: flex; flex-direction: column; align-items: flex-start; } .SDEK_selectPVZ { border: 1px solid #B81F31 !important; margin: 2px !important; padding: 11px 18px !important; border-radius: 0 !important; font-family: "Roboto", Arial, sans-serif !important; font-size: 14px !important; line-height: 125% !important; font-weight: 500 !important; color: #B81F31 !important; background-color: transparent !important; text-transform: initial !important; } .bx-soa .bx-soa-customer-label, .bx-soa .tanais-form-group label { color: #000000 !important; } @media (max-width: 1024px) { .soa-back-to-catalog-link { padding: 10px 10px !important; } } @media (min-width: 768px) and (max-width: 1024px){ .basket-items-list-item-remove { vertical-align: top; } .basket-item-block-actions { opacity: 1 ; } } @media (max-width: 767.9px) { .basket-items-list-item-remove { display: flex !important; width: calc(100% - 30px) !important; } .tanais-flex-block { margin-top: 20px; } #bx-soa-orderSave {.stop-list-button-wrapper padding: 0 10px; display: flex; flex-direction: column; } #bx-soa-orderSave > a{ align-self: center; margin-top: 15px 0 0 !important; } } /*.bx-sls .bx-ui-sls-clear {*/ /* background: transparent;*/ /*}*/ /*.bx-ui-sls-clear::before {*/ /* content: '';*/ /* display: block;*/ /* position: absolute;*/ /* width: 50%;*/ /* height: 1px;*/ /* top: 50%;*/ /* left: 50%;*/ /* transform: translateY(-50%) translateX(-50%) rotate(45deg);*/ /* background-color: black;*/ /*}*/ /*.bx-ui-sls-clear::after {*/ /* content: '';*/ /* display: block;*/ /* position: absolute;*/ /* width: 50%;*/ /* height: 1px;*/ /* top: 50%;*/ /* left: 50%;*/ /* transform: translateY(-50%) translateX(-50%) rotate(-45deg);*/ /* background-color: black;*/ /*}*/ .dropdown-fade2white { background: none !important; } .select2-dropdown { z-index: 5000; } .sber-icon { width: 110px; } .bx-authform-formgroup-container > .checkbox { width: auto; background-color: transparent; } .bx-authform-formgroup-container > .checkbox > .bx-filter-param-label { display: flex; align-items: center; } .bx-authform-formgroup-container > .checkbox > .bx-filter-param-label > input { margin-right: 10px; opacity: 1; } .bx-authform-formgroup-container { margin-top: 16px; } .bx-authform-formgroup-container > .btn-default { width: 100%; margin-bottom: 16px !important; } .bx-authform > label { display: flex; } .bx-authform > label > input{ margin-right: 8px; } .footer__bottom { display: flex; align-self: center; justify-content: flex-start; } .footer__bottom > .icons { float: none !important; display: flex; } .icons__banks { display: flex; align-items: center; justify-content: flex-start; margin-right: 15px; } .icons__payment { display: flex; align-items: center; justify-content: flex-start; } .buyoncredit { margin-top: 40px; } @media (max-width: 1000px) { .footer__bottom { flex-direction: column; align-items: flex-start; justify-content: flex-start; } footer .footertext { width: 100% !important; } .footer__bottom > .icons { margin-top: 20px; flex-wrap: wrap; } .copyright-adict { margin-left: 0; } .buyoncredit { margin-top: 20px; } } @media (max-width: 650px) { .footer__bottom > .icons { flex-direction: column; align-items: flex-start; justify-content: flex-start; } } .topmenu__compare { margin-left: 15px; } .topmenu__cart-wrapper { display: flex; justify-content: space-between; width: 100%; } @media (max-width: 650px) { .topmenu__personal-cart { justify-content: flex-end; display: flex; } .topmenu__cart-wrapper { width: auto; justify-content: flex-end; } } .tinkoff-icon { max-width: 50px; } @media (min-width: 480px) and (max-width: 650px) { .icons__payment { margin-top: 16px; } } .default-popup__content .errortext { margin-top: 16px; display: block; } .main-user-consent-request-popup-text { color: #000000 !important; } .main-user-consent-request-popup-text:disabled { color: #000000 !important; opacity: 1; } .reg-form input { color: #000000; } .auth-form input { color: #000000 !important; } .btn--transparent { background-color: transparent !important; } .btn--transparent:hover { background-color: var(--color-primary-two) !important; color: #fff !important; } .bx-soa-location-input-container .bx-ui-sls-route, .bx-ui-sls-container .bx-ui-sls-route{ opacity: 0 !important; } /* новая форма авторизации */ .auth-popup { position: relative; opacity: 0; z-index: -1; pointer-events: none; } .auth-popup.active { opacity: 1; z-index: 300; pointer-events: auto; } .auth-popup--black .auth-popup__overlay { background: rgba(0, 0, 0, 0.4); } .auth-popup__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } .auth-popup__content { position: fixed; top: 6px; right: calc(50% - 437px); z-index: 7; } .auth-popup__form { display: none; flex-direction: column; width: 358px; background-color: #ffffff; box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.2); } .auth-popup__form p { text-align: left !important; letter-spacing: 0 !important; } .auth-popup__form span { text-align: left !important; letter-spacing: 0 !important; } .auth-popup__form.active { display: flex; } .auth-popup__form-header { position: relative; display: flex; padding: 24px 16px 10px 16px; border-bottom: solid 1px #F3EEE6; } .auth-popup__close-popup { position: absolute; display: none; top: 24px; right: 16px; padding: 0; background-color: transparent; border: none; } .auth-popup__close-popup > svg { width: 16px; height: 16px; fill: #000000; } .auth-popup__form-header > p { font-family: "Roboto", Arial, sans-serif; font-weight: 400 !important; font-size: 21px !important; line-height: 25px !important; color: #303030; text-transform: none !important; } .auth-popup__form-content { display: flex; flex-direction: column; align-items: flex-start; margin-top: -16px; padding: 20px 24px 16px; } .auth-popup__form-content.error .auth-popup__form-error { display: flex; } .auth-popup__input-wrapper { position: relative; display: flex; flex-direction: column; margin-top: 16px; width: 100%; } .auth-popup__form-input { padding: 24px 40px 8px 11px; border: 1px solid #D9D2C7 !important; margin-bottom: 0 !important; font-size: 16px !important; line-height: 18px !important; transition: border-color linear 0.15s; border-radius: 0; -webkit-appearance: none; } .auth-popup__form-input--no-label { padding: 16px 40px 16px 11px; color: #9F9F9F; } .auth-popup__form-input.error { border-color: #B81F31 !important; } .auth-popup__form-label { position: absolute; top: 16px; left: 11px; right: 48px; overflow: hidden; font-family: "Roboto", Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 18px; color: #9F9F9F; text-overflow: ellipsis; white-space: nowrap; transition: top ease-in-out 0.15s, font-size ease-in-out 0.15s, line-height ease-in-out 0.15s; } .auth-popup__input-wrapper.transformed > .auth-popup__form-label { top: 6px; font-size: 12px; line-height: 14px; } .auth-form__button { min-width: 138px; padding: 20px; background: #B81F31; border: none; border-radius: 5px; text-align: center; font-size: 11px; line-height: 11px; color: #ffffff; text-transform: uppercase; } .auth-form__button--yellow { padding: 15px 20px; background: #D9D0C1; } .auth-form__submit-button { margin-top: 16px; } .auth-popup__form-footer { display: flex; flex-direction: column; align-items: flex-start; padding: 16px 24px; background: #F8F5F0; } .auth-popup__form-footer > button { margin-top: 10px; } .auth-popup__form-footer > p { font-family: "Roboto", Arial, sans-serif; font-weight: 400 !important; font-size: 14px !important; line-height: 16px !important; color: #303030; text-transform: none !important; } .auth-popup__form-agree { margin-top: 16px; font-family: "Roboto", Arial, sans-serif; font-weight: 400 !important; font-size: 12px !important; line-height: 14px !important; color: #9F9F9F; text-transform: none !important; } .auth-popup__form-agree > a { color: #5B82A4; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color .3s ease; } .auth-popup__form-agree > a:hover { border-color: #5B82A4; } .auth-popup__form-agree > span { color: #5B82A4; } .auth-popup__send-info { margin-top: 16px; font-family: "Roboto", Arial, sans-serif; font-weight: 400 !important; font-size: 14px !important; line-height: 16px !important; color: #303030; text-transform: none !important; } .auth-popup__send-info-phonecode { margin-top: 30px; font-family: "Roboto", Arial, sans-serif; font-weight: 400 !important; font-size: 14px !important; line-height: 16px !important; color: #303030; text-transform: none !important; } .auth-popup__send-info > span { white-space: nowrap; color: #B81F31; } .auth-popup__send-info .auth-popup__send-info__black-bold { font-weight: 600; color: #303030; } .auth-popup__send-info .auth-popup__send-value { font-weight: 600; } .auth-popup__send-info-phonecode > .auth-popup__send-info__red-bold { white-space: nowrap; font-weight: 600; color: #B81F31 !important; } .auth-popup__send-info + .auth-popup__input-wrapper { margin-top: 10px; } .auth-popup__back-form { margin-right: 16px; padding: 6px; border: none; background-color: transparent; } .auth-popup__back-form > span{ display: flex; } .auth-popup__back-form svg { width: 5px; height: 8px; fill: #B81F31; } .auth-popup__forget-password-button { font-family: "Gotham", Arial, sans-serif; color: #5B82A4; font-size: 11px !important; line-height: 11px !important; margin-left: 17px; padding: 0; background-color: transparent; border: none; } .auth-popup__form-error { display: none; width: 100%; margin-top: 16px; background: #FFF3F5 !important; } .auth-popup__form-error > span { font-size: 16px !important; line-height: 18px !important; color: #B81F31 !important; letter-spacing: 0 !important; margin: 16px 16px; } .tooltip-new { position: absolute; right: 16px; top: calc(50% - 10px); z-index: 5; display: flex; flex-direction: column; align-items: flex-end; pointer-events: none; } .tooltip-new.active .tooltip-new__tooltip-trigger svg { fill: #b81f31; } .tooltip-new.active .tooltip-new__tooltip-content { opacity: 1; pointer-events: auto; z-index: 0; } .tooltip-new__tooltip-trigger { width: 20px; height: 20px; cursor: pointer; pointer-events: auto; } .tooltip-new__tooltip-trigger > svg { width: 100%; height: 100%; fill: #9F9F9F; transition: fill linear 0.15s; } .tooltip-new__tooltip-trigger > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: color linear 0.15s; } .tooltip-new__tooltip-content { margin-right: -16px; display: flex; flex-direction: column; margin-top: 5px; padding: 8px; background-color: rgba(48, 48, 48, 0.8); border-radius: 5px; opacity: 0; pointer-events: none; z-index: -1; transition: opacity linear 0.15s; } .tooltip-new__tooltip-content > p { font-family: "Roboto", Arial, sans-serif; font-weight: 400 !important; font-size: 12px !important; line-height: 14px !important; color: #FFFFFF !important; text-transform: none !important; } .auth-popup__show-password { position: absolute; top: calc(50% - 10px); right: 16px; padding: 0; background-color: transparent; border: none; } .auth-popup__svg-pass-hidden { display: block; } .auth-popup__svg-pass-visible { display: none; } .auth-popup__show-password.active > .auth-popup__svg-pass-hidden { display: none; } .auth-popup__show-password.active > .auth-popup__svg-pass-visible { display: block; } .auth-popup__show-password > svg { width: 20px; height: 20px; fill: #9F9F9F; transition: fill linear 0.15s; } .auth-popup__form-counter-wrapper { margin-top: 16px; } .auth-popup__form-counter-wrapper.active > p { display: none; } .auth-popup__form-counter-wrapper.active > button { display: flex; } .auth-popup__form-counter-wrapper > p { font-size: 14px !important; line-height: 16px !important; letter-spacing: 0 !important; text-transform: none !important; } .auth-popup__form-counter-wrapper > p > span { color: #5B82A4; } .auth-popup__form-counter-wrapper > button { padding: 0; background-color: transparent; margin: 0; border: none; display: none; color: #5B82A4; font-size: 14px !important; line-height: 16px !important; letter-spacing: 0 !important; text-transform: none !important; } .auth-inside-order { padding: 20px 25px 0; } .auth-inside-order__content { display: flex; } .auth-inside-order__content > p { font-weight: 600; font-size: 16px; line-height: 19px; } .auth-inside-order__button { margin-left: 5px; padding: 0; border: none; background-color: transparent; color: #b81f31; font-weight: 600; font-size: 16px; line-height: 19px; } .tanais-order .sdek_pvzLair a.hide { display: none !important; } .sdek_pvzAddr { position: absolute; left: 0; z-index: 10; display: flex; flex-wrap: wrap; min-width: 214px; min-height: 54px; background-color: #FFFFFF; padding-top: 24px; } .sdek_pvzAddr-text { margin-right: 14px; } .sdek_pvzAddr::before { content: "Выбран пункт:"; position: absolute; top: 0; left: 0; font-size: 12px !important; line-height: 14px !important; color: #9F9F9F; } .sdek_pvzAddr__link { font-weight: normal; font-size: 14px !important; line-height: 16px !important; text-decoration-line: underline !important; color: #B81F31 !important; } /* стили календаря */ .bx-calendar-year-title, .bx-calendar-year-content { display: none; } /* Стили лейбла поля дисконтной карты */ .bx-soa-coupon-label label { text-transform: uppercase; color: #000000 !important; } @media screen and (max-width: 1000px) { .auth-popup__content { top: 50%; right: 50%; display: flex; justify-content: center; width: calc(100% - 20px); max-width: 400px; transform: translate(50%, -50%); } .auth-popup__form { width: 100%; } #bx-soa-orderSave .btn { display: none !important; } } @media screen and (max-width: 650px) { .auth-popup.active { z-index: 60000; } .auth-popup__form p { letter-spacing: 0 !important; } .auth-popup__form-content { padding: 20px 16px 16px; } .auth-popup__form-header { padding: 24px 56px 16px 16px; } .auth-popup__close-popup { display: flex; } .auth-popup__form-footer { padding: 16px; } } @media (max-width: 480px) { section.topmenu a.reg { /*z-index: 5;*/ width: auto; } } .bx-sls .bx-ui-sls-clear { top: 3px; } .auth-form__page { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 40px } .auth-form__text { margin-bottom: 20px; } .auth-form__text:empty { display: none; } /* БЛОК стилизации кнопки Рассрочка\Кредит + соответствующий поп-ап */ .default-popup--fixed { top: 10%; align-items: flex-start; } .default-popup__content--scroll { overflow-x: auto; display: flex; flex-flow: column nowrap; scroll-snap-type: y mandatory } .installment-credit { } .installment-credit .default-popup__header { border: none; } .installment-credit__btn { margin-top: 20px; padding-left: 20px; } .installment-credit__text { font-family: 'Roboto', Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 129%; color: #C2182F; text-transform: none; } .installment-credit__text:first-child { margin-left: 17px; } .installment-credit__value { font-family: 'Roboto', Arial, sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #C2182F; } .installment-credit__form { padding: 16px 32px 32px; background-color: #F6F6F6; border-bottom: 1px solid #9B9B9B; } .installment-credit__group-title { font-family: 'Roboto', Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 18px; margin-top: 16px; margin-bottom: 8px; color: #656565; } .installment-credit__group-title.inactive { font-size: 16px; line-height: 20px; font-weight: 600; color: #303030; } .installment-credit__group { display: flex; flex-flow: row wrap; margin: 0 -4px; } .installment-credit__divide-line { width: 100%; margin-top: 23px; border-bottom: 1px solid #D9D0C1; } .installment-credit__issue { display: flex; width: 100%; justify-content: space-between; align-items: end; } .installment-credit__issue-current { display: flex; flex-flow: column; margin-top: 24px; width: 165px; } .installment-credit__issue-current .installment-credit__group-title { margin: 0; } .installment-credit__issue-btn { font-family: 'Roboto', Arial, sans-serif; font-size: 11px; font-weight: 400; line-height: 11px; width: 146px; height: fit-content; margin: 24px 0 0; border: none; padding: 14px 25px; color: #FFFFFF; text-transform: uppercase; border-radius: 4px; background-color: #B81F31; cursor: pointer; } .installment-credit__issue-btn:disabled { background-color: #9F9F9F; cursor: not-allowed; } .installment-credit__tabs-nav { display: flex; flex-flow: row nowrap; margin-left: 20px; margin-bottom: -2px; } .installment-credit__tabs-content { border-top: 1px solid #9B9B9B; } .installment-credit__tab-content.active { display: block; } .installment-credit__tab-content { display: none; } .installment-credit__tab.active { background-color: #F6F6F6; border: 1px solid #9B9B9B; border-bottom: 1px solid #F6F6F6; } .installment-credit__tab { width: 124px; height: 32px; padding: 9px 20px; z-index: 1; border-radius: 4px 4px 0 0; cursor: pointer; } .installment-credit__body { display: flex; flex-direction: column; gap: 16px; } /* POS-credit */ .pos-credit { display: flex; flex-flow: row nowrap; padding: 20px 30px; } .pos-credit__btn { font-family: 'Roboto', Arial, sans-serif; font-size: 11px; font-weight: 400; line-height: 11px; width: fit-content; justify-self: center; margin-top: 24px; padding: 14px 20px; color: #FFFFFF; border: 0; text-transform: uppercase; background-color: #50986D; border-radius: 5px; } .pos-credit__description { display: flex; flex-flow: column; } .pos-credit__description-text { font-family: 'Roboto', Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; color: #656565; } .pos-credit__description-text strong { font-family: 'Roboto', Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 18px; color: #656565; text-transform: none; } .pos-credit__logo { width: 93px; height: 78px; margin-right: 20px; } .pos-credit--white { margin-top: 32px; padding: 32px 0 0; border-top: 1px solid var(--color-gray); } /* Стилизация радиокнопок для выбора рассрочки\кредита */ .ic-choice { margin: 0 4px 8px; } .ic-choice__input { display: none; } .ic-choice__input:checked + .ic-choice__label { background: #9F9F9F; } .ic-choice__input:checked + .ic-choice__label .ic-choice__text, .ic-choice__input:checked + .ic-choice__label .ic-choice__value { color: #FFFFFF; } .ic-choice__label { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; width: 153px; color: #656565; background-color: #FFFFFF; padding: 7px; border-radius: 4px; border: 1px solid #9F9F9F; cursor: pointer; } .ic-choice__text { font-family: 'Roboto', Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #656565; } .ic-choice__value { font-family: 'Roboto', Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #B81F31; } @media (max-width: 1000px) { .installment-credit__btn .installment-credit__text, .installment-credit__btn .installment-credit__value { display: none; } .installment-credit__btn { padding-left: 15px; } } @media (max-width: 767px) { .installment-credit__tabs-nav { margin-left: 0; } .installment-credit__tab { padding: 8px 12px; } .installment-credit__tab:first-child { border-left: none; border-radius: 0 4px 0 0; } .installment-credit__group-title:first-child { margin-top: 0; } .default-popup__content--scroll { height: 85%; max-height: fit-content; } .installment-credit__issue { flex-flow: column; align-items: flex-start; } } @media (max-width: 475px) { .pos-credit { flex-flow: column; } .pos-credit__description { margin-top: 20px; } } /* Блок переоценки товара */ section.storecontent .repricing { background-color: #ffffff; display: inline-block; border: 1px solid #f2d4d9; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; line-height: 1.30769em; font-weight: 500; color: #303030; text-transform: uppercase; padding: 14px 15px 14px 50px; background-image: url("/local/media/css/../img/store_repricing.png"); background-position: 16px center; background-repeat: no-repeat; text-transform: uppercase; margin-top: 24px; margin-bottom: 15px; } section.storecontent .repricing span { color: #9a2e3d; padding-right: 12px; } .button--repricing { font-weight: 400; border: none; border-radius: 0; border-bottom: 1px solid #bcaa9D; padding: 0; height: auto; line-height: 1; } .button--repricing:hover { background: none; border: none; border-bottom: 1px solid #000000; } .button--repricing::after { display: none; } .product-item__price-prefix{ font-size: 10px; letter-spacing: 0.1em; color: #9F9F9F; text-align: center; text-transform: uppercase; } .online-consultation-button{ font-weight: 500; font-size: 13px; line-height: 16px; color: #fff; background: linear-gradient(0deg, #5B82A4, #5B82A4), linear-gradient(0deg, #5B82A4, #5B82A4), linear-gradient(0deg, #5B82A4, #5B82A4), #5B82A4; border-radius: 2px; border: none; padding: 10px 40px 10px 8px; height: auto; position: relative; margin-bottom: 8px; align-self: flex-end; } .online-consultation-button::before{ position: absolute; content: ''; width: 24px; height: 24px; top: 50%; right: 8px; transform: translateY(-50%); background: url("/local/media/css/../img/camera.png"); background-size: 100%; } .online-consultation-button:hover{ color: #fff } section.storecontent .cols > div.photogallery-block{ display: flex; flex-direction: column; } @media (max-width: 649px) { .online-consultation-button{ order: 1; margin-bottom: 0; margin-top: 16px; align-self: center; } } .default-popup__input--checkbox{ justify-content: flex-start; flex-wrap: wrap; max-width: 100%; width: 100%; margin-left: auto; } .default-popup__input--checkbox input[type="checkbox"]{ flex-grow: unset; position: absolute; visibility: hidden; } .default-popup__input--checkbox label{ flex-shrink: unset; width: auto; padding-left: 28px; position: relative; font-family: "Gotham", "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 145%; color: #303030; cursor: pointer; } .default-popup__input--checkbox label::before{ position: absolute; content: ''; display: block; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #9F9F9F; left: 0; top: 0; } .default-popup__input--checkbox label::after{ box-sizing: border-box; position: absolute; content: ''; display: none; width: 16px; height: 16px; background: url("/local/media/img/checkbox-new.svg"); left: 2px; top: 2px; } .default-popup__input--checkbox input[type="checkbox"]:checked + label:after{ display: block; } .default-popup__input--checkbox span{ margin-top: 16px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 17px; } .default-popup__input--checkbox:not(.default-popup__input--checkbox + .default-popup__input--checkbox){ margin-top: 24px; } @media (max-width: 767px) { .default-popup__input--checkbox:not(.default-popup__input--checkbox + .default-popup__input--checkbox) { margin-top: 10px; } } section.breadcumbs li.breadcrumbs__hidden{ display: inline-block; } section.breadcumbs li.breadcrumbs__ellipsis{ display: none; } @media (max-width: 1000px) { section.breadcumbs li.breadcrumbs__hidden{ display: none; } section.breadcumbs li.breadcrumbs__ellipsis{ display: inline-block; } } .photogallery-block{ position: relative; } section.breadcumbs li{ padding-right: 14px; margin-right: 4px; } @media (max-width: 1000px) { } .text-about-universal { margin-top: 22px; } .text-about-universal a { text-decoration: underline; color: #0a7ddd; } .belt-analogy { margin-top: 24px; padding: 0 20px; color: #656565; border-color: #e4e4e4; } .belt-analogy span { text-transform: none; } .rings { margin-bottom: 40px; } .rings__title { font-family: "Gotham", Arial, sans-Serif; font-size: 15px; font-weight: 500; line-height: 19px; text-transform: uppercase; color: #303030; } .rings__sizes-list { margin-top: 12px; display: grid; grid-template-columns: repeat(5, fit-content(100%)); grid-column-gap: 8px; grid-row-gap: 8px; } .rings__sizes-item { width: 48px; height: 27px; display: flex; align-items: center; justify-content: center; } .rings__sizes-btn { font-family: Roboto; font-size: 14px; font-weight: 400; line-height: 16px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; padding: 0; background-color: transparent; border-radius: 20px; border: 1px solid #9F9F9F; color: #303030; transition-property: color, border, background-color; transition-duration: .25s; transition-timing-function: linear; } .rings__sizes-item input { display: none; } .rings__sizes-item.disabled .rings__sizes-btn { pointer-events: none; background-color: #eaeaea; } .rings__sizes-item.active .rings__sizes-btn, .rings__sizes-btn:hover { background-color: #B81F31; border: 1px solid #B81F31; color: #FFFFFF; } .rings__weight { margin-top: 22px; } .rings__weight-title { font-family: "Gotham", Arial, sans-Serif; font-size: 11px; font-weight: 500; line-height: 14px; color: #ADADAD; text-transform: uppercase; } /*новая шапка*/ .master-header { height: auto; margin: 0; font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-weight: 500; position: relative; } .master-header__desktop-fixed { width: 100%; position: fixed; top: 0; left: 0; z-index: 100; background-color: #ffffff; } .master-header__menu { /* margin-top: 136px; */ } .master-header .container { padding-left: 0; padding-right: 0; } .master-header__desktop { background-color: #ffffff; } .master-header__mobile { width: 100%; } .header-banner { display: flex; align-items: center; height: 80px; background: linear-gradient(90deg, #B81F31 29%, #4A0000 77.89%); overflow: hidden; box-sizing: border-box; } .header-banner .container { padding-left: 0; padding-right: 0; } .header-banner__store-inner { display: flex; column-gap: 20px; align-items: center; justify-content: center; position: relative; } .header-banner__title { max-width: 320px; margin-right: 20px; color: #ffffff; font-size: 20px; font-weight: 500; line-height: 120%; text-transform: uppercase; text-align: left; } .header-banner__buttons { display: flex; align-items: center; column-gap: 8px; } .header-banner__link { display: block; max-width: 126px; } .header-banner__ico { display: block; width: 100%; height: auto; } .header-banner__image { display: block; width: 244px; height: auto; } .header-top { height: 32px; background-color: #303030; color: #ffffff; position: relative; border-top: 6px solid #B0162B; z-index: 10; } .header-top__inner { display: flex !important; align-items: center; justify-content: flex-start; } .header-top__city { padding: 8px 0; margin-right: 14px; position: relative; z-index: 1; } .header-top__city .city-picker { color: #303030; } .select-city { display: flex; align-items: center; gap: 8px; padding: 0; border: none; outline: none; background-color: transparent; font-size: 12px; line-height: 1.32; } .select-city img { display: block; width: 16px; height: 16px; } .select-city .city-name { text-transform: uppercase; } .city-notification--text_block { } .header-top__menu { display: flex; align-items: center; gap: 24px; } .header-top__menu-list { padding: 8px 0; display: flex; align-items: center; gap: 24px; } .header-top__menu-link { text-transform: uppercase; font-size: 12px; font-weight: 500; line-height: 1.32; transition: color 0.3s ease; } .header-top__menu-link:hover { color: #d6b653; transition: color 0.3s ease; } .header-top__luxe { height: 100%; display: inline-block; padding: 8px 16px; background-color: #EAD5A8; font-size: 12px; font-weight: 500; line-height: 1.32; color: #000000; text-transform: uppercase; } .header-top__links { margin-left: auto; display: flex; align-items: center; column-gap: 16px; } .header-top__wa-link { display: flex; align-items: center; column-gap: 4px; } .header-top__wa-link img { display: block; width: 16px; height: auto; } .header-top__wa-text { display: block; font-size: 12px; font-weight: 500; line-height: 16px; } .header-top__phone-link { /* margin-left: auto; */ display: inline-flex; gap: 4px; align-items: center; font-size: 12px; font-weight: 500; line-height: 1.32; transition: color 0.3s ease; } .header-top__phone-link:hover { color: #d6b653; transition: color 0.3s ease; } .header-top__phone-link svg { display: block; width: 16px; height: 16px; fill: #ffffff; } .master-header__main { padding: 24px 0; } .header-main { border-bottom: 1px solid #D9D9D9; } .header-main__inner { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; } .header-main__search-form { display: block; width: 100%; max-width: 368px; position: relative; } .header-main__search-form::before { content: ''; display: block; width: 20px; height: 20px; background-image: url("/local/media/img/form-search-ico.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 12px; left: 12px; } .header-main__search-input { width: 100%; display: block; padding: 16px 16px 16px 40px; font-size: 14px; font-weight: 400; line-height: 1.1; color: #303030; background-color: #F6F6F6; border: 1px solid #9F9F9F; } .header-main__search-input:focus { border: 1px solid #000000; } .header-main__search-input::placeholder { font-family: 'Gotham', 'Roboto', Arial, sans-serif; font-size: 14px; line-height: 1.1; font-weight: 400; color: #303030; } .header-main__logo { display: block; width: 294px; height: 44px; } .header-main__logo img { display: block; width: 100%; height: auto; } .header-main__text-bonus { margin-top: 8px; text-align: center; color: var(--color-accent); font-size: 10px; font-weight: 500; line-height: 120%; } .header-main__list { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .header-main__item { width: 80px; text-align: center; } .header-main__item .auth-popup__form-label { text-align: left; } .header-main__item .auth-popup__form-agree { color: #303030; } .header-main__item--active .header-main__item-img svg { fill: #B81F31; } .header-main__item--active .header-main__item-name { color: #B81F31; } .header-main__link { display: flex; flex-direction: column; gap: 4px; } .header-main__item-img { position: relative; } .header-main__item-img svg { display: block; margin: 0 auto; width: 24px; height: 24px; fill: #9F9F9F; transition: fill .3s ease; } .header-main__item-count { display: flex; width: 17px; height: 17px; justify-content: center; align-items: center; font-size: 11px; font-weight: 500; line-height: 1.32; color: #ffffff; background-color: #C2182F; border-radius: 50%; position: absolute; top: 0; left: 50%; z-index: 1; } .header-main__item-name { text-transform: uppercase; font-size: 12px; font-weight: 500; line-height: 1.32; } .header-menu__navigation { width: 100%; } .header-menu__list { display: flex; align-items: center; justify-content: space-between; } .header-menu__list-item:hover .header-menu__arrow { transform: rotate(180deg); transition: transform .3s ease; } .header-menu__list-item:hover .main-menu__submenu { opacity: 1; visibility: visible; z-index: 11; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .header-menu__list-item--accent .header-menu__list-link { color: #B81F31; } .main-menu__middle-menu .main-menu__special-item { margin-top: 36px; font-weight: 600; text-transform: uppercase; } .main-menu__middle-menu .main-menu__special-item:first-child { margin-top: 0; } .header-menu__list-link { display: inline-flex; height: 48px; padding: 16px 0; gap: 4px; font-size: 12px; font-weight: 500; line-height: 1.32; color: #303030; text-transform: uppercase; } .header-menu__list-link svg { display: none; } .header-menu__list-link--luxe { padding-left: 40px; padding-right: 40px; background: var(--color-beige-gold); } .header-menu__list-link--luxe:hover { background: var(--color-beige-gold-hover); } @media (max-width: 1220px) { .header-menu__list-link--luxe { padding-left: 24px; padding-right: 24px; } } .header-menu__arrow { display: block; width: 16px; height: 16px; fill: #303030; transition: transform .3s ease; } .master-header__mobile { display: none; } .master-header__mobile * { box-sizing: border-box; } /* header .container>div:last-child, header .container>div:first-child { display: grid; float: none !important; } */ .header-mobile { width: 100%; position: relative; background-color: #ffffff; border-bottom: 1px solid #C8C8C8; border-top: 6px solid #B0162B; } .header-mobile__fixed { position: fixed; top: 0; left: 0; z-index: 6; } .header-mobile__top { display: grid !important; align-items: center; grid-template-columns: 68px 68px 1fr 68px 68px; } .header-mobile__item { width: 68px; height: 36px; padding: 8px 24px; } .header-mobile__toggle { display: block; padding: 0; width: 20px; height: 20px; border: none; outline: none; background-color: transparent; position: relative; } .header-mobile__toggle--compare::before { content: ''; display: block; width: 8px; height: 8px; background-color: #B81F31; border-radius: 50%; position: absolute; top: -1px; right: -4px; z-index: 1; } .active.header-mobile__toggle--compare::before { display: none; } .header-mobile__toggle-span { position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; font-size: 0; background-color: #9F9F9F; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: 0.3s ease; } .header-mobile__toggle-span::after, .header-mobile__toggle-span::before { content: ""; width: 100%; height: 2px; background-color: #9F9F9F; position: absolute; left: 0; transition: 0.3s ease; } .header-mobile__toggle-span::before { top: -6px; } .header-mobile__toggle-span::after { bottom: -6px; } .header-mobile__toggle.active .header-mobile__toggle-span { background-color: transparent; } .header-mobile__toggle.active .header-mobile__toggle-span::before { background-color: #B81F31; top: 0; transform: rotate(45deg); } .header-mobile__toggle.active .header-mobile__toggle-span::after { background-color: #B81F31; bottom: 0; transform: rotate(-45deg); } .header-mobile__search-btn { display: block; padding: 0; border: none; outline: none; background-color: transparent; } .header-mobile__search-btn svg { fill: #9F9F9F; } .header-mobile__logo { width: 32px; margin: 0 auto; } .header-mobile__logo img { display: block; width: 100%; height: auto; } .header-mobile__link-ico { display: block; width: 20px; height: 20px; position: relative; } .header-mobile__link-ico svg { width: 20px; height: 20px; fill: #9F9F9F; } .header-mobile__count { display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; font-size: 11px; font-weight: 500; color: #ffffff; border-radius: 50%; background-color: #B81F31; position: absolute; top: -4px; left: 9px; z-index: 1; } .header-mobile__main { --offset-top: 43px; max-width: 600px; width: 100%; height: calc(100vh - var(--offset-top, 43px)); margin: 0 auto; padding: 24px 16px; position: absolute; top: 37px; left: 50%; z-index: -999; background-color: #ffffff; overflow-y: scroll; opacity: 0; transition: opacity 0.4s ease; transform: translate(-50%, 0); display: none; } .header-mobile__main.active { opacity: 1; transition: opacity 0.4s ease; z-index: 10; display: block; } .header-mobile__main-item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #C8C8C8; text-align: left; } .header-mobile__main-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .header-mobile__main-item--city { position: relative; } .header-mobile__main-item--city .city-notification { position: absolute; top: 0; left: 50%; transform: translate(-50%, 20px); z-index: 20; } .header-mobile__main-item--city .city-picker { left: 50%; top: 50%; z-index: 20; position: fixed; width: 100%; transform: translate(-50%, -50%); max-height: 415px; height: 415px; } .header-mobile__head-item { display: flex; align-items: center; justify-content: flex-start; gap: 4px; margin-bottom: 16px; font-size: 14px; font-weight: 500; line-height: 1.32; color: #303030; text-transform: uppercase; } .header-mobile__head-item:last-child { margin-bottom: 0; } .header-mobile__head-item svg { display: block; width: 16px; height: 16px; fill: #B81F31; } .header-mobile__head-count { display: flex; justify-content: center; align-items: center; width: 17px; height: 17px; border-radius: 50%; background-color: #B81F31; font-size: 11px; font-weight: 500; line-height: 1.32; color: #ffffff; text-transform: uppercase; } .header-mobile__menu-item { margin-bottom: 16px; } .header-mobile__menu-item:last-child { margin-bottom: 0; } .header-mobile__menu-item--sale .header-mobile__menu-link { color: #B81F31; } .header-mobile__menu-link { display: block; font-size: 14px; font-weight: 500; line-height: 1.32; color: #303030; text-transform: uppercase; text-align: left; } .header-mobile__phone { display: inline-flex; gap: 4px; align-items: center; justify-content: flex-start; font-size: 14px; line-height: 1.32; color: #303030; } .header-mobile__phone svg { display: block; width: 16px; height: 16px; fill: #B81F31; } .header-mobile__side-menu { margin-bottom: 16px; } .header-mobile__side-item { margin-bottom: 16px; } .header-mobile__side-item:last-child { margin-bottom: 0; } .header-mobile__side-link { font-size: 14px; font-weight: 500; color: #303030; line-height: 1.32; text-transform: uppercase; } .header-mobile__luxe { display: inline-block; padding: 16px 64px; font-size: 14px; font-weight: 500; line-height: 1.32; color: var(--color-text); text-transform: uppercase; background-color: var(--color-beige-gold); } .header-mobile__city { display: flex; gap: 4px; align-items: center; justify-content: flex-start; padding: 0; background-color: transparent; border: none; outline: none; } .header-mobile__city svg { display: block; width: 16px; height: 16px; } .header-mobile__city-name { display: inline-block; font-size: 14px; font-weight: 500; line-height: 1.32; color: #303030; text-transform: uppercase; } .header-mobile__search { display: none; width: 100%; height: calc(100vh - 6px); background-color: #ffffff; position: absolute; top: 0; left: 0; z-index: -999; opacity: 0; transition: opacity 0.4s ease; } .header-mobile__search.active { opacity: 1; z-index: 20; transition: opacity 0.4s ease; display: block; } .header-mobile__search-inner { height: 36px; display: flex; align-items: center; justify-content: flex-start; } .header-mobile__button-back { display: flex; flex-shrink: 0; justify-content: center; align-items: center; width: 52px; height: 36px; padding: 0; border: none; outline: none; font-size: 0; background: transparent; border-bottom: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; } .header-mobile__button-back svg { display: block; width: 20px; height: 20px; fill: #9F9F9F; } .header-mobile__search-form { flex-grow: 1; display: block; width: 100%; position: relative; } .header-mobile__search-form::before { content: ''; display: block; width: 20px; height: 20px; background-image: url("/local/media/img/form-search-ico.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 8px; left: 16px; } .header-mobile__search-input { display: block; width: 100%; padding: 12px 20px 12px 44px; height: 36px; border: none; outline: none; font-size: 14px; font-weight: 400; color: #303030; line-height: 1.32; } @media (max-width: 1220px) { .header-top__menu-list { gap: 16px; } .header-main__search-form { width: 320px; } .header-main__logo { width: 266px; height: 40px; } .header-main__list { gap: 12px; } .header-top__wa-text { display: none; } } @media (max-width: 1000px) { .header-banner { height: 90px; } .master-header__desktop { display: none; } .master-header__mobile { display: block; } .header-banner { display: none; } .header-banner--mobile { display: flex; } .header-banner .container { padding-left: 20px; padding-right: 20px; } .header-banner__store-inner { display: flex !important; justify-content: flex-start; /* flex-direction: column; */ /* align-items: flex-start; */ /* row-gap: 8px; */ } .header-banner__buttons { flex-direction: column; row-gap: 8px; } .header-banner__title { font-size: 14px; max-width: 216px; margin-right: 0; } .header-banner__link { max-width: 100px; } .header-banner__image { position: absolute; width: 280px; top: -13px; right: -25px; } } @media (max-width: 649px) { .header-mobile__top { grid-template-columns: 52px 52px 1fr 52px 52px; border-left: none; border-right: none; border-bottom: none; } .header-mobile__item { width: 52px; padding: 8px 16px; } .header-mobile__main { max-width: 400px; } .header-banner { height: 60px; } .header-banner .container { padding-left: 16px; padding-right: 16px; } .header-banner__title { font-size: 12px; line-height: 130%; text-transform: none; } .header-banner__image { display: none; } .header-banner--mobile { display: none; } } @media (max-width: 479px) { .master-header__mobile { border-bottom: none; } .header-mobile__main { max-width: 100%; } } /*новая шапка*/ .button--analogues{ font-weight: 500; font-size: 15px; line-height: 18px; color: #B81F31; text-decoration: underline; text-transform: uppercase; border: none; padding: 0; margin-left: 13px; height: auto; } .button--analogues:hover{ background: unset; } section.storecontent .price--disabled{ color: #9F9F9F; position: relative; margin-top: 35px; margin-bottom: 26px; } section.storecontent .price--disabled::before{ position: absolute; content: 'Товар закончился'; font-weight: 400; font-size: 16px; line-height: 22px; color: inherit; top: -30px; left: 0; } @media (max-width: 1000px) { .button--analogues{ margin-left: 0; margin-top: 24px; } section.storecontent .price--disabled{ margin-top: 25px; } section.storecontent .price--disabled::before{ font-size: 14px; line-height: 20px; } } .product-item__favorite * { box-sizing: border-box; } .product-item__favorite { width: 48px; height: 48px; padding: 8px; position: absolute; top: 0; right: 0; z-index: 2; box-sizing: border-box; } .favorites-catalog { display: flex; flex-wrap: wrap; justify-content: flex-start; } .favorites-catalog .product-item { width: 25%; } .favorite-btn { display: block; border: none; outline: none; padding: 0; background: transparent; font-size: 0; } .favorite-btn svg { display: block; width: 43px; height: 43px; } .favorite-btn--small svg { width: 32px; height: 32px; } .favorite-btn svg:last-child { display: none; } .favorite-btn.active svg:last-child { display: block; } .favorite-btn.active svg:first-child { display: none; } .product-page-favorite { position: absolute; top: 0; right: 0; } @media (max-width: 1000px) { .favorites-catalog .product-item { width: 33%; } .product-item__favorite { width: 24px; padding: 4px; } .favorite-btn svg { display: block; width: 32px; height: 32px; } .favorite-btn--small svg { width: 16px; height: 16px; } } @media (max-width: 649px) { .favorites-catalog .product-item { width: 50%; } } @media (max-width: 650px) { .product-page-favorite { top: -30px; } } .button--analogues{ font-weight: 500; font-size: 15px; line-height: 18px; color: #B81F31; text-decoration: underline; text-transform: uppercase; border: none; padding: 0; margin-left: 13px; height: auto; } .button--analogues:hover{ background: unset; } section.storecontent .price--disabled{ color: #9F9F9F; position: relative; margin-top: 50px; } section.storecontent .price--disabled::before{ position: absolute; content: 'Товар закончился'; font-weight: 400; font-size: 16px; line-height: 22px; color: inherit; top: -30px; left: 0; } @media (max-width: 1000px) { .button--analogues{ margin-left: 0; margin-top: 24px; } section.storecontent .price--disabled{ margin-top: 55px; } section.storecontent .price--disabled::before{ font-size: 14px; line-height: 20px; } } /* Новый футер */ .master-footer *, .master-footer *::after, .master-footer *::before { box-sizing: border-box; } .master-footer { padding: 48px 0; background-color: #303030; color: #C8C8C8; } .master-footer__main { display: flex; justify-content: space-between; align-items: flex-start; } .master-footer__info { max-width: 640px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 40px; } .master-footer__social { width: 100%; max-width: 282px; display: flex; flex-direction: column; row-gap: 32px; align-items: flex-start; } .master-footer__list--cities { column-gap: 40px; columns: 3; } .master-footer__list-title { margin-bottom: 16px; color: #FFFFFF; text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: 1.32; } .master-footer__list-item { margin-bottom: 8px; } .master-footer__list-item:last-child { margin-bottom: 0; } .master-footer__list-link { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.32; color: inherit; transition: color 0.3s ease; border: none; } .master-footer__list-link:hover { color: #ffffff; transition: color 0.3s ease; } .mobile-stores { display: flex; column-gap: 16px; padding: 10px 20px; border-radius: 8px; border: 1px solid #A6A6A6; background: #000; } .mobile-stores__item img { display: block; width: 100%; height: auto; } .social-block { max-width: 282px; width: 100%; } .social-block__title { margin-bottom: 16px; text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: 1.32; color: #ffffff; } .social-block__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } .social-block__list-item { grid-column: auto / span 1; display: flex; column-gap: 8px; align-items: center; } .social-block__img { width: 16px; } .social-block__img img { display: block; width: 16px; height: auto; } .social-block__link { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.32; border: none; color: inherit; } .social-block__link:hover { color: #ffffff; transition: color 0.3s ease; } .master-footer__bottom { margin-top: 48px; padding-top: 48px; border-top: 1px solid #9F9F9F; display: flex; align-items: flex-start; justify-content: space-between; column-gap: 45px; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.32; } .master-footer__copy { margin-bottom: 16px; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; } .master-footer__develop { font-family: inherit; font-size: inherit; line-height: 14px; color: inherit; display: flex; align-items: flex-end; } .master-footer__develop a { display: inline-block; margin-left: 4px; border: none; } .master-footer__develop svg { display: block; width: 43px; height: 15px; } .master-footer__banks-list { max-width: 646px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 24px; flex-shrink: 0; } .master-footer__banks-img img { width: auto; height: 48px; } @media (max-width: 1000px) { .master-footer { padding: 40px 0; overflow: hidden; } .master-footer__main { flex-direction: column; row-gap: 32px; } .master-footer__info { max-width: 100%; width: 100%; flex-direction: column; gap: 16px; } .master-footer__info-item { width: 100%; max-height: 40px; overflow: hidden; border-bottom: 1px solid #C8C8C8; transition: max-height 0.3s ease; } .master-footer__info-item.active { max-height: 1000px; transition: max-height 0.3s ease; } .master-footer__info-item.active .master-footer__list { max-height: 10000px; opacity: 1; transition: max-height 0.3s ease, opacity 0.3s ease; } .master-footer__info-item.active .master-footer__list-title::after { transform: rotate(180deg); } .master-footer__list { max-height: 0; opacity: 0; margin-top: 11px; margin-bottom: 16px; transition: max-height 0.3s ease, opacity 0.3s ease; } .master-footer__list-title { margin-top: 3px; margin-bottom: 0; position: relative; } .master-footer__list-title::after { content: ''; display: block; width: 24px; height: 24px; background-image: 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 d='M12.0002 13.0611L7.05023 8.11108L5.63623 9.52508L12.0002 15.8891L18.3642 9.52508L16.9502 8.11108L12.0002 13.0611Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; right: 0; } .master-footer__list--cities { columns: 1; } .master-footer__bottom { margin-top: 40px; padding-top: 40px; flex-direction: column; row-gap: 32px; border-top: none; position: relative; } .master-footer__bottom::after { content: ''; display: block; width: 200%; height: 1px; background-color: #9F9F9F; position: absolute; top: 0; left: 0; transform: translateX(-20%); } .master-footer__banks-list { max-width: 100%; justify-content: flex-start; gap: 16px; } .master-footer__banks-img img { width: auto; height: 32px; } .master-footer__social { align-items: flex-start; flex-direction: row; justify-content: space-between; max-width: 100%; } .mobile-stores__item { height: 20px; } .mobile-stores { padding: 8px 16px; column-gap: 12px; } .mobile-stores__item img { height: 100%; } } @media (max-width: 649px) { .master-footer__social { flex-direction: column; } } @media (max-width: 479px) { .master-footer__social { flex-direction: column; row-gap: 16px; } .mobile-stores__link { width: 130px; } .mobile-stores { flex-direction: row; } } :root { --color-text: #303030; --color-bg: #FFFFFF; --color-alt-bg: #F6F6F6; --color-accent: #B81F31; --color-gray: #C8C8C8; --color-gray-border: #9F9F9F; --color-beige: #D9D0C1; --color-beige-border: #BCAA9D; --color-pink: #FFF3F5; --color-pink-border: #F2D4D9; --color-text-80: rgba(48, 48, 48, 0.8); --color-text-50: rgba(48, 48, 48, 0.5); --color-blue: #5B82A4; --color-beige-gold: #EAD5A8; --color-beige-gold-hover: #D6C194; } .btn-n { --padding: 15px 16px; --text-color: #fff; --icon-color: #fff; --background-color: var(--color-accent); --icon-size: 20px; --border-color: var(--color-accent); --border-width: 2px; --border-radius: 4px; --line-height: 14px; display: inline-flex; align-items: center; gap: 7px; padding: var(--padding); color: var(--text-color); background: var(--background-color); font-size: 12px; line-height: 120%; text-transform: uppercase; border: var(--border-width) solid; border-color: var(--border-color); border-radius: var(--border-radius); font-family: Gotham, Roboto, Arial; font-style: normal; font-weight: 400; font-size: 12px; line-height: var(--line-height); } .btn-n--no-bg { --background-color: transparent; --border-color: transparent; } .btn-n--link { --text-color: var(--color-blue); --icon-color: var(--color-gray-border); --padding: 15px 0; --border-radius: 0; } .btn-n--stroke { --background-color: transparent; --text-color: var(--color-accent); --icon-color: var(--color-accent); } .btn-n--stroke:hover { --background-color: var(--color-accent); --text-color: #fff; --icon-color: #fff; } .btn-n--round { --border-radius: 40px; } .btn-n--small { --padding: 7px 13px; --border-width: 1px; --line-height: 16px; text-transform: none; } .btn-n--lined { --padding: 0 0 2px; border-bottom: 1px solid var(--color-blue); } .btn-n--lined:hover { border-bottom: transparent; } .btn-n__icon { fill: var(--icon-color); width: var(--icon-size); height: var(--icon-size); } .test { outline: 1px solid red; } .catalog-tags { position: relative; padding: 0 28px; margin-bottom: 40px; height: 24px; display: flex; align-items: center; box-sizing: border-box; } .catalog-tags::before, .catalog-tags::after { content: ''; position: absolute; top: 0; width: 64px; height: 24px; background: linear-gradient(270deg, #FFFFFF 62.5%, rgba(255, 255, 255, 0) 100%); z-index: 1; } .catalog-tags::before { left: 0; transform: matrix(-1, 0, 0, 1, 0, 0); } .catalog-tags::after { right: 0; } .catalog-tags .owl-next, .catalog-tags .owl-prev { position: absolute; top: 50%; right: 0; width: 24px; height: 24px; padding: 0; font-size: 0; border: none; outline: none; background-color: transparent; background-repeat: no-repeat; background-size: cover; background-position: center; transform: translateY(-50%); z-index: 2; } .catalog-tags .owl-next { right: 0; background-image: 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%3Cg clip-path='url(%23clip0_3950_1573)'%3E%3Cpath d='M13.1719 12L8.22192 7.05L9.63592 5.636L15.9999 12L9.63592 18.364L8.22192 16.95L13.1719 12Z' fill='%23303030'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3950_1573'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .catalog-tags .owl-prev { left: 0; background-image: 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%3Cg clip-path='url(%23clip0_3950_1576)'%3E%3Cpath d='M10.828 12L15.778 7.05L14.364 5.636L7.99995 12L14.364 18.364L15.778 16.95L10.828 12Z' fill='%23303030'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3950_1576'%3E%3Crect width='24' height='24' fill='white' transform='matrix(-1 0 0 1 24 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .catalog-tags__slide { margin: 0 20px; width: fit-content; } .catalog-tags__link { font-size: 14px; /* line-height: 1.2; */ line-height: 24px; color: #000000; text-transform: lowercase; text-align: center; transition: color 0.3s ease; white-space: nowrap; } .catalog-tags__link:hover { color: var(--color-accent); transition: color 0.3s ease; } .catalog-tags__link.active { color: var(--color-accent); } @media (max-width: 480px) { .catalog-tags-wrap { padding: 0 20px; } } .catalog-tags-filter-wrap { margin-bottom: 40px; } .catalog-tags-filter { position: relative; display: inline-block; padding: 7px 39px 7px 11px; color: var(--color-gray-border); border: 1px solid var(--color-gray); font-family: Gotham, Roboto, Arial; font-size: 12px; line-height: 130%; } .catalog-tags-filter:hover { border-color: var(--color-pink-border); } .catalog-tags-filter::after { content: ''; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 20px; height: 20px; background-image: 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 fill-rule='evenodd' clip-rule='evenodd' d='M8.58586 9.99995L2.29297 3.70706L3.70718 2.29285L10.0001 8.58574L16.293 2.29285L17.7072 3.70706L11.4143 9.99995L17.7072 16.2928L16.293 17.7071L10.0001 11.4142L3.70718 17.7071L2.29297 16.2928L8.58586 9.99995Z' fill='%239F9F9F'/%3E%3C/svg%3E%0A"); } @media (max-width: 480px) { .catalog-tags-filter-wrap { padding: 0 20px; } } .news-item-list { display: flex; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; box-sizing: border-box; } .news-item-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 64px 32px; margin-bottom: 32px; } .news-item-list * { box-sizing: border-box; } .news-item-wrap { width: 33.3333%; padding: 0 16px; margin-bottom: 64px; } .news-item { position: relative; display: block; font-family: Gotham, Roboto, Arial; width: 100%; max-width: 372px; margin: 0 auto; color: var(--color-text); text-decoration: none; } .news-item * { font-family: Gotham, Roboto, Arial; } .news-item__link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; } .news-item__head { position: relative; display: block; padding-bottom: 64.6%; background: var(--color-gray); border-radius: 16px; overflow: hidden; transition: opacity 0.3s ease; } .news-item__head:hover { opacity: 0.8; } .news-item__head-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .news-item__head-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .news-item__body { /* max-width: 95%; */ padding-right: 24px; padding-bottom: 24px; } .news-item__tags { padding: 18px 0; } .news-item__title { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; margin: 0 0 6px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 120%; color: var(--color-text); overflow: hidden; transition: color 0.3s ease; } .news-item__title:hover { color: var(--color-text-50); } .news-item__text { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; min-height: 45px; overflow: hidden; text-overflow: ellipsis; font-weight: 400; font-size: 12px; line-height: 125%; color: var(--color-text); } .news-item__info { display: flex; flex-wrap: wrap; margin-top: 13px; } .news-item__info-col { margin-right: 16px; } .news-item__info-col:last-child { margin-right: 0; } .news-item--fullwidth { grid-column: auto / span 3; max-width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; column-gap: 32px; } .news-item--reverse { grid-auto-flow: dense } .news-item--fullwidth .news-item__head { padding-bottom: 70.7%; } .news-item--fullwidth .news-item__body { max-width: 480px; padding-bottom: 0; } .news-item--fullwidth .news-item__tags { padding: 0; margin-bottom: 24px; } .news-item--fullwidth .news-item__title { font-size: 24px; } .news-item--fullwidth .news-item__text { font-size: 14px; line-height: 145%; } .news-item--fullwidth .news-item__info { margin-top: 24px; } .news-item--reverse .news-item__head { grid-column: 2; } .news-item--min .news-item__head { padding-bottom: 59.3%; border-radius: 8px; } .news-item--min .news-item__body { max-width: 100%; padding-right: 0; } .news-item--min .news-item__tags { padding: 17px 0 11px; justify-content: center; } .news-item--min .news-item__title { margin-bottom: 10px; font-size: 14px; line-height: 120%; text-align: center; } .news-item--min .news-item__text { -webkit-line-clamp: 2; min-height: 30px; } /* .news-item:hover .news-item__title { color: var(--color-text-50); } .news-item:hover .news-item__head { opacity: 0.8; } */ @media (max-width: 1220px) { .news-item--fullwidth .news-item__head { padding-bottom: 57.6%; } .news-item--min .news-item__head { padding-bottom: 69.7%; } } @media (max-width: 1000px) { .news-item-grid { grid-template-columns: repeat(2, 1fr); gap: 64px 20px; } .news-item--fullwidth { grid-column: auto / span 2; } .news-item--fullwidth .news-item__head { padding-bottom: 64.6%; } .news-item--fullwidth .news-item__title { -webkit-line-clamp: inherit; min-height: auto; } .news-item__title { -webkit-line-clamp: 2; min-height: 38px; } .news-item--min .news-item__head { padding-bottom: 59.9%; } .news-item--min .news-item__title { -webkit-line-clamp: inherit; min-height: auto; margin-bottom: 8px; } } @media (max-width: 649px) { .news-item-grid { grid-template-columns: repeat(1, 1fr); gap: 40px; } .news-item__title { min-height: auto; } .news-item__body { /* padding-bottom: 0; */ max-width: 100%; } .news-item__text { min-height: auto; } .news-item--fullwidth { grid-column: auto / span 1; display: block; max-width: 372px; } .news-item--fullwidth .news-item__tags { padding: 22px 0 26px; margin: 0; } .news-item--fullwidth .news-item__title { -webkit-line-clamp: 3; } .news-item--fullwidth .news-item__head { padding-bottom: 84.6%; } /* .news-item--fullwidth .news-item__text { font-size: 12px; line-height: 125%; } */ .news-item--fullwidth .news-item__body { padding-bottom: 24px; } } @media (max-width: 480px) { .news-item-grid { padding-left: 20px; padding-right: 20px; } } .news-tags-wrap { display: flex; flex-wrap: wrap; } .news-tags-title { margin-right: 16px; font-weight: 500; font-size: 14px; line-height: 145%; text-transform: uppercase; color: var(--color-text-80); font-family: Gotham, Roboto, Arial; } .news-tags { display: flex; flex-wrap: wrap; font-family: Gotham, Roboto, Arial; } .news-tags__item { position: relative; padding-right: 16px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 120%; text-transform: uppercase; color: var(--color-beige-border); z-index: 10; transition: color 0.2s linear; } .news-tags__item:last-child { padding-right: 0; } .news-tags__item:hover { color: var(--color-beige); } .news-tags__item::after { content: '•'; position: absolute; top: 0; right: 4px; } .news-tags__item:last-child::after { display: none; } .news-tags__item--big { font-size: 14px; line-height: 145%; } .news-info { font-family: Gotham, Roboto, Arial; font-style: normal; font-weight: 500; font-size: 10px; line-height: 120%; color: var(--color-gray-border); } .news-info--big { font-size: 14px; text-transform: uppercase; } .news-info--views { position: relative; padding-left: 16px; } .news-info--views::after { content: ''; position: absolute; top: 50%; left: 0; width: 12px; height: 12px; transform: translateY(-50%); background-image: 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='M5.99995 1.5C8.69595 1.5 10.939 3.44 11.4095 6C10.9395 8.56 8.69595 10.5 5.99995 10.5C3.30395 10.5 1.06095 8.56 0.590454 6C1.06045 3.44 3.30395 1.5 5.99995 1.5ZM5.99995 9.5C7.01969 9.49978 8.00915 9.15341 8.80638 8.51758C9.60362 7.88176 10.1614 6.99414 10.3885 6C10.1606 5.00665 9.60242 4.12 8.80527 3.48501C8.00811 2.85002 7.01911 2.50426 5.99995 2.50426C4.9808 2.50426 3.9918 2.85002 3.19464 3.48501C2.39749 4.12 1.83934 5.00665 1.61145 6C1.8385 6.99414 2.39629 7.88176 3.19353 8.51758C3.99076 9.15341 4.98022 9.49978 5.99995 9.5ZM5.99995 8.25C5.40322 8.25 4.83092 8.01295 4.40896 7.59099C3.98701 7.16903 3.74995 6.59674 3.74995 6C3.74995 5.40326 3.98701 4.83097 4.40896 4.40901C4.83092 3.98705 5.40322 3.75 5.99995 3.75C6.59669 3.75 7.16899 3.98705 7.59094 4.40901C8.0129 4.83097 8.24995 5.40326 8.24995 6C8.24995 6.59674 8.0129 7.16903 7.59094 7.59099C7.16899 8.01295 6.59669 8.25 5.99995 8.25ZM5.99995 7.25C6.33147 7.25 6.64942 7.1183 6.88384 6.88388C7.11826 6.64946 7.24995 6.33152 7.24995 6C7.24995 5.66848 7.11826 5.35054 6.88384 5.11612C6.64942 4.8817 6.33147 4.75 5.99995 4.75C5.66843 4.75 5.35049 4.8817 5.11607 5.11612C4.88165 5.35054 4.74995 5.66848 4.74995 6C4.74995 6.33152 4.88165 6.64946 5.11607 6.88388C5.35049 7.1183 5.66843 7.25 5.99995 7.25Z' fill='%23C8C8C8'/%3E%3C/svg%3E%0A"); background-size: contain; } .news-info--views.news-info--big { padding-left: 28px; } .news-info--views.news-info--big::after { width: 24px; height: 24px; } .news-views { font-family: Gotham, Roboto, Arial; font-style: normal; font-weight: 500; font-size: 14px; line-height: 120%; text-transform: uppercase; color: var(--color-gray-border); } div.modern-page-navigation { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-family: Gotham, Roboto, Arial; font-style: normal; font-weight: 400; font-size: 14px; } div.modern-page-navigation a, span.modern-page-current { margin-left: 6px; margin-right: 6px; } div.modern-page-navigation a.modern-page-dots { min-width: 32px; } div.modern-page-navigation a.modern-page-previous, div.modern-page-navigation a.modern-page-next { border-color: var(--color-gray); } div.modern-page-navigation a.modern-page-previous:after, div.modern-page-navigation a.modern-page-previous:before, div.modern-page-navigation a.modern-page-next:after, div.modern-page-navigation a.modern-page-next:before { width: 7px; height: 2px; background: var(--color-gray); } div.modern-page-navigation a.modern-page-next:before { top: 15px; left: 11px; } div.modern-page-navigation a.modern-page-next:after { top: 11px; left: 11px; } div.modern-page-navigation a.modern-page-previous:before { top: 15px; left: 10px; } div.modern-page-navigation a.modern-page-previous:after { top: 11px; left: 10px; } .news-detail { font-family: Gotham, Roboto, Arial; box-sizing: border-box; } .news-detail * { box-sizing: border-box; } .news-detail-preview { padding: 64px 0; margin: 0 auto; max-width: 776px; } .news-detail-preview-text p { font-size: 24px; line-height: 145%; letter-spacing: 0.03em; } .news-detail-top { display: flex; justify-content: space-between; margin-bottom: 48px; } .news-detail-top__info { display: flex; flex-wrap: wrap; } .news-detail-top__info-col { margin-right: 32px; } .news-detail-top__info-col:last-child { margin-right: 0; } .news-detail-title { margin-bottom: 34px; font-family: Gotham, Roboto, Arial; font-style: normal; font-weight: 400; font-size: 40px; line-height: 120%; text-transform: none; letter-spacing: normal; } .news-detail-preview-btn { margin-top: 46px; } .news-detail-cover { width: 100%; max-width: 1440px; height: 520px; margin: 0 auto; } .news-detail-cover img { width: 100%; height: 100%; object-fit: cover; } .news-detail-body { padding: 64px 0; } .news-detail-body__container { padding: 0; } .news-detail-body__row { display: flex; justify-content: space-between; } .news-detail-body__aside { width: 272px; padding-top: 15px; } .news-detail-body__content{ width: calc(100% - 304px); } .news-detail-body__tags { margin-top: 24px; } @media (max-width: 1220px) { .news-detail-preview { max-width: 834px; } .news-detail-body__container { max-width: 836px; } .news-detail-body__aside { max-width: 228px; } .news-detail-body__content { width: calc(100% - 260px); } } @media (max-width: 1000px) { .news-detail-preview { max-width: 556px; } .news-detail-top { margin-bottom: 24px; } .news-detail-title { margin-bottom: 32px; } .news-detail-preview-btn { margin-top: 24px; } .news-detail-body__container { max-width: 556px; } .news-detail-body__aside { display: none; } .news-detail-body__content { width: 100%; } } @media (max-width: 649px) { .news-detail-preview { max-width: 400px; padding-left: 16px; padding-right: 16px; } .news-detail-top { flex-direction: column; margin-bottom: 48px; } .news-detail-top__tags { margin-bottom: 16px; } .news-detail-top__info { justify-content: space-between; } .news-detail-title { font-size: 24px; } .news-detail-preview-text p { font-size: 18px; } .news-detail-preview-btn { margin-top: 48px; } .news-detail-cover { height: 240px; } .news-detail-body { padding-left: 16px; padding-right: 16px; } .news-detail-body__tags { flex-direction: column; } .news-detail-body__tags .news-tags-title { margin: 0 0 10px; } } .article-sidemenu { position: sticky; top: 0; } @media (max-width: 1220px) { .article-side__tags .news-tags { flex-direction: column; } .article-side__tags .news-tags__item { margin-bottom: 4px; } .article-side__tags .news-tags__item::after { display: none; } } .article-item { max-width: 674px; padding-bottom: 64px; font-family: Gotham, Roboto, Arial; font-weight: 400; font-size: 16px; line-height: 148%; color: var(--color-text); } .article-item * { font-family: Gotham, Roboto, Arial; } .article-item--fullwidth { max-width: 100%; } .article-item__title { margin-bottom: 26px; font-style: normal; font-weight: 400; font-size: 28px !important; line-height: 120% !important; } @media (max-width: 1023px) { .article-item__title { font-size: 20px !important; } } .article-item__text p { font-weight: 400; font-size: 16px; line-height: 148%; } .article-item__text p:not([class]):not(:first-child) { margin-top: 21px; } .article-item__text a { color: #5B82A4; text-decoration: underline; } .article-item__text a:hover { text-decoration: none; } .article-list-title { margin-bottom: 18px; font-weight: 700; font-size: 17px; line-height: 116%; letter-spacing: 0.03em; color: #1D2126; } .article-list { padding: 0; margin: 0; list-style: none; } .article-list li { position: relative; margin-bottom: 17px; padding-left: 32px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 148%; } .article-list li:last-child { margin-bottom: 0; } .article-list li::before { content: ''; position: absolute; width: 8px; height: 8px; top: 8px; left: 8px; border-radius: 50%; background: var(--color-beige-border); } ol.article-list { counter-reset: count; } ol.article-list li::before { counter-increment: count; content: counter(count); width: 24px; height: 24px; top: 0; left: 0; font-size: 16px; line-height: 148%; text-align: center; color: var(--color-beige-border); background: none; } @media (max-width: 649px) { .article-list-title { font-size: 15px; letter-spacing: 0.02em; } } .article-product { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; align-items: center; min-height: 260px; } .article-product__image { display: flex; align-items: center; justify-content: center; } .article-product__image img { max-width: 100%; max-height: 100%; } .article-product__collection { margin-bottom: 2px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 145%; } .article-product__name { margin-bottom: 8px; font-weight: 700; font-size: 17px; line-height: 116%; letter-spacing: 0.03em; } .article-product__name-prefix { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-bottom: 20px; font-weight: 400; font-size: 10px; line-height: 120%; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-gray-border); } .article-product__price { margin-bottom: 4px; font-weight: 700; font-size: 20px; line-height: 120%; letter-spacing: -0.02em; } .article-product__price-old { display: block; margin-bottom: 2px; font-weight: 400; font-size: 14px; line-height: 140%; text-decoration-line: line-through; color: var(--color-gray-border); font-family: Gotham, Roboto, Arial; } .article-product__btn { margin-top: 20px; } @media (max-width: 649px) { .article-product { display: block; } .article-product__image { margin-bottom: 32px; } .article-product__name { font-size: 15px; } .article-product__name-prefix { margin-bottom: 16px; } .article-product__price { margin-bottom: 2px; font-size: 18px; } .article-product__btn { width: 100%; justify-content: center; text-align: center; } } .article-media-title { margin-bottom: 16px; font-weight: 600 !important; font-size: 20px !important; line-height: 120% !important; letter-spacing: -0.02em; color: var(--color-text); } @media (max-width: 649px) { .article-media-title { font-size: 18px !important; } } .a-video { position: relative; padding-bottom: 54%; background: var(--color-alt-bg); border-radius: 16px; overflow: hidden; } @media (max-width: 1220px) { .a-video { padding-bottom: 63.2%; } } @media (max-width: 1000px) { .a-video { padding-bottom: 65.5%; } } .a-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .a-video__inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .a-video__preview { width: 100%; height: 100%; cursor: pointer; } .a-video__preview img { width: 100%; height: 100%; object-fit: cover; } .a-video__preview-btn { position: absolute; width: 64px; height: 64px; padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #F62C38; border: none; outline: none; background: transparent; transition: transform 0.2s linear; } .a-video__preview-btn svg { width: 100%; height: 100%; transition: fill 0.2s linear; } .a-video__preview:hover .a-video__preview-btn { transform: translate(-50%, -50%) scale(1.1); } .article-media-desc { margin: 16px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(48, 48, 48, 0.5); } .a-image img{ display: block; margin: 0 auto; max-width: 100%; border-radius: 16px; overflow: hidden; } .article-quote { padding: 24px 64px; } .article-quote__content { position: relative; padding-top: 32px; } .article-quote__content::before { content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-image: 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='M8.92 18.8139C7.91029 19.1417 6.74613 19.1358 5.79333 18.6462C3.59493 17.5165 2.64373 14.6051 3.52869 11.5201C3.92565 10.1363 4.62373 8.79257 6.10229 7.43628C7.58085 6.08012 9.63151 5.28012 10.5829 5.28012C10.9237 5.28012 11.2 5.54876 11.2 5.88012C11.2 6.21148 10.9177 6.48012 10.5829 6.48012C9.4961 6.48012 8.52503 7.07148 7.37509 7.94252C6.49509 8.60924 5.80789 9.46199 5.42725 10.2051C4.69957 11.6262 4.67493 13.6293 5.85077 14.1617C6.41541 13.5448 7.15285 13.185 8.03645 13.185C9.95637 13.185 11.0879 14.7295 11.0392 16.128C10.9927 17.4645 10.1435 18.4169 8.92 18.8139ZM18.52 18.8139C17.5102 19.1417 16.3462 19.1358 15.3933 18.6462C13.1949 17.5165 12.2438 14.6051 13.1287 11.5201C13.5256 10.1363 14.2237 8.79257 15.7023 7.43628C17.1808 6.08012 19.2315 5.28012 20.1829 5.28012C20.5237 5.28012 20.8001 5.54876 20.8 5.88012C20.8 6.21148 20.5177 6.48012 20.1829 6.48012C19.0961 6.48012 18.125 7.07148 16.9751 7.94252C16.095 8.60924 15.4078 9.46199 15.0273 10.2051C14.2995 11.6262 14.2749 13.6293 15.4508 14.1617C16.0155 13.5448 16.7529 13.185 17.6364 13.185C19.5564 13.185 20.6879 14.7295 20.6392 16.128C20.5927 17.4645 19.7435 18.4169 18.52 18.8139Z' fill='%23D9D0C1'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; } .article-quote__content, .article-quote__content p { font-size: 24px; line-height: 145%; letter-spacing: -0.02em; } .article-quote__author { margin-top: 32px; } .article-quote__author-position { font-weight: 500; font-size: 12px; line-height: 130%; color: var(--color-beige-border); } .article-quote__author-name { margin-top: 6px; font-weight: 500; font-size: 16px; line-height: 148%; } @media (max-width: 649px) { .article-quote { padding: 24px 20px; } .article-quote__content, .article-quote__content p { font-size: 18px; } .article-quote__author-name { margin-top: 4px; } } .article-product-slider{ position: relative; padding: 0 10px; margin-bottom: -10px; } .article-product-slider__slide { padding: 5px 15px; } .article-product-slider .product-item { width: 100%; margin-bottom: 0; } .article-product-slider .owl-stage { padding: 5px 0; } .article-product-slider .owl-prev, .article-product-slider .owl-next { position: absolute; width: 32px; height: 32px; top: 50%; transform: translateY(-50%); background-size: 20px; background-position: center; background-repeat: no-repeat; } .article-product-slider .owl-prev { left: -16px; background-image: 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='M8.28245 9.9076L12.4074 14.0326L11.2291 15.2109L5.92578 9.9076L11.2291 4.60427L12.4074 5.7826L8.28245 9.9076Z' fill='%239F9F9F'/%3E%3C/svg%3E%0A"); } .article-product-slider .owl-next { right: -16px; background-image: 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='M11.7176 9.90734L7.59255 5.78234L8.77089 4.604L14.0742 9.90734L8.77089 15.2107L7.59255 14.0323L11.7176 9.90734Z' fill='%239F9F9F'/%3E%3C/svg%3E%0A"); } .article-side * { font-family: Gotham, Roboto, Arial; } .article-side__tags { margin: 34px 0 40px; flex-direction: column; } .article-side__tags-title { margin: 0 0 14px; } .article-menu-title { margin: 0 0 16px; font-weight: 500; font-size: 14px; line-height: 120%; text-transform: uppercase; color: var(--color-text); } .article-menu { display: flex; margin: 0; counter-reset: count; flex-direction: column; } .article-menu__link { display: inline-block; margin-bottom: 16px; font-weight: 400; font-size: 14px; line-height: 145%; color: rgba(48, 48, 48, 0.5); counter-increment: count; transition: color 0.3s ease; } .article-menu__link:last-child { margin-bottom: 0; } .article-menu__link::before { content: counter(count) '. '; } .article-menu__link:hover, .article-menu__link.is-active { color: var(--color-text); } .selection-links-wrap { padding: 64px 0; } .selection-links-wrap * { font-family: Gotham, Roboto, Arial; } .selection-links { padding: 32px 60px; margin-left: -20px; margin-right: -20px; background: var(--color-alt-bg); } .selection-links__title { margin-bottom: 34px; font-weight: 500 !important; font-size: 20px !important; line-height: 120% !important; text-align: center; text-transform: uppercase; color: #18223A; } .selection-links__list { margin-bottom: -24px; } .selection-links__item { display: inline-block; margin: 0 24px 24px 0; padding: 0 0 2px; font-weight: 400; font-size: 12px; line-height: 130%; color: var(--color-blue); text-decoration: none; background: none; border: none; border-bottom: 1px solid var(--color-blue); } .selection-links__item:nth-child(n+15):not(.selection-links__toggle) { display: none; } .selection-links__list.is-active .selection-links__item { display: inline-block; } .selection-links__item:hover { border-bottom-color: transparent; } .selection-links__toggle .less { display: none; } .selection-links__toggle.is-active .more { display: none; } .selection-links__toggle.is-active .less { display: block; } @media (max-width: 1220px) { .selection-links { margin-left: -12px; margin-right: -12px; } } @media (max-width: 1000px) { .selection-links { margin-left: 6px; margin-right: 6px; padding: 32px 24px; } .selection-links__title { margin-bottom: 32px; font-size: 18px !important; } } @media (max-width: 649px) { .selection-links { margin-left: 0; margin-right: 0; padding: 24px 16px; } } .read-more-title { font-size: 20px !important; line-height: 120% !important; letter-spacing: normal !important; } .read-more { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; /* margin-right: -20px; margin-left: -20px; */ /* padding: 40px 0 24px; */ padding-top: 40px; padding-bottom: 24px; } @media (max-width: 1220px) { /* .read-more { padding-left: 8px; padding-right: 8px; } */ } @media (max-width: 1000px) { .read-more { grid-template-columns: repeat(2, 1fr); margin-left: 0; margin-right: 0; gap: 20px; } .read-more .news-item:nth-child(n + 3) { display: none; } } @media (max-width: 649px) { .read-more-wrap { padding-top: 64px; } .read-more { grid-template-columns: 1fr; padding-left: 0; padding-right: 0; } .read-more .news-item:nth-child(n + 2) { display: none; } .read-more-title { font-size: 18px !important; } } @media (max-width: 479px) { /* .read-more { margin-left: -8px; margin-right: -8px; } */ .news-item--min .news-item__head { padding-bottom: 46%; } } .bg-gray { background: var(--color-alt-bg); } .news-slider { position: relative; padding: 0 28px; box-sizing: border-box; } .read-more-slider { position: relative; padding-left: 28px; padding-right: 28px; box-sizing: border-box; } .news-slider .owl-prev, .news-slider .owl-next, .read-more-slider .owl-prev, .read-more-slider .owl-next { position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; background-size: 20px; background-position: center; background-repeat: no-repeat; } .news-slider .owl-prev, .read-more-slider .owl-prev { left: -20px; right: auto; background-image: 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='M8.28245 9.90754L12.4074 14.0325L11.2291 15.2109L5.92578 9.90754L11.2291 4.60421L12.4074 5.78254L8.28245 9.90754Z' fill='%239F9F9F'/%3E%3C/svg%3E%0A"); } .news-slider .owl-next, .read-more-slider .owl-next { right: -20px; left: auto; background-image: 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='M11.7176 9.90752L7.59255 5.78252L8.77089 4.60419L14.0742 9.90752L8.77089 15.2109L7.59255 14.0325L11.7176 9.90752Z' fill='%239F9F9F'/%3E%3C/svg%3E%0A"); } .news-slider .news-item__head { padding-bottom: 47.3%; } .news-slider__link { margin: 23px 0 0; text-align: center; } @media (max-width: 1220px) { .news-slider { padding: 0 38px; } .news-slider .news-item__head { padding-bottom: 56.5%; } } @media (max-width: 1000px) { .news-slider { padding: 0 54px; } .news-slider .news-item__head { padding-bottom: 63.7%; } .news-slider .owl-prev .read-more-slider .owl-prev { left: 0; } .news-slider .owl-next, .read-more-slider .owl-next { right: 0; } } @media (max-width: 649px) { .news-slider { padding: 0 56px; } .news-slider .news-item__head { padding-bottom: 79.7%; } } .share-link__success { display: none; } .share-link.is-active .share-link__title { display: none; } .share-link.is-active .share-link__success { display: inline; } /* .master-header__wrap { display: none; } */ .accordeon-list--product { margin-top: 24px; max-width: 554px; } .accordeon-item { padding: 7px 0; border-bottom: 1px solid #c8c8c8; } .accordeon-item * { font-family: "Gotham", sans-serif; font-weight: 400; font-size: 14px; line-height: 145%; color: #303030; } .accordeon-item:last-child { border-bottom: none; } .accordeon-item__head { position: relative; padding: 16px 40px 16px 0; text-transform: uppercase; font-weight: 500; cursor: pointer; } .accordeon-item__head::after { content: ""; position: absolute; top: 50%; right: 0; width: 20px; height: 20px; transform: translateY(-50%); background-image: 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='M9.99989 10.9767L14.1249 6.85166L15.3032 8.02999L9.99989 13.3333L4.69656 8.02999L5.87489 6.85166L9.99989 10.9767Z' fill='%23303030'/%3E%3C/svg%3E%0A"); background-size: contain; transition: 0.3s ease; } .accordeon-item__body { display: none; } .accordeon-item.is-active .accordeon-item__body { display: block; padding-bottom: 16px; } .accordeon-item.is-active .accordeon-item__head::after { transform: translateY(-50%) rotate(-180deg); } .feature-columns { display: grid; gap: 24px; } .feature-columns--3 { grid-template-columns: repeat(3, 1fr); } .feature-columns--2 { grid-template-columns: repeat(2, 1fr); } .feature-item { font-family: "Gotham", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 145%; color: #303030; } .feature-item__title { margin-bottom: 4px; font-family: "Gotham", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 120%; text-transform: uppercase; font-weight: 500; color: #9f9f9f; } .feature-item a { color: #b81f31; } @media (max-width: 1000px) { .feature-columns { grid-template-columns: 1fr; } } .product-item__special-button { color: #50986D; display: flex; justify-content: center; align-items: center; column-gap: 4px; width: max-content; background: none; border: #50986D solid; border-width: 0 0 1px 0; padding: 0; } .product-item__special-icon { width: 14px; height: 14px; fill: currentColor; } .product-item__special-label { font-size: 12px; font-weight: 600; line-height: 130%; margin-top: 2px; } .hint-wrapper { position: relative; } .hint-wrapper:hover .hint { visibility: visible; opacity: 1; } .hint { visibility: hidden; opacity: 0; transition: all 0.3s; position: absolute; max-width: 100%; text-align: center; bottom: calc(100% + 8px); background: #fff; border-radius: 8px; filter: drop-shadow(0px 1px 12px rgba(0, 0, 0, 0.25)); z-index: 5; color: #303030; padding: 8px; font-size: 12px; font-weight: 400; line-height: 125%; } .hint:before { content: ''; position: absolute; top: calc(100% - 8px); left: 50%; transform: translateX(-50%) rotate(45deg); background: white; display: block; width: 16px; height: 16px; } .luxe-block { background: #F6F6F6; border: 1px solid #50986D; padding: 12px; display: flex; align-items: flex-start; column-gap: 12px; } .luxe-block__icon { width: 30px; height: 30px; fill: #50986D; flex-shrink: 0; } .luxe-block__description { font-size: 12px; font-weight: 600; line-height: 120%; color: #303030; text-transform: uppercase; } .luxe-block__description > b { color: #50986D; font-weight: 600; } .luxe-block__description > button { border: #50986D solid; border-width: 0 0 1px 0; color: #50986D; background: none; font-size: 12px; font-weight: 600; line-height: 130%; padding: 0; display: block; margin-top: 8px; } .product-page__luxe-block { max-width: 324px; margin-bottom: 48px; margin-top: 6px; } .basket-item-special { color: #50986D; font-size: 12px; line-height: 130%; font-weight: 400; display: flex; align-items: flex-start; column-gap: 4px; } .basket-item-special__icon { width: 14px; height: 14px; fill: currentColor; } .special-popup__input { margin-top: 16px; flex-direction: column; align-items: flex-start; } .special-popup__input .inputtext { max-width: none; width: 100%; margin-top: 8px; } .special-popup__policy { font-size: 12px; font-weight: 400; line-height: 140%; display: block; margin-top: 24px; } .special-popup__policy > a { color: var(--color-blue); } .special-popup__submit { margin-top: 24px; } .special-popup__content--success, .special-popup--success .special-popup__content--form{ display: none; } .special-popup--success .special-popup__content--success { display: flex; } .special-popup .default-popup__success .default-popup__submit-button { margin-top: 32px; } .hidden-input-for-ids { display: none; } .default-popup--auth .default-popup__page, .default-popup--auth .auth-popup__form{ position: absolute; left: auto; top: 6px; right: calc(50% - 437px); width: max-content; height: max-content; z-index: 2; } .default-popup--auth .default-popup__back { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } .default-popup--auth .default-popup__content { width: 358px; } .default-popup--auth .default-popup__header { padding: 24px; justify-content: flex-start; } .default-popup--auth .default-popup__header > p { color: #303030; } .default-popup__auth-form { display: flex; flex-direction: column; row-gap: 16px; padding-inline: 24px; margin: 16px 0; } .default-popup__auth-form.error .auth-popup__form-error { display: flex; } .default-popup__auth-form .auth-popup__form-error { margin-top: 0; } .default-popup__form-title { font-size: 14px; font-weight: 400; line-height: 120%; } .default-popup__auth-field { position: relative; width: 100%; } .default-popup__form-input { padding: 15px 11px; border: 1px solid #D9D2C7; width: 100%; font-size: 16px; font-weight: 400; line-height: normal; } .default-popup__form-input.error { border-color: #B81F31; } .default-popup__form-input::placeholder { color: #9F9F9F; } .default-popup__auth-form-submit { padding: 8px 20px; display: flex; align-items: center; background: #B81F31; color: white; border-radius: 5px; border: none; width: max-content; height: 50px; text-transform: uppercase; font-size: 11px; } .default-popup__auth-small-text { font-size: 12px; line-height: normal; color: #9F9F9F; } .default-popup__auth-small-text a { color: #5B82A4; } .default-popup__footer { padding: 16px 24px; background: #F8F5F0; display: flex; flex-direction: column; row-gap: 16px; } .default-popup__footer > * { width: max-content; } .default-popup__page { display: none; } .default-popup__accent-text { color: var(--color-accent); font-weight: 600; } .default-popup--auth .auth-popup__form-counter-wrapper { margin-top: 0; } .default-popup__page.active { display: block; } .default-popup__header .default-popup__close { position: absolute; display: none; top: 24px; right: 16px; padding: 0; background-color: transparent; border: none; width: 20px; height: 20px; } @media screen and (max-width: 1000px) { .default-popup__header .default-popup__close { display: block; } } .default-popup--auth .default-popup__header > button:before { display: none; } .default-popup--auth .default-popup__header > button:after { display: none; } .default-popup__back-button { width: 24px !important; height: 24px !important; margin-top: 0 !important; margin-right: 8px; padding: 0; } .default-popup__back-button svg { width: 24px; height: 24px; } @media screen and (max-width: 1000px) { .default-popup--auth .default-popup__page, .default-popup--auth .auth-popup__form{ position: fixed; top: 50%; right: 50%; width: calc(100% - 20px); max-width: 400px; transform: translate(50%, -50%); } .default-popup--auth .default-popup__content { width: 100%; max-width: none; } .default-popup--auth .default-popup__header, .default-popup__auth-form, .default-popup__footer { padding-inline: 16px; } } .out-of-stock-alert{ font-weight: 400; font-size: 16px; line-height: 22px; color: #9F9F9F; } /* Новый попап авторизации */ .a-button { --border-color: var(--color-text); --background: var(--color-text); --color: var(--color-bg); --padding: 8px 16px; --border: 4px; --height: auto; height: var(--height); display: flex; align-items: center; justify-content: center; padding: var(--padding); outline: none; font-family: inherit; font-size: 12px; font-weight: 500; line-height: 1; text-transform: uppercase; border-radius: var(--border); border: 1px solid var(--border-color); background-color: var(--background); color: var(--color); } .a-button--accent { --border-color: var(--color-text); --background: var(--color-text); --color: var(--color-bg); } .a-button--accent-small { --padding: 4px 12px; } .a-button--accent-medium { --padding: 8px 16px; } .a-button--accent-big { --padding: 8px 16px; --height: 50px; } .a-button--accent:hover { --border-color: #1f2128; --background: #1f2128; } .a-button--border-black { --border-color: var(--color-text); --background: var(--color-bg); --color: var(--color-text); } .a-button--border-black:hover { --border-color: var(--color-text); --background: var(--color-text); --color: var(--color-bg); } .a-button--no-bg { --border-color: transparent; --background: transparent; --color: var(--color-blue); --border: 0; } .a-button--no-bg-big { --padding: 6px 0; } .a-button--no-bg-lined { border-bottom: 1px solid var(--color-blue); } .default-popup__overlay { width: 100%; height: 100%; background: rgba(48, 48, 48, 0.5); } .master-auth { position: fixed; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; width: 100vw; height: 100vh; max-width: 100%; padding: 100px 16px; overflow: auto; box-sizing: border-box; font-size: 14px; font-weight: 500; } .master-auth *, .master-auth *::after, .master-auth *::before { box-sizing: border-box; font-family: 'Gotham', 'Roboto', Arial, sans-serif; } .master-auth .auth-popup__form-input { font-weight: 400; } .master-auth__advantages { display: flex; flex-direction: column; row-gap: 20px; } .master-auth__advantages-title { text-align: center; font-size: 14px; line-height: 120%; text-transform: uppercase; color: var(--color-text); } .master-auth__advantages-list { display: flex; column-gap: 20px; } .master-auth__advantages-item { width: 33%; display: flex; flex-direction: column; row-gap: 8px; align-items: center; } .master-auth__advantages-img { display: block; width: 44px; height: auto; } .master-auth__advantages-text { font-size: 16px; font-weight: 400; line-height: 148%; text-align: center; color: var(--color-text); } .master-auth__wrapper { padding: 80px; border-radius: 8px; background: #ffffff; box-shadow: 0px 32px 64px 0px rgba(31, 33, 40, 0.15); position: relative; color: var(--color-text); } .master-auth__close { display: block; padding: 0; background: transparent; border: none; outline: none; width: 24px; height: 24px; position: absolute; top: 16px; right: 16px; cursor: pointer; } .master-auth__page { display: none; } .master-auth__page.active { display: flex; flex-direction: column; } .master-auth__page--login { max-width: 510px; flex-direction: column; row-gap: 44px; } .master-auth__form { display: flex; flex-direction: column; row-gap: 32px; margin: 0 auto; } .master-auth__form--thin { max-width: 384px; width: 100%; } .master-auth__form--email-forgot { max-width: 326px; width: 100%; } .master-auth__form--phone-forgot { max-width: 296px; width: 100%; } .master-auth__form-item { display: flex; flex-direction: column; row-gap: 8px; } .master-auth__input-wrapper { display: flex; flex-direction: column; row-gap: 16px; } .master-auth__input-wrapper .auth-popup__input-wrapper { margin-top: 0; } .master-auth__form.error .master-auth__form-error { display: block; } .master-auth__title { margin: 0; font-size: 20px; line-height: 1.2; text-align: center; text-transform: uppercase; } .master-auth__forgot-pass { margin: 8px 0 0 0; padding: 0 0 4px 0; display: block; width: auto; outline: none; font-family: inherit; font-size: 14px; line-height: 145%; color: var(--color-accent); background: transparent; border: none; border-bottom: 1px solid var(--color-accent); } .master-auth__buttons { display: flex; flex-direction: column; row-gap: 16px; align-items: center; max-width: 236px; width: 100%; margin: 0 auto; } .master-auth__buttons p { font-size: 14px; font-weight: 500; line-height: 145%; color: var(--color-text); } .master-auth__button { position: relative; width: 100%; z-index: 10000; } .master-auth__button--forgot { max-width: 300px; } .master-auth__form-error { width: 100%; display: none; padding: 16px 12px; color: var(--color-accent); background: var(--color-pink); font-size: 16px; font-weight: 400; line-height: 1.3; } .master-auth__form-error span { font-family: 'Roboto', sans-serif; } .master-auth__sign { font-size: 14px; font-weight: 400; line-height: 145%; color: var(--color-gray-border); } .master-auth__button-back { margin-top: 40px; display: flex; align-items: center; justify-content: center; } .master-auth__responce { display: flex; flex-direction: column; row-gap: 32px; } .master-auth__responce-inner { display: flex; flex-direction: column; row-gap: 16px; } .master-auth__responce-text { font-size: 16px; line-height: 148%; text-align: center; color: var(--color-text); } .master-auth__responce-phone { color: var(--main-text, #303030); text-align: center; font-size: 28px; line-height: 120%; } .master-auth__responce-again { display: flex; flex-direction: column; align-items: center; } .master-auth__responce-again p { color: var(--color-accent); text-align: center; font-size: 14px; font-weight: 500; line-height: 145%; } .master-auth__responce-again button { display: none; width: auto; padding: 4px 0; background: transparent; outline: none; border: none; border-bottom: 1px solid var(--color-accent); color: var(--main-accent, #b81f31); text-align: center; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 145%; } .master-auth__responce-again.active button { display: block; } .master-auth__responce-again.active p { display: none; } .master-auth__checkbox { display: none; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; visibility: hidden; opacity: 0; } .master-auth__check-label { display: block; padding-left: 28px; font-size: 14px; font-weight: 400; line-height: 145%; color: var(--color-text-80); position: relative; cursor: pointer; } .master-auth__check-label::before, .master-auth__check-label::after { content: ''; width: 20px; height: 20px; background-color: var(--color-bg); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; left: 0; top: calc(50% - 10px); border: 1px solid var(--color-text); } .master-auth__check-label::before { display: block; } .master-auth__check-label::after { display: none; } .master-auth__checkbox:checked + .master-auth__check-label::after { display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.66666 10.115L12.7947 3.98633L13.738 4.92899L6.66666 12.0003L2.424 7.75766L3.36666 6.81499L6.66666 10.115Z' fill='%23303030'/%3E%3C/svg%3E"); } .master-auth__checkbox.error + .master-auth__check-label::before { border: 1px solid var(--color-accent); } .master-auth__check-label a { text-decoration: underline; color: var(--color-text-80); } @media (max-width: 767px) { .master-auth__wrapper { padding: 32px; } .master-auth__page--login { max-width: 100%; row-gap: 32px; } .master-auth__form { row-gap: 24px; } .master-auth__form--login { max-width: 100%; } .master-auth__buttons { max-width: 100%; } .master-auth__advantages-list { flex-direction: column; row-gap: 20px; } .master-auth__advantages-item { width: 100%; flex-direction: row; column-gap: 8px; } .master-auth__advantages-img { width: 36px; } .master-auth__advantages-text { text-align: left; } .master-auth__responce { row-gap: 24px; } .master-auth__button-back { margin-top: 24px; } } img[data-lazy-src]{ will-change:contents } section.storecontent.luxe { padding-top: 60px; padding-bottom: 40px; } @media (max-width: 1000px) { section.storecontent.luxe { padding-top: 40px; padding-bottom: 40px; } } .search-results__empty { margin: 70px 0; text-align: center; } .search-results__empty p { color: var(--color-text); text-align: center; font-size: 24px; font-weight: 400; line-height: 145%; /* 34.8px */ letter-spacing: -0.48px; } @media (max-width: 1000px) { .search-results__empty { margin: 40px 0; } .search-results__empty p { font-size: 20px; } } @media (max-width: 479px) { .search-results__empty p { font-size: 16px; } } .mobile-store-popup { position: fixed; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; width: 100vw; height: 100vh; max-width: 100%; padding: 100px 16px; overflow: auto; box-sizing: border-box; font-size: 14px; font-weight: 500; } .mobile-store-popup__wrapper { display: flex; flex-direction: column; align-items: center; row-gap: 24px; padding: 32px; border-radius: 8px; background: #ffffff; box-shadow: 0px 32px 64px 0px rgba(31, 33, 40, 0.15); position: relative; color: var(--color-text); font-family: 'Gotham', 'Roboto', Arial, sans-serif; } .mobile-store-popup__close { display: block; padding: 0; background: transparent; border: none; outline: none; width: 24px; height: 24px; position: absolute; top: 16px; right: 16px; cursor: pointer; } .mobile-store-popup__title { color: var(--color-text); text-align: center; font-size: 20px; font-weight: 500; line-height: 120%; text-transform: uppercase; } .mobile-store-popup__description { color: var(--color-text); text-align: center; font-size: 16px; line-height: 148%; font-weight: 400; } .mobile-store-popup__buttons { width: 100%; display: flex; column-gap: 16px; align-items: center; justify-content: center; padding: 10px 20px; border-radius: 8px; border: 1px solid #A6A6A6; background: #000; } .mobile-store-popup__ico { display: block; width: 100%; max-width: 110px; height: auto; } .mobile-store-popup__buttons img { display: block; width: 100%; height: auto; } .animation-blink { position: relative; overflow: hidden; } .animation-blink::after { content: ''; position: absolute; top: 0; height: 100%; width: 65px; transform: skewX(-45deg); left: -150%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1)); animation: flareAnimation 2s infinite linear; pointer-events: none; } /* yandex split */ section.storecontent .price.price--detail-card { line-height: 1em; } .detail-card__btns { margin-top: 20px; } .ya-pay-widget { width: 270px !important; margin-bottom: -20px; } /* yandex split */ .main-catalog__left { will-change: min-height; } .catalog-filter { transform: translate3d(0, 0, 0); will-change: position, transform; } .product-item__img { width: 100%; } .product-item__img-wrapper { position: relative; padding-bottom: 100%; } .product-item__img-wrapper img { position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .smalltabs__inner { max-height: 540px; overflow: auto; } .smalltabs__inner .simplebar-track.vertical { width: 11px; } .smalltabs__inner .simplebar-track .simplebar-scrollbar { width: 5px; background: #e3e1df; transition: background .2s; cursor: pointer; } .smalltabs__inner .simplebar-scrollbar:before { border-radius: 0; background: #e3e1df; cursor: pointer; } .smalltabs__inner .simplebar-track.vertical:after { position: absolute; content: ''; display: block; width: 1px; height: 100%; left: 6px; background: #e3e1df; top: 0; z-index: -1; } .smalltabs__inner .simplebar-content { overflow: auto; } @media (max-width: 767px) { .smalltabs__inner { max-height: 340px; } } .bx-soa-cart-total-bonus-text { padding-left: 32px; background-repeat: no-repeat; background-image: 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 d='M11.9998 7.5L13.4323 10.4025L16.6363 10.8675L14.3173 13.128L14.8648 16.3185L11.9998 14.8125L9.13478 16.3185L9.68228 13.128L7.36328 10.869L10.5673 10.404L11.9998 7.5Z' stroke='%23303030' stroke-width='1.5'/%3E%3Cpath d='M21.75 12C21.75 14.5859 20.7228 17.0658 18.8943 18.8943C17.0658 20.7228 14.5859 21.75 12 21.75C9.41414 21.75 6.93419 20.7228 5.10571 18.8943C3.27723 17.0658 2.25 14.5859 2.25 12C2.25 9.41414 3.27723 6.93419 5.10571 5.10571C6.93419 3.27723 9.41414 2.25 12 2.25C14.5859 2.25 17.0658 3.27723 18.8943 5.10571C20.7228 6.93419 21.75 9.41414 21.75 12Z' stroke='%23303030' stroke-width='1.5'/%3E%3C/svg%3E%0A"); } /* End */ /* Start:/local/media/css/main.css?17212001486165*/ .retailrocket .container{margin:0 auto;padding:0 20px}.retailrocket .retailrocket-widgettitle-gt{font-family:Gotham,Roboto,Arial,sans-serif;padding-bottom:0;text-align:center;border-bottom:1px solid #cdcdcd}.retailrocket .retailrocket-widgettitle-gt--main{padding-top:60px}.retailrocket .retailrocket-widgettitle-gt h2{display:inline-block;border-bottom:3px solid #c0182f;margin-bottom:-2px;padding-bottom:15px;font-family:Gotham,Roboto,Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.2em;letter-spacing:1.8px;text-transform:uppercase}.retailrocket .retailrocket-widgettitle-card-gt{margin-top:-32px;border-bottom:1px solid #cdcdcd}.retailrocket .retailrocket-widgettitle-card-gt h2{margin-left:40px;display:inline-block;padding-bottom:4px;font-family:Gotham,sans-serif;font-weight:500;font-size:20px;line-height:125%;text-transform:uppercase;border-bottom:3px solid #c0182f}.retailrocket .retailrocket-items-wrapper-gt{padding:30px 0 20px}.retailrocket .retailrocket-items-gt .owl-item{padding:12px 12px 25px;text-align:center;box-sizing:border-box}.retailrocket.retailrocket-widget .retailrocket-item.retailrocket-item-gt{margin-right:0;margin-bottom:0;display:block;padding:15px 0;text-align:center;border-radius:10px;transition:box-shadow .2s linear}.retailrocket.retailrocket-widget .retailrocket-item-gt:hover{box-shadow:0 0 10px 1px #ab978773;transition:box-shadow .2s linear}.retailrocket .retailrocket-item-image-gt{height:330px;margin-bottom:10px}.retailrocket .retailrocket-item-image-gt.retailrocket-item-image-card-gt{height:260px;position:relative}.retailrocket .retailrocket-item-image-gt.retailrocket-item-image-card-gt img{display:block;width:auto!important;height:auto!important;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%}.retailrocket .retailrocket-item-brand-gt{font-family:Gotham,Roboto,Arial;font-weight:400;letter-spacing:.5px;line-height:1.3;font-size:14px;color:#303030}.retailrocket.retailrocket-widget .retailrocket-item-brand-gt,.retailrocket.retailrocket-widget .retailrocket-item-title-gt{height:auto;white-space:normal;text-overflow:initial;overflow:visible}.retailrocket .retailrocket-item-title-gt{margin:0 0 17px;padding:5px 5px 0;color:#303030;font-family:Gotham,Roboto,Arial;font-size:17px;font-weight:600;line-height:1}.retailrocket .retailrocket-item-price-gt{padding:0 5px;margin-bottom:5px;font-family:Gotham,Roboto,Arial;font-size:18px;line-height:1em;font-weight:500;text-align:center;color:#000}.retailrocket .retailrocket-item-price-gt--big{font-size:20px}.retailrocket .retailrocket-item-article-gt{padding:0 5px;font-family:Gotham,Roboto,Arial;font-size:14px;line-height:1.4em;font-weight:400}.retailrocket .retailrocket-items-gt .owl-nav{top:50%;transform:translateY(-50%);width:100%;pointer-events:none;position:absolute;left:0}.retailrocket .retailrocket-items-gt .owl-next{float:right;margin-right:-20px;width:18px;height:32px;pointer-events:all;font-size:0px;cursor:pointer;background-image:url(/local/media/static/img/general/prod-arr-right.png);background-repeat:no-repeat;background-position:center}.retailrocket .retailrocket-items-gt.retailrocket-items-card-gt{padding:0 36px;box-sizing:border-box}.retailrocket .retailrocket-items-gt.retailrocket-items-card-gt .owl-next{width:6px;height:58px;margin-right:20px;background-image:url(/local/media/static/img/general/store_arr_right.png)}.retailrocket .retailrocket-items-gt .owl-prev{float:left;margin-left:-20px;width:18px;height:32px;pointer-events:all;font-size:0px;background-image:url(/local/media/static/img/general/prod-arr-left.png);background-repeat:no-repeat;background-position:center}.retailrocket .retailrocket-items-gt.retailrocket-items-card-gt .owl-prev{width:6px;height:58px;margin-left:20px;background-image:url(/local/media/static/img/general/store_arr_left.png)}.retailrocket .retailrocket-item-oldprice-gt{font-weight:300;font-size:14px;color:#9f9f9f;text-align:center;font-family:Gotham,Roboto,Arial;margin:0 auto;text-decoration:none;position:relative}.retailrocket-widget ul.retailrocket-items.retailrocket-items-card-gt{margin-bottom:20px}.retailrocket .retailrocket-item-collection-gt{font-size:14px;letter-spacing:.5px;text-align:center;font-family:Gotham,Roboto,Arial,sans-serif;line-height:1.3em}.retailrocket .retailrocket-item-tags{width:82%;padding:8px;top:0;left:0;z-index:2;position:absolute;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.retailrocket .retailrocket-item-tag{margin-left:4px;font-size:13px;font-size:11px;padding:8px 12px;border-radius:6px;background:#c2182f;color:#fff;cursor:default;position:relative}.retailrocket .retailrocket-item-tag--discoun{background:#b81f31}.retailrocket .retailrocket-item-tag--markdown{background:#e3af27}.retailrocket .retailrocket-item-tag--popular{background:#5b82a4}.retailrocket .retailrocket-item-tag--brand{background:#303030}.retailrocket .retailrocket-item-tag--new{background:#50986d}@media (max-width: 1220px){.retailrocket .container,.retailrocket .retailrocket-items-gt.retailrocket-items-card-gt{padding:0}.retailrocket .retailrocket-item-image-gt{height:260px}.retailrocket .retailrocket-item-image-gt img{max-height:100%}.retailrocket .retailrocket-widgettitle-card-gt h2{margin-left:60px}}@media (max-width: 1000px){.retailrocket .container{padding:0 16px}.retailrocket .retailrocket-item-image-gt{height:190px}.retailrocket .retailrocket-item-image-gt img{width:auto!important;height:auto!important;max-width:100%}.retailrocket .retailrocket-widgettitle-card-gt h2{margin-left:0}.retailrocket .retailrocket-item-tags{width:70%;padding:4px}.retailrocket .retailrocket-item-tag{padding:4px 6px;margin-left:2px;font-size:10px;line-height:12px}.retailrocket .retailrocket-item-tag:not(:last-child){margin-bottom:2px}}@media (max-width: 479px){.retailrocket .retailrocket-item-title-gt{font-size:15px}.retailrocket .retailrocket-widgettitle-gt--main{padding-top:0}.retailrocket .retailrocket-item-image-gt{height:130px}.retailrocket .retailrocket-items-gt .owl-prev{width:10px;margin-left:-10px}.retailrocket .retailrocket-items-gt .owl-next{width:10px;margin-right:-10px}} /* End */ /* Start:/local/media/css/profile.css?17512506567146*/ @charset 'UTF-8'; /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ .main-lk *, .main-lk *::before, .main-lk *::after { box-sizing: border-box; } .main-lk { display: flex; column-gap: 28px; padding-bottom: 40px; } .main-lk__aside { width: 100%; max-width: 268px; flex-shrink: 0; } .main-lk__nav { height: 100%; max-height: 224px; } .main-lk__nav-list { height: 100%; display: flex; flex-direction: column; row-gap: 8px; } .main-lk__nav-item:last-child { margin-top: auto; } .main-lk__nav-link { --text-color: var(--color-text); color: var(--text-color); font-size: 16px; font-weight: 500; line-height: 148%; transition: color 0.3s ease; transition: color 0.3s ease; } .main-lk__nav-link:hover { --text-color: var(--color-accent); transition: color 0.3s ease; } .main-lk__nav-link--active { --text-color: var(--color-accent); } .main-lk__nav-link--logout { --text-color: var(--color-gray-border); font-size: 14px; font-weight: 400; } .main-lk__main { flex-grow: 1; overflow: hidden; } .main-lk__main-bonus { display: flex; flex-direction: column; row-gap: 80px; } .main-lk__bonuses { display: flex; flex-direction: column; row-gap: 20px; } .main-lk__bonuses-inner { display: flex; column-gap: 20px; } .main-lk__card { --background: transparent; height: 216px; padding: 32px; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; row-gap: 12px; flex-grow: 1; color: var(--color-bg); background: var(--background); } .main-lk__card--silver { --background: linear-gradient(253deg, #9F9F9F 5.98%, #E5E5E5 13.57%, #9F9F9F 54.32%); } .main-lk__card--gold { --background: linear-gradient(253deg, #9E8C5A 5.98%, #F7D187 13.57%, #9E8C5A 54.32%); } .main-lk__card--platinum { --background: linear-gradient(253deg, #BA8344 5.98%, #FFC87C 13.57%, #BA8344 54.32%); } .main-lk__card--vip { --background: linear-gradient(253deg, #444 5.98%, #797979 13.57%, #444 54.32%); } .main-lk__card-balance { font-size: 32px; font-weight: 600; line-height: 120%; font-family: inherit; } .main-lk__card-info { display: flex; align-items: center; column-gap: 12px; font-size: 14px; font-weight: 400; line-height: 145%; font-family: inherit; } .main-lk__card-spent { color: var(--main-bg, #FFF); font-size: 16px; font-family: inherit; font-weight: 500; line-height: 148%; } .main-lk__burn { flex-shrink: 0; width: 100%; max-width: 274px; padding: 32px; display: flex; flex-direction: column; row-gap: 12px; justify-content: center; border: 1px solid var(--color-beige); border-radius: 16px; } .main-lk__burn-ico { display: block; width: 32px; height: 32px; } .main-lk__burn-balance { color: var(--color-text); font-family: inherit; font-size: 24px; font-weight: 600; line-height: 120%; } .main-lk__burn-deadline { color: var(--color-text); font-family: inherit; font-size: 16px; font-weight: 500; line-height: 148%; } .main-lk__more-link { width: 100%; flex-grow: 1; } .main-lk__more-link a { color: var(--color-blue); font-size: 16px; font-weight: 400; line-height: 148%; border-bottom: 1px solid var(--color-blue); } .main-lk__balance { width: 100%; max-width: 884px; display: flex; flex-direction: column; row-gap: 32px; } h3.main-lk__balance-title { font-size: 32px !important; font-weight: 400 !important; line-height: 120% !important; } .main-lk__chart { width: 100%; padding: 24px 0; } .main-lk__chart-inner { padding-bottom: 8px; display: flex; justify-content: flex-start; align-items: flex-end; height: 404px; column-gap: 28px; overflow-x: auto; cursor: grab; user-select: none; } .main-lk__chart-inner.grabbing { cursor: grabbing; } .main-lk__chart-inner::-webkit-scrollbar { height: 4px; } .main-lk__chart-inner::-webkit-scrollbar-track { background-color: var(--color-gray); } .main-lk__chart-inner::-webkit-scrollbar-thumb { background-color: #8f8c8c; } .main-lk__chart-day { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; row-gap: 8px; } .main-lk__chart-bar { width: 32px; border-radius: 8px; flex-shrink: 0; } .main-lk__chart-label, .main-lk__chart-total { color: var(--color-gray-border); font-family: "Gotham", sans-serif; font-size: 16px; font-weight: 500; line-height: 148%; text-align: center; } .main-lk__chart-label { font-size: 14px; } .main-lk__legend { padding-top: 20px; display: flex; flex-wrap: wrap; gap: 16px; } .main-lk__legend-item { display: flex; align-items: center; column-gap: 4px; } .main-lk__legend-point { width: 20px; height: 20px; border-radius: 2px; } .main-lk__legend-name { font-family: 'Gotham', sans-serif; color: var(--color-text); font-size: 16px; font-weight: 400; line-height: 148%; } @media (max-width: 1000px) { .main-lk { flex-direction: column; row-gap: 24px; padding-bottom: 0; } .main-lk__aside { max-width: 100%; } .main-lk__nav { max-height: 100%; } .main-lk__nav-list { flex-direction: row; column-gap: 32px; flex-wrap: wrap; } .main-lk__main-bonus { row-gap: 40px; } .main-lk__bonuses { row-gap: 24px; } .main-lk__bonuses-inner { row-gap: 12px; flex-wrap: wrap; } .main-lk__burn { max-width: 100%; padding: 16px 32px; flex-direction: row; column-gap: 12px; justify-content: flex-start; align-items: center; } .main-lk__burn-deadline { margin-left: auto; } .main-lk__balance { row-gap: 24px; } .main-lk__chart { padding: 0; } } @media (max-width: 649px) { .main-lk__card { height: auto; padding: 40px 24px; row-gap: 8px; } .main-lk__card-balance { color: var(--main-bg, #FFF); font-size: 20px; } .main-lk__burn { flex-direction: column; align-items: flex-start; padding: 16px 24px; } .main-lk__burn-deadline { margin-left: 0; } .main-lk__burn-balance { font-size: 20px; } h3.main-lk__balance-title { font-size: 22px !important; } .main-lk__legend { flex-wrap: nowrap; flex-direction: column; gap: 8px; } } @media (max-width: 479px) { .main-lk { padding: 0 16px; } .main-lk__chart-inner { column-gap: 24px; height: 260px; } } .main-lk__burn--fullwidth { max-width: none; } .main-lk__burn a { text-decoration: underline; color: var(--color-accent); } /* End */ /* /local/media/css/normalize.css?15737073091951 */ /* /local/media/js/swiper/swiper.min.css?163573974513873 */ /* /local/media/js/owl/owl.carousel.css?15737073094641 */ /* /local/media/js/fancybox/jquery.fancybox.css?15737073094520 */ /* /local/media/fonts/fonts.css?17434063686390 */ /* /local/media/js/select/css/select2.css?157370730918899 */ /* /local/media/js/mCustomScrollbar/jquery.mCustomScrollbar.min.css?157370730942839 */ /* /local/media/js/magnific-popup/magnific-popup.css?15737073096951 */ /* /local/media/css/patch.css?15737073099239 */ /* /local/templates/main-new/template_styles.css?1745820452327319 */ /* /bitrix/components/bitrix/sale.location.selector.search/templates/.default/style.css?16678901396417 */ /* /local/components/local/plait.modal/templates/.default/style.css?174340636812387 */ /* /local/media/css/dev.css?1743406415165680 */ /* /local/media/css/main.css?17212001486165 */ /* /local/media/css/profile.css?17512506567146 */