/* Start:/local/markup//libs/slick/slick.css?16734630161775*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/markup//libs/slick/slick-theme.css?16734630163144*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/markup//libs/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/markup//libs/slick/./fonts/slick.eot'); src: url('/local/markup//libs/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/markup//libs/slick/./fonts/slick.woff') format('woff'), url('/local/markup//libs/slick/./fonts/slick.ttf') format('truetype'), url('/local/markup//libs/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/markup//libs/fancybox/fancybox.css?167346301615598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/markup//libs/swiper/swiper-bundle.min.css?167346301416471*/ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: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:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/markup//libs/ion/ion.rangeSlider.css?167346795213373*/ /** Ion.RangeSlider, 2.3.1 © Denis Ineshin, 2010 - 2019, IonDen.com Build date: 2019-12-19 16:51:02 */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a43540; } .irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; } .irs--big { height: 55px; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern { height: 55px; } .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; margin-top: -10px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 35px; height: 5px; background-color: #c9c9c9; border-radius: 4px; } .irs--round .irs-bar { top: 35px; height: 5px; background-color: #de5b5b; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; background: url(/local/templates/velocity/img/widget-arrow.svg) no-repeat -1px 50%; background-size: 90%; } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { } .irs--round .irs-handle.to { background-position: right -1px 50%; transform: rotate(180deg); } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; } /* End */ /* Start:/local/markup//libs/simplebar/simplebar.css?16762700424130*/ [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s 0.5s linear; } .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition-delay: 0s; transition-duration: 0s; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-scrollbar:before { top: 2px; bottom: 2px; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 0; bottom: 0; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .simplebar-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: scrollbar !important; } .simplebar-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /* End */ /* Start:/local/markup//libs/select2/select2.min.css?170263659616264*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.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-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.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;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.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;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .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--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;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.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__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;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:200px;overflow-y:auto}.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--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 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;height:26px;margin-right:20px}.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, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 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, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 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, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 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;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.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;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.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__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.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:#fff;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--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/local/markup//libs/micromodal/micromodal.css?16860356153077*/ /**************************\ Basic Modal Styles \**************************/ .modal { font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; } .modal__container { background-color: #fff; padding: 30px; max-width: 500px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .modal__header { display: flex; justify-content: space-between; align-items: center; } .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box; } .modal__close { background: transparent; border: 0; } .modal__header .modal__close:before { content: "\2715"; } .modal__content { margin-top: 2rem; margin-bottom: 2rem; line-height: 1.5; color: rgba(0,0,0,.8); } .modal__btn { font-size: .875rem; padding-left: 1rem; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem; background-color: #e6e6e6; color: rgba(0,0,0,.8); border-radius: .25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out,-webkit-transform .25s ease-out; } .modal__btn:focus, .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .modal__btn-primary { background-color: #00449e; color: #fff; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } /* End */ /* Start:/local/markup//libs/jquery/suggestions.min.css?17050684622091*/ .suggestions-nowrap{white-space:nowrap}.suggestions-input{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.suggestions-input::-ms-clear{display:none}.suggestions-wrapper{position:relative;margin:0;padding:0;vertical-align:top;-webkit-text-size-adjust:100%}.suggestions-suggestions{background:#fff;border:1px solid #999;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;left:0;min-width:100%;position:absolute;z-index:9999;-webkit-text-size-adjust:100%}.suggestions-suggestions strong{font-weight:400;color:#39f}.suggestions-suggestions.suggestions-mobile{border-style:none}.suggestions-suggestions.suggestions-mobile .suggestions-suggestion{border-bottom:1px solid #ddd}.suggestions-suggestion{padding:4px 4px;overflow:hidden}.suggestions-suggestion:hover{background:#f7f7f7}.suggestions-selected{background:#f0f0f0}.suggestions-selected:hover{background:#f0f0f0}.suggestions-hint{padding:4px 4px;white-space:nowrap;overflow:hidden;color:#777;font-size:85%;line-height:20px}.suggestions-subtext{color:#777}.suggestions-subtext_inline{display:inline-block;min-width:6em;vertical-align:bottom;margin:0 .5em 0 0}.suggestions-subtext-delimiter{display:inline-block;width:2px}.suggestions-subtext_label{margin:0 0 0 .25em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 3px;background:#f5f5f5;font-size:85%}.suggestions-value[data-suggestion-status=LIQUIDATED]{position:relative}.suggestions-value[data-suggestion-status=LIQUIDATED]:after{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.4);content:""}.suggestions-promo{font-size:85%;display:none;color:#777;padding:4px;text-align:center}.suggestions-promo a{color:#777;display:block;filter:grayscale(100%);line-height:20px;text-decoration:none}.suggestions-promo a:hover{filter:grayscale(0)}.suggestions-promo svg{height:20px;vertical-align:bottom}@media screen and (min-width:600px){.suggestions-promo{position:absolute;top:0;right:0;text-align:left}} /* End */ /* Start:/local/markup//css/normalize.css?16734630026364*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* End */ /* Start:/local/markup//css/styles.css?1755869270331691*/ @font-face { font-family: 'Noah'; src: local("Noah"), url("/local/markup//css/../fonts/Noah-Medium.woff2") format("woff2"), url("/local/markup//css/../fonts/Noah-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Noah'; src: local("Noah"), url("/local/markup//css/../fonts/Noah-Light.woff2") format("woff2"), url("/local/markup//css/../fonts/Noah-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Winston'; src: local("Winston"), url("/local/markup//css/../fonts/Winston-Light.woff2") format("woff2"), url("/local/markup//css/../fonts/Winston-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Winston'; src: local("Winston"), url("/local/markup//css/../fonts/Winston-Regular.woff2") format("woff2"), url("/local/markup//css/../fonts/Winston-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Winston'; src: local("Winston"), url("/local/markup//css/../fonts/Winston-Medium.woff2") format("woff2"), url("/local/markup//css/../fonts/Winston-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Winston'; src: local("Winston"), url("/local/markup//css/../fonts/Winston-SemiBold.woff2") format("woff2"), url("/local/markup//css/../fonts/Winston-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { margin: 0; font-family: "Winston", sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; position: relative; } body.hidden { overflow: hidden; height: 100vh; position: fixed; left: 0; top: 0; width: 100%; } body.page-lookbook main { margin-bottom: 80px; } main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } img { max-width: 100%; } a { text-decoration: none; color: inherit; outline: none; } button { cursor: pointer; border: 0; outline: 0; background-color: transparent; padding: 0; margin: 0; outline: none; } .section { margin: 80px 0; } .list-reset { margin: 0; padding: 0; list-style-type: none; } .container { max-width: 1609px; padding: 0 20px; margin: 0 auto; } .container-v2 { max-width: 1920px; padding: 0 35px; margin: 0 auto; } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 100vh; } .title { margin-top: 0; font-family: "Noah", sans-serif; font-weight: 500; } .title-big { font-size: 45px; line-height: 48px; } .title-medium { font-size: 36px; line-height: 46px; } .title-small { font-size: 22px; line-height: 30px; } .visibility-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } .button { position: relative; display: block; padding: 12px 32px; font-family: "Winston", sans-serif; font-weight: 500; font-size: 12px; line-height: 16px; color: #fff; border: 1px solid #fff; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; outline: none; } .button::before { content: ''; position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); border: 2px solid #fff; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .button:hover::before, .button:focus::before { opacity: 1; } .button.button-black { border-color: #333; color: #333; } .button.button-black::before { border-color: #333; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .header { background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } .header__wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__burger, .header__search-mobile { display: none; visibility: hidden; } .header__nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .header__nav-item { position: relative; } .header__nav-item div { padding: 19px 0; position: relative; white-space: nowrap; display: block; outline: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 400; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #333; overflow: hidden; cursor: pointer; } .header__nav-item div::before, .header__nav-item>a::before { content: ''; position: absolute; bottom: 19px; left: 0; width: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; height: 1px; background-color: #333; } .header__nav-item div:hover::before, .header__nav-item div:focus::before, .header__nav-item>a:hover::before, .header__nav-item>a:focus::before { -webkit-transform: none; -ms-transform: none; transform: none; } .header__nav-item span { display: block; } .header__nav-item div svg { display: none; visibility: hidden; } .header__nav-item div a, .header__nav-item>a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; white-space: nowrap; color: #333; } .header__nav-item>a { padding: 19px 0; position: relative; white-space: nowrap; display: block; outline: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 400; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #333; overflow: hidden; cursor: pointer; } .header__sublist { position: absolute; display: none; z-index: -10; top: 0; margin-top: 60px; left: -35px; background-color: rgba(255, 255, 255, 0.9); padding: 35px; max-height: calc(100vh - 60px); overflow: auto; } .header__nav-item div:hover+.header__sublist, .header__sublist:hover { z-index: 100; display: block; visibility: visible; } .header__sublist-item:not(:last-child) { margin-bottom: 24px; } .header__sublist-item a { padding: 0; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; white-space: nowrap; position: static; border-bottom: 1px solid transparent; font-weight: 400; font-size: 16px; line-height: 22px; text-transform: none; color: #4D4D4D; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .header__sublist-item a::before { display: none; } .header__sublist-item a:hover, .header__sublist-item a:focus { border-color: #4D4D4D; } .header__logo { display: block; outline: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } .header__search { position: relative; display: block; width: 428px; margin-right: 30px; } .header__search-input { padding: 5px 55px 5px 20px; display: block; width: 100%; font-weight: 300; font-size: 18px; line-height: 24px; color: #333; outline: none; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(128, 128, 128, 0.2); border-radius: 5px; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .header__search-input:focus { border-color: #808080; } .header__search-results { width: 428px; background-color: #fff; -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); } .header__search-results-list { padding: 16px 20px; } .header__search-results-list li:not(:last-child) { margin-bottom: 16px; } .header__search-results-list li:not(:last-child) a { padding-bottom: 16px; border-bottom: 1px solid #808080; } .header__search-results-list li { gap: 10px; } .header__search-results-list li a { display: block; outline: none; font-weight: 300; font-size: 18px; line-height: 24px; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__search-results-list li a p { margin: 0; } .header__search-results-list li a b { font-weight: 500; } .form__input::-webkit-input-placeholder { color: #808080; } .form__input::-moz-placeholder { color: #808080; } .form__input:-moz-placeholder { color: #808080; } .form__input:-ms-input-placeholder { color: #808080; } .header__search-submit, .header__search-close { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: 20px; } .header__search-back { display: none; visibility: hidden; } .header__search-close { display: none; visibility: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; } .header__search-active .header__search-close { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; } .header__search-active .header__search-submit { display: none; visibility: hidden; } .header__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .header__buttons-item a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .header__buttons-item a svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .header__buttons-item a:hover svg path, .header__buttons-item a:focus svg path { fill: #b25c2d; } .header__buttons-item-basket.header__buttons-item-basket-active, .header__buttons-item-favorite.header__buttons-item-favorite-active { position: relative; } .header__buttons-item-basket .amount, .header__buttons-item-favorite .amount { display: none; visibility: hidden; } .header__buttons-item-basket.header__buttons-item-basket-active .amount, .header__buttons-item-favorite.header__buttons-item-favorite-active .amount { position: absolute; bottom: -4px; right: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: visible; background-color: #FF7062; border-radius: 50%; font-weight: 500; font-size: 10px; line-height: 14px; color: #fff; width: 16px; height: 16px; } .main-block { height: 685px; position: relative; margin-top: 163px; } .main-block__list, .main-block .slick-list, .main-block .slick-track, .main-block .container { height: 100%; } .main-block__item { height: 100%; position: relative; } .main-block__item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.2); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .main-block .container { position: absolute; z-index: 5; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 50px; } .main-block__title { color: #fff; letter-spacing: 0.04em; text-align: center; text-transform: uppercase; margin-bottom: 24px; } .main-block__link { margin: 0 auto; } .main-block__image img { width: 100%; object-fit: cover; height: 100%; } .main-block__image, .main-block__video { display: block; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .main-block .slick-arrow { width: 48px; height: 48px; z-index: 6; } .main-block svg { width: 48px; height: 48px; } .main-block .slick-next { right: 35px; } .main-block .slick-prev { left: 35px; } .main-block .slick-arrow svg path { fill: #fff; } .main-block .slick-arrow:before { display: none; } .lookbook__link, .cards-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; margin-bottom: 20px; } .lookbook__more, .cards-title__more { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: 18px; line-height: 24px; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .lookbook__link:hover .lookbook__more, .lookbook__link:focus .lookbook__more, .cards-title:hover .cards-title__more, .cards-title:focus .cards-title__more { color: #b25c2d; } .cards-title__more svg path, .lookbook__more svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .cards-title:hover .cards-title__more svg path, .cards-title:focus .cards-title__more svg path, .lookbook__link:hover.lookbook__more svg path, .lookbook__link:focus.lookbook__more svg path { fill: #b25c2d; } .lookbook__more span, .cards-title__more span { display: block; margin-right: 10px; } .lookbook__title, .cards-title__title { margin: 0; letter-spacing: 0.2em; } .cards-title__title { text-transform: uppercase; } .lookbook__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(4, 1fr); gap: 40px; } .lookbook__list.lookbook__list-v2 { margin-top: 20px; grid-template-columns: repeat(3, 1fr); } .lookbook__list .lookbook__item { max-height: 485px; } .lookbook__list.lookbook__list-v2 .lookbook__item { max-height: 496px; } .lookbook__item { position: relative; } .lookbook__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 0 20px 10px; outline: none; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .lookbook__card:hover, .lookbook__card:focus { background-color: rgba(51, 51, 51, 0.2); } .lookbook__card:active { background-color: rgba(51, 51, 51, 0.3); } .lookbook__image { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lookbook__subtitle { padding: 10px 60px; margin-left: auto; margin-right: -10px; background-color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0px 0px 30px rgba(51, 51, 51, 0.3); box-shadow: 0px 0px 30px rgba(51, 51, 51, 0.3); } .lookbook__subtitle h3 { margin: 0; font-weight: 500; font-size: 18px; line-height: 24px; text-transform: uppercase; text-align: center; } .banner__wrapper { display: block; width: 100%; position: relative; } .banner__wrapper::before { content: ''; position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.1); -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .banner__wrapper:hover::before, .banner__wrapper:focus::before { opacity: 1; } .banner__wrapper .container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner__title { color: #fff; margin-bottom: 30px; text-transform: uppercase; } .banner__image { display: block; width: 100%; } .cards__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .cards__title .title, .lookbooks__title { max-width: 80%; } .cards .slick-arrow, .lookbooks .slick-arrow { width: 24px; height: 24px; -webkit-transform: none; -ms-transform: none; transform: none; top: -68px; } .cards.cards-index .slick-arrow { display: none; visibility: hidden; } .cards .slick-arrow svg path, .lookbooks .slick-arrow svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .cards .slick-arrow:hover svg path, .lookbooks .slick-arrow:hover svg path, .cards .slick-arrow:focus svg path, .lookbooks .slick-arrow:focus svg path { fill: #b25c2d; } .cards .slick-arrow.slick-disabled, .lookbooks .slick-arrow.slick-disabled, .more-catigories__slider .slick-arrow.slick-disabled { opacity: 0.3; } .cards .slick-prev, .lookbooks .slick-prev { left: auto; right: 55px; } .cards .slick-prev svg path, .lookbooks .slick-prev svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .cards .slick-prev:hover svg path, .lookbooks .slick-prev:hover svg path, .cards .slick-prev:focus svg path, .lookbooks .slick-prev:focus svg path { fill: #b25c2d; } .cards .slick-next, .lookbooks .slick-next { right: 20px; } .cards .slick-arrow::before, .lookbooks .slick-arrow::before { display: none; } .cards__title .title { text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 0; } .cards__list, .lookbooks__list { margin: 0 -20px; } .cards__item, .lookbooks__item { margin: 0 20px; } .cards__item.slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .lookbooks__list .slick-track { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .lookbooks__item { height: auto; } .product-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .product-card__link { border-bottom: none; display: block; outline: none; position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; } .product-card__link img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-card__images { position: relative; padding-top: 133%; width: 100%; } .product-card .product-card__images .slick-arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; width: 24px; height: 24px; opacity: 0; z-index: -1; -webkit-transition: opacity .3s ease-in-out, z-index .3s ease-in-out; -o-transition: opacity .3s ease-in-out, z-index .3s ease-in-out; transition: opacity .3s ease-in-out, z-index .3s ease-in-out; } .product-card:hover .slick-arrow { opacity: 1; z-index: 5; } .product-card .product-card__images .slick-arrow::before { display: none; } .product-card .product-card__images .slick-arrow.slick-prev { left: 20px; } .product-card .product-card__images .slick-arrow.slick-next { right: 20px; } .product-card__favorite { position: absolute; padding: 20px; top: 0; left: 0; z-index: 5; cursor: pointer; outline: none; } .product-card__favorite svg path { -webkit-transition: stroke .3s ease-in-out; -o-transition: stroke .3s ease-in-out; transition: stroke .3s ease-in-out; } .product-card__favorite:hover svg path, .product-card__favorite-active svg path { stroke: #FF7062; } .product-card__info { width: 100%; padding-top: 8px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-card__images .slick-list, .product-card__images .slick-track { height: 100%; position: static; width: 100% !important; } .product-card__images .slick-slide { width: 100%; position: absolute !important; } .product-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 8px; } .product-card__left { width: 85%; } .product-card__left a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; outline: none; } .product-card__left a:hover span, .product-card__left a:focus span { color: #b25c2d; } .product-card__left span { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 18px; line-height: 24px; font-weight: 400; color: #333; margin-top: 0; margin-bottom: 6px; border-bottom: 1px solid transparent; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .product-card__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-card__price span { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 600; font-size: 18px; line-height: 24px; } .product-card__price span.new { color: #FF7062; margin-right: 8px; } .product-card__price span.old { font-size: 16px; line-height: 22px; text-decoration: line-through; color: #808080; } .product-card__colors { margin: -5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-card__color { margin: 5px; } .product-card__color a { display: block; outline: none; width: 16px; height: 16px; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; background-size: 100%; background-repeat: no-repeat; } .product-card__color a.border { border: 0.5px solid #b1a9a9; } .product-card__color a svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .product-card__color a:hover svg path, .product-card__color a:focus svg path { fill: #b25c2d; } .product-card__add-basket { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .product-card__add-basket svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .product-card__add-basket:hover svg path, .product-card__add-basket:focus svg path { fill: #b25c2d; } .product-card__add-basket .amount { display: none; visibility: hidden; } .product-card__add-basket.product-card__add-basket-active { position: relative; } .product-card__add-basket.product-card__add-basket-active .amount { position: absolute; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: visible; background-color: #FF7062; border-radius: 50%; font-weight: 500; font-size: 8px; line-height: 12px; color: #fff; width: 16px; height: 16px; } .offers__title { text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 40px; } .offers__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: repeat(2, 1fr); gap: 40px; } .offers__link { display: block; outline: none; position: relative; height: 400px; } .offers__link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(51, 51, 51, 0.2); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .offers__link:hover::before, .offers__link:focus::before { background-color: rgba(51, 51, 51, 0.3); } .offers__link:active::before { background-color: rgba(51, 51, 51, 0.4); } .offers__image { position: relative; z-index: 1; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .offers__subtitle { padding: 0 20px; margin: 0; position: absolute; z-index: 5; bottom: 20px; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #FFF; } .offers__subtitle span { display: block; margin-right: 10px; } .back { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: sticky; z-index: 10; top: 110px; margin-left: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: 16px; line-height: 22px; color: #333; outline: none; } .back svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .back:hover svg path, .back:focus svg path { fill: #b25c2d; } .back span { display: block; margin-left: 10px; max-width: 105px; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .back:hover span, .back:focus span { color: #b25c2d; } .card__wrapper { margin: 85px 0 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 100px; } .card__left { position: relative; height: auto; width: 57.2%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 100px; } .card__for { margin: 0; } .card__for-wrapper { width: 20.9%; position: relative; padding: 62px 0; } .card__for-slider { height: 100%; width: 68.45%; margin: 0; } .card__for-slider .slick-arrow { position: static; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: 0 auto; } .card__for-slider .slick-arrow::before { display: none; } .card__for-item img { display: block; width: 100%; } .card__for-item { border: none; cursor: pointer; } .card .swiper-button { width: 42px; height: 42px; margin: 0 auto; z-index: 20; left: 23%; } .card .swiper-button-prev { top: 0; } .card .swiper-button-next { bottom: 0; top: auto; right: auto; } .card .swiper-button-next svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .card .swiper-button-next:hover svg path, .card .swiper-button-next:focus svg path { fill: #b25c2d; } .card__for-slider .swiper-slide-thumb-active .card__for-image, .card__for-slider .swiper-slide-thumb-active .card__for-video { position: relative; } .card__for-slider .swiper-slide-thumb-active .card__for-image::before, .card__for-slider .swiper-slide-thumb-active .card__for-video::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.2); } .card__for-image, .card__for-video { position: relative; } .card__for-button { position: absolute; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.8); -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; } .card__video.active .card__for-button { opacity: 0; visibility: hidden; } .card__video video { display: block; width: 100%; cursor: pointer; } .card .swiper-button::after { display: none; } .card .swiper-button.swiper-button-lock { opacity: 0; } .card .swiper-pagination-progressbar { background-color: #E7EAEC; border-radius: 5px; overflow: hidden; left: auto !important; right: 0; } .card .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #bbb; } .card__images { position: relative; width: 68%; } .card__images .swiper-pagination { display: none; visibility: hidden; } .card__favorite { position: absolute; top: 20px; right: 20px; z-index: 10; cursor: pointer; } .card__favorite svg path { -webkit-transition: stroke .3s ease-in-out; -o-transition: stroke .3s ease-in-out; transition: stroke .3s ease-in-out; } .card__favorite:hover svg path, .card__favorite-active svg path { stroke: #FF7062; } .card__images-slider.swiper-wrapper { height: 100%; } .card__images-item.swiper-slide { height: 100%; } .card__images-item img { display: block; width: 100%; height: 100%; } .card__content { width: 36.393%; overflow: hidden; } .card__back { display: none; visibility: hidden; } .card-content__descr { font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 0; margin-bottom: 10px; font-size: 22px; line-height: 30px; } .card-content__title { font-size: 18px; text-transform: lowercase; line-height: 24px; font-weight: 300; margin-top: 0; margin-bottom: 10px; color: #808080; margin-top: 10px; letter-spacing: 0; } .card-content__title span { text-transform: uppercase; } .card-content__color { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-weight: 400; font-size: 18px; line-height: 24px; margin-bottom: 20px; } .card-content__color span { display: block; } .card-content__color span.color { font-size: 16px; line-height: 22px; font-weight: 300; } .card-content__price--mobile [itemprop*="price"] { font-weight: 500; } .card-content__price--mobile { display: none; gap: 10px; font-weight: 400; font-size: 18px; line-height: 24px; margin-bottom: 20px; padding: 0 16px; align-items: center; } .card-content__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; font-weight: 500; font-size: 22px; line-height: 30px; margin-bottom: 20px; } .card-content__price span { display: block; } .card-content__price--mobile span.new, .card-content__price span.new { color: #FF7062; } .card-content__price--mobile span.old { color: #808080; text-decoration: line-through; } .card-content__price span.old { color: #808080; font-size: 18px; line-height: 24px; text-decoration: line-through; } .card-content__parameter:not(:last-child), .card-content__parameters { margin-bottom: 20px; } .card-content__parameter { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .card-content__parameter-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .card-content__parameter-header p { margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; margin-right: 10px; } .card-content__parameter-header p.error { margin-left: auto; margin-right: 0; font-size: 12px; line-height: 16px; text-align: center; color: #FF7062; } .card-content__parameter-list.visible { opacity: 1; } .card-content__parameter-list { opacity: 0; } .card-content__parameter-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .card-content__parameter-button { white-space: nowrap; text-align: center; width: 60px; font-weight: 400; font-size: 16px; line-height: 20px; color: #333; outline: none; background-color: #FFF; padding: 5px 10px; border: 1px solid #D9D9D9; border-radius: 5px; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .card-content__parameter-button:focus, .card-content__parameter-button:hover, .card-content__parameter-button-active { border-color: #808080; } .card-content__parameter-item.error .card-content__parameter-button { position: relative; color: rgba(51, 51, 51, 0.3); pointer-events: none; } .card-content__parameter-item.error .card-content__parameter-button::after { background-image: url(/local/markup//css/../img/cllc.svg); background-position: 50% 50%; background-size: cover; content: ''; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; } .card-content__parameter-growth .card-content__parameter-button { width: 85px; } .card-content__parameter-button:hover, .card-content__parameter-button:focus { border-color: #000; } .card-content__parameter-button:hover, .card-content__parameter-button:focus { border-color: #808080; } .card-content__parameter-amount { display: block; margin-top: 5px; font-weight: 500; font-size: 12px; line-height: 16px; color: #808080; text-align: center; } .card-content__fixed { margin-bottom: 20px; } .card-content__add-basket, .card-content__parameteradd-basket { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 30px; background-color: #b25c2d; font-weight: 500; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .card-content__parameteradd-basket { max-width: 368px; width: 100%; margin: 0 auto; display: none; visibility: hidden; } .card-content__add-basket:hover, .card-content__add-basket:focus { background-color: #ae4b15; } .card-content__add-basket span, .card-content__parameteradd-basket span { display: block; margin-right: 10px; } .card-content__table-button { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; outline: none; margin-right: 10px; font-weight: 400; font-size: 16px; line-height: 22px; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #808080; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .card-content__table-button:hover, .card-content__table-button:focus { color: #333; } .card-content__item { margin: 0 5px; position: relative; } .card-content__image { outline: none; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; border: 1px solid rgba(128, 128, 128, 0.5); border-radius: 5px; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .card-content__item:hover .card-content__image { border-color: #808080; } .card-content__item:hover::before { border-color: #808080; } .card-content__item::before { content: ''; position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; border: 2px solid transparent; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; border-radius: 5px; } .card-content__item.active::before { content: ''; position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; border: 2px solid #808080; border-radius: 5px; } .card-content__colors .slick-track { padding: 2px 0; margin: 0 -5px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .card-content__colors .slick-list { height: 100%; } .card-content__item { height: auto; } .card-content__item.active .card-content__image { border-color: #808080; } .card-content__image img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .card-content__colors { position: relative; margin-bottom: 20px; } .card-content__subtitle { margin-top: 0; margin-bottom: 14px; font-weight: 400; font-size: 18px; line-height: 24px; color: #333; } .card-content .slick-prev { left: auto; right: 35px; } .card-content .slick-next { right: 5px; } .card-content .slick-arrow { width: 24px; height: 24px; -webkit-transform: none; -ms-transform: none; transform: none; top: -40px; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .card-content .slick-arrow svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .card-content .slick-arrow:hover svg path, .card-content .slick-arrow:focus svg path { fill: #b25c2d; } .card-content .slick-arrow::before { display: none; } .card-content .slick-arrow.slick-disabled { opacity: 0.3; } .card-content__faq-content { padding: 20px; background-color: #F9F9F9; display: none; margin-bottom: 12px; } .card-content__faq-item:not(:last-child) { border-bottom: 1px solid #808080; } .card-content__faq-item.active .card-content__faq-content { display: block; } .card-content__faq-header { padding: 12px 0; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-content__faq-header svg { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .card-content__faq-item.active .card-content__faq-header svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .card-content__faq-title { margin: 0; margin-right: 20px; font-weight: 300; font-size: 16px; line-height: 22px; color: #333; } .card-content__faq-wrap:not(:last-child) { margin-bottom: 16px; } .card-content__faq-left { position: relative; margin-bottom: 10px; } .card-content__faq-left.active::before { content: ''; position: absolute; width: 100%; height: 43px; bottom: 0; left: 0; background: -o-linear-gradient(top, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(rgba(249, 249, 249, 0))); background: linear-gradient(180deg, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .card-content__faq-wrap h3 { margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #333; margin-bottom: 10px; } .card-content__faq-wrap p { margin: 0; font-weight: 300; font-size: 12px; line-height: 16px; color: #333; } .card-content__faq-button { display: block; margin-left: auto; font-family: 'Winston'; font-weight: 500; font-size: 12px; line-height: 16px; text-decoration-line: underline; text-decoration-skip-ink: none; color: #333; } .lookbooks__title { letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 40px; } .lookbooks__item { position: relative; overflow: hidden; } .lookbooks__image { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lookbooks__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; background-color: rgba(255, 255, 255, 0.75); font-weight: 400; font-size: 18px; line-height: 24px; text-align: center; color: #333; outline: none; cursor: pointer; position: absolute; right: 0; bottom: 10px; z-index: 5; } .lookbooks__button span { display: block; width: 0; opacity: 0; white-space: nowrap; -webkit-transition: width .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; -o-transition: width .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; transition: width .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; } .lookbooks__button:hover span, .lookbooks__button:focus span { width: 140px; opacity: 1; margin-left: 16px; } .breadcrumbs__wrapper { margin: 180px 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 44px; } .breadcrumbs__item { position: relative; } .breadcrumbs__item:not(:last-child):before { content: url(/local/markup//css/../img/breadcrumbs-arrow.svg); position: absolute; top: 50%; right: -35px; width: 24px; height: 24px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .breadcrumbs__item a, .breadcrumbs__item span { display: block; font-weight: 400; font-size: 16px; line-height: 22px; } .breadcrumbs__item a { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; color: #333; } .breadcrumbs__item span { color: rgba(51, 51, 51, 0.7); } .breadcrumbs__item a:hover, .breadcrumbs__item a:focus { color: #b25c2d; } .breadcrumbs__dropdown { margin-left: auto; position: relative; } .breadcrumbs__dropdown-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-weight: 400; font-size: 16px; line-height: 22px; color: #333; cursor: pointer; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .breadcrumbs__dropdown-top:hover, .breadcrumbs__dropdown-top:focus { color: #b25c2d; } .breadcrumbs__dropdown-top span { display: block; } .breadcrumbs__dropdown-top svg { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .breadcrumbs__dropdown-top svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .breadcrumbs__dropdown-top:hover svg path, .breadcrumbs__dropdown-top:focus svg path { fill: #b25c2d; } .breadcrumbs__dropdown.active svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .breadcrumbs__dropdown-content { visibility: hidden; display: none; z-index: -1; position: absolute; right: 0; top: calc(100% + 10px); background-color: #fff; white-space: nowrap; padding: 20px; -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); } .breadcrumbs__dropdown.active .breadcrumbs__dropdown-content { display: block; visibility: visible; z-index: 20; } .breadcrumbs__dropdown-item a { display: block; width: 100%; font-weight: 500; font-size: 16px; line-height: 22px; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .breadcrumbs__dropdown-item a:hover, .breadcrumbs__dropdown-item a:focus { color: #b25c2d; } .breadcrumbs__dropdown-item:not(:last-child) a { padding-bottom: 16px; border-bottom: 1px solid #808080; } .breadcrumbs__dropdown-item:not(:last-child) { margin-bottom: 15px; } .more-catigories__item { position: relative; width: 228px; min-width: 228px; max-width: 228px; } .more-catigories__content:hover, .more-catigories__content:focus { background-color: rgba(51, 51, 51, 0.3); } .more-catigories__content:active { background-color: rgba(51, 51, 51, 0.4); } .more-catigories__content:hover .more-catigories__list, .more-catigories__content:focus .more-catigories__list { opacity: 1; height: auto; padding-top: 20px; } .more-catigories__image { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .more-catigories__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; background-color: rgba(51, 51, 51, 0.2); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .more-catigories__title { margin: 0; font-weight: 700; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #FFF; text-align: center; } .more-catigories__list { height: 0; opacity: 0; -webkit-transition: opacity .3s ease-in-out, height .3s ease-in-out, padding .3s ease-in-out; -o-transition: opacity .3s ease-in-out, height .3s ease-in-out, padding .3s ease-in-out; transition: opacity .3s ease-in-out, height .3s ease-in-out, padding .3s ease-in-out; } .more-catigories__list li:not(:last-child) { margin-bottom: 5px; } .more-catigories__list li { font-weight: 600; font-size: 12px; line-height: 16px; color: #FFF; text-align: center; } .catalog__wrapper { padding: 15px 0 80px; } .catalog__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; position: relative; gap: 20px; } .catalog__button-filter, .catalog-sort__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: 16px; line-height: 22px; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .catalog__button-filter:hover, .catalog-sort__button:hover, .catalog__button-filter:focus, .catalog-sort__button:focus { color: #b25c2d; } .catalog__button-filter svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .catalog__button-filter:hover svg path, .catalog-sort__button:hover svg path, .catalog__button-filter:focus svg path, .catalog-sort__button:focus svg path { fill: #b25c2d; } .catalog__button-filter span, .catalog-sort__button span { display: block; margin-left: 10px; } .catalog__button-filter span.amount { margin: 0; } .catalog-sort { position: relative; } .catalog-sort__content { visibility: hidden; display: none; z-index: -1; position: absolute; left: 0; top: calc(100% + 10px); background-color: #fff; white-space: nowrap; padding: 20px; -webkit-box-shadow: 0px 0px 20px rgb(51 51 51 / 10%); box-shadow: 0px 0px 20px rgb(51 51 51 / 10%); } .catalog-sort__item:not(:last-child) { margin-bottom: 15px; } .catalog-sort.active .catalog-sort__content { display: block; visibility: visible; z-index: 20; } .catalog-sort__link { display: block; width: 100%; font-weight: 500; font-size: 16px; line-height: 22px; color: #333; } .catalog-sort__item:not(:last-child) a { padding-bottom: 16px; border-bottom: 1px solid #808080; } .catalog__switches { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-left: auto; } .catalog__button-switch svg rect { stroke: #E7EAEC; -webkit-transition: stroke .3s ease-in-out; -o-transition: stroke .3s ease-in-out; transition: stroke .3s ease-in-out; } .catalog__button-switch:hover svg rect, .catalog__button-switch:focus svg rect, .catalog__button-switch.active svg rect { stroke: rgba(51, 51, 51, 0.8); } .catalog__button-switch svg:last-child { display: none; visibility: hidden; } .catalog__button-switch.active { pointer-events: none; cursor: not-allowed; } .catalog__list>ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; } .catalog__list>ul { list-style-type: none; margin: 0; padding: 0; } .catalog__list { margin-top: 20px; margin-bottom: 40px; } .catalog__results { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .catalog__results-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .catalog__results-item { background-color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 12px; gap: 11px; -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); } .catalog__results-item span { display: block; font-weight: 300; font-size: 12px; line-height: 16px; color: #333; } .catalog__results-delete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 16px; } .catalog__results-delete svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .catalog__results-delete:hover svg path, .catalog__results-delete:focus svg path { fill: #b25c2d; } .catalog__results-clear { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 400; font-size: 12px; line-height: 16px; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .catalog__results-clear:hover, .catalog__results-clear:focus { color: #b25c2d; } .catalog__list ul.col-2 .catalog__item { width: calc(50% - 20px); } .catalog__list ul.col-4 .catalog__item { width: calc(25% - 30px); } .catalog__nav, .nav { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -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; } .catalog__nav-title, .nav__title { margin: 0; font-weight: 400; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #333; } .catalog__nav-more, .nav__more { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; text-align: center; font-weight: 500; font-size: 16px; line-height: 22px; padding: 9px; min-width: 257px; background-color: #b25c2d; text-transform: uppercase; color: #fff; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .catalog__nav-more:hover, .catalog__nav-more:focus, .nav__more:hover, .nav__more:focus { background-color: #b25c2d; } .catalog__nav-list, .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -8px; margin-left: auto; } .catalog__nav-item a, .nav__item a { display: block; padding: 0 8px; font-weight: 400; font-size: 16px; line-height: 22px; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .catalog__nav-item a:hover, .nav__item a:hover, .catalog__nav-item a:focus, .nav__item a:focus { color: #b25c2d; } .catalog__nav-item.catalog__nav-item-active a, .nav__item.nav__item-active a { font-weight: 600; -webkit-text-decoration-color: #333; text-decoration-color: #333; } .button-top { position: fixed; bottom: 100px; right: 35px; width: 50px; height: 50px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); border: 1px solid #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, z-index .3s ease-in-out, border-color .3s ease-in-out; -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, z-index .3s ease-in-out, border-color .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, z-index .3s ease-in-out, border-color .3s ease-in-out; } .button-top:hover, .button-top:focus { border-color: #b25c2d; } .button-top svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .button-top:hover svg path, .button-top:focus svg path { fill: #b25c2d; } .button-top.active { opacity: 1; z-index: 10; visibility: visible; } .checkbox { position: absolute; z-index: -1; opacity: 0; } .checkbox+.label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; } .checkbox+.label::before { cursor: pointer; content: ""; display: inline-block; width: 16px; height: 16px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border: 1px solid #5C5C5C; border-radius: 3px; margin-right: 14px; background-repeat: no-repeat; background-position: center center; background-size: 100%; background-color: transparent; -webkit-transition: background-color 0.3s, border-color .3s ease-in-out; -o-transition: background-color 0.3s, border-color .3s ease-in-out; transition: background-color 0.3s, border-color .3s ease-in-out; } .checkbox:checked+.label::before { background-color: #b25c2d; border-color: #b25c2d; background-image: url("/local/markup//css/../img/checkbox.svg"); } .checkbox:not(:disabled):not(:checked)+.label:hover::before { background-color: #b25c2d; border-color: #b25c2d; background-image: url("/local/markup//css/../img/checkbox.svg"); } .checkbox:not(:disabled):active+label::before { background-color: #b25c2d; border-color: #b25c2d; background-image: url("/local/markup//css/../img/checkbox.svg"); } .checkbox:disabled+.label { color: rgba(51, 51, 51, 0.3); } .checkbox:disabled+.label::before { border-color: #D4D7DE; background-image: url("/local/markup//css/../img/checkbox-disabled.svg"); } .checkbox:disabled:active+label::before { border-color: #D4D7DE; background-image: url("/local/markup//css/../img/checkbox-disabled.svg"); } .checkbox:disabled+label, .checkbox:disabled+label::before { cursor: not-allowed; } .radio { white-space: nowrap; cursor: pointer; padding-left: 33px; position: relative; font-family: 'Winston'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; word-break: break-all; } .radio__input { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .catalog__filter { position: absolute; padding: 30px 40px; top: 44px; left: 0; width: 100%; background-color: #fff; -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); opacity: 0; visibility: hidden; z-index: -1000; -webkit-transform: translateX(-150%); -ms-transform: translateX(-150%); transform: translateX(-150%); -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; } .catalog__filter.active { z-index: 50; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .caralog-filter__close { display: block; position: absolute; top: 10px; right: 10px; } .caralog-filter__wrapper { padding-bottom: 40px; max-height: 250px; overflow: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .caralog-filter__wrapper .simplebar-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 50px; } .caralog-filter__wrapper .simplebar-content:before, .caralog-filter__wrapper .simplebar-content:after { display: none; } .caralog-filter__wrapper, .caralog-filter__checkboxes, .caralog-filter__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 50px; } .caralog-filter__checkboxes { white-space: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .caralog-filter__title h3 { margin: 0; margin-bottom: 20px; font-weight: 400; font-size: 14px; line-height: 20px; color: #333; } .caralog-filter__title svg { display: none; visibility: hidden; } .caralog-filter__item-size .caralog-filter__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 50px 1fr; grid-template-columns: repeat(2, 1fr); gap: 0 10px; } .caralog-filter__box { padding: 3px; padding-right: 0; } .caralog-filter__content-price .filter__variants-range { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; margin-bottom: 14px; } .caralog-filter__content-price .filter__label { display: none; } .caralog-filter__content-price .filter__range { display: block; width: 100%; } .caralog-filter__content-price .filter__range .form__input { display: block; width: 100%; padding: 4px; outline: none; background: #FFF; border: 1px solid #5C5C5C; font-family: 'Winston'; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; text-align: center; } .caralog-filter__price { max-width: 220px; } .caralog-filter__buttons { position: relative; margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 25px; } .caralog-filter__buttons::before { content: ''; position: absolute; z-index: 2; width: 100%; height: 30px; top: -30px; left: 0; background-color: #fff; opacity: 0.9; filter: blur(2px); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .caralog-filter__clear { display: block; font-weight: 400; font-size: 12px; line-height: 16px; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #333; } .caralog-filter__apply { display: block; padding: 12px; min-width: 130px; background-color: #b25c2d; text-align: center; font-weight: 500; font-size: 12px; line-height: 16px; color: #FFF; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .caralog-filter__apply:hover, .caralog-filter__apply:focus { background-color: #b25c2d; } .blog__wrapper { padding: 35px 0 80px; } .blog__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-bottom: 40px; } .blog__item:first-child { -ms-grid-column-span: 2; grid-column: span 2; } .blog__item:first-child .blog__article { position: relative; } .blog__item:first-child .blog__article::before { width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(71.24%, rgba(51, 51, 51, 0)), color-stop(81.19%, rgba(51, 51, 51, 0.0953175)), color-stop(86.58%, rgba(51, 51, 51, 0.221186)), color-stop(93.5%, rgba(51, 51, 51, 0.372227)), to(rgba(51, 51, 51, 0.5))); background: -o-linear-gradient(top, rgba(51, 51, 51, 0) 71.24%, rgba(51, 51, 51, 0.0953175) 81.19%, rgba(51, 51, 51, 0.221186) 86.58%, rgba(51, 51, 51, 0.372227) 93.5%, rgba(51, 51, 51, 0.5) 100%); background: linear-gradient(180deg, rgba(51, 51, 51, 0) 71.24%, rgba(51, 51, 51, 0.0953175) 81.19%, rgba(51, 51, 51, 0.221186) 86.58%, rgba(51, 51, 51, 0.372227) 93.5%, rgba(51, 51, 51, 0.5) 100%); z-index: 2; pointer-events: none; } .blog__item:first-child .blog__content { position: absolute; width: 100%; height: 100%; padding: 30px; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 5; pointer-events: none; } .blog__image, .blog__image-link { display: block; width: 100%; } .blog__item:first-child .blog__image-link { height: 100%; } .blog__item:first-child .blog__image { height: 100%; -o-object-fit: cover; object-fit: cover; } .blog__title-category, .blog__article data { font-size: 16px; line-height: 22px; font-weight: 500; } .blog__title-category { margin-top: 0; margin-bottom: 10px; color: rgba(51, 51, 51, 0.8); } .blog__item:first-child .blog__title-category { color: rgba(255, 255, 255, 0.8); } .blog__title { margin-top: 0; margin-bottom: 10px; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.05em; color: #333; } .blog__item:first-child .blog__title, .blog__wrapper .blog__item:first-child data, .blog__item:first-child .blog__text, .blog__item:first-child .blog__more { color: #fff; } .blog__article data { color: #808080; margin-bottom: 20px; display: block; } .blog__text { position: relative; margin: 0; margin-bottom: 20px; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; font-size: 18px; line-height: 24px; } .blog__item:first-child .blog__text { -webkit-line-clamp: 4; } .blog__item:first-child .blog__text { margin-bottom: 0; } .blog__item:first-child .blog__text::before { display: none; } .blog__text::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 43px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); } .blog__item:first-child .blog__title, .blog__item:first-child .blog__text, .blog__item:first-child .blog__title-category { max-width: 73%; } .blog__item:first-child .blog__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 20px; margin-top: 0; } .blog__item:first-child .blog__image { object-fit: cover; object-position: top; } .blog__item:not(:first-child) .blog__image { height: 100%; object-fit: cover; object-position: top; } .blog__item:not(:first-child) .blog__image-link { height: calc(100% - 350px); } .blog__item { max-height: calc(100vh - 300px); min-height: 560px; } .blog__more { display: block; white-space: nowrap; font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0.05em; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #333; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; pointer-events: all; } .blog__more:hover, .blog__more:focus { color: #b25c2d; text-decoration-color: transparent; } .blog__article { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding-top: 20px; } .blog__wrap { margin-top: auto; } .blog__item:nth-child(2) .blog__content, .blog__item:nth-child(3) .blog__content { padding-bottom: 46px; } .search-result__wrapper { padding: 110px 0 40px; } .search-result__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .search-result__info p, .search-result__wrapper, .search-result__info span { font-size: 22px; line-height: 30px; color: #333; } .search-result__info p { margin: 0; font-weight: 400; } .search-result__info span { display: block; font-weight: 500; margin-left: 20px; } .article__wrapper { padding: 160px 0 20px; } .article__top { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: repeat(2, 1fr); gap: 40px; padding-bottom: 20px; } .article .article__top img { margin: 0; } .article img { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; } .article__info h2, .article__info h1 { font-weight: 500; margin-top: 0; margin-bottom: 10px; } .article__info h2 { color: rgba(51, 51, 51, 0.8); } .article__info h1 { font-size: 22px; line-height: 30px; letter-spacing: 0.05em; color: #333; } .article__info data { font-weight: 300; color: #808080; margin-bottom: 20px; display: block; } .article__info p { margin-top: 0; margin-bottom: 10px; font-weight: 400; color: #333; } .article__info p:not(:last-child) { margin-bottom: 20px; } .article__content { padding-top: 20px; } .article__info a { display: block; width: 100%; } .article__info ul, .article__info ol, .article__info p, .article__info data, .article__info h2 { font-size: 18px; line-height: 24px; } .article__info ul, .article__info ol { margin-top: 0; margin-bottom: 10px; } .article__info ul li:not(:last-child), .article__info ol li:not(:last-child) { margin-bottom: 10px; } .article__info ul { padding-left: 15px; list-style-type: none; } .article__info ul li { position: relative; } .article__info ul li::before { content: ''; position: absolute; left: -15px; top: 50%; width: 5px; height: 5px; border-radius: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #333; } .article__info ol { padding-left: 20px; } .article__info .article__images { margin: 0; padding: 30px 0 30px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: repeat(2, 1fr); gap: 40px; } .article__info .article__images li, .article__info .article__images li:not(:last-child) { margin: 0; } .article__info .article__images li::before { display: none; } .article__info img { margin-bottom: 10px; } .article__slider { padding-top: 30px; } .article__slider .slick-list { padding-top: 64px; margin: 0 -20px; } .article__slider .slick-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; z-index: 5; -webkit-transform: none; -ms-transform: none; transform: none; top: 30px; color: #333; width: auto; height: auto; font-weight: 400; font-size: 16px; line-height: 22px; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .article__slider .slick-arrow:hover, .article__slider .slick-arrow:focus { color: #b25c2d; } .article__slider .slick-arrow svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .article__slider .slick-arrow:hover svg path, .article__slider .slick-arrow:focus svg path { fill: #b25c2d; } .article__slider .slick-arrow::before { display: none; } .article__slider .slick-arrow.slick-prev { left: 0; } .article__slider .slick-arrow.slick-next { right: 0; } .article__news { padding-bottom: 65px; } .article__slider-item { margin: 0 20px; } .article__news-back { display: none; visibility: hidden; } .buyer__wrapper { padding: 40px 0 60px; } .buyer h1, .buyer h2 { margin-top: 0; font-size: 22px; line-height: 30px; color: #333; } .buyer h1 { letter-spacing: 0.2em; margin-bottom: 40px; font-weight: 500; text-transform: uppercase; font-family: "Noah", sans-serif; } .buyer h2 { letter-spacing: 0.05em; margin-bottom: 20px; font-weight: 500; } .buyer__content:not(:last-child) { margin-bottom: 40px; } .buyer p { margin-top: 0; } .buyer p a { text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .buyer p b { font-weight: 500; } .buyer p a { color: #333; } .buyer p, .buyer ul, .buyer ol { margin-bottom: 20px; font-weight: 400; font-size: 18px; line-height: 24px; color: #333; } .buyer ul { list-style-type: none; margin-top: 0; padding-left: 20px; } .buyer ol { padding-left: 20px; } .buyer ul li, .buyer ol li { position: relative; } .buyer ul li::before { content: ''; position: absolute; top: 50%; left: -19px; width: 8px; height: 8px; border-radius: 50%; background-color: #b25c2d; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .buyer ul li:not(:last-child), .buyer ol li:not(:last-child) { margin-bottom: 10px; } .lookbook-block__image { display: block; width: 100%; } .lookbook-block__link { display: block; position: relative; } .lookbook-block__title { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; padding: 20px 0 20px 20px; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .lookbook-block__title span { margin: 0; font-weight: 500; font-size: 22px; line-height: 30px; text-transform: uppercase; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 20px 40px; margin-right: -10px; margin-left: auto; background-color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0px 0px 30px rgb(51 51 51 / 30%); box-shadow: 0px 0px 30px rgb(51 51 51 / 30%); } .lookbook-block__item { position: relative; float: left; width: 50%; } .lookbook-block__item:nth-child(2n) { float: right; } .lookbook-block__item:nth-child(4n+1) { padding-right: 1.3%; } .lookbook-block__item:nth-child(4n+4) { padding-left: 1.3%; } .lookbook-block__item:nth-child(4n+3) { padding: 2.6% 3.8% 2.6% 0; } .lookbook-block__item:nth-child(2), .lookbook-block__item:nth-child(4n+6) { padding: 2.6% 0 2.6% 3.8%; } .lookbook-block__item:nth-child(4n+1) .lookbook-block__title { padding-bottom: 60px; } .lookbook-block__wrapper { padding-top: 35px; } .page-lookbook .footer__wrapper { margin-top: 80px; } .lookbook-inner { overflow: hidden; } .lookbook-inner__wrapper { padding: 120px 0 80px; } .lookbook-inner__item { position: relative; } .lookbook-inner__img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lookbook-inner__button { position: absolute; right: 20px; bottom: 20px; } .lookbook-inner__subutton { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; background-color: rgba(255, 255, 255, 0.75); font-weight: 400; font-size: 18px; line-height: 24px; text-align: center; color: #333; outline: none; cursor: pointer; z-index: 5; overflow: hidden; } .lookbook-inner__subutton .name { display: block; width: 0; opacity: 0; white-space: nowrap; -webkit-transition: width .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; -o-transition: width .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; transition: width .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; } .lookbook-inner__button.active .lookbook-inner__subutton span, .lookbook-inner__subutton:hover span, .lookbook-inner__subutton:focus span, .lookbook-inner__button:hover .lookbook-inner__subutton span { width: 140px; opacity: 1; margin-left: 16px; } .lookbook-inner__products { position: absolute; right: 0; bottom: 48px; margin-bottom: 12px; width: 562px; max-height: 420px; overflow: auto; visibility: hidden; z-index: -100; opacity: 0; -webkit-transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out; -o-transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out; transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out; } .lookbook-inner__button.active .lookbook-inner__products, .lookbook-inner__button:hover .lookbook-inner__products { visibility: visible; z-index: 5; opacity: 1; } .lookbook-inner__list { display: -ms-grid; display: grid; gap: 40px; -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(4, 1fr); } .span-col-2 { -ms-grid-column-span: 2; grid-column: span 2 / auto; } .span-row-4 { -ms-grid-row-span: 4; grid-row: span 4 / auto; } .span-row-2 { -ms-grid-row-span: 2; grid-row: span 2 / auto; } .span-row-3 { -ms-grid-row-span: 3; grid-row: span 3 / auto; } .span-row-6 { -ms-grid-row-span: 6; grid-row: span 6 / auto; } .span-row-5 { -ms-grid-row-span: 5; grid-row: span 5 / auto; } .lookbook-inner__products { background-color: #fff; z-index: 5; } .lookbook-inner__product { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 10px; gap: 10px; padding-right: 62px; position: relative; min-height: 150px; } .lookbook-product__favorite { position: absolute; top: 10px; right: 15px; display: block; } .lookbook-product__favorite svg path { -webkit-transition: stroke .3s ease-in-out; -o-transition: stroke .3s ease-in-out; transition: stroke .3s ease-in-out; } .lookbook-product__favorite.lookbook-product__favorite-active svg path, .lookbook-product__favorite:hover svg path { stroke: #FF7062; } .lookbook-product__add-basket { position: absolute; bottom: 10px; right: 15px; display: block; } .lookbook-product__add-basket svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .lookbook-product__add-basket:hover svg path, .lookbook-product__add-basket:focus svg path { fill: #b25c2d; } .lookbook-product__add-basket .amount { display: none; visibility: hidden; } .lookbook-product__add-basket.lookbook-product__add-basket-active .amount { position: absolute; bottom: 0; right: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: visible; background-color: #FF7062; border-radius: 50%; font-weight: 500; font-size: 8px; line-height: 12px; color: #fff; width: 16px; height: 16px; } .lookbook-inner__product:not(:last-child), .lookbook-popup__product:not(:last-child) { border-bottom: 1px solid rgba(51, 51, 51, 0.8); } .lookbook-product__image { display: block; width: 120px; min-width: 120px; } .lookbook-product__image img { display: block; width: 100%; } .lookbook-product__title { display: block; margin-bottom: 5px; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .lookbook-product__title:hover, .lookbook-product__title:focus { color: #b25c2d; } .lookbook-product__title h2 { margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; } .lookbook-product__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-bottom: 5px; } .lookbook-product__price span { display: block; font-weight: 600; font-size: 18px; line-height: 24px; color: #333; width: auto; height: auto; opacity: 1; white-space: nowrap; } .lookbook-product__price span.old { font-size: 16px; line-height: 20px; text-decoration: line-through; color: #808080; margin-top: 5px; } .lookbook-product__price span.new { color: #FF7062; } .lookbook-product__colors { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -8px; } .lookbook-product__color { margin: 8px; } .lookbook-product__color a { display: block; width: 16px; height: 16px; display: block; outline: none; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; } .lookbook-product__parameter:not(:last-child) { margin-bottom: 3px; } .lookbook-product__parameter-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 5px; } .lookbook-product__parameter-header p { margin: 0; font-weight: 400; font-size: 12px; line-height: 16px; white-space: nowrap; } .lookbook-product__parameter-header-button svg { display: none; visibility: hidden; } .lookbook-product__parameter-header p.error { color: #FF7062; font-size: 10px; line-height: 14px; } .lookbook-product__parameter-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .lookbook-product__parameter-item { margin: 5px; } .lookbook-product__parameter-button { width: 100%; max-width: 64px; display: block; white-space: nowrap; font-weight: 400; font-size: 10px; line-height: 14px; color: #333; padding: 5px 11.5px; background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 5px; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .lookbook-product__parameter-button:focus, .lookbook-product__parameter-button:hover, .lookbook-product__parameter-button-active { border-color: #808080; } .lookbook-product__parameter-amount { display: block; text-align: center; font-weight: 500; font-size: 10px; line-height: 14px; color: #808080; } .lookbook-product__content { width: 74%; } .lookbook-product__parameter-item.error .lookbook-product__parameter-button { position: relative; color: rgba(51, 51, 51, 0.3); pointer-events: none; } .lookbook-product__parameter-item.error .lookbook-product__parameter-button::after { background-image: url(/local/markup//css/../img/cllc.svg); background-position: 50% 50%; background-size: cover; content: ''; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; } .lookbook-product__parameter-size { position: relative; } .lookbook-product__parameter-size .slick-arrow { width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 5; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .lookbook-product__parameter-size .slick-arrow svg { width: 16px; height: 16px; } .lookbook-product__parameter-size .slick-arrow::before { display: none; } .lookbook-product__parameter-size .slick-arrow.slick-prev { left: auto; right: 20px; } .lookbook-product__parameter-size .slick-arrow.slick-disabled { pointer-events: none; opacity: 0.3; } .lookbook-product__parameter-size .slick-arrow.slick-next { right: 0; } .lookbook-product__parameter-list.slick-slider { position: static; width: 100%; } .lookbook-inner__title, .lookbook-inner__products-title { display: none; visibility: hidden; } .lookbook-inner__back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: 16px; line-height: 22px; color: #333; margin-bottom: 50px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .lookbook-inner__back span { margin-left: 20px; display: block; } .lookbook-inner__item.lookbook-inner__item-left .lookbook-inner__products { right: auto; left: 0; } .lookbook-mobile, .lookbook-shadow { display: none; visibility: hiddens; } .basket__wrapper { padding: 36px 0 80px; } .basket__title, .catalog__title { margin-top: 0; margin-bottom: 40px; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.2em; text-transform: uppercase; color: #333; font-family: 'Noah'; } .basket__good { padding-bottom: 10px; border-bottom: 1px solid #808080; } .basket-good { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; gap: 50px; } .basket__goods>div:not(:last-child) { margin-bottom: 10px; } .basket-good__illustration, .order-goods__illustration { max-width: 100px; } .basket-good__image { display: block; } .basket-good__image img { display: block; width: 100%; } .basket-good__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-preferred-size: 50%; flex-basis: 50%; gap: 50px; } .basket-good__title h2 { margin-top: 0; margin-bottom: 10px; font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .basket-good__title:hover h2, .basket-good__title:focus h2 { color: #b25c2d; } .basket-good__subtitle { margin-top: 0; margin-bottom: 10px; font-weight: 300; font-size: 16px; line-height: 22px; text-transform: lowercase; color: #808080; } .basket-good__color { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .basket-good__color span { display: block; font-weight: 300; font-size: 14px; line-height: 20px; color: #333; } .basket-good__color .name { font-weight: 400; font-size: 16px; line-height: 22px; } .basket-good__info-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 50px; white-space: nowrap; } .basket-good__size p { text-align: center; margin-top: 0; margin-bottom: 10px; font-weight: 400; font-size: 16px; line-height: 22px; color: #333; } .basket-good__size span { display: block; text-align: center; font-weight: 300; font-size: 14px; line-height: 20px; color: #333; } .basket-good__counter { padding: 5px 16px; max-width: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(128, 128, 128, 0.5); border-radius: 5px; } .basket-good__clicker { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; } .basket-good__clicker svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .basket-good__clicker:hover svg path, .basket-good__clicker:focus svg path { fill: #b25c2d; } .counter__input { display: block; width: 100%; text-align: center; border-radius: 0; border: none; outline: none; color: #333; font-size: 16px; line-height: 22px; font-weight: 400; font-family: 'Winston'; padding: 0; } .counter__input::-webkit-outer-spin-button, .counter__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .basket-good__price { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .basket-good__price span { display: block; font-weight: 500; font-size: 22px; line-height: 30px; color: #333; } .basket-good__price .old { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #808080; font-size: 18px; line-height: 24px; } .basket-good__price .new { color: #FF7062; } .basket-good__delete svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .basket-good__delete:hover svg path, .basket-good__delete:focus svg path { fill: #b25c2d; } .basket__order { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 50px; } .basket-order__amount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-bottom: 27px; } .basket-order__amount p, .basket-order__amount span { font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; } .basket-order__amount p { margin: 0; } .basket-order__amount span { display: block; } .basket-order__promo label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; cursor: pointer; } .basket-order__promo span { display: block; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.1em; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-transform: uppercase; color: #333; white-space: nowrap; } .basket-order__input { height: 34px; padding: 5px 10px; font-family: 'Winston'; display: block; width: 100%; max-width: 250px; font-weight: 300; font-size: 18px; line-height: 24px; color: #333; outline: none; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(128, 128, 128, 0.2); border-radius: 5px; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .basket-order__left { width: 448px; } .basket-order__input:focus { border-color: #808080; } .basket-order__sum { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-bottom: 20px; } .basket-order__sum p { margin: 0; font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; } .basket-order__sum span { font-weight: 500; font-size: 22px; line-height: 30px; color: #333; } .basket-order__submit { display: block; width: 100%; max-width: 276px; padding: 9px; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #FFF; background-color: #b25c2d; text-align: center; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .basket-order__submit:hover, .basket-order__submit:focus { background-color: #b25c2d; } .basket-order__right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 45%; flex-basis: 45%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .lookbook-product__parameter-list .slick-list { width: 100%; } .lookbook-product__parameter-list .slick-track { margin: 0; } .basket__empty p { margin-top: 0; margin-bottom: 40px; font-weight: 400; font-size: 16px; line-height: 22px; color: #333; } .basket__empty a { display: block; width: 100%; max-width: 291px; padding: 9px; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #FFF; background-color: #b25c2d; text-align: center; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .basket__empty a:hover, .basket__empty a:focus { background-color: #b25c2d; } .not-found { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .not-found__wrapper { padding: 110px 0 80px; } .not-found__title { text-align: center; margin-top: 0; margin-bottom: 40px; font-weight: 500; font-size: 42px; line-height: 50px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; } .not-found__text { margin-top: 0; margin-bottom: 40px; font-weight: 400; font-size: 22px; line-height: 30px; letter-spacing: 0.1em; color: #333; text-align: center; } .not-found__link { display: block; margin: 0 auto; width: 100%; max-width: 334px; padding: 9px; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #FFF; background-color: #b25c2d; text-align: center; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .not-found__link:hover, .not-found__link:focus { background-color: #b25c2d; } .not-found .container { width: 100%; } .basket-order__promo .cart-promo__coupon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; gap: 5px; } .basket-order__promo .cart-promo__coupon span { font-size: 14px; line-height: 20px; text-transform: none; text-decoration: none; } .cart-promo__delete { margin-left: auto; color: #FF7062; font-size: 14px; line-height: 20px; text-transform: none; cursor: pointer; text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; -webkit-transition: -webkit-text-decoration-color .3s ease-in-out; transition: -webkit-text-decoration-color .3s ease-in-out; -o-transition: text-decoration-color .3s ease-in-out; transition: text-decoration-color .3s ease-in-out; transition: text-decoration-color .3s ease-in-out, -webkit-text-decoration-color .3s ease-in-out; } .cart-promo__delete:hover { -webkit-text-decoration-color: #FF7062; text-decoration-color: #FF7062; } .cart-promo__column { margin-top: 5px; } div.title-search-result { position: fixed !important; border: none !important; top: 112px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; z-index: 1100 !important; background-color: #fff; -webkit-box-shadow: 0px 0px 20px rgb(51 51 51 / 10%); box-shadow: 0px 0px 20px rgb(51 51 51 / 10%); } .caralog-filter__wrap .irs-handle { width: 10px; height: 10px; cursor: pointer; background-color: #5C5C5C; border-radius: 50%; background-image: none; top: -4px; } .caralog-filter__wrap .irs--round { height: 10px; margin-bottom: 6px; margin-top: 0; } .caralog-filter__wrap .irs-bar { top: 0; height: 2px; background-color: #5C5C5C; } .caralog-filter__wrap .irs-line { top: 0; height: 2px; background-color: #D9D9D9; } .radio { position: absolute; z-index: -1; opacity: 0; } .radio+.radio-label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; } .radio+.radio-label::before { cursor: pointer; content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border: 1.5px solid #5C5C5C; margin-right: 14px; background-repeat: no-repeat; background-position: center center; background-size: 8px; background-color: transparent; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .radio:checked+.radio-label::before { border-color: #b25c2d; background-image: url("/local/markup//css/../img/radio.svg"); } .radio:not(:disabled):not(:checked)+.radio-label:hover::before { border-color: #b25c2d; background-image: url("/local/markup//css/../img/radio.svg"); } .radio:not(:disabled):active+label::before { border-color: #b25c2d; background-image: url("/local/markup//css/../img/radio.svg"); } .radio:disabled+.radio-label { color: rgba(51, 51, 51, 0.3); } .radio:disabled+.radio-label::before { border-color: #D4D7DE; background-image: url("/local/markup//css/../img/radio-disabled.svg"); } .radio:disabled:active+label::before { border-color: #D4D7DE; background-image: url("/local/markup//css/../img/radio-disabled.svg"); } .radio:disabled+label, .radio:disabled+label::before { cursor: not-allowed; } #bx-panel { z-index: 99999 !important } .add-basket { background-color: #fff; position: fixed; width: 100%; max-width: 622px; top: 50%; left: 50%; z-index: -1; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; -o-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; } .add-basket.active { opacity: 1; visibility: visible; z-index: 1100; } .add-basket__wrapper { padding: 20px; } .add-basket__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; margin-bottom: 16px; } .add-basket__title .caption { margin: 0; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; } .add-basket__close svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .add-basket__close:hover svg path, .add-basket__close:focus svg path { fill: #b25c2d; } .add-basket__parameter:not(:last-child) { margin-bottom: 10px; } .add-basket__parameter-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 10px; } .add-basket__parameter-header p { margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #333; } .add-basket__parameter-header p.error { color: #FF7062; font-size: 10px; line-height: 14px; } .add-basket__parameter-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .add-basket__parameter-button { white-space: nowrap; text-align: center; min-width: 64px; font-weight: 400; font-size: 10px; line-height: 14px; color: #333; outline: none; background-color: #FFF; padding: 4px; border: 1px solid #D9D9D9; border-radius: 5px; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .add-basket__parameter-button:hover, .add-basket__parameter-button:focus, .add-basket__parameter-button-active { border-color: #808080; } .add-basket__parameter-amount { display: block; font-weight: 500; font-size: 10px; line-height: 14px; color: #808080; text-align: center; } .add-basket__parameters { margin-bottom: 16px; } .add-basket__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; gap: 10px; padding: 9px 60px; outline: none; background-color: #b25c2d; font-size: 16px; line-height: 22px; font-weight: 500; color: #fff; text-transform: uppercase; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .add-basket__button:hover, .add-basket__button:focus { background-color: #b25c2d; } .add-basket__button span { display: block; } .add-basket__parameter-item.error .add-basket__parameter-button { position: relative; color: rgba(51, 51, 51, 0.3); pointer-events: none; } .add-basket__parameter-item.error .add-basket__parameter-button::after { background-image: url(/local/markup//css/../img/cllc.svg); background-position: 50% 50%; background-size: cover; content: ''; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; } .overlay { cursor: pointer; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: -1; visibility: hidden; opacity: 0; background-color: #333; -webkit-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; -o-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; } .overlay.active { z-index: 1050; visibility: visible; opacity: 0.3; } .lookbook-popup { background-color: #fff; position: fixed; width: 100%; max-width: 600px; top: 50%; left: 50%; z-index: -1; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; -o-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; } .lookbook-popup.active { opacity: 1; visibility: visible; z-index: 1100; } .lookbook-popup__wrapper { background-color: #fff; max-height: 500px; max-width: 600px; width: 100%; overflow-x: auto; } .lookbook-popup__product { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 10px; gap: 10px; padding-right: 62px; position: relative; } .lookbook-popup__products-title { position: absolute; right: 0; top: -42px; } .lookbook-popup__products-title h2 { display: none; visibility: hidden; } .lookbook-popup__close { width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bx-soa-coupon, .bx-soa-editstep, #bx-soa-orderSave { display: none; visibility: hidden; } .ordering .container, .breadcrumbs .container { max-width: 1609px; padding: 0 20px; margin: 0 auto; width: auto; } .ordering .sale-order-ajax-wrapper { padding: 37px 0 40px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section.ordering__wrap { border: none !important; margin-bottom: 40px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section-title-container, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section-content { padding: 0 !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section-title:before { display: none !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-section-title { font-family: 'Winston'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; margin-bottom: 20px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-authform-label-container, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-customer-label, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-custom-label, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .form-group label { font-family: 'Winston'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 20px; color: #333; margin-bottom: 10px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-authform-input-container input, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-sls .dropdown-block, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-slst .dropdown-block, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap textarea.form-control, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap select, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .form-control { background: transparent !important; border: 1px solid rgba(128, 128, 128, 0.5) !important; border-radius: 5px; height: 34px; padding: 0 16px 0 41px; width: 100%; outline: none; -webkit-box-shadow: none; box-shadow: none; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-sls .bx-ui-sls-container, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-sls .bx-ui-sls-route, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-sls .bx-ui-sls-fake, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-sls .bx-ui-combobox-container, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-slst .bx-ui-sls-container, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-slst .bx-ui-sls-route, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-slst .bx-ui-sls-fake, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-slst .bx-ui-combobox-container { height: 34px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-sls .dropdown-fade2white, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-slst .dropdown-fade2white { background: transparent; } .ordering__wrap .bx-sls .bx-ui-sls-clear { margin-top: 0 !important; width: 16px; height: 16px; top: 50%; right: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('/local/templates/velocity/img/clear-icon.svg'); } .ordering .col-sm-9 { width: calc(100% - 608px) !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-sls .dropdown-fade2white, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-slst .dropdown-fade2white { height: 34px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-reference { margin-top: 10px; font-family: 'Winston'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; color: #333; } .ordering__wrap .form-group { margin-bottom: 10px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-properties .form-group { margin-bottom: 20px; position: relative; } #bx-soa-properties .bx-soa-customer { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: repeat(2, 1fr); gap: 0 40px; } #bx-soa-properties .form-group:last-child { -ms-grid-column-span: 2; grid-column: span 2; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap textarea.form-control { height: 68px !important; resize: none; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-section { border: none !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-section-title { font-family: 'Winston'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; margin-bottom: 20px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-paysystem-and-delivery { margin-top: -30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-graf-container { width: 16px; height: 16px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle { font-family: 'Winston'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-description, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-delivery-cost, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-parameters { padding-left: 33px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-graf-container:after { top: 2.5px; left: 2.5px; width: 8px; height: 8px; background-color: #b25c2d; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-graf-container { background: transparent; border: 1.5px solid #5C5C5C; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container { background-color: transparent !important; border-color: #b25c2d !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container { background-color: transparent !important; border-color: #b25c2d !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container::after { opacity: 1; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-description { font-family: 'Winston'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; color: #333; padding-top: 3px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company { margin-top: 23px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-delivery-cost { display: block; font-family: 'Winston'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; color: #333; margin-top: 3px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-delivery-cost span { padding: 0; background-color: transparent; border-radius: 0; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-parameters .bx-soa-pp-list .bx-soa-pp-list-termin, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-parameters .bx-soa-pp-list .bx-soa-pp-list-description { font-family: 'Winston'; font-size: 12px; line-height: 16px; color: #333; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-parameters .bx-soa-pp-list .bx-soa-pp-list-termin { font-weight: 300; margin-bottom: 5px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-parameters .bx-soa-pp-list .bx-soa-pp-list-description { font-weight: 400; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-parameters .bx-soa-pp-list { padding: 10px 0 0; margin-bottom: 7px; } .order-delpay .SDEK_selectPVZ.btn { display: block; background-color: transparent; border: none; padding: 10px 0 0 33px; border-radius: 0; font-family: 'Winston'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 16px; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-transform: uppercase; color: #333; text-align: left; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-delivery-and-paysystem-item { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-goods.bx-soa-section { border: none !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-goods .bx-soa-section-title { font-family: 'Winston'; font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; margin-bottom: 20px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info.bx-soa-sidebar { margin-left: 85px; width: 508px; padding: 0; } .order-goods__item .basket-good { gap: 16px; } .order-goods__item .basket-good__info { -ms-flex-preferred-size: 66.3%; flex-basis: 66.3%; gap: 48.5px; } .order-goods__item .basket-good__info-right { gap: 30px; } .order-goods__item:not(:last-child) { margin-bottom: 10px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info.bx-soa-cart-total { border: none; padding: 0; } .ordering-info__title { font-family: 'Winston'; font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; margin-top: 0; margin-bottom: 16px; } .ordering__title { font-family: 'Noah'; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.2em; text-transform: uppercase; color: #333; margin-bottom: 40px; margin-top: 0; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total-line { gap: 20px; padding: 0; font-family: 'Winston'; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.1em; color: #333; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total-line span { display: block; width: auto; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-d { font-family: 'Winston'; font-weight: 400; font-size: 16px; line-height: 22px; color: #333; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total-line { margin-bottom: 12px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info.bx-soa-cart-total .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted { background: transparent; border-radius: 0; padding: 0; margin: 0; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total .bx-soa-cart-total-line-total { margin-top: 12px; padding-top: 13px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t { font-family: 'Winston'; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { font-family: 'Winston'; font-style: normal; font-weight: 500; font-size: 20px !important; line-height: 1; color: #333; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total-button-container { padding-top: 12px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-button.bx-soa-button-colored { background-color: #b25c2d !important; border-color: #b25c2d !important; color: #fff; font-family: 'Winston'; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; border-radius: 0; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-button.bx-soa-button-md { padding: 8px 12px; } .ordering__policy { font-family: 'Winston'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 20px; color: #333; margin-top: 12px; } .ordering__policy a { text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .order-delpay .sdek_pvzAddr { display: block; position: relative; font-family: 'Winston'; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; margin-left: 33px; margin-top: -3px; padding-left: 27px; } .order-delpay .sdek_pvzAddr::before { content: url('/local/templates/velocity/img/CheckBoxFilled.svg'); top: 50%; left: 0; width: 18px; height: 18px; position: absolute; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-sls .dropdown-icon, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-slst .dropdown-icon { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .ordering__wrap .bx-sls .dropdown-icon { background-image: url('/local/templates/velocity/img/order-search.svg'); background-repeat: no-repeat; background-position: 50%; background-size: 16px; width: 16px; height: 16px; left: 15px; } .ordering__wrap .bx-sls .bx-ui-sls-fake, .ordering__wrap .bx-sls .bx-ui-sls-route { font-family: 'Winston'; font-weight: 400; font-size: 14px; line-height: 20px; color: #333; top: -2px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap#bx-soa-properties .form-control { padding-left: 10px; padding-right: 10px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-properties .alert.alert-danger, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-properties .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx_soa_location .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-region .alert.alert-danger { display: none; visibility: hidden; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-properties .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx_soa_location .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner { background: transparent; font-family: 'Winston'; font-weight: 400; font-size: 12px; line-height: 16px; color: #FF7062; max-width: none; border-radius: 0; padding: 0; text-align: right; margin-left: auto; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-properties .bx-soa-tooltip.bx-soa-tooltip-static, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx_soa_location .bx-soa-tooltip.bx-soa-tooltip-static { position: absolute; top: 0; right: 0; padding: 0; margin: 0; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-button.bx-soa-button-colored:hover, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-button.bx-soa-button-colored:focus, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-orderSave .bx-soa-button.bx-soa-button-colored:hover, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-orderSave .bx-soa-button.bx-soa-button-colored:focus { background-color: #b25c2d !important; border-color: #b25c2d !important; } .about__wrapper { padding: 35px 0 40px; } .about__title, .about__info h2, .about-history__title { margin-top: 0; font-family: 'Noah'; font-weight: 500; font-size: 22px; line-height: 30px; color: #333; } .about__title { margin-bottom: 40px; letter-spacing: 0.2em; text-transform: uppercase; } .about__info h2 { margin-bottom: 20px; letter-spacing: 0.05em; } .about-info__text p { margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #333; } .about-info__text p b { font-weight: 500; } .about-info__text p:not(:last-child) { margin-bottom: 20px; } .about__info { margin-bottom: 40px; } .about-history__title { margin-top: 0; margin-bottom: 37px; letter-spacing: 0.05em; } .about-history__item:not(:last-child) { margin-bottom: 40px; } .about-history__info { position: relative; margin-bottom: 38px; } .about-history__info::before { content: ''; position: absolute; width: 1px; height: 100%; background-color: #808080; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .about-history__info::after { content: url('/local/markup//css/../img/abour-arrow.svg'); position: absolute; width: 6px; height: 16px; top: -17px; left: calc(50% - 10px); -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); } .about-history__item { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 80px 1fr; grid-template-columns: repeat(2, 1fr); gap: 80px; position: relative; } .about-history__item:nth-child(7)~.about-history__item { display: none; } .about-history__item:nth-child(7)~.about-history__item.active { display: -ms-grid; display: grid; } .about-history__item::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; background-color: #b25c2d; border-radius: 50%; } .about-history__date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-family: 'Noah'; font-weight: 300; font-size: 42px; line-height: 50px; color: #b25c2d; } .about-history__text { margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #333; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .about-history__date+.about-history__text { text-align: left; } .about-history__text+.about-history__date { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .about-history__link { display: block; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-style: italic; font-weight: 500; font-size: 16px; line-height: 22px; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .about-history__link:hover, .about-history__link:focus { color: #b25c2d; } .about-articles__wrapper { padding: 40px 0; } .about-articles__title { margin-top: 0; margin-bottom: 40px; font-family: 'Noah'; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.2em; text-transform: uppercase; color: #333; } .about-articles__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(4, 1fr); gap: 40px; } .tabs__content { display: none; } .tabs__content.active { display: block; } .table-popup { background-color: #fff; padding: 35px 35px 19px; position: fixed; min-width: 800px; max-width: calc(100% - 40px); max-height: calc(100% - 60px); overflow: auto; top: 50%; left: 50%; z-index: -1; opacity: 0; visibility: hidden; z-index: 1100; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; -o-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; } .table-popup.active { opacity: 1; visibility: visible; z-index: 1100; } .table-popup__close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; position: absolute; top: 35px; right: 35px; } .table-popup__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-bottom: 50px; } .table-popup__button { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 20px; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(51, 51, 51, 0.5); -webkit-transition: color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out; transition: color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out; -o-transition: color .3s ease-in-out, box-shadow .3s ease-in-out; transition: color .3s ease-in-out, box-shadow .3s ease-in-out; transition: color .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out; } .table-popup__button.active { color: #333; -webkit-box-shadow: 2px 2px 10px rgba(51, 51, 51, 0.4); box-shadow: 2px 2px 10px rgba(51, 51, 51, 0.4); } .table-popup__content table { border-collapse: collapse; border: none; } .table-popup__content table td { border: none; border-top: 1px solid rgba(77, 77, 77, 0.8); padding: 16px 15px; font-family: 'Winston'; font-weight: 300; font-size: 18px; line-height: 24px; text-align: center; color: #333; min-height: 56px; min-width: 170px; } .table-popup__content table td b { font-weight: 500; } .table-popup__content { width: 100%; overflow: auto; } .table-popup__content h3, .table-popup__content h2 { margin: 16px 0; font-weight: 500; font-size: 16px; line-height: 22px; color: #333; } .about-form { margin: 40px 0 80px; background-color: #F9F9F9; padding: 20px; } .about-form__wrapper, .about-form__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .about-form__title { margin: 0; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.05em; color: #333; } .about-form__text, .about-form__success { margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #333; } .about-form__form { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-form__input { width: 350px; min-height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; background-color: #FFF; border: 1px solid rgba(128, 128, 128, 0.5); border-radius: 5px; padding: 5px 16px; } .about-form__input-hide { display: none; visibility: hidden; } .about-form__input-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 20px; } .about-form__input-name { display: block; color: #333; font-weight: 300; font-size: 12px; line-height: 16px; } .remove-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; width: 16px; height: 16px; cursor: pointer; } .about-form__file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 26px; margin-left: 14px; } .about-form__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; } .about-form__submit { display: block; padding: 9px 60px; background-color: #b25c2d; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .about-form__submit:hover, .about-form__submit:focus { background-color: #ae4b15; } .simplebar-content-wrapper { overflow: auto; } .simplebar-scrollbar::before { background-color: #bbb; width: 4px; border-radius: 5px; opacity: 1; } .footer { background-color: #fff; -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); } .footer__wrapper { padding: 30px 0; } .footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 50px; padding-bottom: 30px; border-bottom: 1px solid rgba(128, 128, 128, 0.5); ; } .footer__logo { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 26px; } .footer__nav { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 50px; } .footer__nav-item:not(:last-child) { margin-bottom: 20px; } .footer__nav-item a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; outline: none; font-family: 'Winston'; font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: 0.05em; color: #333; text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-transition: text-decoration-color .3s ease-in-out; -o-transition: text-decoration-color .3s ease-in-out; -webkit-transition: -webkit-text-decoration-color .3s ease-in-out; transition: -webkit-text-decoration-color .3s ease-in-out; transition: text-decoration-color .3s ease-in-out; transition: text-decoration-color .3s ease-in-out, -webkit-text-decoration-color .3s ease-in-out; } .footer__nav-item a:hover, .footer__nav-item a:focus { text-decoration-color: #333; } .footer__form { margin-left: auto; width: 43.978%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } .footer__form-info .caption { margin-top: 0; margin-bottom: 10px; font-family: 'Winston'; font-weight: 500; font-size: 22px; line-height: 30px; letter-spacing: 0.05em; color: #333; } .footer__form-info p { margin: 0; font-family: 'Winston'; font-weight: 400; font-size: 18px; line-height: 24px; color: #333; } .footer-form__item:not(:last-child) { margin-bottom: 10px; } .footer-form__input { outline: none; display: block; width: 100%; font-family: 'Winston'; font-weight: 300; font-size: 12px; line-height: 16px; color: #333; padding: 8px 16px; background-color: #FFF; border: 1px solid rgba(128, 128, 128, 0.5); border-radius: 5px; } .footer-form__input::-webkit-input-placeholder { color: #333; } .footer-form__input::-moz-placeholder { color: #333; } .footer-form__input:-moz-placeholder { color: #333; } .footer-form__input:-ms-input-placeholder { color: #333; } .footer-form__submit { border: none; outline: none; margin-bottom: 10px; display: block; width: 100%; padding: 9px; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #FFF; background-color: #b25c2d; text-align: center; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .footer-form__submit:hover, .footer-form__submit:focus { background-color: #ae4b15; } .footer-form__text { margin: 0; font-family: 'Winston'; font-weight: 300; font-size: 14px; line-height: 20px; color: #333; } .footer-form__text a { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .footer-form__text a:hover, .footer-form__text a:focus { color: #b25c2d; } .footer__form-info { width: 46.377%; } .footer-form { width: 50.725%; } .footer__socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 20px; } .footer__socials a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; } .footer__socials a svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; fill: #b25c2d; } .footer__socials a:hover svg:not(.icon-dzen) path, .footer__socials a:focus svg:not(.icon-dzen) path { fill: #b2511c; } .footer__socials a .icon-dzen path:nth-child(2) { fill: #fff; } .footer__socials a .icon-dzen path:first-child { fill: #b2511c; } .footer__bottom { padding-top: 30px; } .footer__links { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px 0; margin-bottom: 30px; } .footer__links a { display: block; font-family: 'Winston'; font-weight: 400; font-size: 14px; line-height: 24px; color: #333; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; -webkit-transition: text-decoration-color .3s ease-in-out; -o-transition: text-decoration-color .3s ease-in-out; -webkit-transition: -webkit-text-decoration-color .3s ease-in-out; transition: -webkit-text-decoration-color .3s ease-in-out; transition: text-decoration-color .3s ease-in-out; transition: text-decoration-color .3s ease-in-out, -webkit-text-decoration-color .3s ease-in-out; } .footer__links a:hover, .footer__links a:focus { -webkit-text-decoration-color: #333; text-decoration-color: #333; } .footer__copy { margin: 0; font-family: 'Winston'; font-weight: 400; font-size: 18px; line-height: 24px; color: #333; } .footer__info { width: 47%; } .success { position: fixed; top: 0; left: 0; width: 100%; background-color: #b25c2d; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out, z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .success.active { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 9999; opacity: 1; visibility: visible; } .success__wrapper { padding: 15px 0; } .success__close { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; } .success__text { margin: 0; text-align: center; font-family: 'Winston'; font-weight: 500; font-size: 22px; line-height: 30px; color: #FFF; } .more-catigories__nav { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 10px; } .c-js-loader.wrapper { position: fixed; z-index: 99999; width: 100%; height: 100vh; background-color: #fff; background-image: url(/local/markup//css/../img/loader.gif); background-repeat: no-repeat; background-position: 50%; background-size: auto; } .c-js-loader.btn-close { display: none; position: absolute; right: 0; top: 0; z-index: 2; height: 100%; width: 100%; cursor: pointer; background: none; border: none; } .c-js-loader.wrapper { display: none; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999; } #status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(/local/markup//css/../img/loader.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; } .cookie { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99995; background-color: #fff; -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); } .cookie.hide { display: none; visibility: hidden; } .cookie__wrapper { max-width: 1608px; padding: 10px 20px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 100px; } .cookie__text { margin: 0; font-weight: 300; font-size: 14px; line-height: 20px; color: #333; } .cookie__button { width: 200px; min-width: 200px; padding: 9px; background-color: #b25c2d; font-size: 16px; line-height: 22px; font-weight: 500; text-transform: uppercase; color: #fff; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .cookie__button:hover, .cookie__button:focus { background-color: #b25c2d; } .content.p-90.mb-140 .content__inner { max-width: 1609px; padding: 0 20px; margin: 0 auto; } .sitemap { margin: 110px 0 60px; list-style-type: none; } .sitemap li, .sitemap .bx_sitemap>ul li a, .sitemap .bx_sitemap>ul li>ul li { font-weight: 400; font-size: 18px; line-height: 24px; color: #333; position: relative; padding-left: 0; } .sitemap li:not(:last-child), .sitemap .bx_sitemap>ul li:not(:last-child), .sitemap .bx_sitemap>ul li>ul li:not(:last-child) { margin-bottom: 20px; } .sitemap li::before, .sitemap .bx_sitemap>ul li::before, .sitemap .bx_sitemap>ul li>ul li:before { content: ''; position: absolute; top: 8px; left: -19px; width: 8px; height: 8px; border-radius: 50%; background-color: #b25c2d; } .sitemap .bx_sitemap>ul li h2 { margin: 0; } .sitemap .bx_sitemap>ul li, .sitemap .bx_sitemap>ul li>ul { margin: 0; list-style-type: none; } .sitemap .bx_sitemap>ul li, .sitemap .bx_sitemap>ul li>ul { margin-top: 20px; } .sitemap a { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .sitemap a:hover, .sitemap a:focus { color: #b25c2d !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-pp-item-container .bx-soa-pp-company-graf-container:after { top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; ; } .page-lookbook-inner .breadcrumbs { display: none; visibility: hidden; } .header__info { padding: 5px 0; background-color: #b25c2d; } .header__info p { margin: 0; font-size: 16px; line-height: 22px; color: #fff; text-transform: uppercase; text-align: center; } .order-page .container { width: auto; } .more-catigories__slider .simplebar-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; padding-bottom: 34px !important; } .more-catigories__slider .simplebar-content::before, .more-catigories__slider .simplebar-content::after { display: none; } .more-catigories__slider .simplebar-scrollbar::before { display: none; } .more-catigories__slider .simplebar-track.simplebar-horizontal .simplebar-scrollbar { background-color: #bbb; border-radius: 5px; } .more-catigories__slider .simplebar-track.simplebar-horizontal { height: 4px; background-color: #E7EAEC; border-radius: 5px; } .modal-base .modal__content, #modal-banner .modal__content { padding: 0; margin: 0; position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; } .modal-base .modal__container, #modal-banner .modal__container { max-width: 620px; width: 100%; padding: 10px; height: 470px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .micromodal-slide.is-open { z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .modal-base .modal__close svg path, #modal-banner .modal__close svg path { fill: #fff !important; } .modal-base .modal__close svg, #modal-banner .modal__close svg { pointer-events: none; } .modal-base .modal__close, #modal-banner .modal__close { position: absolute; right: 20px; top: 20px; z-index: 5; } #modal-banner .modal-banner__percent { font-weight: 600; font-size: 84px; line-height: 90px; text-transform: uppercase; color: #fff; display: block; text-align: center; margin-bottom: 30px; } #modal-banner p { margin: 0; font-weight: 500; font-size: 36px; line-height: 46px; color: #fff; display: block; text-align: center; } .modal-base .pictures::before, #modal-banner .pictures::before { content: ''; position: absolute; left: 0; top: 0; background: rgba(51, 51, 51, 0.5); width: 100%; height: 100%; pointer-events: none; } .modal-base .modal__container { height: auto; } .modal-base .modal__content { padding: 75px 0; } .modal-base .pictures .picture:only-child { width: 100%; } .modal-base .pictures, #modal-banner .pictures { width: 100%; position: absolute; left: 0; top: 0; height: 100%; display: flex; justify-content: space-between; z-index: -1; overflow: hidden; } .modal-base .modal-banner__btn:hover, #modal-banner .modal-banner__btn:hover { background-color: #b25c2d; } .modal-base .modal-banner__btn, #modal-banner .modal-banner__btn { border: none; outline: none; display: block; width: 100%; padding: 9px; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #FFF; background-color: #b25c2d; text-align: center; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; max-width: 291px; margin-left: auto; margin-right: auto; margin-top: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .modal-base .picture, #modal-banner .picture { width: 50%; height: 100%; } .modal-base .modal-banner__percent { font-weight: 600; font-size: 50px; line-height: 60px; text-transform: uppercase; color: #fff; display: block; text-align: center; margin-bottom: 0; } .modal-base p { margin: 0; font-weight: 500; font-size: 30px; line-height: 40px; color: #fff; display: block; text-align: center; } .modal-base .btn { margin-top: 10px; } .main-look {} .main-look .lookbook-inner__list { grid-template-columns: repeat(3, 1fr); } .main-look .lookbook-inner__item {} .main-look .lookbook-inner__item:first-child .lookbook-inner__products { right: auto; left: 0; } .main-look .lookbook-inner { position: relative; } .main-look .lookbook-inner__wrapper { padding: 0; } .header__nav-item>[href='/promo/']::before { background-color: #FF7062; } .header__nav-item>[href='/promo/'] { color: #FF7062; } .suggestions-suggestions { max-height: 250px; overflow: auto; } .article-section { padding: 36px 0; } .article-title {} .article-title__desc { color: rgba(51, 51, 51, 0.80); font-size: 18px; font-weight: 500; line-height: 24px; display: block; } .article-title__caption { color: #333; font-size: 36px; font-weight: 500; line-height: 46px; letter-spacing: 1.8px; text-transform: uppercase; display: block; margin: 10px 0; font-family: 'Noah'; } .article-title__date { color: #808080; font-size: 18px; font-weight: 300; line-height: 24px; display: block; } .article-picture .picture img { width: 100%; height: 100%; } .article-picture .picture { width: 100%; height: 860px; } .article-picture { margin: 40px 0; width: 100%; } .article-content { color: #333; font-size: 18px; font-weight: 400; line-height: 24px; } .article-content h2 { color: #333; font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 1.1px; text-transform: uppercase; margin: 0; display: block; } .article-content p+p { margin-top: 20px; } .article-content p { margin: 0; } .article-content ul, .article-content ol { margin: 0; padding: 0; } .article-content ul {} .article-content ol { margin: 0; padding: 0; padding-left: 27px; } .article-content ul+h2, .article-content ol+h2 { margin-top: 40px; } .article-content ol li>.article-media { left: -27px; width: calc(100% + 27px); } .article-content .container>.article-media:last-child { margin-bottom: 0; } .article-content ol li>ul { margin-top: 20px; list-style-type: disc; } .article-content ol li+li { margin-top: 20px; } .article-media .picture img { width: 100%; height: 100%; object-fit: cover; } .article-media .picture a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 5; } .article-media .picture { width: 100%; height: 1000px; position: relative; } .article-media { position: relative; margin: 40px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 16px; flex-wrap: wrap; justify-content: space-between; } .article-media--four .picture:first-child { grid-column: 1/4; height: 700px; } .article-media--four .picture { height: 660px; } .article-media--four { grid-template-columns: repeat(3, 1fr); } .article-media--three .picture:first-child { grid-column: 1/3; height: 700px; } .article-media--three { grid-template-columns: repeat(2, 1fr); } .article-content h2+* { margin-top: 30px; } .article-bottom { padding: 40px 0 45px; } .article-list {} .article-item p { margin: 20px 0 10px; } .article-item { color: #333; font-size: 18px; font-weight: 400; line-height: 24px; } .article-item .picture img { width: 100%; height: 100%; object-fit: cover; } .article-item .picture { display: block; width: 100%; height: 400px; margin-bottom: 18px; } .article-item__desc { color: rgba(51, 51, 51, 0.80); font-size: 16px; font-weight: 500; line-height: 22px; display: block; } .article-item__link:hover { text-decoration-color: #333; } .article-item__link { color: #333; font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 1.1px; display: block; margin-top: 10px; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; text-decoration-skip-ink: none; } .article-item__date { color: #808080; font-size: 16px; font-weight: 300; line-height: 22px; margin-top: 10px; display: block; } .article-item__linkMore:hover { text-decoration-color: transparent; } .article-item__linkMore { color: #333; font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: 0.9px; text-decoration: underline; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; text-decoration-skip-ink: none; } .article-controls .button-controls:hover { text-decoration-color: transparent; } .article-controls .button-controls svg { width: 24px; height: 24px; } .article-controls .button-controls svg path { fill: #6F6F6F; } .article-controls .button-controls::after { display: none; } .article-controls .button-controls.button-back { display: none; } .article-controls .button-controls { width: auto; height: auto; position: relative; left: 0; top: 0; margin: 0; color: #333; font-size: 16px; font-weight: 400; line-height: 22px; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; display: flex; align-items: center; gap: 10px; text-decoration: underline; text-decoration-skip-ink: none; opacity: 1; } .article-controls { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; } .article-content .article-controls { padding: 0; } .title-page {} .title-page h1 { font-size: 30px; line-height: 35px; letter-spacing: 0.05em; color: #333; } .textSimple-section { padding: 50px 0; } .textSimple-section a:hover { text-decoration-color: transparent; } .textSimple-section a { text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 2px; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .text-simple { margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #333; overflow: hidden; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; } .text-simple p+p { margin-top: 20px; } .text-simple__btn:hover { text-decoration-color: transparent; } .text-simple__btn { font-style: italic; font-weight: 500; font-size: 16px; line-height: 22px; color: #333; display: table; margin: 20px auto 0; text-decoration: underline; text-decoration-skip-ink: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .back, .back span { margin-left: 5px; } .feedback-section .desc { color: #333; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 1.8px; display: block; margin-top: 42px; } .feedback-section .caption { color: #333; font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 0.15em; text-transform: uppercase; margin: 0; } .feedback-section { padding: 36px 0; } .feedback-section__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } .feedback-left { max-width: 1000px; width: calc(100% - 568px); padding-right: 40px; } .feedback-form { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; } .feedback-input:nth-child(3) { width: 100%; margin-top: 20px; } .feedback-input { width: calc(50% - 20px); } .feedback-input textarea { resize: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); height: 102px; width: 100%; padding: 10px 15px; } .feedback-input input { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); height: 34px; width: 100%; padding: 0 15px; } .feedback-input label { color: #333; font-size: 14px; font-weight: 300; line-height: 20px; display: block; margin-bottom: 9px; } .feedback-input label .imp { color: #FF7062; } .feedback-controls .btn:hover { background-color: #b25c2d; } .feedback-controls .btn { cursor: pointer; color: #FFF; font-size: 16px; font-weight: 500; line-height: 22px; text-transform: uppercase; background-color: #b25c2d; padding: 9px; width: 100%; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .feedback-controls a:hover { text-decoration-color: transparent; } .feedback-controls a { text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 2px; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .feedback-controls p { margin: 0; margin-top: 10px; } .feedback-controls { margin-top: 17px; color: #333; font-size: 14px; font-weight: 300; line-height: 20px; max-width: 460px; } .feedback-right { width: 568px; display: flex; justify-content: space-between; align-items: flex-start; } .feedback-right .picture { width: 274px; height: 370px; } .feedback-questions { width: 100%; display: flex; gap: 20px; align-items: center; justify-content: center; margin-top: 144px; } .feedback-questions__text { color: #333; font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 1.1px; } .feedback-questions__link svg path { fill: #333; } .feedback-questions__link { display: flex; align-items: center; gap: 5px; color: #333; font-size: 22px; font-weight: 400; line-height: 30px; letter-spacing: 1.1px; } .btn-simple:hover { background-color: #b25c2d; } .reviews-section { padding: 35px 0; } .reviews-section .caption { color: #333; font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 0.15em; text-transform: uppercase; margin: 0; } .reviews-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; } .reviews-item { background: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.10); -moz-box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.10); box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.10); padding: 20px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; } .reviews-date { color: rgba(51, 51, 51, 0.80); font-size: 14px; font-weight: 300; line-height: 20px; display: block; } .reviews-name { color: #333; font-size: 16px; font-weight: 500; line-height: 22px; letter-spacing: 1.6px; text-transform: uppercase; display: block; margin-top: 16px; } .reviews-buy { color: rgba(51, 51, 51, 0.80); font-size: 14px; font-weight: 300; line-height: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 16px; } .reviews-buy__product:hover { text-decoration-color: transparent; } .reviews-buy__product { text-decoration: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-decoration-skip-ink: none; } .reviews-buy__products { list-style-type: none; display: flex; align-items: center; flex-wrap: wrap; color: #333; padding: 0; margin: 0; gap: 10px; } .reviews-text p { margin: 0; } .reviews-text::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: linear-gradient(360deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); opacity: 0; pointer-events: none; } .reviews-text { position: relative; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 20px; height: 80px; overflow: hidden; } .reviews-text+* { margin-top: 20px } .reviews-more:hover { text-decoration-color: transparent; } .reviews-more { color: #333; font-size: 12px; font-weight: 400; line-height: 16px; text-decoration: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-top: 20px; } .reviews-controls { margin-top: 50px; display: flex; position: relative; } .reviews-item.hidd .reviews-text::before { opacity: 1; } .reviews-item.hidd .reviews-more { opacity: 1; display: inline-block; pointer-events: all; } .send-feedback__form .feedback-input+.feedback-input { margin-top: 20px; } .send-feedback__form .feedback-controls .btn { max-width: 281px; } .send-feedback__form .feedback-controls p { margin: 0; } .send-feedback__form .feedback-controls { display: flex; align-items: flex-start; gap: 10px; width: 100%; max-width: 100%; } .send-feedback__form .feedback-input { width: 100%; } .send-feedback__form .desc { color: #333; font-size: 12px; font-weight: 300; line-height: 16px; display: block; margin-bottom: 10px; } .send-feedback__form textarea { width: 100%; } .send-feedback__form { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; } .send-feedback__right textarea { height: 160px; } .send-feedback__left textarea { height: 69px; } .loadFile label:hover { text-decoration-color: transparent; } .loadFile-text { color: #333; font-size: 12px; font-weight: 300; line-height: 16px; } .loadFile label { color: #333; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } .loadFile input { display: none; } .loadFile { display: flex; align-items: center; gap: 10px; margin-top: 20px; } .send-feedback .caption { color: #333; font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 0.15em; text-transform: uppercase; margin: 0; } .send-feedback { padding: 55px 0 40px; } .send-feedback .feedback-questions { margin-top: 78px; } #modal-review-more .modal__close { position: absolute; right: 20px; top: 20px; } #modal-review-more .modal__content { padding: 0; margin: 0; } #modal-review-more .modal__container { max-width: 622px; padding: 20px; background-color: #fff; } #modal-review-more {} #modal-review-more .reviews-item { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; } #modal-review-more .reviews-text__map {} .reviews-text__map a { text-decoration: underline; } .reviews-text__map { color: rgba(51, 51, 51, 0.80); font-size: 14px; font-weight: 400; line-height: 20px; } #modal-review-more .reviews-text::before { display: none; } #modal-review-more .reviews-text { max-height: inherit; height: inherit; } #modal-review-success .modal__close { position: absolute; right: 20px; top: 20px; } #modal-review-success .modal__content { padding: 0; margin: 0; } #modal-review-success .modal__container { max-width: 622px; width: 100%; padding: 20px; } .modal { font-family: 'Winston'; } .modal-review-succes { text-align: center; } .modal-review-succes__caption { text-align: left; color: #333; font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 2.2px; margin: 0; text-transform: uppercase; } .modal-review-succes__text { margin-top: 16px; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; display: block; text-align: center; } .modal-review-succes__link:hover { background-color: #b25c2d; } .modal-review-succes__link { margin-top: 16px; display: inline-block; font-weight: 500; font-size: 16px; line-height: 22px; padding: 9px; min-width: 334px; background-color: #b25c2d; text-transform: uppercase; color: #fff; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .btn-simple { border: none; outline: none; display: block; width: 100%; padding: 9px; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #fff; background-color: #b25c2d; text-align: center; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .modal-auth .link:hover { text-decoration-color: transparent; } .modal-auth .link { color: rgba(51, 51, 51, 0.90); font-size: 16px; font-weight: 500; line-height: 22px; text-decoration: underline; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; text-decoration-skip-ink: none; } .modal-auth p, .modal-auth .caption { margin: 0; } .modal-auth .caption { color: #333; font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 2.2px; text-transform: uppercase; max-width: 348px; } .modal-auth .modal__content { margin: 0; padding: 35px; width: 100%; position: relative; } .modal-auth .modal__container { padding: 0; max-width: 470px; width: 100%; position: relative; } .modal-auth .modal__close { position: absolute; right: 35px; top: 36px; z-index: 5; } .modal-auth { font-family: "Winston"; } .modal__close svg { pointer-events: none; width: 28px; height: 28px; } .modal-login .input-item input { padding: 0 20px; border: 0; outline: none; flex: 1; border-left: solid 1px #808080; font-size: 14px; font-weight: 300; line-height: 20px; width: 100%; } .modal-login .input-item { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); height: 34px; width: 100%; padding: 7px 10px; display: flex; align-items: center; } .modal-login { display: flex; flex-direction: column; gap: 20px; } .modal-login.error .input-item { border-color: red; } .modal-login__bottom.reload .modal-login__text { display: none; } .modal-login__bottom.reload .btn-reload { display: block; } .modal-login__bottom { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 5px; } .change__code svg { margin: 0 10px; } .change__code { cursor: pointer; display: flex; align-items: center; color: #333; font-size: 14px; font-weight: 300; line-height: 20px; position: relative; } .invis__code li+li { margin-top: 5px; } .invis__code ul li:hover { color: #b25c2d; } .invis__code ul { list-style-type: none; margin: 0; padding: 0; color: #333; font-size: 14px; font-weight: 300; line-height: 20px; } .change__code.open svg { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .invis__code { position: absolute; left: -10px; top: calc(100% + 6px); width: 64px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.10); padding: 10px; display: none; } .micromodal-slide .modal__container { will-change: inherit; } .login-phone__step1 { position: relative; display: flex; flex-wrap: wrap; flex-direction: column; gap: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 1; } .login-phone__step2.show { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; pointer-events: all; } .login-phone__step2 { position: relative; display: flex; flex-wrap: wrap; flex-direction: column; gap: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; opacity: 0; } .login-phone__step1.hide { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); pointer-events: none; opacity: 0; } .login-phone__step1.show { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); pointer-events: all; opacity: 1; } .login-phone__steps { position: relative; overflow: hidden; color: rgba(51, 51, 51, 0.90); font-size: 16px; font-weight: 500; line-height: 22px; } .login-phone__step2 .input-item input { border: 0; padding: 0; } .text-sending { max-width: 331px; display: block; width: 100%; } .text-sending__phone {} .btn-reload { display: none; } #modal-login-password .input-item input, #modal-login-email .input-item input { padding: 0; border: 0; } .input-item { position: relative; } .input-cabinet .icon-eye.visible svg, .input-item .icon-eye.visible svg { fill: #FF7062; } .input-cabinet .icon-eye svg, .input-item .icon-eye svg { fill: #808080; } .input-cabinet .icon-eye, .input-item .icon-eye { position: absolute; bottom: 5px; right: 10px; cursor: pointer; width: 24px; height: 24px; } .section-cabinet { padding: 35px 0; } .section-cabinet__caption { color: #333; font-size: 22px; font-weight: 500; line-height: 30px; text-transform: uppercase; display: block; padding: 0; margin: 0; letter-spacing: 4.4px; } .menu-cabinet { list-style-type: none; display: inline-flex; margin: 0; padding: 0; gap: 30px; position: relative; margin-top: 42px; } .menu-cabinet li a:hover {} .menu-cabinet::before { content: ""; position: absolute; left: 0; top: calc(100% + 9px); background-color: #E7EAEC; width: 100%; height: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .menu-cabinet li a.active { color: rgba(102, 129, 158, 1); } .menu-cabinet li a::before { content: ""; position: absolute; left: 0; top: calc(100% + 9px); background-color: rgba(102, 129, 158, 1); width: 0; height: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .menu-cabinet li a.active::before { width: 100%; } .menu-cabinet li a:hover { color: rgba(102, 129, 158, 1); } .menu-cabinet li a { color: rgba(51, 51, 51, 0.50); font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: 1.8px; text-transform: uppercase; position: relative; display: inline-flex; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .menu-cabinet li+li {} .menu-cabinet li {} .block-cabinet__head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .section-cabinet__content { margin-top: 50px; } .cabitet-title { color: #333; font-size: 16px; font-weight: 500; line-height: 22px; letter-spacing: 1.6px; text-transform: uppercase; padding: 0; margin: 0; } .cabinet-style { background: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.10); -moz-box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.10); box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.10); padding: 20px; } .card-info li { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } .card-info { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; list-style-type: none; margin: 0; padding: 0; font-size: 14px; font-weight: 400; line-height: 20px; } .card-info__title { color: rgba(51, 51, 51, 0.80); font-weight: 300; } .card-info__data { color: #333; } .block-cabinet {} .block-cabinet+.block-cabinet { margin-top: 40px; } .block-cabinet__head {} .block-cabinet__body { margin-top: 20px; } .personal-data { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .personal-data__col { width: calc(50% - 20px); } .personal-data__row::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-image: url(/local/markup//css/../img/cab-lines.svg); } .personal-data__row { position: relative; display: flex; justify-content: space-between; align-items: center; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; } .personal-data__row+.personal-data__row { margin-top: 16px; } .personal-title { padding-right: 10px; } .personal-value { padding-left: 10px; } .personal-link, .personal-value, .personal-title { background-color: #fff; position: relative; z-index: 3; } .personal-link:hover { text-decoration-color: transparent; } .personal-link { padding-left: 10px; margin-left: auto; margin-right: 0; color: #FF7062; font-size: 12px; font-weight: 400; line-height: 20px; text-decoration-line: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn-change:hover { text-decoration-color: transparent; } .btn-change { color: #333; font-size: 14px; font-weight: 300; line-height: 20px; text-decoration-line: underline; display: flex; align-items: center; gap: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn-change svg { width: 20px; height: 20px; } .block-for-changes { display: none; } .block-cabinet .imp { color: #FF7062; } .block-cabinet__controls p { margin: 0; width: 100%; } .block-cabinet__controls { color: #333; font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 20px; display: flex; flex-wrap: wrap; flex-wrap: wrap; gap: 20px 40px; width: 100%; } .block-cabinet__controls a { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .block-cabinet__controls a:hover { text-decoration-color: #333; } .block-cabinet__controls .btn-save { max-width: 327px; width: 100%; } .block-cabinet__controls .btn-cancel:hover { text-decoration-color: transparent; } .block-cabinet__controls .btn-cancel { color: #333; font-size: 14px; font-weight: 300; line-height: 20px; text-decoration-line: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .input-cabinet { width: 100%; max-width: 352px; background-color: #fff; padding-left: 10px; position: relative; z-index: 3; } .input-cabinet .link:hover { text-decoration-color: transparent; } .input-cabinet .link { position: absolute; right: 10px; bottom: 10px; color: #FF7062; font-size: 12px; font-weight: 400; line-height: 16px; text-decoration: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .input-cabinet input:disabled { border-color: rgba(128, 128, 128, 0.5); color: rgba(51, 51, 51, 0.8); background: rgba(128, 128, 128, 0.20); } .input-cabinet input { outline: none; width: 100%; height: 34px; padding: 7px 10px; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); } .block-for-changes .personal-data__row::before { top: 50%; bottom: auto; } .block-cabinet.changes .block-for-display { display: none; } .block-cabinet.changes .block-for-changes { display: flex; } .check-block {} .check-block input:checked+label::before { background-color: #b25c2d; border-color: #b25c2d; background-image: url(/local/markup//css/../img/checkbox.svg); } .check-block input { display: none; } .check-block label::before { content: ""; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border: solid 1px rgba(92, 92, 92, 1); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-position: center; background-repeat: no-repeat; } .check-block label { cursor: pointer; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; position: relative; padding-left: 30px; display: block; } .check-block label a:hover { text-decoration-color: transparent; } .check-block label a { text-decoration: underline; transition: text-decoration .3s; } .check-list .check-block { width: 50%; } .check-list { display: flex; align-items: center; flex-wrap: wrap; } .change-password .input-cabinet { width: 100%; max-width: 352px; padding-left: 0; } .change-password { display: flex; align-items: center; flex-wrap: wrap; gap: 40px; } .change-password .btn-change { margin-left: auto; } .change-password--hidden .block-cabinet__controls { margin-top: 0; } .change-password--hidden { display: none; gap: 20px 40px; } .your-adress__list li+li { margin-top: 20px; } .your-adress__list li .adress { background-color: #fff; position: relative; z-index: 2; padding-right: 10px; } .your-adress__list li { position: relative; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; display: flex; align-items: center; flex-wrap: wrap; } .your-adress__list li::before { content: ""; position: absolute; left: 0; bottom: 1px; width: 100%; height: 2px; background-image: url(/local/markup//css/../img/cab-lines.svg); } .your-adress__list { list-style-type: none; padding: 0; margin: 0; margin-top: 20px; } .your-adress {} .your-adress__controls { margin-left: auto; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; background-color: #fff; position: relative; z-index: 2; padding-left: 10px; } .btn-adress__save:hover, .btn-adress__change:hover, .btn-adress__delete:hover, .btn-adress__add:hover { text-decoration-color: transparent; } .btn-adress__save, .btn-adress__add, .btn-adress__change, .btn-adress__delete { color: #333; font-size: 14px; font-weight: 300; line-height: 20px; text-decoration: underline; display: flex; align-items: center; gap: 10px; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .your-adress__item {} .your-adress__item.changes .btn-adress__change { display: none; } .your-adress__item.changes .btn-adress__save { display: flex; } .your-adress__item.changes .adress__input { display: block; } .your-adress__item.changes .adress__value { display: none; } .btn-adress__save { display: none; } .adress__input { display: none; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); background: rgba(128, 128, 128, 0.20); padding: 7px 10px; width: 453px; } .your-adress__list li .adress {} .cabinet-text p { margin: 0; } .cabinet-text { font-size: 14px; line-height: 20px; } .delete-account:hover { text-decoration-color: transparent; } .delete-account { display: flex; align-items: center; gap: 10px; color: #333; font-size: 14px; font-weight: 300; line-height: 20px; text-decoration: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-top: 20px; } .section-cabinet__content .feedback-questions { margin-top: 40px; } .select-size .arrow { position: relative; } .select-cabinet.opened .arrow { -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .invis-data.opened { display: block; } .select2-results__options, .invis-data { left: -1px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background: #fff; color: #333; font-size: 12px; font-weight: 400; line-height: 16px; margin: 0; border-top: 0; } .select2-results__option+.select2-results__option, .invis-data li+li { margin-top: 13px; } .select2-results__option, .invis-data li a { position: relative; display: flex; align-items: center; gap: 10px; padding: 0 3px; font-size: 12px; line-height: 16px; background: transparent !important; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { color: #333; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:after { opacity: 1; } .select2-container--default .select2-results>.select2-results__options { padding: 10px; } .select2-results__message { font-size: 12px; line-height: 15px; } .select2-search--dropdown .select2-search__field { outline: none; width: 100%; height: 34px; padding: 7px 10px; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); } .select2-results__option::after, .invis-data li a::after { content: ""; position: absolute; left: 7px; top: 4px; width: 8px; height: 8px; background-color: rgba(102, 129, 158, 1); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; opacity: 0; } .select2-results__option::before, .invis-data li a::before { content: ""; position: relative; left: 0; top: 0; display: block; width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: solid 2px #333; } .select2-results__option::before, .invis-data li a.active::before { border-color: rgba(102, 129, 158, 1); } .select-cabinet { font-size: 14px; line-height: 20px; cursor: pointer; position: relative; display: flex; align-items: center; gap: 10px; background-color: #fff; padding: 2px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); z-index: 5; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 25px; padding-right: 0; } .select2-dropdown { width: 124px !important; margin-left: -11px; } .select2-container--open .select2-dropdown--below { border: 1px solid rgba(128, 128, 128, 0.50); } .select-list { position: relative; background-color: #fff; padding-left: 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px } .gender-change { display: flex; align-items: center; gap: 10px; background-color: #fff; padding-left: 10px; position: relative; z-index: 3; } .gender-change input { display: none; } .gender-change input:checked+label { color: #333; border-color: rgba(51, 51, 51, 1); } .gender-change label { cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 14px; font-weight: 400; line-height: 20px; padding: 7px 10px; border: solid 1px rgba(51, 51, 51, 0.6); display: block; color: rgba(51, 51, 51, 0.6); } .input-cabinet .link__icon { display: none; } .cabinet-favorites {} .cabinet__empty p { margin: 0; max-width: 360px; margin-left: auto; margin-right: auto; } .cabinet__empty { color: #333; text-align: center; font-size: 16px; font-weight: 300; line-height: 22px; display: flex; flex-direction: column; gap: 30px; max-width: 450px; margin-left: auto; margin-right: auto; padding: 33px 0 140px; } .cabinet-favorites__title { font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 1.1px; margin: 0; } .cabinet__empty .btn-simple { width: 100%; max-width: 291px; margin-left: auto; margin-right: auto; } .cabinet-favorites__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-bottom: 40px; } .cabinet-history {} .history-list { padding-top: 40px; } .history-item {} .history-item+.history-item { margin-top: 20px; } .history-head { display: flex; align-items: center; justify-content: space-between; } .history-head__list li+li {} .history-head__list li { color: #333; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 1.6px; display: flex; flex-wrap: wrap; gap: 4px 16px; } .history-head__list { list-style-type: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr 1fr minmax(150px, 220px) 1fr; width: calc(100% - 160px); align-items: center; } .history-head__title {} .history-head__data {} .history-more.active .history-more__icon { -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .history-more { color: #333; font-size: 16px; font-weight: 300; line-height: 22px; display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; min-width: 117px; } .history-more__icon { pointer-events: none; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .history-more__txt { pointer-events: none; } .history-body { display: none; padding-top: 20px; } .cabinet-table { margin-bottom: -10px; } .cabinet-table__row { padding: 10px 0; border-top: solid 1px #808080; display: flex; align-items: center; gap: 50px; } .cabinet-table .picture img { width: 100%; height: 100%; object-fit: cover; } .cabinet-table .picture { width: 100px; height: 130px; display: block; } .cabinet-table__col { display: flex; flex-direction: column; gap: 10px; width: calc(100% / 3 - 100px); } .cabinet-table__col:nth-child(3) { margin: 0 auto; } .cabinet-table__col:last-child { align-items: flex-end; max-width: 300px; } .cabinet-table__name:hover { text-decoration-color: #333; } .cabinet-table__name { color: #333; font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: 1.8px; text-transform: uppercase; text-decoration: underline; text-decoration-color: transparent; text-decoration-skip-ink: none; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .cabinet-table__desc { color: #808080; font-size: 16px; font-weight: 300; line-height: 22px; } .cabinet-table__data { color: #333; font-size: 14px; font-weight: 300; line-height: 20px; } .cabinet-table__list li { display: flex; align-items: center; gap: 10px; } .cabinet-table__list { list-style-type: none; color: #333; font-size: 16px; font-weight: 400; line-height: 22px; margin: 0; padding: 0; display: flex; align-items: center; gap: 20px; } .price-block { display: flex; align-items: center; gap: 16px; } .price-block .old { color: #808080; font-size: 18px; font-weight: 500; line-height: 24px; text-decoration: line-through; } .price-block .current { color: #333; font-size: 22px; font-weight: 500; line-height: 30px; } .price-block:has(.old) .current { color: #FF7062; } .connection-block { padding-top: 40px; } .connection-block .label { color: #333; font-size: 14px; font-weight: 300; line-height: 20px; margin-bottom: 10px; display: block; } .connection-block textarea { width: 100%; height: 200px; resize: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); outline: none; padding: 10px; } .connection-form__controls .btn-simple { width: 100%; max-width: 329px; } .connection-form__controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; } .fileLoad {} .fileLoad label:hover { text-decoration-color: transparent; } .fileLoad label { cursor: pointer; color: #333; text-align: center; font-size: 16px; font-weight: 400; line-height: 22px; text-decoration-line: underline; display: flex; align-items: center; gap: 10px; text-decoration-skip-ink: none; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .fileLoad input { display: none; } .chat-section { padding: 39px 0; } .chat-section__title { color: #333; font-size: 16px; font-weight: 500; line-height: 22px; letter-spacing: 1.6px; text-transform: uppercase; display: block; margin: 0; margin-bottom: 22px; } .chat-list {} .btn-comments { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; text-decoration: underline; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; text-decoration-skip-ink: none; font-weight: 300; font-size: 16px; line-height: 22px; } .btn-appeal-close { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; text-decoration: underline; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; text-decoration-skip-ink: none; font-weight: 300; font-size: 16px; line-height: 22px; } .chat-section__th { color: #333; font-size: 16px; font-weight: 400; line-height: 22px; } .btn-comments:hover, .btn-appeal-close:hover { text-decoration-color: transparent; } .chat-row__controls { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; grid-column: 1/3; padding-bottom: 20px; } .chat-row+.chat-row { border-top: solid 1px #808080; } .chat-row { display: grid; grid-template-columns: 200px 1fr; color: #333; font-size: 14px; font-weight: 300; line-height: 20px; } .chat-row p { margin: 0; } .chat-section__head { display: grid; grid-template-columns: 200px 1fr; } .chat-td { padding: 20px 0; } .application-closed__text { color: #333; font-size: 16px; font-weight: 300; line-height: 22px; display: flex; align-items: center; gap: 10px; } .answer-company__title { font-weight: 400; } .answer-company__text { flex: 1; } .answer-company__btn:hover { text-decoration-color: transparent; } .answer-company__btn { color: #333; font-size: 16px; font-weight: 300; line-height: 22px; text-decoration-line: underline; display: flex; align-items: center; gap: 10px; text-decoration: underline; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .answer-company { grid-column: 1/3; padding: 16px; background-color: #F9F9F9; margin-bottom: 20px; display: flex; align-items: flex-start; flex-wrap: wrap; color: #333; font-size: 14px; font-weight: 300; line-height: 20px; gap: 16px 10px; } .answer-company__controls { width: 100%; } .connection-form__close:hover { opacity: .75; } .connection-form__close svg { pointer-events: none; } .connection-form__close { cursor: pointer; position: absolute; right: 0; top: 4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .answer-company .connection-block textarea { height: 100px; padding: 10px; } .answer-company .connection-block { position: relative; padding: 0; width: 100%; display: none; } .btn-answer.hide { display: none; } .btn-submit svg { pointer-events: none; } .btn-submit { margin-top: 16px; } .answer-company__row { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 16px 10px; width: 100%; } .chat-row--close .answer-company__controls { display: none; } .forgot-password .error { color: red; text-align: center; font-size: 14px; line-height: 17px; padding: 15px 0; margin: 0; } .forgot-password { display: flex; flex-direction: column; gap: 15px; max-width: 470px; padding: 0 15px; margin: 0 auto; text-align: center; padding: 30px 0; } .forgot-password input { outline: none; width: 100%; height: 34px; padding: 7px 10px; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); } .select2-container--default .select2-selection--single { border: 0; padding: 0; background: transparent; } .select2-container--default .select2-selection--single .select2-selection__arrow { left: 0; width: 12px; height: 8px; top: 50%; margin-top: -6px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; background-image: url(/local/markup//css/../img/arrow-select2.svg); width: 12px; height: 8px; } .basic-wardrobe { width: 100%; padding: 40px 0 80px; } .basic-wardrobe .container { width: 100%; } .basic-wardrobe__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; } .basic-wardrobe__item { width: calc(50% - 20px); position: relative; overflow: hidden; } .basic-wardrobe__item:hover .picture { transform: scale(1.15); } .basic-wardrobe__item .picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; } .basic-wardrobe__item .picture a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; } .basic-wardrobe__item .picture { display: block; position: relative; width: 100%; height: auto; padding-top: calc(400 / 764 * 100%); transition: transform .5s; } .basic-wardrobe__link { color: #FFF; font-size: 18px; font-weight: 500; line-height: 24px; text-transform: uppercase; display: inline-flex; gap: 10px; align-items: center; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } .news-controls { margin-top: 50px; } .news-controls__inner { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .news-controls__link:hover { text-decoration-color: transparent; } .news-controls__link svg path { fill: #333; } .news-controls__link { color: #333; font-size: 16px; font-weight: 400; line-height: 22px; transition: text-decoration 0.3s; display: flex; align-items: center; gap: 10px; text-decoration: underline; text-decoration-skip-ink: none; opacity: 1; } .article-controls { justify-content: flex-start; } .article-controls .button-controls svg { min-width: 24px; position: absolute; left: 0; top: 0; } .article-controls .button-controls { position: relative; text-indent: 200%; overflow: hidden; width: 24px; height: 24px; justify-content: flex-start; align-items: center; white-space: nowrap; } .partners-section { padding: 50px 0; } .partners-section__col+.partners-section__col { margin-top: 20px; } .partners-section h1 { text-transform: uppercase; font-size: 22px; line-height: 30px; } .partners-section__row { padding-top: 20px; display: flex; justify-content: space-between; } .partners-section__right { width: 100%; max-width: 940px; } .partners-section .caption { margin: 0; padding: 0; color: #333; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 1.8px; display: block; margin-bottom: 20px; } .partners-info li+li { margin-top: 10px; } .partners-info { color: #333; font-size: 18px; font-weight: 400; line-height: 24px; padding: 0 0 0 27px; margin: 0; } .partners-list { color: #808080; font-size: 16px; font-weight: 300; line-height: 22px; list-style-type: none; margin: 0; padding: 0; } .partners-item__head { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 11px; color: rgba(51, 51, 51, .8); font-weight: 500; } .partners-list li+li { margin-top: 17px; } .partners-item__head svg { min-width: 24px; width: 24px; } .partners-list a:hover { text-decoration-color: #333; } .partners-list a { text-decoration: underline; text-decoration-color: transparent; transition: text-decoration .3s; text-decoration-skip-ink: none; } .partners-section__desc { color: rgba(51, 51, 51, 0.80); font-size: 16px; font-weight: 400; line-height: 22px; } .partners-form { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; } .partners-form .input-item label { color: #333; font-size: 14px; font-weight: 300; line-height: 20px; display: block; margin-bottom: 10px; } .partners-form .input-item { margin-bottom: 20px; width: calc(50% - 10px); } .partners-form .input-item input { height: 34px; width: 100%; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); padding: 0 16px; } .partners-form .controls { width: 100%; max-width: 100%; } .partners-form .controls a:hover { text-decoration-color: transparent; } .partners-form .controls a { text-decoration: underline; transition: all .3s; text-decoration-skip-ink: none; } .partners-form .controls .btn { max-width: 460px; width: 100%; margin-bottom: 10px; } .partners-form .controls .desc { display: block; margin-top: 10px; color: #333; font-size: 14px; font-weight: 300; line-height: 20px; } .partners-form .controls .check-block { margin-top: 10px; max-width: 100%; } #modal-succes .modal__container, #modal-number-confirmation .modal__container { width: 100%; max-width: 470px; } #modal-succes .modal__close, #modal-number-confirmation .modal__close { position: absolute; right: 30px; top: 30px; } #modal-succes .modal__content, #modal-number-confirmation .modal__content { padding: 0; margin: 0; } .modal-simple { display: flex; flex-direction: column; gap: 20px; } .contacts-section { padding: 50px 0; } .contacts-section h1 { color: #333; font-size: 22px; font-weight: 500; line-height: 30px; letter-spacing: 2.2px; text-transform: uppercase; margin: 0; } .modal-simple input { width: 100%; height: 34px; padding: 0 10px; border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); outline: none; } .modal-simple__text { color: rgba(51, 51, 51, 0.90); font-size: 16px; font-weight: 500; line-height: 22px; } .modal-simple__text+.modal-simple__text { margin-top: -10px; letter-spacing: 4.4px; text-transform: uppercase; } .contacts-section__row { padding-top: 20px; display: flex; justify-content: space-between; } .contacts-section__left {} .contacts-section__right { width: 100%; max-width: 940px; } .contacts-section__col {} .contacts-section .caption { margin: 0; padding: 0; color: #333; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 1.8px; display: block; margin-bottom: 20px; } .contacts-list { color: #808080; font-size: 16px; font-weight: 300; line-height: 22px; list-style-type: none; margin: 0; padding: 0; } .contacts-list li+li { margin-top: 17px; } .contacts-list a { text-decoration: underline; text-decoration-color: transparent; transition: text-decoration .3s; text-decoration-skip-ink: none; } .contacts-list a:hover { text-decoration-color: #808080; } .contacts-item__head svg { min-width: 24px; width: 24px; } .contacts-item__head { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 11px; color: rgba(51, 51, 51, .8); font-weight: 500; } .contacts-section__col+.contacts-section__col { margin-top: 40px; } .contacts-form { display: grid; grid-template-columns: calc(50% - 10px) calc(50% - 10px); justify-content: space-between; } .contacts-form .input-item { margin-bottom: 16px; } .contacts-form .input-textarea { grid-column: 2/3; grid-row: 1/4; } .contacts-form input { padding: 0 16px; } .contacts-form label { color: #333; font-size: 14px; font-weight: 300; line-height: 20px; display: block; margin-bottom: 10px; } .contacts-form textarea { border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); width: 100%; height: 202px; resize: none; padding: 10px 16px; } .contacts-form .controls { grid-column: 1/3; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; align-content: flex-start; width: 100%; max-width: 100%; gap: 10px; } .contacts-form .controls a:hover { text-decoration-color: transparent; } .contacts-form .controls a { text-decoration: underline; transition: text-decoration .3s; text-decoration-skip-ink: none; } .contacts-form .controls .desc { color: #333; font-size: 14px; font-weight: 300; line-height: 20px; } .contacts-form .controls .btn { border: none; outline: none; display: block; width: 100%; padding: 9px; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #FFF; background-color: #b25c2d; text-align: center; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; max-width: 291px; margin-left: auto; margin-right: auto; margin: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-bottom: 10px; } .contacts-form input { border-radius: 5px; border: 1px solid rgba(128, 128, 128, 0.50); width: 100%; height: 34px; } .basic-wardrobe__item .cards-title__title { display: block; margin-bottom: 25px; } .footer__nav-list { display: flex; flex-wrap: wrap; gap: 15px; } .invis-block_desktop { display: flex; justify-content: space-between; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; } .invis-block_item { width: 100%; height: 100%; flex: 1; } .product-card__link:hover .swiper-pagination { opacity: 1; } .product-card__link .swiper-pagination { display: flex; bottom: 5px; opacity: 0; } .product-card__link .swiper-pagination-bullet { flex: 1; border-radius: 0; height: 2px; } .product-card__link .swiper-pagination-bullet-active { background-color: #b25c2d; } .dragscroll.scroll::before { pointer-events: all; } .dragscroll::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; pointer-events: none; cursor: grab; } .dragscroll { height: calc(100% + 15px) !important; overflow: hidden !important; } .dragscroll::-webkit-scrollbar { width: 0; } .footer-form__submit { cursor: pointer; } .ordering__wrap .form-group { order: 1; } .ordering__wrap .form-group[data-property-id-row="9"] { order: 3; } .ordering__wrap .form-group[data-property-id-row="12"] { order: 2; } .ordering__wrap .form-group[data-property-id-row="11"] { order: 4; } /* politic */ .politic-text { font-size: 16px; line-height: 22px; padding-top: 30px; padding-bottom: 30px; } @media (max-width: 767px) { .politic-text { font-size: 14px; line-height: 20px; } } .politic-text .container { display: flex; flex-direction: column; gap: 20px; } .politic-text h1 { margin: 0; margin-bottom: 20px; font-size: 48px; line-height: 60px; } @media (max-width: 767px) { .politic-text h1 { font-size: 24px; line-height: 30px; } } .politic-text h2 { margin: 0; font-size: 30px; line-height: 32px; } @media (max-width: 767px) { .politic-text h2 { font-size: 20px; line-height: 24px; } } .politic-text p+h2, .politic-text p+h3, .politic-text p+h4 { margin-top: 20px; } .politic-text ol { margin: 0; padding-left: 35px; } .politic-text ul { list-style-type: inherit; margin: 0; padding-left: 35px; } .politic-text ul+h2, .politic-text ul+h3, .politic-text ul+h4 { margin-top: 20px; } .politic-text ul li+li { margin-top: 10px; } .politic-text ol { list-style-type: inherit; } .politic-text ol+h2, .politic-text ol+h3, .politic-text ol+h4 { margin-top: 20px; } .politic-text ol li+li { margin-top: 10px; } .politic-text p { margin: 0; } .politic-text a { text-decoration: underline; transition: text-decoration 0.3s; } .politic-text a:hover { text-decoration-color: transparent; } .notification-cookie { position: fixed; left: 50%; bottom: 20px; z-index: 100; padding: 25px; background-color: #fff; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.11); border-radius: 16px; display: flex; justify-content: space-between; align-items: center; gap: 30px; transform: translateX(-50%); } @media (max-width: 767px) { .notification-cookie { width: calc(100% - 40px); font-size: 14px; line-height: 18px; gap: 20px; padding: 20px; } } @media (max-width: 389px) { .notification-cookie { flex-direction: column; text-align: center; justify-content: center; gap: 15px; padding: 15px; } } .notification-cookie__text { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; color: var(--colorBlack); } @media (max-width: 389px) { .notification-cookie__text { text-align: center; justify-content: center; align-items: center; } } .notification-cookie__link { font-size: 12px; line-height: 20px; text-decoration: underline; transition: text-decoration 0.3s; text-decoration-skip-ink: none; } @media (max-width: 767px) { .notification-cookie__link { font-size: 12px; } } .notification-cookie__link:hover { text-decoration-color: transparent; } .notification-cookie__btn { width: 190px; height: 40px; transition: opacity 0.3s; font-weight: 600; font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #FFF; background-color: #b25c2d; } .notification-cookie__btn:hover { opacity: 0.85; } .check-block.check-block--politic { display: flex; align-items: center; min-height: 24px; } .check-block.check-block--politic input { display: none; } .check-block.check-block--politic input:checked+label::after { background-color: var(--colorBlack); } .check-block.check-block--politic input:disabled+label { opacity: 0.33; pointer-events: none; } .check-block.check-block--politic label { cursor: pointer; padding-left: 38px; position: relative; font-weight: 400; font-size: 12px; line-height: 14px; color: var(--colorBlack); display: block; text-align: left; transition: color 0.3s; width: 100%; } .check-block.check-block--politic label::before { content: ""; position: absolute; left: 0; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); border: solid 1px rgba(0, 0, 0, 0.48); border-radius: 3px; } .check-block.check-block--politic label::after { content: ""; position: absolute; left: 5px; top: 50%; width: 10px; height: 10px; transform: translateY(-50%); border-radius: 2px; } .check-block.check-block--politic a { text-decoration: underline; transition: text-decoration 0.3s; } .check-block.check-block--politic a:hover { text-decoration-color: transparent; } a[data-for-disabled].disabled, a[data-for-disabled]:disabled, [data-for-disabled]:disabled { pointer-events: none; opacity: .33; } .bx-soa-cart-total-button-container a.disabled { pointer-events: none; opacity: .33; } #bx-soa-orderSave .check-block label { font-size: 8px; font-weight: 400; line-height: 14px; } /* /politic */ @media (max-width: 1850px) { .back, .back span { margin-left: 5px; } } @media (max-width: 1780px) { .container-v2 { padding: 0 20px; } .header__search { width: 350px; } .header__nav-list { gap: 20px; } .back { position: static; margin-left: 0; max-width: 1609px; padding: 0 20px; margin: 100px 0 10px; } .back span { margin-left: 10px; } .card__wrapper { margin-top: 5px; } .article__wrapper { padding-top: 40px; } .header__search-results { width: 350px; } .history-head__list { width: 100%; max-width: 95%; grid-template-columns: 1fr 1fr 1fr 170px 1fr; } .history-head__list li { flex-direction: column; } .cabinet-table__list li { flex-wrap: wrap; } .cabinet-table__col { width: calc(100% / 3 - 110px); } .cabinet-table__col:last-child { max-width: 250px; } .contacts-section__right { width: 100%; max-width: 750px; } .partners-info { font-size: 16px; } } @media (max-width: 1539px) { .main-block { height: 560px; } } @media (max-width: 1440px) { .card__wrapper, .card__left { gap: 50px; } .card__left { width: 50%; } .card__content { width: 46.2%; } .card .swiper-button { left: 18%; } .card__for-wrapper { padding: 45px 0; } div.title-search-result { top: 90px !important; } .header__nav-item div, .header__nav-item>a { font-size: 14px; line-height: 20px; } .header__nav-list { gap: 15px; } .ordering__container { gap: 50px; } .ordering-form__wrapper { gap: 20px; } .ordering-delivery__wrap { display: block; } .ordering-delivery__item:not(:last-child) { margin-bottom: 16px; } .table-popup { padding: 20px 20px 4px; } .table-popup__list { margin-bottom: 38px; } .table-popup__button { padding: 16px; font-size: 18px; line-height: 24px; } .table-popup__close { width: 24px; height: 24px; top: 20px; right: 20px; } .table-popup__close svg { width: 14px; height: 14px; } .about-form__info { display: block; } .about-form__title { margin-bottom: 10px; } .footer__form { width: 48%; } .catalog__filter { gap: 20px; } .caralog-filter__wrapper, .caralog-filter__checkboxes, .caralog-filter__wrap { gap: 30px; } .caralog-filter__wrapper .simplebar-content { gap: 30px; } .menu-cabinet li a { font-size: 16px; line-height: 22px; } } @media (max-width: 1280px) { .section { margin: 50px 0; } .title-big { font-size: 36px; line-height: 46px; } .title-medium { font-size: 22px; line-height: 30px; } .header__search-results { width: 502px; } .header__nav-item div, .header__nav-item>a { font-size: 16px; line-height: 22px; } .header__search-mobile { display: block; visibility: visible; } .header__search { visibility: hidden; opacity: 0; z-index: -100; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); padding: 13px 20px; margin: 0; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; top: 60px; left: -20px; width: calc(100% + 40px); background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); -webkit-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out, visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; } .header__search.visible { z-index: 100; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .header__search-wrap { position: relative; width: 100%; max-width: 428px; } .header__search-input, .header__search-results-list li a { font-size: 16px; line-height: 22px; } .header__search-back { display: block; visibility: visible; } .header__nav { max-height: calc(100vh - 59px); overflow: auto; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; z-index: -10; visibility: hidden; position: absolute; top: 59px; left: -20px; width: calc(100% + 40px); padding: 20px; background-color: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); -webkit-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out, visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; } .header__nav-item div:hover+.header__sublist, .header__sublist:hover { display: none; } .header__nav-item.open .header__nav-link svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .header__nav.active { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; z-index: 100; visibility: visible; } .header__nav-list { display: block; } .header__nav-item div svg { display: block; visibility: visible; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .header__nav-item:not(:last-child) { border-bottom: 1px solid #808080; } .header__nav-item div, .header__nav-item>a { width: 100%; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__sublist-item:not(:last-child) { margin-bottom: 19px; } .header__sublist { position: static; margin: 0; padding: 0; background-color: transparent; padding-bottom: 20px; } .header__nav-item div::before, .header__nav-item>a::before { display: none; } .header__burger { visibility: visible; width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__burger span { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .header__burger.active span:first-child { -webkit-transform: rotate(-45deg) translateX(-3px) translateY(3px); -ms-transform: rotate(-45deg) translateX(-3px) translateY(3px); transform: rotate(-45deg) translateX(-3px) translateY(3px); } .header__burger.active span:last-child { -webkit-transform: rotate(45deg) translateX(-4px) translateY(-4px); -ms-transform: rotate(45deg) translateX(-4px) translateY(-4px); transform: rotate(45deg) translateX(-4px) translateY(-4px); } .header__burger.active span:nth-child(2) { opacity: 0; } .header__burger span { display: block; width: 18px; height: 2px; background-color: #333; } .header__burger span:not(:last-child) { margin-bottom: 3px; } .header__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .header__wrapper { padding: 16px 0; } .lookbook__link, .cards-title { margin-bottom: 30px; } .lookbook__more, .cards-title__more { font-size: 16px; line-height: 22px; } .lookbook__list.lookbook__list-v2 { margin-top: 30px; } .lookbook__list { gap: 24px; } .lookbook__subtitle { padding: 10px 20px; } .lookbook__list .lookbook__item, .lookbook__list.lookbook__list-v2 .lookbook__item { max-height: 300px; } .cards__title, .offers__title { margin-bottom: 30px; } .cards__list, .lookbooks__list { margin: 0 -12px; } .cards__item, .lookbooks__item { margin: 0 12px; } .cards .slick-arrow, .lookbooks .slick-arrow { top: -55px; } .cards .slick-prev, .lookbooks .slick-prev { right: 46px; } .cards .slick-next, .lookbooks .slick-next { right: 12px; } .product-card__favorite { padding: 10px; } .product-card__add-basket svg, .lookbooks__button svg { width: 24px; height: 24px; } .product-card__add-basket.product-card__add-basket-active .amount { width: 14px; height: 14px; font-size: 8px; line-height: 10px; } .offers__list { gap: 24px; } .offers__link { height: 200px; } .main-block .container { padding-bottom: 30px; } .banner__title, .main-block__title, .card-content__subtitle { margin-bottom: 16px; } .main-block .slick-arrow, .main-block svg { width: 30px; height: 30px; } .main-block .slick-next { right: 20px; } .main-block .slick-prev { left: 20px; } .lookbooks__title { margin-bottom: 30px; } .lookbooks__button span { width: auto; opacity: 1; margin-left: 16px; } .lookbooks__button:hover span, .lookbooks__button:focus span { width: auto; } .card__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-content__faq { width: 100%; } .card__wrapper, .card__left { gap: 20px; } .card__for-wrapper { width: 19.83%; padding: 57.4px 0; } .card__for-slider { width: 76.93%; } .card__left { width: 53.3%; } .card__images { width: 76.4%; } .card__content { width: 44.59%; } .card__for-image, .card__for-video, .card__for-item img { height: 100%; } .title-small, .card-content__descr, .card-content__price { font-size: 18px; line-height: 24px; } .card-content__title, .card-content__color, .card-content__price span.old, .lookbooks__button, .product-card__left span, .product-card__price span, .offers__subtitle, .lookbook__subtitle h3, .card-content__parameter-header p, .card-content__parameter-button, .card-content__subtitle { font-size: 16px; line-height: 20px; } .card-content__price--mobile span.old { font-size: 16px; line-height: 22px; } .card-content__color span.color, .back, .card-content__table-button, .card-content__add-basket, .card-content__faq-title { font-size: 14px; line-height: 20px; } .card-content__descr { margin-bottom: 9px; } .card-content__faq-wrap:not(:last-child) { margin-bottom: 16px; } .card-content__add-basket, .card-content__parameteradd-basket { padding: 9px 13.7%; } .card-content__colors { margin-bottom: 0; } .card-content__faq-header { padding: 11px 0; } .card-content__faq-item:not(:last-child) { margin-bottom: 1px; } .card-content__faq-wrap h3 { font-size: 12px; line-height: 18px; } .card-content__faq-wrap p { font-size: 10px; line-height: 14px; } .breadcrumbs__wrapper { margin: 180px 0 6px; } .breadcrumbs__item a, .breadcrumbs__item span, .lookbook-inner__back { font-size: 14px; line-height: 20px; } .lookbook-inner__back { margin-bottom: 22px; } .lookbook-inner__back span { margin-left: 10px; } .more-catigories__item { width: 210px; min-width: 210px; max-width: 210px; } .more-catigories .container { padding: 0; } .more-catigories__wrapper { padding: 6px 20px 15px 20px; } .more-catigories__title { font-size: 16px; line-height: 22px; } .more-catigories__list { padding-top: 15px; opacity: 1; height: auto; } .catalog__button-filter, .catalog-sort__button { font-size: 14px; line-height: 20px; } .catalog-sort__link { font-size: 14px; line-height: 20px; } .product-card .product-card__images .slick-arrow.slick-prev { left: 10px; } .product-card .product-card__images .slick-arrow.slick-next { right: 10px; } .product-card .product-card__images .slick-arrow { opacity: 1; z-index: 5; } .catalog__list>ul { gap: 30px 24px; } .catalog__list ul.col-4 .catalog__item { width: calc(25% - 18px); } .catalog__list ul.col-2 .catalog__item { width: calc(50% - 12px); } .catalog__nav-title, .catalog__nav-more, .catalog__nav-item a, .nav__title, .nav__more, .nav__item a { font-size: 14px; line-height: 20px; } .catalog__nav-more, .nav__more { min-width: 240px; } .catalog__list { margin-bottom: 50px; } .catalog__nav-list, .nav__list { margin: 0 -9px; margin-left: auto; } .catalog__nav-item a, .nav__item a { padding: 0 9px; } .catalog__nav, .nav { margin-bottom: 0; } .catalog__filter { padding: 20px; top: 34px; } .caralog-filter__close svg { width: 16px; height: 16px; } .caralog-filter__wrapper, .caralog-filter__checkboxes, .caralog-filter__wrap { gap: 35.33px; } .caralog-filter__title h3 { font-size: 12px; line-height: 16px; } .checkbox+.label, .radio { font-size: 10px; line-height: 14px; } .radio { padding-left: 28px; } .caralog-filter__wrapper { max-height: none; overflow: visible; } .breadcrumbs__dropdown-item a, .breadcrumbs__dropdown-top, .blog__title-category, .blog__article data { font-size: 14px; line-height: 20px; } .blog__wrapper { padding: 14px 0 50px; } .blog__list { gap: 24px; margin-bottom: 50px; } .blog__title { font-size: 18px; line-height: 24px; } .blog__text, .blog__more { font-size: 16px; line-height: 22px; } .blog__item:nth-child(2) .blog__content, .blog__item:nth-child(3) .blog__content { padding-bottom: 0; } .blog__item:first-child .blog__content { padding: 20px; } .blog__item:first-child .blog__text { -webkit-line-clamp: 7; } .search-result__wrapper { padding: 100px 0 50px; } .search-result__info p, .search-result__wrapper, .search-result__info span { font-size: 18px; line-height: 24px; } .search-result__info span { margin-left: 16px; } .article__wrapper { padding-top: 10px; } .article__top { gap: 24px; } .article__info ul, .article__info ol, .article__info p, .article__info data, .article__info h2 { font-size: 16px; line-height: 22px; } .article__info h1 { font-size: 18px; line-height: 24px; } .article .article__top img { height: 100%; } .article__info .article__text p:last-child { margin-bottom: 0; } .article__content { padding-top: 10px; } .article__info ol { padding-left: 17px; } .article__info .article__images { gap: 24px; } .article__slider-item { margin: 0 12px; } .article__slider .slick-list { margin: 0 -12px; } .article__slider .slick-arrow { font-size: 14px; line-height: 20px; } .article__slider .slick-list { padding-top: 74px; } .article__news { padding-bottom: 30px; } .buyer h1, .buyer h2 { font-size: 18px; line-height: 24px; } .buyer p, .buyer ul, .buyer ol { font-size: 16px; line-height: 22px; } .buyer ol { padding-left: 16px; } .buyer__wrapper { padding: 20px 0 30px; } .buyer h1 { margin-bottom: 20px; } .buyer__content:not(:last-child) { margin-bottom: 30px; } .lookbook-block__wrapper { padding-top: 16px; } .lookbook-block__title span { font-size: 18px; line-height: 24px; padding: 16px 30px; } .page-lookbook .footer__wrapper { margin-top: 50px; } .lookbook-inner__list { gap: 24px; } .lookbook-inner__subutton svg { width: 24px; height: 24px; } .lookbook-inner__products { right: auto; max-height: 374px; bottom: 40px; margin-bottom: 20px; } .lookbook-inner__button.active .lookbook-inner__subutton span, .lookbook-inner__subutton:hover span, .lookbook-inner__subutton:focus span { width: 124px; margin-left: 16px; } .lookbook-inner__subutton { font-size: 16px; line-height: 22px; } .lookbook-inner .container { overflow: hidden; height: 100%; } body.page-lookbook main { margin-bottom: 50px; } .button-top { right: 20px; } .lookbook-inner__item.lookbook-inner__item-right .lookbook-inner__products { right: 0; } .lookbook-inner__item-right.span-row-2 .lookbook-inner__products { right: 0; left: auto; bottom: auto; top: 100%; margin-bottom: 0; margin-top: 20px; } .basket__wrapper { padding: 16px 0 50px; } .basket__title, .catalog__title { font-size: 18px; line-height: 24px; margin-bottom: 20px; } .basket-good, .basket-good__info-right { gap: 20px; } .basket-good__illustration { max-width: 80px; } .basket-good__title h2, .basket-good__price .old { font-size: 16px; line-height: 22px; } .basket-good__subtitle, .basket-good__color .name, .basket-good__size p, .counter__input { font-size: 14px; line-height: 20px; } .basket-good__color span, .basket-good__size span { font-size: 12px; line-height: 16px; } .basket-good__info { -ms-flex-preferred-size: 53%; flex-basis: 53%; } .basket-good__clicker, .basket-good__clicker svg { width: 20px; height: 20px; } .basket-good__counter { max-width: 101px; padding: 4px 15px; } .basket-good__price span { font-size: 18px; line-height: 24px; } .basket-good__delete svg { width: 20px; height: 20px; } .basket-order__amount { gap: 10px; margin-bottom: 24px; } .basket-order__amount p, .basket-order__amount span, .basket-order__sum p, .basket-order__submit { font-size: 14px; line-height: 20px; } .basket-order__promo span { font-size: 12px; line-height: 16px; } .basket-order__promo label, .basket-order__sum { gap: 10px; } .basket-order__sum span { font-size: 18px; line-height: 24px; } .basket-order__sum { margin-bottom: 18px; } .basket-order__submit { max-width: 256px; min-width: 256px; } .basket__empty p { margin-bottom: 20px; font-size: 14px; line-height: 20px; } .basket__empty a { max-width: 269px; font-size: 14px; line-height: 20px; } .not-found__title { margin-bottom: 30px; font-size: 36px; line-height: 46px; } .not-found__text { margin-bottom: 30px; font-size: 18px; line-height: 24px; } .not-found__link { max-width: 307px; font-size: 14px; line-height: 20px; } .basket-order__left { width: 415px; } .ordering__title { font-size: 18px; line-height: 24px; margin-bottom: 30px; } .add-basket__title { margin-bottom: 12px; } .add-basket__title .caption { font-size: 18px; line-height: 24px; } .add-basket__button { font-size: 14px; line-height: 20px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info.bx-soa-sidebar { margin-left: 25px; width: 286px; } .ordering .sale-order-ajax-wrapper { padding: 16px 0 10px; } .ordering .col-sm-9 { width: calc(100% - 326px) !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-section-title { font-size: 16px; line-height: 22px; margin-bottom: 16px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-authform-label-container, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-customer-label, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-custom-label, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .form-group label { font-size: 12px; line-height: 18px; } .ordering__wrap .bx-sls .bx-ui-sls-clear { right: 8px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section.ordering__wrap { margin-bottom: 30px; } #bx-soa-properties .bx-soa-customer { gap: 0 20px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-properties .form-group { margin-bottom: 18px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-section-title { font-size: 16px; line-height: 26px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-goods .bx-soa-section-title { font-size: 16px; line-height: 22px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-paysystem-and-delivery { margin-bottom: 5px !important; } .order-goods__item .basket-good__illustration { max-width: 108px; } .order-goods__item .basket-good__info { display: block; } .order-goods__item .basket-good__info-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .order-goods__item .basket-good__size { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .order-goods__item .basket-good__size p { margin-bottom: 0; } .order-goods__item .basket-good__title h2, .order-goods__item .basket-good__subtitle { margin-bottom: 5px; } .order-goods__item .basket-good { gap: 10px; } .order-goods__item .basket-good__info-left { margin-bottom: 5px; } .order-goods__item .basket-good__price { position: absolute; right: 0; bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .order-goods__item .basket-good__price .new { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-goods__item .basket-good__price .old { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-goods__item .basket__good { padding-bottom: 20px; } .order-goods__item:not(:last-child) { margin-bottom: 20px; } .ordering-info__title { font-size: 16px; line-height: 22px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total-line, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t, .ordering__policy { font-size: 12px; line-height: 16px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-d { font-size: 14px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total .bx-soa-cart-total-line-total { margin-top: 5px; padding-top: 15px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { font-size: 16px !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-button.bx-soa-button-colored { font-size: 14px; line-height: 20px; } .ordering__policy { margin-top: 10px; } .about__title, .about__info h2, .about-history__title, .about-articles__title { font-size: 18px; line-height: 24px; } .about__wrapper { padding: 16px 0 25px; } .about__title, .about__info, .about-history__info, .about-history__item:not(:last-child), .about-articles__title { margin-bottom: 20px; } .about-info__text p, .about-history__text { font-size: 16px; line-height: 22px; } .about-history__date { font-size: 36px; line-height: 46px; } .about-history__link { font-size: 14px; line-height: 20px; } .about-articles__wrapper { padding: 25px 0; } .about-articles__list { gap: 24px; } .table-popup__content table td { font-size: 14px; line-height: 20px; min-height: 44px; padding: 12px 10px; min-width: 130px; } .about-form__title { font-size: 18px; line-height: 24px; } .about-form__text, .about-form__success { font-size: 16px; line-height: 22px; } .about-form__input { width: 320px; } .about-form__file { margin-right: 16px; margin-left: 9px; } .about-form { margin: 25px 0 50px; padding: 10px 0; } .about-form__submit, .footer-form__submit { font-size: 14px; line-height: 20px; } .footer__nav-item a, .footer__form-info .caption { font-size: 18px; line-height: 24px; } .footer__nav-item:not(:last-child) { margin-bottom: 16px; } .footer__form { display: block; } .footer__form-info, .footer-form { width: 100%; } .footer__form-info { margin-bottom: 16px; } .footer__form-info p { font-size: 16px; line-height: 22px; } .footer-form__text { font-size: 12px; line-height: 16px; } .footer__form { width: 31.301%; } .footer__top { gap: 20px; } .footer__info { width: 62.2%; } .footer__links { justify-content: flex-start; gap: 16px 30px; } .footer__copy { font-size: 16px; line-height: 22px; } .success__text { font-size: 18px; line-height: 24px; } .success__wrapper { padding: 18px 0; } .success__close { right: 20px; } .cookie__text { font-size: 12px; line-height: 16px; } .cookie__button { min-width: 280px; width: 280px; font-size: 14px; line-height: 20px; } .cookie__wrapper { gap: 40px; } .sitemap { margin: 82px 0 30px; } .sitemap li, .sitemap .bx_sitemap>ul li a, .sitemap .bx_sitemap>ul li>ul li { font-size: 16px; line-height: 22px; } .sitemap li:not(:last-child), .sitemap .bx_sitemap>ul li:not(:last-child), .sitemap .bx_sitemap>ul li>ul li:not(:last-child) { margin-bottom: 16px; } .sitemap .bx_sitemap>ul li, .sitemap .bx_sitemap>ul li>ul { margin-top: 16px; } .caralog-filter__wrapper .simplebar-content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__info p { font-size: 14px; line-height: 20px; } .not-found__wrapper { padding: 100px 0 80px; } div.title-search-result { left: 0 !important; top: 122px !important; } .card-content__price--mobile { font-size: 16px; line-height: 22px; padding: 0; } #modal-banner p { font-size: 22px; line-height: 30px; } #modal-banner .modal-banner__percent { font-size: 74px; line-height: 80px; } #modal-banner .modal__container { height: 420px; } #modal-banner .modal-banner__btn { font-size: 14px; line-height: 20px; } .header__nav-item>[href='/promo/'] { display: block; padding-bottom: 16px; } .article-section { padding: 16px 0; } .article-title__desc { font-size: 16px; line-height: 22px; } .article-title__caption { font-size: 22px; line-height: 30px; letter-spacing: 1.1px; } .article-title__date { font-size: 16px; line-height: 22px } .article-picture .picture { height: 460px; } .article-picture { margin: 30px 0; } .article-content { font-size: 16px; font-weight: 400; line-height: 22px; } .article-content h2 { font-size: 18px; line-height: 24px; letter-spacing: 0.9px; } .article-content p+p { margin-top: 10px; } .article-content ol { padding-left: 24px; } .article-content ul+h2, .article-content ol+h2 { margin-top: 30px; } .article-content ol li>ul { margin-top: 10px; } .article-content ul li+li, .article-content ol li+li { margin-top: 10px; } .article-media .picture { height: 630px; } .article-media { margin: 30px 0; gap: 30px 10px; } .article-media--four .picture:first-child { height: 440px; } .article-media--four .picture { height: 410px; } .article-media--three .picture:first-child { height: 440px; } .article-content h2+* { margin-top: 20px; } .article-bottom { padding: 50px 0 45px; } .article-item p { height: 132px; overflow: hidden; } .article-item p::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 43px; pointer-events: none; background: linear-gradient(360deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); } .article-item p { position: relative; } .article-item { font-size: 16px; line-height: 22px; } .article-item .picture { height: 250px; } .article-item__desc { font-size: 14px; line-height: 20px; } .article-item__link { font-size: 18px; line-height: 24px; letter-spacing: 0.9px; min-height: 48px; } .article-item__date { font-size: 14px; line-height: 20px; } .article-item__linkMore { font-size: 16px; font-weight: 500; line-height: 22px; letter-spacing: 0.8px; } .article-controls { padding-top: 20px; } .article-controls .button-controls { font-size: 14px; font-weight: 400; line-height: 20px; } .product-card__price span.old { font-size: 14px; line-height: 20px; } .feedback-left { width: calc(100% - 482px); padding-right: 20px; } .feedback-right { width: 482px; padding-top: 54px; } .feedback-right .picture { width: 231px; height: 310px; } .feedback-section .caption { font-size: 18px; line-height: 24px; } .feedback-section .desc { font-size: 16px; line-height: 22px; margin-top: 30px; } .feedback-input label { font-size: 12px; line-height: 16px; } .feedback-input+.feedback-input { margin-top: 22px; } .feedback-input { width: 100%; } .feedback-section { padding: 15px 0 30px; } .feedback-controls { max-width: 100%; font-size: 12px; line-height: 16px; } .feedback-controls .btn { font-size: 14px; line-height: 20px; } .feedback-section__inner { align-items: flex-start; } .feedback-questions { margin-top: 30px; } .feedback-questions__text { font-size: 18px; line-height: 24px; } .feedback-questions__link { font-size: 18px; line-height: 24px; } .modal-auth .caption { font-size: 18px; line-height: 24px; } .modal-auth .modal__content { padding: 20px; } .modal-auth .modal__close { right: 20px; top: 15px; } .btn-simple { font-size: 14px; line-height: 20px; } .modal-auth .link { font-size: 14px; line-height: 20px; } .login-phone__steps { font-size: 14px; line-height: 20px; } .menu-cabinet { gap: 20px; margin-top: 30px; } .menu-cabinet li a { letter-spacing: 1.6px; } .card-info { gap: 16px 0; } .card-info li { width: calc(100% / 3); } .section-cabinet__content { margin-top: 42px; } .cabitet-title { font-size: 14px; line-height: 20px; } .block-cabinet+.block-cabinet { margin-top: 30px; } .block-cabinet__body { padding: 16px; } .delete-account { margin-top: 16px; } .menu-cabinet::before { display: none; } .menu-cabinet { border-bottom: solid 1px rgba(231, 234, 236, 1); padding-bottom: 10px; overflow: auto; display: block; white-space: nowrap; scrollbar-color: transparent transparent; scrollbar-width: auto; } .menu-cabinet::-webkit-scrollbar { width: 0px; height: 0; background-color: transparent; } .menu-cabinet::-webkit-scrollbar-thumb { width: 0px; height: 0; background-color: transparent; } .menu-cabinet li+li { margin-left: 20px; } .menu-cabinet li { display: inline-block; vertical-align: middle; } .menu-scroll-wrapper { position: relative; width: 100%; } .menu-scroll-wrapper::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: -15px; top: -10px; width: 40px; height: 50px; z-index: 4; pointer-events: none; background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .menu-scroll-wrapper::after { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; right: -15px; top: -10px; width: 40px; height: 50px; z-index: 4; pointer-events: none; background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%); } .section-cabinet__caption { font-size: 18px; line-height: 24px; letter-spacing: 3.6px; } .section-cabinet { padding: 24px 0 30px; } .section-cabinet__content .feedback-questions { margin-top: 30px; } .cabinet-favorites__title { font-size: 18px; } .cabinet__empty p { max-width: 310px; } .cabinet__empty { padding: 50px 0; font-size: 14px; line-height: 20px; } .cabinet-favorites__list { gap: 24px; margin-bottom: 30px; } .history-head__list li { text-align: center; font-size: 14px; line-height: 20px; } .history-more__txt { display: none; } .history-more { min-width: inherit; } .history-head__list { grid-template-columns: repeat(5, 1fr); } .cabinet-table__name { font-size: 16px; line-height: 22px; } .cabinet-table__desc { font-size: 14px; line-height: 20px; } .cabinet-table__data { font-size: 12px; line-height: 16px; } .cabinet-table__list { font-size: 14px; line-height: 20px; } .cabinet-table__row { gap: 16px; } .cabinet-table .picture { width: 80px; height: 104px; } .cabinet-table__col { width: auto; } .price-block .current { font-size: 18px; line-height: 24px; } .price-block .old { font-size: 16px; line-height: 22px; } .cabinet-table__col:nth-child(2) {} .cabinet-table__col:nth-child(3) { margin: 0; } .cabinet-table__col:nth-child(3) .cabinet-table__list { justify-content: center; } .cabinet-table__col:last-child { margin-left: auto; max-width: 250px; } .chat-section__title { font-size: 14px; line-height: 20px; } .fileLoad label { font-size: 14px; line-height: 20px; } .connection-form__controls { margin-top: 16px; } .chat-section { padding: 29px 0; } .chat-section__head { grid-template-columns: 166px 1fr; } .chat-row { grid-template-columns: 166px 1fr; } .btn-comments { font-size: 14px; line-height: 20px; } .answer-company__btn { font-size: 14px; line-height: 20px; } .btn-appeal-close { font-size: 14px; line-height: 20px; } .application-closed__text { font-size: 14px; line-height: 20px; } .connection-block { padding-top: 30px; } .reviews-list { grid-template-columns: repeat(3, 1fr); margin-top: 30px; } .reviews-section .caption { font-size: 18px; line-height: 24px; } .reviews-section { padding: 15px 0; } .reviews-item { padding: 16px; } .reviews-date { font-size: 12px; line-height: 16px; } .reviews-name { font-size: 14px; line-height: 20px; margin-top: 10px; } .reviews-buy { font-size: 12px; line-height: 16px; margin-top: 10px; } .reviews-text { font-size: 12px; line-height: 16px; margin-top: 10px; height: 64px; } .reviews-text+* { margin-top: 10px } .reviews-controls { margin-top: 40px; } .send-feedback .caption { font-size: 18px; line-height: 24px; } .send-feedback { padding: 32px 0 40px; } .send-feedback__form { grid-template-columns: 1fr; margin-top: 30px; gap: 15px; } .loadFile label { font-size: 12px; line-height: 16px; } .lodaFile-text { font-size: 10px; line-height: 14px; } .send-feedback__form .feedback-controls .btn { max-width: 261px; } .send-feedback__form .feedback-controls p { max-width: 465px; } .send-feedback .feedback-questions { margin-top: 32px; } .send-feedback { padding: 30px 0; } #modal-review-more .modal__container { max-width: 614px; } #modal-review-success .modal__container { max-width: 532px; padding: 16px; } .modal-review-succes__caption { font-size: 18px; line-height: 24px; } #modal-review-success .modal__close { top: 16px; right: 16px; } .basic-wardrobe__link { font-size: 16px; } .contacts-form { display: flex; flex-direction: column; } .contacts-form .check-block label { font-size: 12px; line-height: 16px; } .contacts-section__right { width: 100%; max-width: 50%; } .partners-section__row { padding-top: 10px; } .contacts-section .caption { font-size: 16px; line-height: 22px; } .contacts-list { font-size: 14px; line-height: 20px; } .partners-form .input-item { width: 100%; } .contacts-item__head { font-size: 14px; line-height: 20px; } .partners-section .partners-section__right .caption { margin-bottom: 10px; } .partners-form .input-item label { font-size: 12px; line-height: 16px; } .partners-form .controls { max-width: 100%; } .partners-form .controls .btn { max-width: 100%; } .partners-section { padding: 20px 0; } .partners-info { padding-left: 21px; } .modal-simple .caption { font-size: 22px; line-height: 30px; } .modal-simple__text { font-size: 14px; line-height: 20px; } .contacts-section__col+.contacts-section__col { margin-top: 30px; } .contacts-form textarea { height: 102px; } .contacts-section { padding: 22px 0; } .contacts-section__row { padding-top: 10px; } .invis-block_desktop { display: none; } .header__nav-item { padding: 5px 0; min-height: 35px; display: flex; flex-direction: column; gap: 10px; justify-content: center; } } @media (max-width: 1023px) { .article-section { padding: 17px 0; } .article-title__desc { font-size: 14px; line-height: 20px; } .article-title__caption { font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: 0.9px; } .article-title__date { font-size: 14px; line-height: 20px; } .article-picture .picture { height: 345px; } .article-picture { margin: 20px 0; } .article-content { font-size: 14px; line-height: 20px; } .article-content h2 { font-size: 16px; line-height: 22px; } .article-content p+p {} .article-content ol { padding-left: 21px; } .article-content ul+h2, .article-content ol+h2 { margin-top: 20px; } .article-content ol li>.article-media { left: -20px; width: calc(100% + 20px); } .article-media .picture { height: 470px; } .article-media { margin: 20px 0; gap: 20px 8px; } .article-media--four .picture:first-child { height: 330px; } .article-media--four .picture { height: 300px; } .article-media--three .picture:first-child { height: 330px; } .article-content h2+* { margin-top: 16px; } .article-bottom { padding: 40px 0; } .article-item p { height: 80px; margin: 10px 0; } .article-item .picture { height: 394px; margin-bottom: 10px; } .article-item__desc { font-size: 12px; line-height: 16px; } .article-item__link { font-size: 16px; line-height: 22px; letter-spacing: 0.8px; min-height: inherit; } .article-item__date { font-size: 12px; line-height: 16px; } .article-item__linkMore { font-size: 14px; line-height: 20px; letter-spacing: 0.7px; } .article-controls {} .article-controls .button-controls { font-size: 12px; line-height: 16px; } .feedback-right { display: none; } .feedback-left { width: 100%; padding-right: 0; } .feedback-section .caption { font-size: 16px; line-height: 22px; } .feedback-section .desc { font-size: 14px; line-height: 20px; letter-spacing: 0.1em; } .feedback-controls { max-width: 247px; } .feedback-controls .btn { font-size: 12px; line-height: 16px; } .feedback-questions__link, .feedback-questions__text { font-size: 16px; line-height: 22px; } .feedback-questions__link { gap: 10px; } .blog__item:not(:first-child) .blog__image-link { height: calc(100% - 320px); } .modal-auth .caption { font-size: 16px; line-height: 22px; } .modal-auth .modal__content { padding: 20px; } .modal-login { gap: 16px; } .login-phone__step2, .login-phone__step1 { gap: 16px; } .btn-simple { font-size: 12px; line-height: 16px; } .modal-auth .link { font-size: 12px; line-height: 16px; } .login-phone__steps { font-size: 12px; line-height: 16px; } .text-sending { max-width: 100%; } .card-info { gap: 16px; justify-content: flex-start; } .card-info li { width: auto; min-width: 177px; } .personal-data__col { width: calc(50% - 8px); } .personal-title { white-space: nowrap; } .block-for-changes .personal-title { max-width: 102px; white-space: normal; } .input-cabinet { max-width: 180px; } .select-cabinet { gap: 4px; } .block-cabinet__controls { gap: 16px; letter-spacing: -0.05px; margin-top: 16px; } .block-cabinet__controls .btn-save { max-width: 276px; } .invis-data { padding: 10px 4px 10px 8px; } .input-cabinet .link__icon { display: block; } .input-cabinet .link__text { display: none; } .input-cabinet .link { bottom: 3px; } .btn-change .btn-text { display: block; } .btn-text { display: none; } .your-adress__list li.changes::before { bottom: 50%; margin-bottom: -3px; } .change-password { gap: 20px; } .change-password .input-cabinet { max-width: 280px; } .check-block label::before { top: 2px; } .section-cabinet__caption { font-size: 16px; line-height: 22px; letter-spacing: 3.2px; } .cabinet-favorites__title { font-size: 16px; line-height: 20px; } .cabinet__empty p { max-width: 291px; } .cabinet__empty { font-size: 12px; line-height: 16px; } .cabinet-favorites__list { gap: 16px; margin-bottom: 30px; } .history-head__list li { font-size: 12px; line-height: 16px; } .history-head__list { grid-template-columns: 1fr 1fr 180px 1fr 1fr; } .cabinet-table .picture { width: 100%; height: 147px; grid-row: 1/3; } .cabinet-table__name { font-size: 14px; line-height: 20px; } .price-block .current { font-size: 16px; line-height: 22px; } .price-block .old { font-size: 14px; line-height: 20px; } .cabinet-table__row { display: grid; grid-template-columns: 108px 1fr 108px; gap: 5px 10px; align-items: flex-start; grid-template-rows: 1fr 1fr; align-items: flex-end; } .cabinet-table__col:nth-child(2) { grid-row: 1/2; grid-column: 2/2; } .cabinet-table__col:nth-child(3) { grid-row: 2/2; grid-column: 2/2; } .cabinet-table__col:nth-child(3) .cabinet-table__list { justify-content: flex-start; } .cabinet-table__col:last-child { grid-row: 2/2; } .cabinet-table__list { flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; gap: 5px; } .cabinet-table__col { gap: 5px; } .price-block { gap: 10px; flex-direction: column; } .cabinet-style { padding: 16px; } .cabinet-table { margin-bottom: -8px; } .chat-row { font-size: 12px; line-height: 16px; } .answer-company__btn, .btn-comments, .btn-appeal-close { font-size: 12px; line-height: 16px; } .fileLoad label { font-size: 12px; line-height: 16px; } .connection-form__controls { margin-top: 6px; } .connection-form__controls .btn-simple { max-width: 100%; margin-top: 10px; } .chat-section__title { font-size: 12px; line-height: 16px; } .chat-section__th { font-size: 14px; line-height: 20px; } .application-closed__text { font-size: 12px; line-height: 16px; } .chat-section__head { grid-template-columns: 90px 1fr; } .chat-row { grid-template-columns: 90px 1fr; } .chat-td { padding: 16px 0; } .chat-row__controls { padding-bottom: 16px; } .answer-company { font-size: 12px; line-height: 16px; } .blog__item:not(:first-child) .blog__image-link { height: calc(100% - 320px); } .reviews-section .caption { font-size: 16px; line-height: 22px; } .reviews-section { padding: 15px 0; } .reviews-date { font-size: 10px; line-height: 14px; } .reviews-name { font-size: 12px; line-height: 16px; } .reviews-buy { font-size: 12px; line-height: 16px; } .reviews-text { font-size: 10px; line-height: 14px; height: 70px; } .reviews-buy__product { font-size: 10px; line-height: 14px; } .reviews-list { margin-top: 20px; gap: 10px; } .reviews-controls { margin-top: 36px; } .send-feedback .caption { font-size: 16px; line-height: 22px; } .send-feedback__form { margin-top: 20px; } #modal-review-more .reviews-text { font-size: 12px; line-height: 16px; } .reviews-text__map { font-size: 12px; line-height: 16px; } .modal-review-succes__caption { font-size: 16px; line-height: 22px; } #modal-review-success .modal__container { max-width: 432px; } .modal-review-succes__link { max-width: 280px; } .basic-wardrobe__link { font-size: 14px; } .basic-wardrobe__link { bottom: 10px; } .basic-wardrobe { padding: 20px 0 40px; } .basic-wardrobe__list { margin-top: 20px; } .basic-wardrobe__item { width: calc(50% - 10px); } .partners-section__row { flex-wrap: wrap; } .partners-info { font-size: 14px; line-height: 22px; } .contacts-section__left { width: 100%; max-width: 100%; } .contacts-section__right { width: 100%; max-width: 100%; margin-top: 30px; } .partners-form .controls .btn { max-width: 195px; } .partners-form .controls { max-width: 100%; } .partners-form .controls .desc { font-size: 12px; line-height: 16px; } .partners-form .controls .check-block label { font-size: 12px; line-height: 16px; } .contacts-section .caption { font-size: 14px; line-height: 20px; } #modal-succes .modal__container, #modal-number-confirmation .modal__container { padding: 16px; } #modal-succes .modal__close, #modal-number-confirmation .modal__close { right: 16px; top: 16px; } .contacts-list { font-size: 12px; line-height: 16px; } .contacts-item__head { font-size: 12px; line-height: 16px; } .contacts-section__row { flex-wrap: wrap; padding-top: 10px; } .main-block { margin-top: 64px; } .breadcrumbs__wrapper { margin: 80px 0 6px; } } @media (max-width: 992px) { .ordering .col-sm-9 { width: 100% !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-button.bx-soa-button-colored, .ordering-info .ordering__policy { display: none; visibility: hidden; } #bx-soa-orderSave { display: block; visibility: visible; position: sticky; width: 100%; left: 0; bottom: 0; background-color: #fff; box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); } .bx-soa-orderSave-button { display: flex; align-items: center; gap: 10px; } .bx-soa-orderSave-wrapper { padding: 10px 16px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-orderSave .bx-soa-button.bx-soa-button-colored { background-color: #b25c2d !important; border-color: #b25c2d !important; color: #fff; padding: 8px 12px; font-family: 'Winston'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; text-transform: uppercase; min-width: 237px; border-radius: 0; margin: 0 !important; } .ordering__policy { margin: 0; font-size: 10px; line-height: 14px; } } @media (max-width: 991px) { .lookbooks__button { font-size: 14px; line-height: 20px; } .lookbooks__button span { margin-left: 8px; } .card__left { width: 50%; } .card-content__parameter-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-content__parameter-header p { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .card-content__parameter-header p.error { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .card-content__table-button { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 10px; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0; text-align: left; } .card__content { width: 47.25%; } .caralog-filter__checkboxes { width: 100%; gap: 10px; } .caralog-filter__wrap { gap: 10px; } .blog__list { grid-template-columns: repeat(3, 1fr); } .lookbook-inner__list { -ms-grid-columns: 1fr 16px 1fr; grid-template-columns: repeat(2, 1fr); gap: 16px; } .span-row-4 { -ms-grid-row-span: 1; grid-row: span 1 / auto; } .span-row-2 { -ms-grid-row-span: 1; grid-row: span 1 / auto; } .lookbook-inner__products { right: 0; } .lookbook-inner__item-right.span-row-2 .lookbook-inner__products { top: auto; bottom: 40px; margin-top: 0; margin-bottom: 20px; } .lookbook-inner__item-right.lookbook-inner__item-left .lookbook-inner__products { right: auto; left: 0; } .lookbook-inner__item-left.lookbook-inner__item-right-left .lookbook-inner__products { right: 0; left: auto; } .basket-good__price { display: block; text-align: center; } .basket-good__price .old { margin-bottom: 5px; } .basket-good__info { -ms-flex-preferred-size: 51.4%; flex-basis: 51.4%; } .basket-good__title h2, .basket-good__price .old { font-size: 14px; line-height: 20px; } .basket-good__subtitle, .basket-good__color .name, .basket-good__size p, .counter__input { font-size: 12px; line-height: 16px; } .basket-good__title h2, .basket-good__subtitle { margin-bottom: 5px; } .basket-good__clicker, .basket-good__clicker svg { width: 16px; height: 16px; } .basket-good__counter { max-width: 92px; } .basket-good__price span { font-size: 16px; line-height: 22px; } .basket-good__color span, .basket-good__size span { font-size: 10px; line-height: 14px; } .basket-good__size { white-space: nowrap; } .lookbooks__button:hover span, .lookbooks__button:focus span { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: 8px; } .table-popup { min-width: auto; width: 100%; max-height: 100%; max-width: calc(100% - 30px); } .about-form__wrapper { display: block; } .about-form__info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; margin-bottom: 20px; } .about-form__title { margin: 0; } .about-form__input { width: 340px; } .about-form__submit { margin-left: auto; padding: 9px; width: calc(100% - 389px); } .table-popup__content table td { font-size: 12px; line-height: 18px; padding: 10px 5px; min-width: 120px; } .order-page .footer__wrapper { padding-bottom: 30px; } #modal-banner p { font-size: 18px; line-height: 24px; } #modal-banner .modal-banner__percent { font-size: 64px; line-height: 70px; } #modal-banner .modal__container { height: 380px; } #modal-banner .modal-banner__btn { font-size: 12px; line-height: 16px; } } @media (max-width: 768px) { .article-controls { padding-bottom: 0; } .container, .container-v2 { padding: 0 16px; } .section { margin: 40px 0; } .title-big { font-size: 22px; line-height: 30px; } .title-medium { font-size: 18px; line-height: 24px; } .button { padding: 9px 31.5px; } .header__nav { left: -16px; width: calc(100% + 32px); padding: 20px 16px; } .header__nav-item div, .header__sublist-item a, .header__nav-item>a { font-size: 14px; line-height: 20px; } .header__sublist-item:not(:last-child) { margin-bottom: 15px; } .header__sublist { padding-bottom: 15px; } .header__search { padding: 13px 16px; } .header__search-results-list li:not(:last-child) { margin-bottom: 9px; } .header__search-results-list li:not(:last-child) a { padding-bottom: 10px; } .header__search-results-list { padding-top: 10px; padding-bottom: 10px; } .header__search-input, .header__search-results-list li a { font-size: 14px; line-height: 20px; } .header__search-input { padding-top: 6px; padding-bottom: 6px; } .lookbook__link, .cards-title { margin-bottom: 20px; } .lookbook__more, .cards-title__more { font-size: 14px; line-height: 20px; } .lookbook__list { gap: 16px; } .lookbook__list.lookbook__list-v2 { gap: 12.5px; margin-top: 20px; } .lookbook__list .lookbook__item { max-height: 220px; } .lookbook__list.lookbook__list-v2 .lookbook__item { max-height: 250px; } .lookbook__card { padding: 10px 0 10px 10px; } .lookbook__subtitle { padding: 8px 10px; } .lookbook__subtitle h3, .product-card__left span, .product-card__price span, .offers__subtitle { font-size: 14px; line-height: 20px; } .cards__title, .offers__title { margin-bottom: 20px; } .cards__list, .lookbooks__list { margin: 0 -8px; } .cards__item, .lookbooks__item { margin: 0 8px; } .cards .slick-prev { right: 42px; } .cards .slick-next { right: 8px; } .offers__list { gap: 16px; } .offers__link { height: 150px; } .offers__subtitle { bottom: 16px; padding: 0 10px; } .main-block .slick-next { right: 16px; } .main-block .slick-prev { left: 16px; } .lookbooks__title { margin-bottom: 20px; } .card__left { width: 100%; } .card__wrapper, .card__left { gap: 0 30px; } .card__left { margin-bottom: 40px; } .card__for-wrapper { width: 20.9%; padding: 55.2px 0; } .card__images { width: 74.96%; } .card .swiper-button { left: 26%; } .title-small, .card-content__price { font-size: 16px; line-height: 22px; } .card-content__parameter-header p, .card-content__parameter-button, .card-content__subtitle, .card-content__price span.old { font-size: 14px; line-height: 20px; } .card-content__price--mobile span.old { font-size: 14px; line-height: 20px; } .card-content__color { margin-bottom: 10px; } .card-content__table-button { font-size: 14px; line-height: 20px; } .card-content__add-basket, .card-content__parameteradd-basket { font-size: 12px; line-height: 16px; } .card-content__parameter-header p { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .card-content__parameter-header p.error { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .card-content__table-button { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 0; margin-right: 10px; -ms-flex-preferred-size: auto; flex-basis: auto; } .card-content__parameter-header p.error { font-size: 10px; line-height: 14px; } .card__content { width: 100%; } .card-content__parameter-button { width: 80px; } .card-content__parameter-amount { margin-top: 6px; } .card-content__fixed { position: fixed; background-color: #FFF; -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1); padding: 10px 16px; margin: 0; bottom: 0; left: 0; width: 100%; z-index: 50; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: box-shadow .3s ease-in-out, background-color .3s ease-in-out, position .3s ease-in-out; } .card-content__price { margin-bottom: 0; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card-content__add-basket, .card-content__parameteradd-basket { padding: 9px; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card-content__parameteradd-basket { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; } .card-content__colors { margin-bottom: 20px; } .cards .slick-arrow, .lookbooks .slick-arrow { top: -43px; } .cards .slick-next, .lookbooks .slick-next { right: 8px; } .cards .slick-prev, .lookbooks .slick-prev { right: 42px; } .card-content__faq-content { padding: 20px 16px; } .breadcrumbs__wrapper { margin: 80px 0 7px; } .breadcrumbs__item a, .breadcrumbs__item span, .lookbook-inner__back { font-size: 12px; line-height: 16px; } .lookbook-inner__back { margin-bottom: 14px; } .more-catigories__wrapper { padding: 5px 16px 10px 16px; } .more-catigories__title { font-size: 14px; line-height: 20px; } .more-catigories__list li { font-size: 10px; line-height: 14px; } .more-catigories__slider .simplebar-content { gap: 10px; } .more-catigories__item { width: 172px; min-width: 172px; max-width: 172px; } .catalog__wrapper { padding: 10px 0 50px; } .catalog__button-filter, .catalog-sort__button { font-size: 12px; line-height: 16px; } .catalog__button-filter svg, .catalog-sort__button svg { width: 20px; height: 20px; } .catalog-sort__link { font-size: 12px; line-height: 16px; } .catalog-sort__content { padding: 16px; } .catalog-sort__item:not(:last-child) a { padding-bottom: 9px; } .catalog-sort__item:not(:last-child) { margin-bottom: 10px; } .product-card .product-card__images .slick-arrow.slick-next { right: 0; } .product-card .product-card__images .slick-arrow.slick-prev { left: 0; } .product-card__images .slick-dotted.slick-slider { margin: 0; } .catalog__list>ul { gap: 20px 16px; } .catalog__list ul.col-4 .catalog__item { width: calc(25% - 12px); } .catalog__list ul.col-2 .catalog__item { width: calc(50% - 8px); } .catalog__nav-title, .catalog__nav-more, .catalog__nav-item a, .nav__title, .nav__more, .nav__item a { font-size: 12px; line-height: 16px; } .catalog__nav-more, .nav__more { min-width: 223px; } .catalog__nav-list, .nav__list { margin: 0 -10px; margin-left: auto; } .catalog__nav-item a, .nav__item a { padding: 0 10px; } .catalog__list { margin-bottom: 40px; } .product-card__favorite svg { width: 19px; height: 19px; } .catalog__filter { padding: 20px 16px; } .caralog-filter__title h3 { margin-bottom: 10px; } .caralog-filter__wrapper { gap: 16px 35.33px; } .caralog-filter__wrap { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .caralog-filter__content-price .filter__range .form__input { font-size: 10px; line-height: 14px; } .caralog-filter__content-price .filter__variants-range { gap: 10%; } .blog__list { grid-template-columns: repeat(2, 1fr); } .breadcrumbs__dropdown-item a, .breadcrumbs__dropdown-top, .blog__title-category, .blog__article data { font-size: 12px; line-height: 16px; } .breadcrumbs__dropdown-content { padding: 16px; } .breadcrumbs__dropdown-item:not(:last-child) a { padding-bottom: 7px; } .breadcrumbs__dropdown-item:not(:last-child) { margin-bottom: 10px; } .blog__wrapper { padding: 12px 0 40px; } .blog__title { font-size: 16px; line-height: 22px; } .blog__text, .blog__more { font-size: 14px; line-height: 20px; } .blog__article data { margin-bottom: 10px; } .blog__item:first-child .blog__text { -webkit-line-clamp: 3; } .blog__item:first-child .blog__content { padding: 16px; } .blog__item:first-child .blog__title, .blog__item:first-child .blog__text, .blog__item:first-child .blog__title-category { max-width: 78%; } .blog__list { gap: 16px; margin-bottom: 40px; } .blog__content { padding-top: 10px; } .blog__text { -webkit-line-clamp: 4; margin-bottom: 10px; } .search-result__wrapper { padding-bottom: 100px; } .search-result__info { margin-bottom: 20px; } .search-result__info p, .search-result__wrapper, .search-result__info span { font-size: 16px; line-height: 22px; } .article__top { display: block; padding-bottom: 10px; } .article__top-content { margin-top: 20px; } .article__info ul, .article__info ol, .article__info p, .article__info data, .article__info h2 { font-size: 14px; line-height: 20px; } .article__info h1 { font-size: 16px; line-height: 22px; } .article__info p:not(:last-child) { margin-bottom: 16px; } .article__info ol { padding-left: 15px; } .article__info .article__images { gap: 16px; } .article__slider .slick-list { margin: 0 -8px; } .article__slider-item { margin: 0 8px; } .article__slider .slick-arrow { font-size: 12px; line-height: 16px; } .article__slider .slick-list { padding-top: 64px; } .article__news { padding-bottom: 20px; } .buyer h1, .buyer h2 { font-size: 16px; line-height: 22px; } .buyer p, .buyer ul, .buyer ol { font-size: 14px; line-height: 20px; margin-bottom: 16px; } .buyer h2 { margin-bottom: 16px; } .buyer__wrapper { padding: 30px 0 24px; } .buyer__content:not(:last-child) { margin-bottom: 20px; } .lookbook-block__wrapper { padding-top: 7px; } .lookbook-block__item:nth-child(4n+1) .lookbook-block__title { padding-bottom: 20px; } .lookbook-block__item:nth-child(4n+1) { padding-left: 5.2%; } .lookbook-block__title span { font-size: 16px; line-height: 22px; padding: 10px 20px; } .page-lookbook .footer__wrapper { margin-top: 40px; } body.page-lookbook main { margin-bottom: 40px; } .button-top { right: 16px; } .lookbook-inner__products, .lookbook-inner__item-right.span-row-2 .lookbook-inner__products, .lookbook-inner__item.lookbook-inner__item-right .lookbook-inner__products, .lookbook-inner__item-left.lookbook-inner__item-right-left .lookbook-inner__products { right: -15%; } .lookbook-inner__item-right.lookbook-inner__item-left .lookbook-inner__products { right: auto; left: -40%; } .lookbook-inner__item.lookbook-inner__item-left .lookbook-inner__products { left: -40%; } .lookbook-inner__item-left.lookbook-inner__item-right-left .lookbook-inner__products { left: auto; } .basket__wrapper { padding: 18px 0 40px; } .basket__title, .catalog__title { font-size: 16px; line-height: 22px; } .basket-good__illustration { max-width: 60px; } .basket-good__delete svg { width: 16px; height: 16px; } .basket-order__amount p, .basket-order__amount span, .basket-order__sum p, .basket-order__submit { font-size: 12px; line-height: 16px; } .basket-order__promo span { font-size: 10px; line-height: 14px; } .basket-order__sum span { font-size: 16px; line-height: 22px; } .basket__order { margin-top: 22px; gap: 10px; } .basket-order__submit { max-width: 237px; min-width: 237px; } .basket-order__input { max-width: 200px; } .basket__empty p { font-size: 12px; line-height: 16px; } .basket__empty a { max-width: 248px; font-size: 12px; line-height: 16px; } .not-found__title { margin-bottom: 20px; font-size: 22px; line-height: 30px; } .not-found__text { margin-bottom: 20px; font-size: 16px; line-height: 22px; } .not-found__link { max-width: 280px; font-size: 12px; line-height: 16px; } .basket-order__left { width: 338px; } .ordering-form__submit { padding: 10px 16px; } .ordering-form__submit input { font-size: 12px; line-height: 16px; } .ordering-form__info { font-size: 10px; line-height: 14px; } .ordering__container { display: block; } .ordering__title { font-size: 16px; line-height: 22px; } .ordering-form__wrapper { grid-template-columns: repeat(2, 1fr); } .ordering-delivery__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } .ordering-delivery__item:not(:last-child) { margin-bottom: 0; } .ordering-delivery__error { font-size: 10px; line-height: 14px; } .ordering-form__wrapper-v2 { -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; grid-template-columns: repeat(4, 1fr); gap: 20px; } .ordering-form__wrapper-v2 .ordering-form__item:last-child { -ms-grid-column-span: 4; grid-column: span 4; } .add-basket__title .caption { font-size: 16px; line-height: 22px; } .add-basket__button { font-size: 12px; line-height: 16px; } .ordering .container, .breadcrumbs .container { padding: 0 16px; } .ordering .sale-order-ajax-wrapper { padding: 18px 0 0; } .ordering-info__title { font-size: 14px; line-height: 20px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total-line { margin-bottom: 10px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info.bx-soa-cart-total .bx-soa-cart-total-line-total { margin-top: 8px; padding-top: 12px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t { font-family: 'Winston'; font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; color: #333; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-d { font-family: 'Winston'; font-style: normal; font-weight: 500; font-size: 16px !important; line-height: 22px; color: #333333; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-section-title { font-size: 14px; line-height: 20px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-sidebar-mobile { margin-bottom: 8px !important; } .ordering__wrap .bx-sls .bx-ui-sls-fake, .ordering__wrap .bx-sls .bx-ui-sls-route { font-size: 12px; line-height: 16px; top: 0; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-authform-label-container, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-customer-label, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-custom-label, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .form-group label { margin-bottom: 8px; } #bx-soa-properties .bx-soa-customer { gap: 3px 20px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-section-title, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-goods .bx-soa-section-title { font-size: 14px; line-height: 20px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-goods .bx-soa-section-title { margin-bottom: 16px; } .basket-good__title h2 { font-size: 16px; line-height: 22px; } .basket-good__subtitle, .basket-good__color .name, .basket-good__size p, .counter__input { font-size: 14px; line-height: 20px; } .basket-good__color span, .basket-good__size span { font-size: 12px; line-height: 16px; } .basket-good__price .old { font-size: 18px; line-height: 24px; } .basket-good__price .old { margin-bottom: 10px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-properties .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx_soa_location .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner { font-size: 10px; line-height: 14px; } .about__title, .about__info h2, .about-history__title, .about-articles__title { font-size: 16px; line-height: 22px; } .about__wrapper { padding: 17px 0 20px; } .about-info__text p, .about-history__text { font-size: 14px; line-height: 20px; } .about__info h2, .about-info__text p:not(:last-child) { margin-bottom: 16px; } .about-history__date { font-size: 22px; line-height: 30px; } .about-history__item { gap: 40px; } .about-history__title { margin-bottom: 32px; } .about-history__link { font-size: 12px; line-height: 16px; } .about-articles__wrapper { padding: 20px 0; } .about-articles__list { gap: 20px 16px; -ms-grid-columns: 1fr 16px 1fr; grid-template-columns: repeat(2, 1fr); } .card-content__faq-left { margin-bottom: 4px; } .card-content__faq-wrap:not(:last-child) { margin-bottom: 9px; } .table-popup { padding: 16px 16px 0; } .table-popup__list { gap: 16px; margin-bottom: 15px; } .table-popup__button { font-size: 14px; line-height: 20px; padding: 10px; } .table-popup__close { top: 16px; right: 16px; } .about-form { margin: 20px 0 40px; } .about-form__title { font-size: 16px; line-height: 22px; } .about-form__text, .about-form__success { font-size: 14px; line-height: 20px; } .about-form__submit { font-size: 12px; line-height: 16px; } .footer__top { display: block; } .footer__info, .footer__form { width: 100%; } .footer__info { padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.5); } .footer__nav { gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__form { padding-top: 20px; } .footer__nav-item a, .footer__form-info .caption { font-size: 16px; line-height: 22px; } .footer__logo { margin-bottom: 16px; } .footer__nav { gap: 50px; margin-bottom: 20px; } .footer__socials a, .footer__socials a svg { width: 32px; height: 32px; } .footer__form-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .footer__form-info .caption { margin: 0; } .footer__form-info p { font-size: 14px; line-height: 20px; } .footer-form__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } .footer-form__text { font-size: 10px; line-height: 14px; } .footer-form__submit { font-size: 12px; line-height: 16px; margin: 0; } .footer-form__item { width: 36.2%; } .footer-form .subscribe-form-item.subscribe-form-item--btn-submit { width: 30.5%; } .footer-form__text { width: 30.4%; } .footer-form__item:not(:last-child) { margin: 0; } .footer__top { padding-bottom: 20px; } .footer__links a, .footer__copy { font-size: 14px; line-height: 20px; } .footer__bottom { padding-top: 20px; } .footer__links { gap: 15px 21px; max-width: none; margin-bottom: 20px; } .success__text { font-size: 16px; line-height: 22px; } .success__wrapper { padding: 19px 0; } .success__close { right: 16px; width: 24px; height: 24px; } .success__close svg { width: 14px; height: 14px; } .table-popup__content table td { font-size: 10px; line-height: 14px; min-width: 80px; } .table-popup__content h3, .table-popup__content h2 { margin: 12px 0; font-size: 14px; line-height: 20px; } .cookie__wrapper { padding: 10px 16px; } .cookie__text { font-size: 10px; line-height: 14px; } .cookie__button { min-width: 180px; width: 180px; font-size: 12px; line-height: 18px; padding: 8px; } .cookie__wrapper { gap: 30px; } .sitemap { margin: 84px 0 24px; } .sitemap li, .sitemap .bx_sitemap>ul li a, .sitemap .bx_sitemap>ul li>ul li { font-size: 14px; line-height: 20px; } .sitemap li::before, .sitemap .bx_sitemap>ul li::before, .sitemap .bx_sitemap>ul li>ul li:before { top: 6px; } .content.p-90.mb-140 .content__inner { padding: 0 16px; } .caralog-filter__checkboxes { display: block; } .caralog-filter__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: repeat(2, 1fr); gap: 6px 20px; } .caralog-filter__title h3 { margin-bottom: 0; } .caralog-filter__title svg { display: block; visibility: visible; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .caralog-filter__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .caralog-filter__title { padding-bottom: 11px; } .caralog-filter__list, .caralog-filter__content-price { padding-bottom: 8px; } .caralog-filter__item, .caralog-filter__price { margin-bottom: 12px; border-bottom: 1px solid #808080; } .caralog-filter__wrap { display: block; } .caralog-filter__wrapper { gap: 0; } .caralog-filter__price { max-width: none; overflow: hidden; } .caralog-filter .simplebar-track.simplebar-horizontal { display: none; } .caralog-filter__content-price .filter__variants-range { gap: 56px; } .caralog-filter__content-open, .caralog-filter__item-size .caralog-filter__list { display: none; } .caralog-filter__title[aria-expanded="true"]+.caralog-filter__content-open { display: block; } .caralog-filter__item-size .caralog-filter__list { gap: 6px 20px; } .caralog-filter__title[aria-expanded="true"]+.catalog-filters__body .caralog-filter__content-open, .caralog-filter__title[aria-expanded="true"]+.catalog-filters__body .caralog-filter__content-open .caralog-filter__list { display: -ms-grid; display: grid; } .caralog-filter__title[aria-expanded="true"] svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .caralog-filter__title.active h3 { position: relative; } .caralog-filter__title.active h3::before { position: absolute; content: ''; top: 50%; right: -12px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 6px; height: 6px; border-radius: 50%; z-index: 3; background-color: #b25c2d; } .catalog__filter { position: fixed; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; overflow: auto; } .catalog__filter.active { z-index: 1100; } .caralog-filter__content-sort { margin-bottom: 13px; } .caralog-filter__wrapper { max-height: none; overflow: auto; padding: 0; } .caralog-filter__buttons::before { display: none; } .caralog-filter__buttons { position: static; bottom: 0; left: 0; width: 100%; padding: 0; background-color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .caralog-filter__form { position: relative; } .caralog-filter__close svg { width: 24px; height: 24px; } .caralog-filter__close { position: static; margin-left: auto; margin-right: 0; margin-top: 0; margin-bottom: 20px; } .caralog-filter__wrapper .simplebar-content { gap: 0; } .caralog-filter__box.caralog-filter__box-novelties .checkbox+.label { font-size: 12px; line-height: 16px; } .cookie { display: none !important; } .card-content__price--mobile { display: flex; } #modal-banner p { font-size: 16px; line-height: 22px; } #modal-banner .modal-banner__percent { font-size: 54px; line-height: 60px; margin-bottom: 10px; } #modal-banner .pictures .picture:nth-child(2) { display: none; } #modal-banner .pictures .picture { width: 100%; } #modal-banner .modal-banner__btn { max-width: 248px; margin-top: 20px; } #modal-banner .modal__container { max-width: 308px; } .modal-base .modal__container { max-width: auto; width: auto; } .modal-base .modal__content { padding: 70px 15px 30px; min-width: 285px; } .modal-base .modal-banner__percent { font-size: 30px; line-height: 40px; } .modal-base p { font-size: 20px; line-height: 30px; } .modal-base .modal-banner__btn { margin-top: 10px; } .article-section { padding: 7px 0 37px; } .article-title__desc { font-size: 12px; line-height: 16px; } .article-title__caption { font-size: 16px; font-weight: 500; line-height: 22px; letter-spacing: 0.8px; } .article-title__date { font-size: 12px; line-height: 16px; } .article-picture .picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .article-picture .picture { position: relative; height: auto; padding-top: calc(150 / 320 * 100%); display: block; } .article-content { font-size: 12px; line-height: 16px; } .article-content h2 { font-size: 14px; line-height: 20px; } .article-content ol { padding-left: 18px; } .article-media .picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .article-media .picture { position: relative; height: auto; padding-top: calc(180 / 140 * 100%); display: block; } .article-media--four .picture:first-child { height: auto; padding-top: calc(130 / 288 * 100%); } .article-media--four .picture { height: auto; padding-top: calc(131 / 110 * 100%); } .article-media--three .picture:first-child { height: auto; padding-top: calc(130 / 288 * 100%); } .article-controls { padding-top: 22px; } .article-bottom { display: none; } .article-controls .button-controls svg { width: 20px; height: 20px; } .article-controls .button-controls { font-size: 10px; line-height: 14px; gap: 5px; display: none; } .article-controls .button-controls.button-back { display: flex; } .title-page h1 { font-size: 20px; line-height: 30px; margin: 0; } .product-card__price span.old { font-size: 12px; line-height: 16px; } .text-simple { font-size: 14px; line-height: 20px; } .feedback-section .caption { font-size: 14px; line-height: 20px; } .feedback-section .desc { font-size: 12px; line-height: 16px; margin-top: 22px; } .feedback-form { margin-top: 16px; } .feedback-input+.feedback-input { margin-top: 17px; } .feedback-controls { max-width: 100%; margin-top: 13px; width: 100%; } .feedback-questions { flex-wrap: wrap; justify-content: center; text-align: center; gap: 10px; } .card-content__title { padding: 0; margin-top: 5px; } .feedback-questions__text { width: 100%; } .feedback-questions__link, .feedback-questions__text { font-size: 14px; line-height: 17px; } .blog__list { grid-template-columns: 1fr; } .blog__item:not(:first-child) .blog__image-link { height: inherit; } .blog__item:first-child { grid-column: span 1; } .blog__item { max-height: calc(100vh - 228px); position: relative; min-height: 320px; } .blog__item .blog__content { position: absolute; width: 100%; height: 100%; padding: 16px !important; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 5; color: #fff; } .blog__more, .blog__title-category, .blog__article data, .blog__title { color: #fff; } .blog__text::before { display: none; } .blog__item .blog__text { max-width: 78%; margin-bottom: 0; } .blog__item .blog__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 20px; margin-top: 0; } .modal-auth .caption { font-size: 14px; line-height: 20px; } .menu-cabinet li a { font-size: 12px; line-height: 16px; } .menu-cabinet { margin-top: 20px; } .cabitet-title { font-size: 12px; line-height: 16px; } .card-info { font-size: 12px; line-height: 16px; gap: 10px; } .card-info li { width: 100%; justify-content: space-between; } .btn-change .btn-text { display: none; } .personal-data__col { width: 100%; } .personal-data__col+.personal-data__col { margin-top: 10px; } .personal-data__row+.personal-data__row { margin-top: 10px; } .input-cabinet { max-width: 61%; } .block-cabinet__controls p a { display: table; margin-top: 10px } .check-list { gap: 16px; } .check-list .check-block { width: 100%; } .change-password .input-cabinet { max-width: 100%; } .change-password .btn-change .btn-text { display: block; } .change-password .btn-change { margin-left: 0; } .adress__input { width: 100%; } .personal-link { position: absolute; right: 0; bottom: -25px; background: transparent; z-index: 5; } .personal-data__row:has(.personal-link) { margin-bottom: 30px; } .personal-data__row::before { bottom: 4px; } .your-adress__list li .adress { width: 100%; max-width: 75%; } .your-adress__list li::before { bottom: 50%; margin-bottom: -3px; } .cabinet-text { font-size: 12px; line-height: 16px; } .delete-account svg { width: 16px; height: 16px; } .delete-account { font-size: 12px; line-height: 16px; } .block-cabinet svg { width: 16px; height: 16px; } .input-cabinet .link { bottom: 5px; } .select-cabinet.opened { z-index: 7; } .select-cabinet { width: 100%; } .select-list { width: 100%; max-width: 61%; } .gender-item { width: 100%; } .gender-change { flex-wrap: wrap; width: 100%; max-width: 61%; } .section-cabinet__caption { font-size: 14px; line-height: 20px; letter-spacing: 2.8px; } .card-info__title { max-width: 50%; } .personal-data__row { text-align: right; } .cabinet-favorites__title { font-size: 14px; } .cabinet__empty { padding: 30px 0; gap: 20px; } .cabinet-favorites__list { grid-template-columns: repeat(3, 1fr); } .section-cabinet__content { margin-top: 30px; } .history-head__list { display: block; max-width: 100%; } .history-head { flex-wrap: wrap; } .history-head__list li { text-align: left; justify-content: space-between; flex-direction: row; align-items: center; } .history-head__list li+li { margin-top: 16px; } .history-more__txt { display: block; } .history-more__icon { width: 16px; height: 16px; } .history-more { font-size: 12px; line-height: 16px; margin-top: 16px; } .cabinet-table .picture { height: 111px; } .cabinet-table__row { grid-template-columns: 80px 1fr; } .cabinet-table__name { font-size: 12px; line-height: 16px; } .cabinet-table__desc { font-size: 10px; line-height: 14px; } .reviews-list { grid-template-columns: 1fr 1fr; gap: 16px; } .reviews-controls .catalog__nav-list { display: none; } .reviews-controls { margin-top: 16px; min-height: 34px; } .reviews-text { height: inherit; max-height: 56px; } .send-feedback__form .feedback-controls { flex-wrap: wrap; } .send-feedback__form .feedback-controls .btn { max-width: 100%; } .send-feedback__form .feedback-controls p { max-width: 100%; } .send-feedback__form { margin-top: 20px; } .send-feedback__form .desc { font-size: 10px; line-height: 14px; } .loadFile { flex-wrap: wrap; } .lodaFile-text { width: 100%; } #modal-review-more .modal__container { padding: 16px; } #modal-review-more .modal__close { top: 16px; right: 16px; } .reviews-buy { font-size: 10px; line-height: 14px; } .cabinet-table__data { font-size: 8px; line-height: 12px; } .cabinet-table__col:last-child { grid-row: 3/3; grid-column: 2/2; } .price-block { flex-direction: row; } .modal-review-succes__link { max-width: 100%; min-width: inherit; width: 100%; } .modal-review-succes__caption { font-size: 14px; line-height: 20px; } .modal-review-succes__text { font-size: 12px; line-height: 16px; } .cabinet-table__row { align-items: flex-start; grid-template-rows: 1fr; } .answer-company { flex-wrap: wrap; } .answer-company__text { width: 100%; flex: auto; } .connection-block .label { font-size: 12px; line-height: 16px; } .connection-form__close { top: 2px; } .modal-review-succes__link { font-size: 12px; line-height: 16px; } .select2-dropdown { width: 146px !important; margin-left: -11px; } .basic-wardrobe__list { flex-wrap: wrap; gap: 10px; } .basic-wardrobe__item { width: 100%; } .basic-wardrobe__item .picture { padding-top: calc(120 / 288 * 100%); } .basic-wardrobe__item .picture img { object-fit: cover; } .basic-wardrobe__link { font-size: 12px; display: flex; width: 100%; justify-content: center; gap: 5px; } .article-controls { display: none; } .news-controls__link svg { width: 16px; height: 16px; min-width: 16px; } .news-controls__link { font-size: 12px; gap: 3px; } .news-controls { margin-top: 30px; } .partners-section__row { padding-top: 0; } .partners-list { font-size: 12px; line-height: 16px; } .modal-simple .caption { font-size: 14px; line-height: 20px; } .modal-simple__text { font-size: 12px; line-height: 16px; } #modal-succes .modal__close, #modal-number-confirmation .modal__close { top: 12px; } .modal-simple { gap: 16px; } .modal-simple__text+.modal-simple__text { margin-top: -8px; } .modal__close svg { width: 24px; height: 24px; } .contacts-section__row { padding-top: 14px; } .contacts-section__col+.contacts-section__col { margin-top: 24px; } .contacts-section .caption { margin-bottom: 16px; } .contacts-section { padding: 20px 0; } .contacts-section .caption { font-size: 12px; line-height: 16px; } .basic-wardrobe__item+.basic-wardrobe__item { margin-top: 20px; } .basic-wardrobe__item .cards-title__title { margin-bottom: 10px; } .cards-index .invis-picture { pointer-events: none; } .cards-index .product-card__link .swiper-pagination { display: none !important; } .header__sublist-item a { position: relative; width: 100%; display: block; } } @media (max-width: 660px) { .catalog__button-switch svg:last-child { display: block; visibility: visible; } .catalog__button-switch svg:first-child, .catalog__results { display: none; visibility: hidden; } .catalog__list ul.col-2 .catalog__item { width: 100%; } .catalog__list ul.col-4 .catalog__item { width: calc(50% - 8px); } .basket-good__info, .basket-good__info-right { display: block; } .basket-good__size p, .basket-good__size span { text-align: left; } .basket-good__size p { margin: 0; } .basket-good__size { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; } .basket-good { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } .basket-good__illustration { padding-bottom: 35px; } .basket-good__delete { position: absolute; top: 0; right: 0; z-index: 10; } .basket-good__price { margin-top: auto; } .basket-good__counter { position: absolute; left: 0; bottom: 10px; max-width: 60px; padding: 3px 4px; max-height: 20px; } .basket__title, .catalog__title, .basket-good__price span { font-size: 14px; line-height: 20px; } .basket-good__title h2, .basket-good__price .old { font-size: 12px; line-height: 16px; } .basket-good__subtitle, .basket-good__color .name, .basket-good__size p, .counter__input { font-size: 10px; line-height: 14px; } .basket-good__color span, .basket-good__size span { font-size: 8px; line-height: 12px; } .basket-good__color { gap: 3px; margin-bottom: 5px; } .basket-good__size:not(:last-child) { margin-bottom: 5px; } .basket-good__clicker, .basket-good__clicker svg { width: 14px; height: 14px; } .basket-good__info { -ms-flex-preferred-size: auto; flex-basis: auto; } .basket-good__price { white-space: nowrap; } .basket__order, .basket-order__right { display: block; } .basket-order__left { margin-bottom: 16px; } .basket-order__left { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .add-basket { max-width: calc(100% - 32px); } .table-popup { width: 100%; max-width: none; max-height: 100%; } .footer__nav { display: block; margin-bottom: 16px; } .footer__nav-list:not(:last-child) { margin-bottom: 16px; } .footer__logo { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 12px; } .footer__nav-item a { margin: 0 auto; text-align: center; font-size: 14px; line-height: 20px; } .footer__socials { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__form-info { display: block; } .footer__form-info .caption { margin-bottom: 10px; } .footer__nav-item a, .footer__form-info .caption { font-size: 14px; line-height: 20px; } .footer__form-info p, .footer__copy { font-size: 12px; line-height: 16px; } .footer-form__wrapper { display: block; } .footer-form .subscribe-form-item.subscribe-form-item--btn-submit { width: 100%; } .footer-form__item, .footer-form__submit, .footer-form__text { width: 100%; } .footer-form__item:not(:last-child) { margin-bottom: 10px; } .footer-form__submit { font-size: 10px; line-height: 14px; margin-bottom: 10px; } .footer__links { display: block; } .footer__links a { width: fit-content; text-align: center; margin: 0 auto; font-size: 12px; line-height: 16px; } .footer__links li:not(:last-child) { margin-bottom: 15px; } .footer__copy { text-align: center; } .footer__nav-list { justify-content: center; } } @media (max-width: 576px) { .title-big { font-size: 18px; line-height: 24px; } .title-medium { font-size: 16px; line-height: 22px; } .title-small { font-size: 14px; line-height: 20px; } .header__nav { top: 48px; max-height: calc(100vh - 48px); } .header__nav-item div, .header__sublist-item a, .header__nav-item>a { font-size: 12px; line-height: 16px; } .header__search { padding: 8px 16px; gap: 12px; top: 49px; } .header__search-submit, .header__search-close { right: 16px; } .header__search-input { padding: 8px 40px 8px 14px; } .header__search-results-list { padding: 14px 16px; } .header__search-input, .header__search-results-list li a { font-size: 12px; line-height: 16px; } .lookbook__more, .cards-title__more { font-size: 12px; line-height: 16px; } .lookbook__list { display: block; } .lookbook__list .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .lookbook__list .slick-dots { position: static; margin-top: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lookbook__list .slick-dots li button { padding: 0; width: 5px; height: 5px; background-color: rgba(51, 51, 51, 0.3); border-radius: 50%; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .lookbook__list .slick-dots li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 10px; height: 10px; margin: 0 2.5px; } .lookbook__list .slick-dots li.slick-active button { background-color: #333; } .lookbook__list .slick-dots li button::before { display: none; } .lookbook__list .lookbook__item, .lookbook__list.lookbook__list-v2 .lookbook__item { max-height: none; } .lookbook__list .lookbook__item { height: 100%; } .product-card__price span.new { margin-right: 8px; } .product-card__price span, .product-card__price span.old, .product-card__left span { font-size: 10px; line-height: 14px; } .lookbook__subtitle h3, .offers__subtitle { font-size: 12px; line-height: 16px; } .product-card__add-basket svg { width: 20px; height: 20px; } .product-card__add-basket.product-card__add-basket-active .amount { width: 12px; height: 12px; font-size: 6px; line-height: 9px; } .cards__list, .lookbooks__list, .lookbooks__title { padding-left: 16px; } .cards__list .slick-list, .lookbooks__list .slick-list { padding-right: 16px; } .cards__list .product-card__link .slick-list { padding-left: 0; padding-right: 0; } .cards, .lookbooks { overflow: hidden; } .cards .container, .lookbooks .container { padding: 0; } .cards__title { margin: 0 16px 22px; } .cards__title .title { max-width: none; } .cards .slick-arrow { display: none; visibility: hidden; } .product-card .product-card__images .slick-arrow { display: block; visibility: visible; } .offers__list { grid-template-columns: repeat(1, 1fr); } .offers__link { height: 120px; } .offers__subtitle { bottom: 10px; } .main-block .slick-next { right: 0; } .main-block .slick-prev { left: 0; } .main-block .container { padding-bottom: 20px; } .main-block__title { margin-bottom: 12px; } .header__left, .header__buttons { gap: 12px; } .header__logo svg { width: 100px; height: 20px; } .header__buttons-item-pa { display: none; visibility: hidden; } .header__wrapper { padding: 11px 0; } .lookbooks__button { font-size: 12px; line-height: 16px; } .card .container { padding: 0; } .card-content__descr, .card-content__title, .card-content__color, .card-content__subtitle, .card-content__faq, .card-content__parameters { padding: 0 16px; } .card-content__title, .card-content__color span, .card-content__color span.color, .card-content__parameter-header p, .card-content__table-button, .card-content__subtitle { font-size: 18px; line-height: 24px; } .card-content__slider { padding-left: 16px; } .card__for-wrapper { display: none; visibility: hidden; } .card__images { width: 100%; } .card__images .swiper-pagination, .card__back { display: block; visibility: visible; } .card__images .swiper-pagination .swiper-pagination-bullet { width: 5px; height: 5px; background-color: #333; } .back { display: none; visibility: hidden; font-size: 10px; line-height: 14px; padding: 0 16px; margin: 60px 0 5px; } .back.article-back { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; } .card__wrapper { margin-top: 73px; } .header__info p { font-size: 10px; line-height: 14px; } .card__back { position: absolute; top: 10px; left: 10px; z-index: 10; } .card__favorite { top: 14px; right: 14px; } .card__favorite svg { width: 18px; height: 16px; } .card__left { margin-bottom: 16px; } .card-content__price { font-size: 14px; line-height: 20px; } .card-content__descr { margin-bottom: 6px; } .card-content__price--mobile span.old, .card-content__price span.old { font-size: 12px; line-height: 16px; } .card-content__title { margin-bottom: 10px; } .card-content__descr { margin-bottom: 5px; } .card-content__color { margin-bottom: 10px; } .card-content__price--mobile { margin-bottom: 16px; } .card-content__parameters { margin-bottom: 16px; } .card-content__parameter:not(:last-child) { margin-bottom: 16px; } .card-content__parameter-header { margin-bottom: 10px; } .card-content__parameter-header p.error { font-size: 12px; line-height: 16px; } .card-content__parameter-growth .card-content__parameter-button, .card-content__parameter-button { width: 64px; padding: 4px; } .card-content__parameter { width: 100%; } .card-content__parameter-amount { margin-top: 1px; } .card-content__subtitle { margin-bottom: 7px; font-size: 14px; line-height: 20px; } .card-content__faq-header { padding: 10px 0; } .card-content__faq-item:not(:last-child) { margin-bottom: 3px; } .card-content__colors { margin-bottom: 17px; } .card-content__price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2px; } .card-content__price { -ms-flex-preferred-size: auto; flex-basis: auto; padding: 0 12px; margin-right: 5px; } .card-content__add-basket, .card-content__parameteradd-basket { -ms-flex-preferred-size: auto; flex-basis: auto; padding: 9px 16px; } .card-content__fixed { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-content__faq-wrap { display: block; } .card-content__faq-content { padding: 16px; } .card-content__faq-wrap h3 { margin-bottom: 10px; } .card-content__faq-left { margin-bottom: 10px; } .card-content__faq-wrap:not(:last-child) { margin-bottom: 14px; } .breadcrumbs__wrapper { margin: 80px 0 7.5px; } .breadcrumbs__list { gap: 10px 44px; } .breadcrumbs__item a, .breadcrumbs__item span { font-size: 10px; line-height: 14px; } .more-catigories__slider { padding-top: 7px; } .more-catigories__title { font-size: 12px; line-height: 16px; } .more-catigories__item { width: 130px; min-width: 130px; max-width: 130px; } .catalog__buttons { gap: 16px; } .catalog__button-filter, .catalog-sort__button { font-size: 10px; line-height: 14px; } .catalog-sort__link { font-size: 10px; line-height: 14px; } .catalog-sort__content { padding: 10px; } .catalog-sort__item:not(:last-child) { margin-bottom: 8px; } .catalog-sort__item:not(:last-child) a { padding-bottom: 7px; } .product-card__images .slick-dots { bottom: 10px; } .product-card__images .slick-dots li button:before { display: none; } .product-card__images .slick-dots li { width: auto; height: auto; } .product-card__images .slick-dots li button { width: 5px; height: 5px; padding: 0; border-radius: 50%; background-color: #333; -webkit-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in; opacity: 0.3; } .product-card__images .slick-dots li.slick-active button { opacity: 1; } .product-card__colors { margin: -2.5px; } .product-card__color { margin: 2.5px; } .product-card__color a { width: 12px; height: 12px; font-size: 8px; line-height: 12px; } .catalog__nav-list, .nav__list { display: none; visibility: hidden; } .catalog__nav-more, .nav__more { position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .catalog__nav, .nav { gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .catalog__nav-more, .nav__more { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .catalog__nav div, .nav div { width: 100%; } .nav__title, .catalog__nav-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .catalog__nav-title, .nav__title { font-size: 10px; line-height: 14px; } .catalog__nav-more, .nav__more { font-size: 12px; line-height: 18px; padding: 8px; } .catalog__nav-more, .nav__more { min-width: auto; width: 100%; max-width: 288px; margin: 0 auto; } .breadcrumbs__dropdown-item a, .breadcrumbs__dropdown-top, .blog__title-category, .blog__article data { font-size: 10px; line-height: 14px; } .breadcrumbs__dropdown-top svg { width: 20px; height: 20px; } .breadcrumbs__dropdown-content { padding: 10px; top: calc(100% + 4px); right: -2px; } .breadcrumbs__dropdown-item:not(:last-child) { margin-bottom: 8px; } .blog__wrapper { padding: 4px 0 40px; } .blog__list { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 20px; } .blog__item:first-child .blog__wrap { display: block; } .blog__item:first-child { grid-column: auto; height: calc(100vh - 200px); min-height: 400px; } .blog__item:first-child .blog__title, .blog__item:first-child .blog__text, .blog__item:first-child .blog__title-category { max-width: none; } .blog__title-category { margin-bottom: 5px; } .blog__title { font-size: 14px; line-height: 20px; margin-bottom: 5px; } .blog__item .blog__text, .blog__item:first-child .blog__text { margin-bottom: 10px; max-width: 100%; -webkit-line-clamp: 5; } .blog__text, .blog__more { font-size: 12px; line-height: 16px; } .search-result__wrapper { padding-top: 80px; } .search-result__info p, .search-result__wrapper, .search-result__info span { font-size: 14px; line-height: 20px; } .search-result__info span { margin-left: 10px; } .article__wrapper { padding-top: 5px; } .article__info ul, .article__info ol, .article__info p, .article__info data, .article__info h2 { font-size: 12px; line-height: 16px; } .article__info h1 { font-size: 14px; line-height: 20px; } .article__info data, .article__info p:not(:last-child) { margin-bottom: 10px; } .article__content { padding-top: 6px; } .article__info ul, .article__info ol, .article__info ul li:not(:last-child), .article__info ol li:not(:last-child) { margin-bottom: 8px; } .article__info ol { padding-left: 13px; } .article__info .article__images { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 10px; padding: 10px 0; } .article__slider { display: none; visibility: hidden; } .article__news-back { padding-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; visibility: visible; font-weight: 400; font-size: 10px; line-height: 14px; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #333; } .buyer h1 { margin-bottom: 16px; } .buyer h1, .buyer h2 { font-size: 14px; line-height: 20px; } .buyer p, .buyer ul, .buyer ol { font-size: 12px; line-height: 16px; margin-bottom: 10px; } .buyer ol { padding-left: 13px; } .buyer h2 { margin-bottom: 10px; } .buyer__wrapper { padding: 5px 0 30px; } .buyer__content:not(:last-child) { margin-bottom: 16px; } .buyer ul li:not(:last-child), .buyer ol li:not(:last-child) { margin-bottom: 8px; } .lookbook-block__item, .lookbook-block__item:nth-child(2n) { float: none; } .lookbook-block__item { width: 100%; padding: 0; } .lookbook-block__item:nth-child(4n+1), .lookbook-block__item:nth-child(2), .lookbook-block__item:nth-child(4n+6), .lookbook-block__item:nth-child(4n+3), .lookbook-block__item:nth-child(4n+4) { padding: 0; } .lookbook-block__item:not(:last-child) { margin-bottom: 16px; } .lookbook-block__title span { font-size: 14px; line-height: 20px; } .page-lookbook-inner .footer, .page-lookbook-inner .breadcrumbs { display: none; visibility: hidden; } .lookbook-inner__list { display: block; } .lookbook-inner__back { font-size: 10px; line-height: 14px; margin-bottom: 2px; } .lookbook-inner__back span { margin-left: 10px; } .breadcrumbs.hide { display: none; } .lookbook-inner__wrapper { padding: 5px 10px 15px; margin: 90px 0 20px; background-color: #fff; height: auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.33); ; -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.33); ; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.33); } .lookbook-inner__title { display: block; visibility: visible; margin: 0; font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; color: #333; padding-top: 28px; } .lookbook-inner__list .slick-dots { margin: 9px 0; bottom: -28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lookbook-inner__list .slick-dots li button { padding: 0; width: 5px; height: 5px; background-color: rgba(51, 51, 51, 0.3); border-radius: 50%; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .lookbook-inner__list .slick-dots li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 10px; height: 10px; margin: 0 2.5px; } .lookbook-inner__list .slick-dots li.slick-active button { background-color: #333; } .lookbook-inner__list .slick-dots li button::before { display: none; } .lookbook-inner__list.slick-dotted.slick-slider { margin-bottom: 0; max-height: calc(100% - 74px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: calc(100vh - 280px); } .lookbook-inner__subutton { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; padding: 0; } .lookbook-inner__subutton svg { width: 24px; height: 24px; } .lookbook-inner__subutton span.name { display: none; visibility: hidden; } .lookbook-inner .slick-list { overflow: visible; -webkit-transform: none; -ms-transform: none; transform: none; height: 100%; } .lookbook-inner__button { right: 4px; bottom: -27px; } .lookbook-inner .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-transform: none; -ms-transform: none; transform: none; height: 100%; } .lookbook-inner__products { position: fixed !important; bottom: 0 !important; top: auto !important; left: auto !important; right: 0 !important; width: 100%; max-height: calc(100% - 72.8px); overflow: auto; background-color: #fff; display: none; visibility: hidden; opacity: 0; margin-bottom: 0 !important; } .lookbook-inner__products-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; visibility: visible; padding: 10px; } .lookbook-inner__products-title h2 { margin: 0; margin-right: 20px; font-weight: 400; font-size: 12px; line-height: 16px; color: #333; } .lookbook-product__parameter-header-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lookbook-product__parameter-header-button svg { display: block; visibility: visible; margin-left: 5px; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .lookbook-product__parameter.opened .lookbook-product__parameter-header-button svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .lookbook-product__image { width: 100%; min-width: 80px; max-width: 80px; } .lookbook-product__title h2 { font-size: 13px; line-height: 19px; } .lookbook-product__price span { font-size: 12px; line-height: 16px; } .lookbook-product__price span.old { font-size: 10px; line-height: 14px; } .lookbook-product__color a { width: 12px; height: 12px; font-size: 8px; line-height: 12px; } .lookbook-product__colors { margin: -6px; } .lookbook-product__color { margin: 6px; } .lookbook-product__favorite svg, .lookbook-product__add-basket svg { width: 20px; height: 20px; } .lookbook-product__parameter-header p.error { font-size: 8px; line-height: 12px; } .lookbook-product__parameter-header p { font-size: 12px; line-height: 16px; } .page-lookbook-inner .button-top { display: none; visibility: hidden; } .lookbook-product__parameter-list { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -2.5px; margin-top: 8px; } .lookbook-product__parameter.opened .lookbook-product__parameter-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .lookbook-product__parameter-item { margin: 2.5px; } .lookbook-product__parameter-button { padding: 4px 11px; } .lookbook-product__parameter-size .lookbook-product__parameter-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lookbook-product__parameter-size .lookbook-product__parameter-button { width: 64px; } .lookbook-product__parameter-amount { margin-left: 5px; } .lookbook-inner__product, .lookbook-popup__product { padding-right: 50px; } .lookbook-product__wrapper { gap: 10px; } .lookbook-product__wrapper, .lookbook-product__parameter:not(:last-child) { margin-bottom: 10px; } .lookbook-product__parameter-header { margin-bottom: 0; gap: 5px; } .lookbook-inner__button.active .lookbook-inner__products { z-index: 9999; display: block; visibility: visible; opacity: 1; overflow: hidden; } .lookbook-inner__products .simplebar-content-wrapper { overflow: auto !important; } .lookbook-inner__button.active .lookbook-inner__subutton span, .lookbook-inner__subutton:hover span, .lookbook-inner__subutton:focus span { width: auto; margin: 0; } .lookbook-product__favorite, .lookbook-product__add-basket { width: 20px; height: 20px; right: 10px; } .lookbook-mobile { display: block; visibility: visible; } .lookbook-mobile__wrapper { padding: 40px 0; } body.page-lookbook main { margin: 0; padding-top: 20px; } .lookbook-mobile__title { margin-top: 0; margin-bottom: 20px; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.2em; text-transform: uppercase; color: #333; font-family: 'Noah'; padding: 0 16px; } .lookbook-mobile__slider { margin: 0 -5px; padding-left: 16px; } .lookbook-mobile__slider .slick-list { padding-right: 16px; } .lookbook-mobile__slide { margin: 0 5px; position: relative; } .lookbook-mobile__img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lookbook-mobile__subtitle { position: absolute; right: 0; bottom: 10px; padding: 8px 10px; background-color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0px 0px 30px rgba(51, 51, 51, 0.3); box-shadow: 0px 0px 30px rgba(51, 51, 51, 0.3); max-width: calc(100% - 10px); } .lookbook-mobile__subtitle h3 { margin: 0; font-weight: 500; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #333; } .lookbook-mobile .container { padding: 0; } .lookbook-inner { /* padding: 80px 0 10px; */ height: auto; position: relative; width: 100%; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .lookbook-shadow { display: block; visibility: visible; position: absolute; z-index: -1; } .lookbook-inner .container { height: auto; } .lookbook-shadow.lookbook-shadow1 { top: 50px; left: 5px; height: 80%; display: none; } .lookbook-shadow.lookbook-shadow2 { top: 30px; right: -35px; height: 80%; display: none; } .lookbook-shadow.lookbook-shadow3 { bottom: -55px; left: -50px; height: 30%; display: none; } .lookbook-shadow.lookbook-shadow4 { bottom: -45px; right: -45px; height: 40%; display: none; } .page-lookbook-inner { max-height: 100vh; overflow: hidden; } .lookbook-block__item:nth-child(10)~.lookbook-block__item { display: none; visibility: hidden; } .basket-order__amount p, .basket-order__amount span, .basket-order__sum p, .basket-order__submit { font-size: 10px; line-height: 14px; } .basket__order { margin-top: 16px; } .basket-order__amount, .basket-order__sum { margin-bottom: 16px; } .basket-order__sum span { font-size: 14px; line-height: 20px; } .basket-order__submit { max-width: 288px; min-width: auto; width: 100%; } .basket__empty p { font-size: 10px; line-height: 14px; } .basket__empty a { max-width: 288px; min-width: auto; font-size: 10px; line-height: 14px; } .not-found__title { font-size: 18px; line-height: 24px; } .not-found__text { font-size: 14px; line-height: 20px; } .not-found__link { max-width: 288px; font-size: 10px; line-height: 14px; } .not-found__wrapper { padding: 150px 0 100px; } .not-found { height: auto; } .basket-order__promo .cart-promo__coupon span, .cart-promo__delete { font-size: 12px; line-height: 18px; } div.title-search-result { top: 122px !important; width: 100% !important; } .header__search-results { width: 100%; } .add-basket { max-width: none; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; left: 0; bottom: 0; max-height: calc(100vh - 48.8px); } .add-basket__wrapper { padding: 16px; } .add-basket__title .caption { font-size: 14px; line-height: 20px; } .add-basket__close svg { width: 16px; height: 16px; } .add-basket__title, .add-basket__parameters { margin-bottom: 10px; } .add-basket__parameter-header { margin-bottom: 5px; } .add-basket__parameter-list { gap: 5px 10px; } .lookbook-popup { background-color: #fff; } .add-basket__button { padding: 9px; width: 100%; max-width: 288px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lookbook-popup__products-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: static; padding: 10px; } .lookbook-popup__products-title h2 { margin: 0; display: block; visibility: visible; font-weight: 400; font-size: 12px; line-height: 16px; text-align: center; color: #333; } .lookbook-popup__close { width: 16px; height: 16px; } .lookbook-popup__close svg { width: 9px; height: 9px; } .lookbook-popup__wrapper { max-height: 500px; } .ordering__title { font-size: 14px; line-height: 20px; margin-bottom: 20px; } .ordering-info__title { font-size: 12px; line-height: 16px; margin-bottom: 10px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total-line, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t, .ordering__policy { font-size: 10px; line-height: 14px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-d { font-size: 12px !important; line-height: 18px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info .bx-soa-cart-total-line { margin-bottom: 12px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t { font-size: 10px; line-height: 14px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d span { font-size: 14px !important; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-info.bx-soa-cart-total .bx-soa-cart-total-line-total { margin-top: 10px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering__wrap .bx-soa-section-title { font-size: 12px; line-height: 16px; margin-bottom: 8px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-section.ordering__wrap { margin-bottom: 20px; } #bx-soa-properties .form-group:last-child { -ms-grid-column-span: auto; grid-column: auto; } #bx-soa-properties .bx-soa-customer { grid-template-columns: repeat(1, 1fr); } #bx-soa-properties .bx-soa-customer { gap: 0; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-properties .form-group { margin-bottom: 10px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .ordering-properties .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner { font-size: 10px; line-height: 14px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-paysystem-and-delivery { display: block; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-delivery-and-paysystem-item { max-width: none; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-section-title, .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-goods .bx-soa-section-title { font-size: 12px; line-height: 16px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-paysystem-and-delivery { margin: -9px 0 0; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-section-title { margin-bottom: 11px; } .order-delpay .sdek_pvzAddr { margin-top: -5px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-delivery-and-paysystem-item { padding: 0; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-delpay .bx-soa-delivery-and-paysystem-item:not(:last-child) { margin-bottom: 5px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-goods.bx-soa-section { margin-top: -22px; } .order-goods__item .basket-good__illustration { max-width: 80px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .order-goods .bx-soa-section-title { margin-bottom: 8px; } .order-goods__item .basket-good { gap: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .order-goods__item .basket-good__illustration { margin-right: 10px; } .order-goods__item .basket-good__price { margin-top: 10px; position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .order-goods__item .basket-good__price .old { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; } .order-goods__item .basket-good__price .new { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-goods__item .basket-good__illustration { padding-bottom: 0; } .order-goods__item .basket__good { padding-bottom: 9px; } .order-goods__item:not(:last-child) { margin-bottom: 10px; } .bx-soa-orderSave-button { display: block; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 #bx-soa-orderSave .bx-soa-button.bx-soa-button-colored { padding: 7px 12px; font-size: 10px; line-height: 14px; width: 100%; max-width: 288px; margin-bottom: 10px !important; } .button-top { bottom: 110px; } .about__title, .about__info h2, .about-history__title, .about-articles__title { font-size: 14px; line-height: 20px; } .about__wrapper { padding: 8px 0 20px; } .about__title, .about__info { margin-bottom: 16px; } .about-info__text p, .about-history__text { font-size: 12px; line-height: 16px; } .about__info h2, .about-info__text p:not(:last-child) { margin-bottom: 10px; } .about-history__item { gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .about-history__date { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .about-history__text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .about-history__text { text-align: left; } .about-history__item:nth-child(7)~.about-history__item.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-history__date { font-size: 18px; line-height: 24px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .about-history__info { padding-left: 22px; } .about-history__title { margin-bottom: 46px; } .about-history__item:not(:last-child) { margin-bottom: 16px; } .about-history__info::before { -webkit-transform: none; -ms-transform: none; transform: none; top: -11px; left: 5px; height: calc(100% + 11px); } .about-history__info::after { -webkit-transform: none; -ms-transform: none; transform: none; left: -1.5px; top: -28px; } .about-history__item::before { -webkit-transform: none; -ms-transform: none; transform: none; left: -21.5px; top: 7px; } .about-articles__list { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 20px; } .table-popup__list { display: block; } .table-popup__close svg { width: 12px; height: 12px; } .table-popup__close { width: 20px; height: 20px; } .about-form__info { display: block; margin-bottom: 16px; } .about-form__form { flex-wrap: wrap; } .about-form__submit { width: 100%; margin-top: 16px; } .about-form__label { width: 34px; height: 34px; } .about-form__file { margin-right: 0; margin-left: 5px; } .about-form__input { width: calc(100% - 39px); } .about-form__title { font-size: 14px; line-height: 20px; margin-bottom: 10px; } .about-form__text, .about-form__success { font-size: 12px; line-height: 16px; } .about-form__submit { font-size: 10px; line-height: 14px; } .success { min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .success .container { width: 100%; } .success__text { font-size: 14px; line-height: 20px; text-align: left; max-width: 85%; } .success__wrapper { padding: 5px 0; } .cookie__wrapper { display: block; } .cookie__text { margin-bottom: 10px; } .cookie__button { min-width: auto; width: 100%; font-size: 10px; line-height: 14px; padding: 10px; } .card-content__parameter-button { font-size: 12px; line-height: 16px; } .card-content__parameter-header p.error { text-align: left; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 5px; } .col-4 .product-card .product-card__images .slick-arrow { opacity: 0; } .col-4 .product-card .product-card__images:hover .slick-arrow, .col-4 .product-card .product-card__images:focus .slick-arrow { opacity: 1; } .card-content__price--mobile { font-size: 18px; line-height: 24px; padding: 0 16px; } .main-look .lookbook-inner { padding: 10px 0; } .text-simple { font-size: 12px; line-height: 16px; } .text-simple p+p { margin-top: 10px; } .text-simple__btn { font-size: 14px; line-height: 20px; } .card-content__title { padding: 0; } .blog__item .blog__wrap { display: block; } .modal-auth .modal__container { max-width: 100%; } .cabinet-favorites__list { grid-template-columns: repeat(2, 1fr); } .reviews-list { grid-template-columns: 1fr; gap: 16px; } .partners-form .controls .btn { max-width: 100%; } .partners-form .controls { max-width: 100%; } .partners-section__desc { font-size: 10px; line-height: 14px; } .partners-info { font-size: 12px; line-height: 16px; } } @media (max-width: 440px) { .lookbook__list .slick-track { gap: 0; } .lookbook .container { padding: 0; } .lookbook__list .lookbook__item { padding: 0 16px; } .lookbook__card { left: 16px; width: calc(100% - 32px); } .lookbook__link, .cards-title { margin: 0 16px 20px; } .cards-title { padding-left: 0; } } @media (max-width: 374px) { .breadcrumbs__wrapper { display: block; } .breadcrumbs__dropdown { margin-top: 16px; } .breadcrumbs__dropdown-top { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } /* End */ /* Start:/local/markup//css/styles-redesign.css?175621514942881*/ /* все стили для нового дизайна */ .header-new.scroll { background-color: rgba(255, 255, 255, 0.8); } .header-new { position: fixed; top: 0; left: 0; width: 100%; z-index: 9; background-color: #fff; } .header-new__top .container { display: flex; align-items: center; gap: 24px; } .header-new__top { background-color: #5B4C4C; width: 100%; color: #fff; padding: 5px 0; } .header-new__phone::before { content: ""; position: relative; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.78032 4.4715C7.35496 3.87528 7.35959 3.15201 6.7831 2.56041C6.08058 1.839 5.36228 1.13151 4.65048 0.419378C4.47994 0.250616 4.28067 0.119878 4.04803 0.0540291C3.53549 -0.0934043 3.10359 0.0707195 2.73566 0.426784C2.32972 0.818079 1.95064 1.23907 1.53265 1.61645C0.956163 2.14127 0.690163 2.78203 0.718896 3.45151C0.718896 4.15159 0.832896 4.76915 1.06552 5.45717C1.67999 7.27088 2.65317 8.87495 3.86266 10.3476C5.67737 12.5527 7.87769 14.2523 10.5109 15.3779C11.3339 15.7294 12.1903 15.9621 13.0921 15.9973C13.7798 16.0233 14.411 15.862 14.917 15.3687C15.3841 14.9125 15.842 14.4451 16.298 13.9778C16.5139 13.7543 16.6659 13.4937 16.7058 13.1776C16.7651 12.7167 16.5797 12.3467 16.2665 12.0315C15.7753 11.5354 15.2794 11.0439 14.7836 10.5506C14.5324 10.3012 14.2923 10.0378 14.0217 9.81437C13.5018 9.38505 12.8706 9.39896 12.3534 9.83106C12.2533 9.91451 12.1634 10.0063 12.0708 10.099C11.6936 10.4764 11.3182 10.8538 10.941 11.2312C10.865 11.3073 10.789 11.3759 10.6731 11.3119C10.3339 11.1292 9.98263 10.9679 9.66011 10.7611C8.40705 9.95902 7.36806 8.92141 6.4449 7.76039C6.05379 7.26895 5.7118 6.74413 5.45505 6.16737C5.34383 5.91608 5.34569 5.90587 5.53846 5.71393C5.95368 5.30129 6.37353 4.89051 6.78134 4.47047L6.78032 4.4715Z' fill='white'/%3e%3c/svg%3e "); } .header-new__phone { cursor: pointer; font-weight: 600; font-size: 16px; line-height: 22px; display: flex; align-items: center; gap: 12px; text-decoration: underline; text-decoration-color: transparent; transition: text-decoration .3s; text-underline-offset: 2px; text-decoration-skip-ink: none; } .header-new__mail a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.5 0C1.30351 0 1.11699 0.041275 0.945312 0.109375L9.42969 7.52345C9.79644 7.84385 10.1871 7.84408 10.5547 7.52345L19.0547 0.109375C18.883 0.041275 18.6965 0 18.5 0H1.5ZM0.015625 1.28905C0.0061675 1.3574 0 1.42897 0 1.5V11.5C0 12.331 0.669015 13 1.5 13H18.5C19.331 13 20 12.331 20 11.5V1.5C20 1.42897 19.9938 1.3574 19.9844 1.28905L11.5391 8.65625C10.6579 9.42478 9.32639 9.426 8.44531 8.65625L0.015625 1.28905Z' fill='white'/%3e%3c/svg%3e "); transition: transform .3s; } .header-new__mail::before { content: ""; position: absolute; top: 50%; left: -10px; background-color: rgba(255, 255, 255, .3); width: 1px; height: 13px; transform: translateY(-50%); } .header-new__mail { cursor: pointer; position: relative; width: 26px; height: 20px; transition: transform .3s; } .header-new__controls { display: flex; align-items: center; gap: 24px; } .header-new__social { width: 40px; height: 40px; position: relative; cursor: pointer; transition: transform .3s; } .header-new__controls .ic-vk { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35.5721 0H5.09588C2.46731 0 0.333984 2.13333 0.333984 4.7619V35.2381C0.333984 37.8667 2.46731 40 5.09588 40H35.5721C38.2007 40 40.334 37.8667 40.334 35.2381V4.7619C40.334 2.13333 38.2007 0 35.5721 0ZM32.4483 27.619L28.8959 27.6095C28.8959 27.6095 28.8197 27.619 28.6959 27.619C28.4102 27.619 27.8197 27.5429 27.1245 27.0667C25.8769 26.2 24.6864 24.0476 23.7435 24.0476C23.6769 24.0476 23.6197 24.0571 23.5626 24.0762C22.7435 24.3333 22.4959 25.1524 22.4959 26.1524C22.4959 26.5048 22.2483 26.6667 21.5816 26.6667H19.7435C17.6864 26.6667 15.6959 26.619 13.4578 24.1714C10.1626 20.5619 7.07684 14.1429 7.07684 14.1429C7.07684 14.1429 6.90541 13.7714 7.08636 13.5524C7.25779 13.3524 7.65779 13.3333 7.81017 13.3333C7.84827 13.3333 7.86731 13.3333 7.86731 13.3333H11.6769C11.6769 13.3333 12.0292 13.4 12.2864 13.5905C12.5054 13.7524 12.6197 14.0476 12.6197 14.0476C12.6197 14.0476 13.2673 15.3048 14.0769 16.7238C15.4388 19.0667 16.1721 19.8476 16.6959 19.8476C16.7816 19.8476 16.8673 19.8286 16.953 19.781C17.734 19.3524 17.5054 15.8857 17.5054 15.8857C17.5054 15.8857 17.515 14.6286 17.1054 14.0762C16.7911 13.6381 16.1911 13.5143 15.9245 13.4762C15.715 13.4476 16.0578 12.9524 16.515 12.7238C17.1054 12.4381 18.0864 12.381 19.2673 12.381H19.8388C20.953 12.4 20.9816 12.5143 21.4197 12.619C22.734 12.9333 22.2864 14.1619 22.2864 17.1048C22.2864 18.0476 22.115 19.3714 22.7911 19.819C22.8388 19.8476 22.9054 19.8667 22.9911 19.8667C23.4292 19.8667 24.3721 19.3048 25.8769 16.7619C26.715 15.3143 27.3626 13.8762 27.3626 13.8762C27.3626 13.8762 27.5054 13.619 27.7245 13.4857C27.934 13.3619 27.934 13.3619 28.2102 13.3619H28.2388C28.5435 13.3619 31.5721 13.3333 32.2388 13.3333H32.315C32.953 13.3333 33.534 13.3429 33.6388 13.7333C33.7911 14.3238 33.1721 15.381 31.5435 17.5714C28.8578 21.1619 28.553 20.8952 30.7816 22.9714C32.915 24.9524 33.3531 25.9143 33.4292 26.0381C34.315 27.5048 32.4483 27.619 32.4483 27.619Z' fill='%235B4C4C'/%3e%3cpath d='M32.4483 27.619L28.8959 27.6095C28.8959 27.6095 28.8197 27.619 28.6959 27.619C28.4102 27.619 27.8197 27.5429 27.1245 27.0667C25.8769 26.2 24.6864 24.0476 23.7435 24.0476C23.6769 24.0476 23.6197 24.0571 23.5626 24.0762C22.7435 24.3333 22.4959 25.1524 22.4959 26.1524C22.4959 26.5048 22.2483 26.6667 21.5816 26.6667H19.7435C17.6864 26.6667 15.6959 26.619 13.4578 24.1714C10.1626 20.5619 7.07684 14.1429 7.07684 14.1429C7.07684 14.1429 6.90541 13.7714 7.08636 13.5524C7.25779 13.3524 7.65779 13.3333 7.81017 13.3333H7.86731H11.6769C11.6769 13.3333 12.0292 13.4 12.2864 13.5905C12.5054 13.7524 12.6197 14.0476 12.6197 14.0476C12.6197 14.0476 13.2673 15.3048 14.0769 16.7238C15.4388 19.0667 16.1721 19.8476 16.6959 19.8476C16.7816 19.8476 16.8673 19.8286 16.953 19.781C17.734 19.3524 17.5054 15.8857 17.5054 15.8857C17.5054 15.8857 17.515 14.6286 17.1054 14.0762C16.7911 13.6381 16.1911 13.5143 15.9245 13.4762C15.715 13.4476 16.0578 12.9524 16.515 12.7238C17.1054 12.4381 18.0864 12.381 19.2673 12.381H19.8388C20.953 12.4 20.9816 12.5143 21.4197 12.619C22.734 12.9333 22.2864 14.1619 22.2864 17.1048C22.2864 18.0476 22.115 19.3714 22.7911 19.819C22.8388 19.8476 22.9054 19.8667 22.9911 19.8667C23.4292 19.8667 24.3721 19.3048 25.8769 16.7619C26.715 15.3143 27.3626 13.8762 27.3626 13.8762C27.3626 13.8762 27.5054 13.619 27.7245 13.4857C27.934 13.3619 27.934 13.3619 28.2102 13.3619H28.2388C28.5435 13.3619 31.5721 13.3333 32.2388 13.3333H32.315C32.953 13.3333 33.534 13.3429 33.6388 13.7333C33.7911 14.3238 33.1721 15.381 31.5435 17.5714C28.8578 21.1619 28.553 20.8952 30.7816 22.9714C32.915 24.9524 33.3531 25.9143 33.4292 26.0381C34.315 27.5048 32.4483 27.619 32.4483 27.619Z' fill='white'/%3e%3c/svg%3e "); } .header-new__controls .ic-telegram { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.76191 0H35.2381C37.8667 0 40 2.13333 40 4.7619V35.2381C40 37.8667 37.8667 40 35.2381 40H4.76191C2.13333 40 0 37.8667 0 35.2381V4.7619C0 2.13333 2.13333 0 4.76191 0ZM29.8295 9.17012C30.4944 8.90339 31.1374 8.95303 31.5468 9.29994C31.8405 9.54812 32.144 10.0532 31.9256 11.0459L28.347 29.6335C28.317 29.7109 28.0299 30.3944 27.3121 30.6889C27.1014 30.7751 26.8809 30.8182 26.6511 30.8182C26.3536 30.8182 26.0419 30.7462 25.7166 30.6022L25.6025 30.534L20.8116 26.8004L17.8438 29.5511C17.5796 29.7584 17.1713 29.9029 16.7608 29.7447C16.293 29.6024 16.0261 28.9107 15.8623 28.3844C15.6215 27.6099 14.6026 24.2201 14.1871 22.8378C14.1846 22.8293 14.182 22.8209 14.1795 22.8125C14.1453 22.6985 14.1153 22.5989 14.0905 22.5163L9.23625 20.8554C9.11507 20.8112 8.12271 20.4283 8.00918 19.5038C7.88199 18.4783 9.11671 18.018 9.25808 17.9689C10.0354 17.6345 29.1302 9.45048 29.8295 9.17012ZM16.734 27.5444L18.3716 23.1807L27.6511 12.817L15.0965 22.0898L16.734 27.5444Z' fill='%235B4C4C'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.8295 9.17012C30.4944 8.90339 31.1374 8.95303 31.5468 9.29994C31.8405 9.54812 32.144 10.0532 31.9256 11.0459L28.347 29.6335C28.317 29.7109 28.0299 30.3944 27.3121 30.6889C27.1014 30.7751 26.8809 30.8182 26.6511 30.8182C26.3536 30.8182 26.0419 30.7462 25.7166 30.6022L25.6025 30.534L20.8116 26.8004L17.8438 29.5511C17.5796 29.7584 17.1713 29.9029 16.7608 29.7447C16.293 29.6024 16.0261 28.9107 15.8623 28.3844C15.6215 27.6099 14.6026 24.2201 14.1871 22.8378L14.1795 22.8125L14.0905 22.5163L9.23625 20.8554C9.11507 20.8112 8.12271 20.4283 8.00918 19.5038C7.88199 18.4783 9.11671 18.018 9.25808 17.9689C10.0354 17.6345 29.1302 9.45048 29.8295 9.17012ZM18.3716 23.1807L16.734 27.5444L15.0965 22.0898L27.6511 12.817L18.3716 23.1807Z' fill='white'/%3e%3c/svg%3e "); } .header-new__links { display: flex; align-items: center; gap: 30px; margin-right: 60px; margin-left: auto; } .header-new__links a { font-weight: 600; font-size: 16px; line-height: 22px; text-transform: uppercase; transition: text-decoration .3s; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: transparent; } .header-new__links span.dropdown:hover .header__sublist { display: block; } .header-new__links span.dropdown { position: relative; display: block; height: 100%; padding-bottom: 20px; top: 10px; } .header-new__links .header__sublist { z-index: 50; top: -23px; } .header-new-center { padding: 15px 0; } .header-new-center__top { padding: 5px 0; display: flex; align-items: center; } .header-new-center .header__logo { width: 252px; height: 36px; top: auto; left: auto; transform: initial; position: relative; margin: 0 auto; transform: translateX(72px); } .header-new-center__controls { display: flex; align-items: center; gap: 30px; } .header-new-center__controls .btn-icon { width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; transition: transform .3s; position: relative; } .btn-favorite { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 18.9749L8.975 18.0499C7.20833 16.4332 5.75 15.0374 4.6 13.8624C3.45 12.6874 2.53333 11.6374 1.85 10.7124C1.16667 9.7874 0.6875 8.9499 0.4125 8.1999C0.1375 7.4499 0 6.69157 0 5.9249C0 4.4249 0.504167 3.17074 1.5125 2.1624C2.52083 1.15407 3.76667 0.649902 5.25 0.649902C6.2 0.649902 7.07917 0.874902 7.8875 1.3249C8.69583 1.7749 9.4 2.4249 10 3.2749C10.7 2.3749 11.4417 1.7124 12.225 1.2874C13.0083 0.862402 13.85 0.649902 14.75 0.649902C16.2333 0.649902 17.4792 1.15407 18.4875 2.1624C19.4958 3.17074 20 4.4249 20 5.9249C20 6.69157 19.8625 7.4499 19.5875 8.1999C19.3125 8.9499 18.8333 9.7874 18.15 10.7124C17.4667 11.6374 16.55 12.6874 15.4 13.8624C14.25 15.0374 12.7917 16.4332 11.025 18.0499L10 18.9749ZM10 16.9999C11.6833 15.4499 13.0708 14.1207 14.1625 13.0124C15.2542 11.9041 16.1208 10.9332 16.7625 10.0999C17.4042 9.26657 17.8542 8.5249 18.1125 7.8749C18.3708 7.2249 18.5 6.5749 18.5 5.9249C18.5 4.8249 18.15 3.92074 17.45 3.2124C16.75 2.50407 15.85 2.1499 14.75 2.1499C13.9 2.1499 13.1083 2.4124 12.375 2.9374C11.6417 3.4624 11.05 4.1999 10.6 5.1499H9.375C8.94167 4.21657 8.35833 3.48324 7.625 2.9499C6.89167 2.41657 6.1 2.1499 5.25 2.1499C4.15 2.1499 3.25 2.50407 2.55 3.2124C1.85 3.92074 1.5 4.8249 1.5 5.9249C1.5 6.5749 1.62917 7.22907 1.8875 7.8874C2.14583 8.54574 2.59583 9.29574 3.2375 10.1374C3.87917 10.9791 4.75 11.9499 5.85 13.0499C6.95 14.1499 8.33333 15.4666 10 16.9999Z' fill='%23333333'/%3e%3c/svg%3e "); } .btn-basket { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.5 20C1.1 20 0.75 19.85 0.45 19.55C0.15 19.25 0 18.9 0 18.5V5.5C0 5.1 0.15 4.75 0.45 4.45C0.75 4.15 1.1 4 1.5 4H4.25V3.75C4.25 2.7 4.6125 1.8125 5.3375 1.0875C6.0625 0.3625 6.95 0 8 0C9.05 0 9.9375 0.3625 10.6625 1.0875C11.3875 1.8125 11.75 2.7 11.75 3.75V4H14.5C14.9 4 15.25 4.15 15.55 4.45C15.85 4.75 16 5.1 16 5.5V18.5C16 18.9 15.85 19.25 15.55 19.55C15.25 19.85 14.9 20 14.5 20H1.5ZM1.5 18.5H14.5V5.5H11.75V7.75C11.75 7.96667 11.6792 8.14583 11.5375 8.2875C11.3958 8.42917 11.2167 8.5 11 8.5C10.7833 8.5 10.6042 8.42917 10.4625 8.2875C10.3208 8.14583 10.25 7.96667 10.25 7.75V5.5H5.75V7.75C5.75 7.96667 5.67917 8.14583 5.5375 8.2875C5.39583 8.42917 5.21667 8.5 5 8.5C4.78333 8.5 4.60417 8.42917 4.4625 8.2875C4.32083 8.14583 4.25 7.96667 4.25 7.75V5.5H1.5V18.5ZM5.75 4H10.25V3.75C10.25 3.11667 10.0333 2.58333 9.6 2.15C9.16667 1.71667 8.63333 1.5 8 1.5C7.36667 1.5 6.83333 1.71667 6.4 2.15C5.96667 2.58333 5.75 3.11667 5.75 3.75V4ZM1.5 18.5V5.5V18.5Z' fill='%23333333'/%3e%3c/svg%3e "); } .btn-cabinet { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 7.9751C6.9 7.9751 6 7.6251 5.3 6.9251C4.6 6.2251 4.25 5.3251 4.25 4.2251C4.25 3.1251 4.6 2.2251 5.3 1.5251C6 0.825098 6.9 0.475098 8 0.475098C9.1 0.475098 10 0.825098 10.7 1.5251C11.4 2.2251 11.75 3.1251 11.75 4.2251C11.75 5.3251 11.4 6.2251 10.7 6.9251C10 7.6251 9.1 7.9751 8 7.9751ZM0 16.0001V13.6501C0 13.0168 0.158333 12.4751 0.475 12.0251C0.791667 11.5751 1.2 11.2334 1.7 11.0001C2.81667 10.5001 3.8875 10.1251 4.9125 9.8751C5.9375 9.6251 6.96667 9.5001 8 9.5001C9.03333 9.5001 10.0583 9.62926 11.075 9.8876C12.0917 10.1459 13.1583 10.5168 14.275 11.0001C14.7917 11.2334 15.2083 11.5751 15.525 12.0251C15.8417 12.4751 16 13.0168 16 13.6501V16.0001H0ZM1.5 14.5001H14.5V13.6501C14.5 13.3834 14.4208 13.1293 14.2625 12.8876C14.1042 12.6459 13.9083 12.4668 13.675 12.3501C12.6083 11.8334 11.6333 11.4793 10.75 11.2876C9.86667 11.0959 8.95 11.0001 8 11.0001C7.05 11.0001 6.125 11.0959 5.225 11.2876C4.325 11.4793 3.35 11.8334 2.3 12.3501C2.06667 12.4668 1.875 12.6459 1.725 12.8876C1.575 13.1293 1.5 13.3834 1.5 13.6501V14.5001ZM8 6.4751C8.65 6.4751 9.1875 6.2626 9.6125 5.8376C10.0375 5.4126 10.25 4.8751 10.25 4.2251C10.25 3.5751 10.0375 3.0376 9.6125 2.6126C9.1875 2.1876 8.65 1.9751 8 1.9751C7.35 1.9751 6.8125 2.1876 6.3875 2.6126C5.9625 3.0376 5.75 3.5751 5.75 4.2251C5.75 4.8751 5.9625 5.4126 6.3875 5.8376C6.8125 6.2626 7.35 6.4751 8 6.4751Z' fill='%23333333'/%3e%3c/svg%3e "); } .header-new-center__controls .btn-icon span.amount.amount-js { position: absolute; bottom: -4px; right: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: visible; background-color: #FF7062; border-radius: 50%; font-weight: 500; font-size: 10px; line-height: 14px; color: #fff; width: 16px; height: 16px; } .header-new-center__bottom { margin-top: 15px; } .menu ul { list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: center; gap: 50px; } .menu ul li a { font-weight: 600; font-size: 16px; line-height: 22px; text-transform: uppercase; transition: text-decoration .3s; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: transparent; text-decoration-skip-ink: none; } .menu .link__sale { color: #F90000; } .search-block { position: relative; width: 137px; height: 24px; margin-right: 100px; } .search-block input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-bottom: solid 1px #717171; background: transparent; outline: none; font-weight: 500; font-size: 16px; line-height: 20px; padding-right: 30px; } .search-block__btn { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.9 18.9751L10.325 12.4001C9.825 12.8334 9.24167 13.1709 8.575 13.4126C7.90833 13.6543 7.2 13.7751 6.45 13.7751C4.65 13.7751 3.125 13.1501 1.875 11.9001C0.625 10.6501 0 9.14176 0 7.3751C0 5.60843 0.625 4.1001 1.875 2.8501C3.125 1.6001 4.64167 0.975098 6.425 0.975098C8.19167 0.975098 9.69583 1.6001 10.9375 2.8501C12.1792 4.1001 12.8 5.60843 12.8 7.3751C12.8 8.09176 12.6833 8.78343 12.45 9.4501C12.2167 10.1168 11.8667 10.7418 11.4 11.3251L18 17.8751L16.9 18.9751ZM6.425 12.2751C7.775 12.2751 8.925 11.7959 9.875 10.8376C10.825 9.87926 11.3 8.7251 11.3 7.3751C11.3 6.0251 10.825 4.87093 9.875 3.9126C8.925 2.95426 7.775 2.4751 6.425 2.4751C5.05833 2.4751 3.89583 2.95426 2.9375 3.9126C1.97917 4.87093 1.5 6.0251 1.5 7.3751C1.5 8.7251 1.97917 9.87926 2.9375 10.8376C3.89583 11.7959 5.05833 12.2751 6.425 12.2751Z' fill='%23333333'/%3e%3c/svg%3e "); width: 18px; height: 18px; position: absolute; right: 0; top: 0; transition: transform .3s; } .new-header__search .header__search-input { border: none; border-bottom: solid 1px #717171; border-radius: 0; font-size: 15px; } .new-header__search { max-width: 200px; margin-right: 30px; } .new-header__search .header__search { width: 100%; } .burger { display: none; width: 18px; height: 12px; flex-direction: column; justify-content: space-between; } .burger.opened .burger__line:first-child { transform: rotate(45deg); top: 5px; } .burger.opened .burger__line:nth-child(2) { opacity: 0; } .burger.opened .burger__line:last-child { transform: rotate(-45deg); top: -5px; } .burger__line { position: relative; width: 100%; height: 2px; background-color: #fff; } .header__logo--mobile { display: none; } .btn-search-mobile { cursor: pointer; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.9 18.9751L10.325 12.4001C9.825 12.8334 9.24167 13.1709 8.575 13.4126C7.90833 13.6543 7.2 13.7751 6.45 13.7751C4.65 13.7751 3.125 13.1501 1.875 11.9001C0.625 10.6501 0 9.14176 0 7.3751C0 5.60843 0.625 4.1001 1.875 2.8501C3.125 1.6001 4.64167 0.975098 6.425 0.975098C8.19167 0.975098 9.69583 1.6001 10.9375 2.8501C12.1792 4.1001 12.8 5.60843 12.8 7.3751C12.8 8.09176 12.6833 8.78343 12.45 9.4501C12.2167 10.1168 11.8667 10.7418 11.4 11.3251L18 17.8751L16.9 18.9751ZM6.425 12.2751C7.775 12.2751 8.925 11.7959 9.875 10.8376C10.825 9.87926 11.3 8.7251 11.3 7.3751C11.3 6.0251 10.825 4.87093 9.875 3.9126C8.925 2.95426 7.775 2.4751 6.425 2.4751C5.05833 2.4751 3.89583 2.95426 2.9375 3.9126C1.97917 4.87093 1.5 6.0251 1.5 7.3751C1.5 8.7251 1.97917 9.87926 2.9375 10.8376C3.89583 11.7959 5.05833 12.2751 6.425 12.2751Z' fill='white'/%3e%3c/svg%3e "); display: none; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; } .header-new__top--mobile { display: none; } .header-new__info { display: flex; align-items: center; gap: 24px; } .catalog-main { padding: 120px 0; overflow: hidden; } .catalog-main__slider { overflow: visible; position: relative; } .catalog-main__item { position: relative; } .catalog-main__item a { cursor: pointer; z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .catalog-main .picture-block picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .catalog-main .picture-block picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 0.3s; } .catalog-main__item:hover picture { transform: scale(1.05); } .catalog-main .picture-block { padding-top: calc(485 / 362 * 100%); position: relative; overflow: hidden; } .catalog-main .catalog-main__name { font-weight: 500; font-size: 16px; line-height: 22px; text-transform: uppercase; margin-top: 5px; display: block; } .swiper-simple-controls { display: flex; align-items: center; gap: 20px; position: absolute; right: 0; top: -40px; } .swiper-simple-controls .swiper-button-disabled { opacity: .4; } .swiper-simple-controls .swiperBtnPrev { width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.99977 1.30763L7.69091 0L0.561841 7.1266C0.446924 7.24079 0.355724 7.37658 0.293491 7.52616C0.231257 7.67574 0.199219 7.83614 0.199219 7.99815C0.199219 8.16016 0.231257 8.32056 0.293491 8.47014C0.355724 8.61971 0.446924 8.75551 0.561841 8.8697L7.69091 16L8.99854 14.6924L2.30741 8L8.99977 1.30763Z' fill='%23333333'/%3e%3c/svg%3e "); } .swiper-simple-controls .swiperBtnNext { width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.199444 1.30763L1.50831 0L8.63738 7.1266C8.7523 7.24079 8.84349 7.37658 8.90573 7.52616C8.96796 7.67574 9 7.83614 9 7.99815C9 8.16016 8.96796 8.32056 8.90573 8.47014C8.84349 8.61971 8.7523 8.75551 8.63738 8.8697L1.50831 16L0.200678 14.6924L6.89181 8L0.199444 1.30763Z' fill='%23333333'/%3e%3c/svg%3e "); } .lookbook.section { margin: 0; } .slider-main-catalog .cards__item { margin: 0; } .cards__controls { display: flex; align-items: center; justify-content: center; margin-top: 40px; } .btn-dark:hover { background-color: #333; color: #fff; } .btn-dark { border: solid 1px #333333; color: #333333; text-transform: uppercase; padding: 12px 32px; transition: all 0.3s; } .reviews-main { overflow: hidden; width: 100%; } .reviews-main__head { display: flex; align-items: center; justify-content: space-between; width: 100%; } .reviews-main__body { margin-top: 20px; width: 100%; } .reviews-main-slider { font-weight: 500; font-size: 16px; line-height: 20px; overflow: visible; width: 100%; } .reviews-main-slider__more { margin-top: 20px; text-decoration: underline; transition: text-decoration 0.3s; } .reviews-main-slider .swiper-slide p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; width: 100%; } .reviews-item-main { background: rgba(147, 109, 90, .08); padding: 15px 10px; width: 100%; box-sizing: border-box; } .rating-block { display: flex; align-items: center; gap: 4px; } .rating-block .star { width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z' fill='%23808080'/%3e%3c/svg%3e "); background-repeat: no-repeat; } .rating-block .star.active { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z' fill='%23B25C2D'/%3e%3c/svg%3e "); } .rating-block__info { margin-top: 20px; display: flex; flex-direction: column; } .rating-block__info .name { font-weight: 600; font-size: 16px; line-height: 20px; color: #333333; } .rating-block__info .city { font-weight: 500; font-size: 16px; line-height: 20px; color: rgba(51, 51, 51, .3); font-style: italic; } .reviews-main__head .swiper-simple-controls { position: relative; top: auto; } .play::before { content: ""; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; background-color: #fff; width: 60px; height: 60px; border-radius: 50%; background-position: 24px center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='24' viewBox='0 0 19 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.0761719 0.461914L18.5377 12.0004L0.0761719 23.5388V0.461914Z' fill='%23333333'/%3e%3c/svg%3e "); transition: all .3s; } .play { position: relative; transition: all .3s; display: block; width: 100%; } #modal-review-more-new .modal__close, div[id^=modal-review-more-new] .modal__close { position: absolute; right: 30px; top: 28px; } #modal-review-more-new .modal__content, div[id^=modal-review-more-new] .modal__content { padding: 0; margin: 0; } #modal-review-more-new .modal__container, div[id^=modal-review-more-new] .modal__container { padding: 0; max-width: 679px; width: 100%; } #modal-review-more-new .reviews-item-main p, div[id^=modal-review-more-new] .reviews-item-main p { margin: 0; } #modal-review-more-new .reviews-item-main .rating-block, div[id^=modal-review-more-new] .reviews-item-main .rating-block { margin-bottom: 50px; } #modal-review-more-new .reviews-item-main, div[id^=modal-review-more-new] .reviews-item-main { font-weight: 500; font-size: 24px; line-height: 28px; padding: 30px; background-color: #EADFD9; } #modal-review-more-new .rating-block__info, div[id^=modal-review-more-new] .rating-block__info { margin-top: 42px; } .header-new-buyer {} .header-new-buyer__link { position: relative; } .search-result { margin-top: 40px; } section.card { padding-top: 70px; } @media (hover: hover) { .search-block__btn:hover, .header-new-center__controls .btn-icon:hover, .header-new__social:hover, .header-new__mail:hover a { transform: scale(1.2); } .header-new__links a:hover, .header-new__phone:hover { text-decoration-color: #fff; } .menu ul li a:hover { text-decoration-color: #333; } .menu .link__sale:hover { text-decoration-color: #F90000; } .play:hover::before { transform: translate(-50%, -50%) scale(1.1); } .reviews-main-slider__more:hover { text-decoration-color: transparent; } } @media (min-width:1024px) { .header-new-center__bottom { display: block !important; } .new-header__search { /* display: none; */ } } @media (max-width:1539px) { .menu ul { gap: 35px; } .search-block { margin-right: 80px; } .catalog-main { padding: 80px 0; } .catalog-main .picture-block { padding-top: calc(270 / 210 * 100%); } } @media (max-width:1199px) { .menu ul li a { font-size: 14px; line-height: 22px; } .header-new-center .header__logo { transform: initial; margin: 0; margin-right: auto; } .menu ul { justify-content: space-between; gap: 0; } .catalog-main .picture-block { padding-top: calc(273 / 210 * 100%); } .cards__controls { margin: 24px; } #modal-review-more-new .reviews-item-main, div[id^=modal-review-more-new] .reviews-item-main { font-size: 22px; line-height: 28px; } } @media (max-width:1023px) { .header-new__top, .header-new-center__bottom { display: none; } .header-new.scroll, .header-new { background-color: #5B4C4C; } .header-new-center .header__logo svg { width: 100%; height: 100%; } .header-new-center .header__logo { margin: 0 auto; width: 175px; height: 25px; transform: translateX(50px); } .header__logo--desktop { display: none; } .header__logo--mobile { display: block; } .search-block { position: fixed; top: 0; left: 0; display: none; } .btn-favorite { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 18.9749L8.975 18.0499C7.20833 16.4332 5.75 15.0374 4.6 13.8624C3.45 12.6874 2.53333 11.6374 1.85 10.7124C1.16667 9.7874 0.6875 8.9499 0.4125 8.1999C0.1375 7.4499 0 6.69157 0 5.9249C0 4.4249 0.504167 3.17074 1.5125 2.1624C2.52083 1.15407 3.76667 0.649902 5.25 0.649902C6.2 0.649902 7.07917 0.874902 7.8875 1.3249C8.69583 1.7749 9.4 2.4249 10 3.2749C10.7 2.3749 11.4417 1.7124 12.225 1.2874C13.0083 0.862402 13.85 0.649902 14.75 0.649902C16.2333 0.649902 17.4792 1.15407 18.4875 2.1624C19.4958 3.17074 20 4.4249 20 5.9249C20 6.69157 19.8625 7.4499 19.5875 8.1999C19.3125 8.9499 18.8333 9.7874 18.15 10.7124C17.4667 11.6374 16.55 12.6874 15.4 13.8624C14.25 15.0374 12.7917 16.4332 11.025 18.0499L10 18.9749ZM10 16.9999C11.6833 15.4499 13.0708 14.1207 14.1625 13.0124C15.2542 11.9041 16.1208 10.9332 16.7625 10.0999C17.4042 9.26657 17.8542 8.5249 18.1125 7.8749C18.3708 7.2249 18.5 6.5749 18.5 5.9249C18.5 4.8249 18.15 3.92074 17.45 3.2124C16.75 2.50407 15.85 2.1499 14.75 2.1499C13.9 2.1499 13.1083 2.4124 12.375 2.9374C11.6417 3.4624 11.05 4.1999 10.6 5.1499H9.375C8.94167 4.21657 8.35833 3.48324 7.625 2.9499C6.89167 2.41657 6.1 2.1499 5.25 2.1499C4.15 2.1499 3.25 2.50407 2.55 3.2124C1.85 3.92074 1.5 4.8249 1.5 5.9249C1.5 6.5749 1.62917 7.22907 1.8875 7.8874C2.14583 8.54574 2.59583 9.29574 3.2375 10.1374C3.87917 10.9791 4.75 11.9499 5.85 13.0499C6.95 14.1499 8.33333 15.4666 10 16.9999Z' fill='white'/%3e%3c/svg%3e "); } .btn-basket { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.5 20C1.1 20 0.75 19.85 0.45 19.55C0.15 19.25 0 18.9 0 18.5V5.5C0 5.1 0.15 4.75 0.45 4.45C0.75 4.15 1.1 4 1.5 4H4.25V3.75C4.25 2.7 4.6125 1.8125 5.3375 1.0875C6.0625 0.3625 6.95 0 8 0C9.05 0 9.9375 0.3625 10.6625 1.0875C11.3875 1.8125 11.75 2.7 11.75 3.75V4H14.5C14.9 4 15.25 4.15 15.55 4.45C15.85 4.75 16 5.1 16 5.5V18.5C16 18.9 15.85 19.25 15.55 19.55C15.25 19.85 14.9 20 14.5 20H1.5ZM1.5 18.5H14.5V5.5H11.75V7.75C11.75 7.96667 11.6792 8.14583 11.5375 8.2875C11.3958 8.42917 11.2167 8.5 11 8.5C10.7833 8.5 10.6042 8.42917 10.4625 8.2875C10.3208 8.14583 10.25 7.96667 10.25 7.75V5.5H5.75V7.75C5.75 7.96667 5.67917 8.14583 5.5375 8.2875C5.39583 8.42917 5.21667 8.5 5 8.5C4.78333 8.5 4.60417 8.42917 4.4625 8.2875C4.32083 8.14583 4.25 7.96667 4.25 7.75V5.5H1.5V18.5ZM5.75 4H10.25V3.75C10.25 3.11667 10.0333 2.58333 9.6 2.15C9.16667 1.71667 8.63333 1.5 8 1.5C7.36667 1.5 6.83333 1.71667 6.4 2.15C5.96667 2.58333 5.75 3.11667 5.75 3.75V4ZM1.5 18.5V5.5V18.5Z' fill='white'/%3e%3c/svg%3e "); } .btn-cabinet { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 7.9751C6.9 7.9751 6 7.6251 5.3 6.9251C4.6 6.2251 4.25 5.3251 4.25 4.2251C4.25 3.1251 4.6 2.2251 5.3 1.5251C6 0.825098 6.9 0.475098 8 0.475098C9.1 0.475098 10 0.825098 10.7 1.5251C11.4 2.2251 11.75 3.1251 11.75 4.2251C11.75 5.3251 11.4 6.2251 10.7 6.9251C10 7.6251 9.1 7.9751 8 7.9751ZM0 16.0001V13.6501C0 13.0168 0.158333 12.4751 0.475 12.0251C0.791667 11.5751 1.2 11.2334 1.7 11.0001C2.81667 10.5001 3.8875 10.1251 4.9125 9.8751C5.9375 9.6251 6.96667 9.5001 8 9.5001C9.03333 9.5001 10.0583 9.62926 11.075 9.8876C12.0917 10.1459 13.1583 10.5168 14.275 11.0001C14.7917 11.2334 15.2083 11.5751 15.525 12.0251C15.8417 12.4751 16 13.0168 16 13.6501V16.0001H0ZM1.5 14.5001H14.5V13.6501C14.5 13.3834 14.4208 13.1293 14.2625 12.8876C14.1042 12.6459 13.9083 12.4668 13.675 12.3501C12.6083 11.8334 11.6333 11.4793 10.75 11.2876C9.86667 11.0959 8.95 11.0001 8 11.0001C7.05 11.0001 6.125 11.0959 5.225 11.2876C4.325 11.4793 3.35 11.8334 2.3 12.3501C2.06667 12.4668 1.875 12.6459 1.725 12.8876C1.575 13.1293 1.5 13.3834 1.5 13.6501V14.5001ZM8 6.4751C8.65 6.4751 9.1875 6.2626 9.6125 5.8376C10.0375 5.4126 10.25 4.8751 10.25 4.2251C10.25 3.5751 10.0375 3.0376 9.6125 2.6126C9.1875 2.1876 8.65 1.9751 8 1.9751C7.35 1.9751 6.8125 2.1876 6.3875 2.6126C5.9625 3.0376 5.75 3.5751 5.75 4.2251C5.75 4.8751 5.9625 5.4126 6.3875 5.8376C6.8125 6.2626 7.35 6.4751 8 6.4751Z' fill='white'/%3e%3c/svg%3e "); } .btn-search-mobile { display: flex; margin-left: 33px; } .header-new-center__bottom { position: relative; left: -16px; width: calc(100% + 32px); max-height: calc(100vh - 64px); background-color: #fff; } .header-new-center__bottom::before { content: ""; top: 0; width: calc(100% + 40px); height: calc(100% + 15px); z-index: -1; left: -20px; background-color: #fff; position: absolute; box-shadow: 0px 4px 8px 0px #00000014; } .menu { position: relative; padding: 30px 0; } .menu ul { flex-wrap: wrap; gap: 40px; justify-content: center; padding: 0 55px; } .header-new__top--mobile { background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-top: solid 1px #5B4C4C; color: #5B4C4C; gap: 21px; left: 16px; width: calc(100% - 32px); position: relative; } .header-new__phone::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.78032 4.4715C7.35496 3.87528 7.35959 3.15201 6.7831 2.56041C6.08058 1.839 5.36228 1.13151 4.65048 0.419378C4.47994 0.250616 4.28067 0.119878 4.04803 0.0540291C3.53549 -0.0934043 3.10359 0.0707195 2.73566 0.426784C2.32972 0.818079 1.95064 1.23907 1.53265 1.61645C0.956163 2.14127 0.690163 2.78203 0.718896 3.45151C0.718896 4.15159 0.832896 4.76915 1.06552 5.45717C1.67999 7.27088 2.65317 8.87495 3.86266 10.3476C5.67737 12.5527 7.87769 14.2523 10.5109 15.3779C11.3339 15.7294 12.1903 15.9621 13.0921 15.9973C13.7798 16.0233 14.411 15.862 14.917 15.3687C15.3841 14.9125 15.842 14.4451 16.298 13.9778C16.5139 13.7543 16.6659 13.4937 16.7058 13.1776C16.7651 12.7167 16.5797 12.3467 16.2665 12.0315C15.7753 11.5354 15.2794 11.0439 14.7836 10.5506C14.5324 10.3012 14.2923 10.0378 14.0217 9.81437C13.5018 9.38505 12.8706 9.39896 12.3534 9.83106C12.2533 9.91451 12.1634 10.0063 12.0708 10.099C11.6936 10.4764 11.3182 10.8538 10.941 11.2312C10.865 11.3073 10.789 11.3759 10.6731 11.3119C10.3339 11.1292 9.98263 10.9679 9.66011 10.7611C8.40705 9.95902 7.36806 8.92141 6.4449 7.76039C6.05379 7.26895 5.7118 6.74413 5.45505 6.16737C5.34383 5.91608 5.34569 5.90587 5.53846 5.71393C5.95368 5.30129 6.37353 4.89051 6.78134 4.47047L6.78032 4.4715Z' fill='%235B4C4C'/%3e%3c/svg%3e "); } .header-new__mail a { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.5 0C1.30351 0 1.11699 0.041275 0.945312 0.109375L9.42969 7.52345C9.79644 7.84385 10.1871 7.84408 10.5547 7.52345L19.0547 0.109375C18.883 0.041275 18.6965 0 18.5 0H1.5ZM0.015625 1.28905C0.0061675 1.3574 0 1.42897 0 1.5V11.5C0 12.331 0.669015 13 1.5 13H18.5C19.331 13 20 12.331 20 11.5V1.5C20 1.42897 19.9938 1.3574 19.9844 1.28905L11.5391 8.65625C10.6579 9.42478 9.32639 9.426 8.44531 8.65625L0.015625 1.28905Z' fill='%235B4C4C'/%3e%3c/svg%3e "); } .header-new__mail::before { background-color: #5B4C4C; } .header-new__social { width: 30px; height: 30px; background-size: contain; } .catalog-main .catalog-main__name { margin-top: 8px; font-size: 14px; line-height: 20px; } .burger { display: flex; } .header-new-buyer__link { display: flex; align-items: center; gap: 15px; } .header-new-buyer__link.opened::after { transform: scale(-1, -1); } .header-new-buyer__link::after { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5.49 5.39C5.5236 5.42509 5.56396 5.45301 5.60865 5.47209C5.65333 5.49117 5.70141 5.501 5.75 5.501C5.79859 5.501 5.84667 5.49117 5.89135 5.47209C5.93604 5.45301 5.9764 5.42509 6.01 5.39L10.5 1' stroke='%235B4C4C' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; width: 18px; height: 18px; top: 0; left: 0; position: relative; } .header-new__links .header__sublist { position: absolute; left: -20px; display: none; justify-content: center; background-color: #fff; width: calc(100% + 40px); top: calc(100% + 15px); gap: 25px; padding: 0; } .header-new__links .header__sublist.opened { display: flex; } .header-new-buyer .header__sublist-item a { text-transform: none; font-weight: 500; } .new-header__search { position: fixed; top: 64px; left: 0; width: 100%; height: 50px; max-width: 100%; display: none; } .new-header__search .header__search-wrap { max-width: 100%; } .new-header__search .header__search { visibility: visible; opacity: 1; z-index: initial; transform: initial; max-width: 100%; width: 100%; position: relative; top: 0; left: 0; } .new-header__search .header__search-input { background-color: rgba(91, 76, 76, 0.15); border-radius: 5px; } } @media (max-width:767px) { .header-new-center .header__logo { width: 100px; height: 20px; transform: translateX(50px); } .header-new-center__controls { gap: 16px; } .btn-search-mobile { margin-left: 16px; } .header-new-center .header__logo { transform: translateX(6px); } .menu ul { flex-direction: column; gap: 16px; padding: 0 20px; } .header-new__top--mobile { flex-wrap: wrap; padding: 16px 0; } .header-new__top--mobile .header-new__links { width: 100%; order: 1; } .header-new__controls { width: 100%; order: 3; } .header-new__info { order: 2; width: 100%; } .header-new-center__controls .btn-icon { width: 20px; height: 20px; } .catalog-main .picture-block { padding-top: calc(290 / 210 * 100%); } .catalog-main { padding: 60px 0; } .swiper-simple-controls { top: -30px; } .catalog-main .catalog-main__name { font-size: 12px; line-height: 16px; margin-top: 4px; } .reviews-main-slider { font-size: 14px; line-height: 20px; } #modal-review-more-new .modal__container, div[id^=modal-review-more-new] .modal__container { max-width: 90%; width: 100%; } #modal-review-more-new .reviews-item-main, div[id^=modal-review-more-new] .reviews-item-main { font-size: 14px; line-height: 20px; } #modal-review-more-new .reviews-item-main .rating-block, div[id^=modal-review-more-new] .reviews-item-main .rating-block { margin-bottom: 10px; } #modal-review-more-new .rating-block__info, div[id^=modal-review-more-new] .rating-block__info { margin-top: 16px; } .rating-block__info .name { font-size: 14px; line-height: 20px; } .rating-block__info .city { font-size: 14px; line-height: 20px; } #modal-review-more-new .reviews-item-main, div[id^=modal-review-more-new] .reviews-item-main { padding: 14px 10px; } #modal-review-more-new .modal__close, div[id^=modal-review-more-new] .modal__close { right: 10px; top: 14px; } .header-new__links .header__sublist .header__sublist-item { margin: 0 !important; } .header-new__links .header__sublist { position: relative; top: auto; left: 0; margin-top: 20px; } .header-new__links .header__sublist.opened { display: flex; flex-direction: column; gap: 16px; } .header-new__links a { font-size: 14px; line-height: 16px; } .header-new__links { flex-direction: column; align-items: flex-start; } .header-new-center__bottom { overflow: auto; margin-bottom: -15px; } .header-new-center__bottom::before { display: none; } } @media (max-width: 576px) { .slider-main-catalog { padding: 0 16px; } .header__search { top: 64px; } } /* End */ /* Start:/local/templates/velocity/components/bitrix/search.title/new/style.css?17558667772108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/velocity/components/bitrix/search.title/new/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?167023392851*/ font.errortext{color:red}font.notetext{color:green} /* End */ /* Start:/local/templates/velocity/template_styles.css?1748251759217*/ .order-disabled{ opacity: .15!important; pointer-events: none!important; } .bx-soa-reference{ font-weight: 600!important; font-size: 14px!important; line-height: 20px!important; color: #FF7062!important; } /* End */ /* /local/markup//libs/slick/slick.css?16734630161775 */ /* /local/markup//libs/slick/slick-theme.css?16734630163144 */ /* /local/markup//libs/fancybox/fancybox.css?167346301615598 */ /* /local/markup//libs/swiper/swiper-bundle.min.css?167346301416471 */ /* /local/markup//libs/ion/ion.rangeSlider.css?167346795213373 */ /* /local/markup//libs/simplebar/simplebar.css?16762700424130 */ /* /local/markup//libs/select2/select2.min.css?170263659616264 */ /* /local/markup//libs/micromodal/micromodal.css?16860356153077 */ /* /local/markup//libs/jquery/suggestions.min.css?17050684622091 */ /* /local/markup//css/normalize.css?16734630026364 */ /* /local/markup//css/styles.css?1755869270331691 */ /* /local/markup//css/styles-redesign.css?175621514942881 */ /* /local/templates/velocity/components/bitrix/search.title/new/style.css?17558667772108 */ /* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?167023392851 */ /* /local/templates/velocity/template_styles.css?1748251759217 */