/* Start:/bitrix/templates/desi/css/fancybox.css?174127080425343*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/bitrix/templates/desi/css/slick.css?17378356161776*/ /* 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:/bitrix/templates/desi/css/slick-theme.css?17378356163145*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/bitrix/templates/desi/css/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/bitrix/templates/desi/css/./fonts/slick.eot'); src: url('/bitrix/templates/desi/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/desi/css/./fonts/slick.woff') format('woff'), url('/bitrix/templates/desi/css/./fonts/slick.ttf') format('truetype'), url('/bitrix/templates/desi/css/./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:/bitrix/templates/desi/css/main.css?174888221754234*/ :root { --black: #000; --beige: #d4cfc3; --beage2: #c4bcaa; --grey: #515151; --light-grey: #909090; --white: #fff; --yellow: #d6a737; --font-family: "Inter", sans-serif; } html { max-width: 100%; overflow-x: hidden; height: 100%; scroll-behavior: smooth; } ::placeholder { font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; text-transform: uppercase; color: #282828; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: var(--beige); } ::-webkit-scrollbar-thumb { background: var(--grey); } .hide { display: none !important; } .show { display: block !important; } .visible { opacity: 1 !important; } .no-scroll { overflow: hidden; } .noaction { cursor: auto; pointer-events: none; } .mob_scr { display: none !important; } .full_scr { display: block; } .right { float: right; } .left { float: left; } .text-right, .text-right p { text-align: right; } .text-left, .text-left p { text-align: left; } .text-center, .text-center p { text-align: center; } .text-justify, .text-justify p { text-align: justify; } .uppercase { text-transform: uppercase; } body { font-family: var(--font-family); font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; text-align: justify; background: var(--beige); color: var(--black); height: 100%; margin: 0; } .main-wrap { display: flex; flex-wrap: wrap; height: 100%; justify-content: center; } .workarea { width: 100%; } .container { max-width: 1400px; margin-right: auto; margin-left: auto; } .col-1 { width: calc((100% - 100px)/6); } .col-2 { width: calc(20px + (100% - 100px)*2/6); } .col-3 { width: calc(40px + (100% - 100px)*3/6); } .col-4 { width: calc(60px + (100% - 100px)*4/6); } .col-5 { width: calc(70px + (100% - 100px)*5/6); } .col-half { width: 50%; } .col-full { width: 100%; } h1, .h1, h1 p, .h1 p { font-family: var(--font-family); font-weight: 400; font-size: 70px; line-height: 100%; letter-spacing: -0.07em; text-transform: uppercase; color: var(--black); margin: 30px 0; } h2, .h2 { font-family: var(--font-family); font-weight: 400; font-size: 40px; line-height: 100%; letter-spacing: -0.04em; color: var(--black); margin: 0 0 20px; } h2 p, .h2 p { font-family: var(--font-family); font-weight: 400; font-size: 40px; line-height: 100%; letter-spacing: -0.04em; color: var(--black); margin: 0; } h3, .h3 { font-family: var(--font-family); font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: -0.04em; color: var(--black); margin: 0 0 20px; } h3 p, .h3 p { font-family: var(--font-family); font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: -0.04em; color: var(--black); margin: 0; } .h4, .h5, .h6, h4, h5, h6 { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 110%; letter-spacing: -0.04em; color: var(--black); margin: 0 0 10px; } h1.pagetitle { text-align: center; } .pagetitle_wrap { padding: 0; margin-top: 180px; display: flex; flex-wrap: wrap; justify-content: flex-end; } .pagetitle_wrap.cat_title { justify-content: center; } p { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; margin-top: 5px; margin-bottom: 5px; text-align: left; color: var(--black); } p span.italic, p span.normal { display: inline !important; } a { text-decoration: none; color: var(--black); } a:hover { text-decoration: none; color: var(--grey) !important; } ul { padding: 0; list-style: none; } .italic { font-style: italic; } .normal { font-style: normal; } .big_text { font-family: var(--font-family); font-weight: 500; font-size: 48px; line-height: 120%; letter-spacing: -0.04em; text-transform: uppercase; color: var(--black); } .img_block { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .img_block img { object-fit: cover; object-position: center center; width: 100%; height: 100%; } .video_block { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .video_block video { object-fit: cover; object-position: center center; width: 100%; height: 100%; cursor: pointer; } .video_block .content_block { z-index: 9; position: absolute; } .video_block button { padding: 0; background: none; border: none; cursor: pointer; } .btn { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 20px; align-items: center; cursor: pointer; text-decoration: none !important; font-family: var(--font-family); font-weight: 500; line-height: 120%; } .btn_reg { width: 177px; height: 43px; font-size: 16px; color: var(--beige) !important; background: var(--black); } .btn_big { width: 296px; height: 43px; font-size: 16px; color: var(--beige) !important; background: var(--black); border: none; } .btn_small { width: 114px; height: 37px; font-size: 12px; color: var(--beige) !important; background: var(--black); } .btn_reg:after, .btn_big:after { content: ''; display: block; background: url('data:image/svg+xml,'); width: 23px; height: 23px; background-size: cover; } .btn_reg:hover, .btn_big:hover, .btn_small:hover { background: var(--grey); color: var(--beige) !important; } .btn_small:after { content: ''; display: block; background: url('data:image/svg+xml,'); width: 18px; height: 19px; background-size: cover; } .btn_tr_gray, .btn_tr_black { border: 1px solid var(--grey); width: 411px; height: 43px; font-size: 16px; color: var(--grey) !important; background: transparent; } .btn_tr_gray:after, .btn_tr_black:after { content: ''; display: block; background: url('data:image/svg+xml,'); width: 23px; height: 23px; background-size: cover; } .btn_tr_gray:hover { color: var(--beige) !important; background: var(--grey); } .btn_tr_black:hover { color: var(--beige) !important; background: var(--black); } .btn_tr_gray:hover:after, .btn_tr_black:hover:after { background: url('data:image/svg+xml,'); } .subtitle_block { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .subtitle_sup { width: 217px; text-transform: lowercase; } .subtitle_sup span { font-size: 20px; text-align: left; letter-spacing: -0.07em; } .subtitle_main { margin-bottom: 30px; width: calc(100% - 237px); display: flex; justify-content: space-between; align-items: flex-end; } .subtitle_main h2, subtitle_main .h2 { margin: 0; } .subtitle_main h2 p, subtitle_main .h2 p { margin: 0 0 3px; } .staircase-text p { margin: 0 0 3px; } .staircase-text p:nth-child(1) { margin-left: 237px; } .staircase-text p:nth-child(2) { margin-left: 0; } .staircase-text p:nth-child(3) { margin-left: 237px; } .staircase-text p:nth-child(4) { margin-left: 0; } .text-anim2.staircase-text p:nth-child(1), .text-anim2.staircase-text p:nth-child(2), .text-anim2.staircase-text p:nth-child(3), .text-anim2.staircase-text p:nth-child(4) { margin-left: 0; } .text-anim2.staircase-text span.line:nth-child(1) { margin-left: 237px; } .text-anim2.staircase-text span.line:nth-child(2) { margin-left: 0; } .text-anim2.staircase-text span.line:nth-child(3) { margin-left: 237px; } .text-anim2.staircase-text span.line:nth-child(4) { margin-left: 0; } .slick-prev { cursor: pointer; width: 15px; height: 27px; position: relative; left: 0; top: 0; } .slick-next { cursor: pointer; width: 15px; height: 27px; position: relative; right: 0; top: 0; } .slick-prev:before { content: ''; background: url('data:image/svg+xml,'); width: 15px; height: 27px; display: block; } .slick-next:before { content: ''; background: url('data:image/svg+xml,'); width: 15px; height: 27px; display: block; } .car_nav1 { width: 80px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-top: -10px; } .car_nav2 { display: flex; width: 80px; justify-content: space-between; float: right; margin-top: 30px; margin-right: calc(50% - 700px); } .car_nav_rev { width: 217px; padding: 0 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-left: 455px; margin-top: -215px; height: 215px; background: var(--beige); z-index: 9; position: relative; } .popup-overlay { position: fixed; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; z-index: 1; background: rgba(0,0,0,0.8); top: 0; left: 0; right: 0; bottom: 0; opacity: 0; display: none; } .popup-overlay.visible { opacity: 1; } .popup-overlay.active { display: block; } /*---------------------моб меню------------------*/ .drawer-list { position: fixed; right: 0; top: 0; -height: 100vh; height: 570px; width: 263px; z-index: 998; transform: translate(100vw, 0); -ms-transform: translatex(-100vw); box-sizing: border-box; pointer-events: none; padding-top: 20px; -transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease; transition: width 475ms ease-out, transform 450ms ease; border-bottom-left-radius: 100vw; background-color: var(--beige); } .drawer-list ul { height: auto; width: 100%; margin: 0; padding: 20px 10px; overflow: auto; overflow-x: hidden; pointer-events: auto; float: none; } .drawer-list li { list-style: none; text-transform: uppercase; pointer-events: auto; white-space: nowrap; box-sizing: border-box; transform: translatex(100vw); /* ie workaround */ -ms-transform: translatex(-100vw); width: 100%; margin-bottom: 5px; padding-left: 20px; } .drawer-list li:last-child { margin-bottom: 2em; } .drawer-list li a { text-decoration: none; color: var(--black); font-weight: 500; text-align: left !important; -display: inline-block; display: block; padding: 7px 0; font-size: 14px; } input.hamburger { display: none; } label.hamburger:before, label.hamburger:after { display: none; width: 0; } input.hamburger:checked ~ .drawer-list { transform: translatex(0); border-bottom-left-radius: 0; } input.hamburger:checked ~ .drawer-list li { transform: translatex(0); } input.hamburger:checked ~ .drawer-list li a { padding-right: 15px; } input.hamburger:checked ~ label close { color: var(--black); width: 170%; } input.hamburger:checked ~ label open { color: var(--black); width: 0; } label.hamburger { position: relative; display: block; top: -1px; padding: 0 !important; float: right; width: 60px; } label.hamburger:hover { cursor: pointer; } label.hamburger text close, label.hamburger text open { text-transform: uppercase; font-size: 1.1em; position: absolute; transform: translateY(12px) translateX(70px); text-align: center; overflow: hidden; transition: width .25s .35s, color .45s .35s; display: none; } label.hamburger text close { color: var(--black); right: 0; width: 0; } label.hamburger text open { color: var(--black); } label.hamburger > i { position: absolute; height: 1px; top: 50%; background-color: var(--black); pointer-events: auto; transition-duration: .35s; transition-delay: .35s; width: 60px; } label.hamburger > i:before, label.hamburger > i:after { position: absolute; display: block; width: 100%; height: 1px; left: 50%; background-color: var(--black); content: ""; transition: transform 0.35s; transform-origin: 50% 50%; } label.hamburger > i:before { transform: translate(-50%, -10px); } label.hamburger > i:after { transform: translate(-50%, 10px); } .mobmenu_close { position: absolute; right: 20px; top: 25px; z-index: 999; transition: 2s; } /*---------------------моб меню------------------*/ /*--------------------аккордеон--------------------*/ .accordion { cursor: pointer; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .accordion:after { content: ''; display: block; background: url('data:image/svg+xml,'); width: 21px; height: 21px; background-size: cover; float: right; } .accordion.acc2:after { background: url('data:image/svg+xml,'); width: 20px; height: 20px; } .accordion_body { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .ac_active:after { background: url('data:image/svg+xml,'); background-size: cover; width: 21px; height: 22px; } .ac_active.acc2:after { background: url('data:image/svg+xml,'); background-size: cover; width: 20px; height: 20px; } /*--------------------аккордеон--------------------*/ /*--------------------tabs--------------------*/ .tab { display: flex; flex-wrap: wrap; justify-content: space-between; } .tab > input[type="radio"] { display: none; } .tab-content { display: none; width: 100%; padding-top: 40px; border-top: 1px solid var(--light-grey); } .tab-col.col-half { width: calc(50% - 10px); } .tab-content p { width: 70%; } #tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3, #tab-btn-4:checked~#content-4 { display: flex; flex-wrap: wrap; justify-content: space-between; } .tab > label { cursor: pointer; transition: color .15s ease-in-out, border-color .15s ease-in-out; font-size: 24px; font-weight: 400; line-height: 100%; letter-spacing: -0.04em; color: var(--light-grey); padding: 20px 60px; } .tab > label:hover { color: var(--black); } .tab > input[type="radio"]:checked + label { cursor: default; color: var(--black); } /*--------------------tabs--------------------*/ /*--------------------pagination--------------------*/ .desi-page-navigation { text-align: center; margin-top: 20px; } .desi-page-link { font-weight: 400; font-size: 12px; line-height: 100%; color: var(--black) !important; opacity: 0.7; border: 1px solid var(--black); border-radius: 5px; padding: 8px 11px; filter: opacity(0.7); margin: 0 3px; } .desi-page-current { font-weight: 400; font-size: 12px; line-height: 100%; color: var(--white); background: var(--black); border: 1px solid var(--black); border-radius: 5px; padding: 8px 11px; margin: 0 3px; } .desi-page-link:hover { color: var(--white) !important; background: var(--black); opacity: 1; filter: opacity(1); } .desi-page-dots { top: -4px; position: relative; margin: 0 5px; font-size: 22px; letter-spacing: 0.08em; } .desi-page-previous { margin-right: 10px; } .desi-page-next { margin-left: 10px; } /*--------------------pagination--------------------*/ /*--------------------анимация--------------------*/ .slide-up-title { -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0); animation-name: titleAnimation; animation-timing-function:ease; animation-duration: 3s; -animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; } .fade-in { animation-name: fadeIn; animation-timing-function:ease; animation-duration: 7s; } @keyframes titleAnimation { 0% { transform: translateY(50px); opacity: 0; -webkit-clip-path: polygon(100% 0, 100% 0, 0 0, 0 0); clip-path: polygon(100% 0, 100% 0, 0 0, 0 0); } 100% { transform: translateY(0); opacity: 1; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /*--------------------анимация--------------------*/ /*--------------------header--------------------*/ header { width: 100%; position: fixed; background: var(--beige); z-index: 99; top: 0; } .header_mob { display: none; } .header_wrap { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-content: center; height: 62px; align-items: center; } .header_left { width: 16%; } .header_right { width: 16%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .header_logo a { font-weight: 500; font-size: 20px; line-height: 110%; letter-spacing: -0.04em; text-transform: uppercase; color: var(--black) !important; text-decoration: none; } .header_logo img { max-height: 36px; } .header_phones { display: flex; flex-wrap: wrap; -height: 35px; align-content: center; text-align: right; } .header_phones a { font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: var(--black); text-decoration: none; width: 100%; } .header_menu #horizontal-multilevel-menu, .header_menu #horizontal-multilevel-menu ul { background: transparent; font-size: 16px; } .header_menu #horizontal-multilevel-menu li a.root-item { padding: 7px 20px; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: var(--black); } .header_menu #horizontal-multilevel-menu li:hover, .header_menu #horizontal-multilevel-menu li.jshover { background: transparent; color: var(--grey); } .header_menu #horizontal-multilevel-menu li:hover a.root-item, .header_menu #horizontal-multilevel-menu li.jshover a.root-item { background: transparent; color: var(--grey); } .header_menu #horizontal-multilevel-menu li a.root-item-selected { background: transparent; padding: 7px 20px; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: var(--grey); } .top_search { margin-right: 15px; cursor: pointer; height: 16px; width: 16px; } .top_cart { margin-right: 15px; cursor: pointer; height: 16px; width: 16px; } .js-popup-close { cursor: pointer; } .popup-callback { display: block !important; visibility: hidden; -top: 50%%; -right: 30%; width: 480px; padding: 40px; background: var(--beige); cursor: auto; z-index: 99; transition: all 0.4s ease-out; position: absolute; } .popup-search, .popup-cart { display: block !important; visibility: hidden; top: 0; right: 0; width: 720px; min-height: 540px; padding: 40px; background: var(--beige); cursor: auto; transform: translateX(100%); transition: all 0.4s ease-out; position: absolute; z-index: 2; } .popup-search.show, .popup-cart.show { transform: translateX(0); transition: all 0.4s ease-out; visibility: visible; } .popup-callback.show { -transform: translateY(50%); transition: all 0.4s ease-out; visibility: visible; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } .callback_wrap { width: 100%; margin: 20px 0; } .callback_wrap input { border: none; border-bottom: 1px solid #7e7e7e; outline: none; background: none; font-size: 14px; line-height: 110%; color: #282828; width: 100%; padding: 20px 0 10px; margin-bottom: 20px; } .callback_wrap input:last-child { margin-bottom: 10px; } .policy_callback { text-align: left; font-size: 14px; margin-bottom: 20px; } .request-submit { width: 100%; } .top_cart_top { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: space-between; padding-bottom: 30px; border-bottom: 3px solid rgba(0, 0, 0, 0.5); } .top_cart_title { font-weight: 400; font-size: 40px; line-height: 100%; letter-spacing: -0.04em; color: #282828; } .top_cart_clean { cursor: pointer; } .top_cart_item { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 0; border-bottom: 3px solid rgba(0, 0, 0, 0.5); } .top_cart_item .cart_item_name, .top_cart_item .cart_item_price, .top_cart_item .cart_item_remove, .top_cart_item .cart_item_quant, .top_cart_item .cart_item_quant input { font-weight: 400; font-size: 20px; line-height: 110%; letter-spacing: -0.04em; color: #282828; } .top_cart_body { overflow: auto; height: 445px; padding-right: 20px; } #cart-total { color: #282828; position: absolute; margin-top: -5px; } .popup-cart .cart_full_cost { color: #282828; } .popup-cart .total_block { width: calc(100% - 20px); margin-top: 40px; } .btn_top_cart { width: calc(100% - 40px); height: 45px; } .pop_wrap.search_wrap { overflow: hidden; height: 100%; } .pop_title_block.search_title_block { display: flex; align-items: center; justify-content: space-between; } .pop_title { font-weight: 400; font-size: 40px; line-height: 100%; letter-spacing: -0.04em; color: #282828; } #search { margin-top: 50px; width: 100%; max-height: 620px; } .search_wrap .search_input_wrap { width: 100%; display: flex; align-items: center; border-bottom: 1px solid #7e7e7e; padding: 10px 0; flex-wrap: wrap; } .btn_search { border: none; height: auto; width: auto; margin-right: 20px; background: transparent; } #search input { border: none; outline: none; background: none; font-size: 14px; line-height: 110%; -text-transform: uppercase; color: #282828; width: calc(100% - 60px); } .search-page { visibility: hidden; height: 0; } /*--------------------header--------------------*/ /*--------------------footer--------------------*/ .footer_top_block { margin-top: 150px; margin-bottom: 150px; width: 100%; display: inline-block; } .footer_top_wrap { display: flex; flex-wrap: wrap; justify-content: center; } .footer_top_text { margin-bottom: 25px; text-align: center; } .footer_top_suptext { margin-bottom: 15px; } .footer_top_suptext>span { text-align: center !important; } .footer_top_suptext p { width: 55%; margin: 5px auto; text-align: center; } .footer_top_img { height: 335px; margin-bottom: 20px; } .footer_top_btn .btn { width: 100%; } footer { width: 100%; background: var(--black); } .footer_wrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 0 20px; } .footer_logo a { font-weight: 500; font-size: 20px; line-height: 110%; letter-spacing: -0.04em; text-transform: uppercase; color: var(--beige) !important; text-decoration: none; -margin-top: 20px; display: block; } .footer_logo img { max-height: 36px; } .footer_menu { width: 26%; } .footer_menu #horizontal-multilevel-menu, .footer_menu #horizontal-multilevel-menu ul { margin: 0; padding: 0; background: transparent; min-height: 27px; width: 100%; list-style: none; font-size: 16px; float: left; } .footer_menu #horizontal-multilevel-menu li { width: 100%; margin-bottom: 15px; } .footer_menu #horizontal-multilevel-menu li a.root-item { padding: 0 0 10px; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: var(--beige); text-align: left; } .footer_menu #horizontal-multilevel-menu li:hover, .footer_menu #horizontal-multilevel-menu li.jshover { background: transparent; color: var(--grey); } .footer_menu #horizontal-multilevel-menu li:hover a.root-item, .footer_menu #horizontal-multilevel-menu li.jshover a.root-item { background: transparent; color: var(--grey); } .footer_menu #horizontal-multilevel-menu li a.root-item-selected { background: transparent; padding: 0 0 10px; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: var(--grey); text-align: left; } .footer_contacts { width: 26%; } .footer_contacts_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 80px; } .footer_contacts a { font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: var(--beige); text-decoration: none; width: 100%; display: block; padding-bottom: 10px; margin-bottom: 15px; } .footer_address { width: 48%; } .footer_address_wrap p { font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: var(--beige); margin: 0 0 25px; } .socnet_wrap { display: flex; flex-wrap: wrap; } .socnet_icon { text-decoration: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 38px; height: 38px; border: 1px solid var(--beige); border-radius: 50%; margin-right: 10px; } .footer_copy_block { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .footer_copy { width: 50%; font-weight: 400; font-size: 16px; line-height: 120%; letter-spacing: -0.06em; color: var(--beige); } .footer_politic { width: 48%; } .footer_politic a { font-weight: 400; font-size: 16px; line-height: 120%; letter-spacing: -0.06em; color: var(--beige); text-decoration: none; } /*--------------------footer--------------------*/ /*--------------------main_page--------------------*/ .main_toptext { margin-bottom: 150px; } .main_pagetitle .pagetitle { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; align-items: center; } .pagetitle_midtext { font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; text-align: justify; color: var(--black); width: 300px; text-transform: none; margin: 0 20px; } .main_toptext_wrap { margin: 0 auto; } .main_toptext_text { margin-bottom: 20px; } .main_toptext_text p { text-align: center; } .main_toptext_img { height: 320px; margin-bottom: 20px; } .top_sale { margin-bottom: 150px; } .top_sale_wrap { margin-left: calc(50% - 700px); } .top_sale_item { display: flex !important; flex-wrap: wrap; width: 454px; justify-content: space-between; max-width: 691px; width: 691px; margin-right: 20px; transition: 1s; } .top_sale_item.active { width: 691px; display: flex !important; transition: 1s; } .top_sale_item.active2 { transform: translatex(-234px); } .top_sale_img { width: 454px; height: 500px; } .top_sale_btn { -width: 0; -height: 0; display: flex; flex-wrap: wrap; align-content: flex-end; -display: none; opacity: 0; transition: 1s; } .top_sale_item.active .top_sale_btn { display: flex; width: 217px; height: auto; opacity: 1; transition: 1s; } .top_sale_name { margin-top: 10px; width: 454px; display: inline-block; } .top_sale_name p { font-size: 20px; line-height: 110%; letter-spacing: -0.04em; } .top_sale .prod_item { width: 335px; } .main_advantages { margin-bottom: 150px; } .video_block_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .video_block_img { height: 217px; } .main_advantages .video_block { height: 480px; } .advantages_wrap { margin-top: 50px; } .advantages_item { border-top: 1px dashed var(--grey); padding-bottom: 40px; } .advantages_item:last-child { border-bottom: 1px dashed var(--grey); } .advantages_head { -height: 58px; padding-top: 16px; margin-bottom: -24px; } .advantages_num { font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: -0.03em; color: var(--black); } .advantages_head_text { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .advantages_head_text p { font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: -0.03em; color: var(--black); margin: 0; width: 90%; } .advantages_head.accordion:after { display: none; } .advantages_head.accordion .advantages_head_text:after { content: ''; display: block; background: url('data:image/svg+xml,'); width: 21px; height: 21px; background-size: cover; float: right; } .advantages_head.ac_active .advantages_head_text:after { background: url('data:image/svg+xml,'); background-size: cover; width: 21px; height: 22px; } .advantages_body_text { -padding-bottom: 30px; -margin-right: 217px; margin-right: 140px; float: right; width: 320px; } .main_cat { margin-bottom: 150px; } .main_cat_wrap { -min-height: 570px; margin-left: calc(50% - 700px); } .main_cat_items { min-height: 600px; } .cat_btn_top { width: 258px; } .main_cat_item { width: 216px; margin: 0 10px; transition: 1s; } .main_cat_item.active { width: 454px; transition: 1s; } .main_cat_item .prod_item_img { height: 216px; transition: 1s; } .main_cat_item.active .prod_item_img { height: 454px; transition: 1s; } .main_cat_item p { font-size: 20px; line-height: 110%; } .main_cat .prod_item { width: 335px; } .prod_item_name { margin-top: 10px; } .prod_item_price { margin: 10px 0; } .main_cat_item .prod_item_info { opacity: 0; transition: .1s; transform: scale(0); } .main_cat_item.active .prod_item_info { opacity: 1; transition: .1s; transition-delay: 1s; transform: scale(1); } .main_about { margin-bottom: 150px; } .main_about_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .about_center_text { margin-bottom: 20px; } .about_center_text p { text-align: justify; } .about_center_img { height: 400px; margin-bottom: 20px; } .about_right_img { width: 217px; height: 254px; margin-top: 199px; } .main_brands { margin-bottom: 150px; } .main_brand_item { height: 84px; border-top: 1px dashed var(--grey); display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; transition: .3s; } .main_brand_item:last-child { border-bottom: 1px dashed var(--grey); } .main_brand_item.active { background: var(--black); transition: 1s; } .main_brand_name { font-weight: 500; font-size: 24px; line-height: 120%; letter-spacing: -0.04em; text-transform: uppercase; color: var(--black); padding: 30px 0 25px; margin-left: 474px; text-align: left; } .main_brand_item:nth-child(2n) .main_brand_name { margin-left: 0; } .main_brand_item:nth-child(3n) .main_brand_name { margin-left: 751px; } .main_brand_item.active .main_brand_name { color: var(--beige); } .main_brand_img { width: 0; position: absolute; -display: none; transition: .3s; margin-left: 0; } .main_brand_item:nth-child(2n) .main_brand_img { margin-left: 237px; } .main_brand_item:nth-child(3n) .main_brand_img { margin-left: 474px; } .main_brand_item.active .main_brand_img { display: flex; transition: 1s; width: 200px; -height: 255px; height: 200px; background: #fff; } .main_brand_item.active .main_brand_img img { background: #fff; -max-height: 200px; } .main_rev { margin-bottom: 150px; } .rev_item { display: flex !important; flex-wrap: wrap; justify-content: space-between; width: 217px; align-content: flex-end; height: 460px; transition: 1s; margin-right: 20px; transform: translateX(-217px); } .rev_item.active { display: flex; flex-wrap: wrap; justify-content: space-between; width: 908px; transition: 1s; transform: none; } .rev_item_video { width: 217px; height: 212px; transition: 1s; } .rev_item.active .rev_item_video { width: 454px; height: 460px; transition: 1s; } .rev_item_video iframe { width: 100%; height: 100%; } .rev_item .content_block button { display: none; } .rev_item.active .content_block button { display: block; } .rev_item_body { display: flex; flex-wrap: wrap; align-content: space-between; width: 0; height: 0; opacity: 0; transition: 1s; } .rev_item.active .rev_item_body { width: 434px; height: 460px; opacity: 1; transition: 1s; transition-delay: 1s; } .rev_item_info { display: flex; flex-wrap: wrap; opacity: 0; transform: scale(0); } .rev_item.active .rev_item_info { opacity: 1; transition: .5s; transition-delay: 1s; transform: scale(1); } .rev_item_name { width: 100%; } .rev_item_work { width: 100%; } .rev_item_text p { text-align: justify; } .main_faq { -margin-bottom: 150px; } .faq_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .faq_img { height: 286px; } .faq_item { border-top: 1px dashed var(--grey); } .faq_item:last-child { border-bottom: 1px dashed var(--grey); } .faq_head { height: 56px; } .faq_head p { font-weight: 600; line-height: 100%; letter-spacing: -0.03em; width: 90%; } .faq_body_text { width: 70%; padding-bottom: 20px; } /*--------------------main_page--------------------*/ /*--------------------catalog--------------------*/ .catalog_top_wrap { margin-top: -10px; margin-bottom: 80px; } .catalog_top_body { margin: 0 auto; } .catalog_top_text { width: 95%; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .catalog_top_text p { text-align: center; } .catalog_top_btns { display: flex; justify-content: space-between; } .catalog_filters_block { display: flex; width: 100%; justify-content: space-between; margin-bottom: 30px; } .catalog_filters { width: 50%; display: flex; } .catalog_filter { width: 217px; } .catalog_filter_btn { cursor: pointer; display: flex; } .catalog_filter_btn:after { content: ''; width: 17px; height: 10px; display: block; background-image: url('data:image/svg+xml,'); margin-top: 3px; margin-left: 15px; } .catalog_sort { width: 217px; } .catalog_sort_btn { display: flex; float: right; cursor: pointer; } .catalog_sort_btn:after { content: ''; width: 17px; height: 10px; display: block; background-image: url('data:image/svg+xml,'); margin-top: 3px; margin-left: 15px; } .sort_list { position: absolute; background: var(--beige); padding: 20px; box-shadow: 0px 0px 0 .5px; z-index: 9; margin-top: 30px; right: calc(50% - 700px); } .filter_list { position: absolute; background: var(--beige); padding: 20px; box-shadow: 0px 0px 0 .5px; z-index: 9; margin-top: 15px; left: calc(50% - 700px); } .filter_list.filter_brand { left: calc(50% - 483px); } .sort_list ul, .filter_list ul { margin: 0; } .sort_list li, .filter_list li { margin-bottom: 20px; } .sort_list li:last-child, .filter_list li:last-child { margin-bottom: 0; } .sort_list li a, .filter_list li a { font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: var(--grey); } .sort_list a:hover, .filter_list a:hover { color: var(--black) !important; } .prod_item p { font-size: 20px; line-height: 110%; } .prod_item_price p { color: var(--grey); } .catalog_line5_right, .product-item-list-col-4-1 { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } .catalog_line5_left, .product-item-list-col-1-4 { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } .catalog_line4, .product-item-list-col-4, .product-item-list-col-3 { width: 100%; } .catalog_col { width: calc(50% - 10px); display: flex; flex-wrap: wrap; justify-content: space-between; } .catalog_row { width: 100%; display: flex; flex-wrap: wrap; -justify-content: space-between; } .prod_def_col .catalog_row { justify-content: flex-start; } .prod_item { margin-bottom: 20px; } .prod_item { width: calc((100% - 60px)/4); margin-right: 20px; } .catalog_row .prod_item:nth-child(4n) { margin-right: 0; } .items4 .prod_item { width: calc(50% - 10px); margin-right: 20px; } .items1 .prod_item { width: 100%; margin-right: 0; } .items4 .prod_item:nth-child(2), .items4 .prod_item:nth-child(4) { margin-right: 0; } .prod_item .prod_item_img { height: 335px; background: var(--beage2); } .items4 .prod_item .prod_item_img { height: 335px; } .items1 .prod_item .prod_item_img { height: 851px; } .prod_item .prod_item_img img { height: 244px; width: auto; max-width: 244px; } .prod_item p { text-align: left; } .catalog_bt_btn { margin-top: 50px; -margin-bottom: 150px; } .btn_cat_bt { margin: 0 auto; } /*--------------------catalog--------------------*/ /*--------------------contacts--------------------*/ .contacts_wrap { -margin-bottom: 150px; display: flex; flex-wrap: wrap; justify-content: flex-end; } .contacts_img { height: 656px; width: 100%; filter: grayscale(1); } .contacts_body_wrap { float: right; margin-top: 30px; } .contacts_line { display: flex; flex-wrap: wrap; height: 94px; border-top: 1px dashed var(--light-grey); align-content: center; align-items: center; } .contacts_line:last-child { border-bottom: 1px dashed var(--light-grey); } .contacts_head { width: 50%; font-weight: 500; font-size: 32px; line-height: 100%; } .contacts_body { width: 50%; } .contacts_body a { font-size: 20px; line-height: 110%; } .contacts_body p { font-size: 20px; line-height: 110%; } .contacts_socnet .socnet_icon { border-color: var(--black); } .contacts_socnet .socnet_icon svg path { fill: var(--black); } /*--------------------contacts--------------------*/ /*--------------------404--------------------*/ .pagetitle_404 { width: 100%; } .wrap_404 { width: 40%; margin-bottom: 150px; } .subtitle_404 { text-align: center; margin-bottom: 30px; text-transform: none; font-weight: 400; font-size: 40px; line-height: 100%; letter-spacing: -0.04em; } .btn_404 { display: flex; justify-content: center; } /*--------------------404--------------------*/ /*--------------------products--------------------*/ .prod_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 200px; margin-bottom: 150px; } .prod_left { width: calc((100% - 40px)/3); display: flex; flex-wrap: wrap; align-content: space-between; } .prod_center { width: calc((100% - 40px)/3); } .prod_right { width: calc((100% - 40px)/3); display: flex; flex-wrap: wrap; align-content: space-between; } h1.prod_pagetitle { font-weight: 400; font-size: 40px; line-height: 100%; letter-spacing: -0.04em; text-transform: none; text-align: left; margin-top: 0; margin-bottom: 15px; } .opentype { margin-top: 40px; width: 100%; display: inline-block; } .opentype_title { font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: -0.03em; color: var(--black); margin-bottom: 15px; } .opentype_wrap { width: 100%; } .opentype_item { display: flex; align-items: center; margin-bottom: 10px; } .opentype_img { max-width: 24px; margin-right: 10px; } .opentype_name { font-weight: 700; font-size: 12px; line-height: 110%; letter-spacing: -0.03em; text-transform: uppercase; color: var(--grey); } .prod_intro { margin-bottom: 30px; text-align: left; min-height: 70px; } .prod_price { font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: -0.04em; color: var(--grey); width: 100%; -text-align: right; } .prod_gal_for { margin-bottom: 20px; } .prod_gal_for .prod_gal_img { height: 540px; } .prod_gal_nav .prod_gal_img { height: 100px; width: 100px; margin-right: 18px; cursor: pointer; } .product-item-detail-slider-controls-block { padding: 0; } .product-item-detail-slider-controls-image img { max-width: 100px; max-height: 100px; } .prod_btn_block { display: flex; flex-wrap: wrap; justify-content: space-between; } .prod_options { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .prod_option { border: 1px solid var(--black); width: calc(50% - 10px); margin-bottom: 20px; } .prod_option.text_option { border: none; display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .simple_prod .prod_option { display: none; } .prod_option_head { height: 22px; padding: 10px; border-bottom: 1px solid var(--black); font-size: 20px; line-height: 110%; } .prod_option_body { height: 47px; padding: 10px; display: flex; justify-content: space-evenly; } .text_option .prod_option_body { justify-content: flex-start; width: auto; height: max-content; margin-right: 10px; margin-bottom: 10px; padding: 0; cursor: pointer; } .text_option_item { cursor: pointer; padding: 10px; border: 1px solid var(--grey); display: inline-block; text-align: left; } .text_option .prod_option_body:hover .text_option_item { background: var(--grey); color: var(--beige); } .prod_count { border: 1px solid var(--black); width: calc(50% - 10px); margin-bottom: 20px; height: fit-content; } .prod_count_head { height: 22px; padding: 10px; border-bottom: 1px solid var(--black); font-size: 20px; line-height: 110%; } .prod_count_body { height: 47px; padding: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; } input.count { border: none; background: none; min-width: 40px; max-width: 60px; text-align: center; font-size: 20px; line-height: 110%; margin: 0 5px; } input.count:focus { outline: none; } .count_minus, .count_plus { border: 1px solid var(--black); border-radius: 5px; width: 34px; height: 34px; font-size: 24px; line-height: 32px; text-align: center; cursor: pointer; display: flex; justify-content: center; } .btn_cart { -margin-top: 20px; width: 455px; height: 45px; } .color_option_wrap, .pic_option_wrap { display: flex; align-items: center; cursor: pointer; } .color_option_wrap input[type="radio"], .text_option_wrap input[type="radio"], .pic_option_wrap input[type="radio"] { display: none; } .color_choise { margin-left: 5px; } .color_item, .pic_item { width: 30px; height: 30px; position: relative; transition: background-color 0.3s, border-color 0.3s; } .color_yellow { background: var(--yellow); } .color_light_grey { background: var(--light-grey); } .color_grey { background: var(--grey); } .color_black { background: var(--black); } .color_option input[type="radio"]:checked + .color_item { width: 47px; height: 47px; } .text_option input[type="radio"]:checked + .text_option_item { background: var(--grey); color: var(--beige); } .prod_tabs { -margin-bottom: 150px; } .prod_rev_wrap { width: 100%; column-count: 3; column-gap: 4%; column-fill: auto; orphans: 24; max-height: 480px; overflow: auto; } .prod_rev_wrap p { width: 100%; } .prod_video { height: 300px; width: 100%; } .prod_video iframe { width: 100%; height: 100%; } .char_wrap { width: 100%; column-count: 3; column-gap: 4%; column-fill: auto; } .char_wrap p { width: 100%; } .char_item { margin-bottom: 20px; width: 90%; } .three-columns { display: flex; justify-content: space-between; } .three-columns .column { flex: 1; min-width: 0; padding: 0 15px; box-sizing: border-box; } .three-columns .column:first-child { padding-left: 0; } .three-columns .column:last-child { padding-right: 0; } .tab-content, .prod_acc_item .acc-col { color: var(--grey); font-size: 14px; } .tab-col p, .prod_acc_item .acc-col p { font-size: 14px; line-height: 120%; color: var(--grey); } .tab-col h4, .prod_acc_item h4 { margin-top: 20px; font-weight: 700; font-size: 14px; line-height: 110%; letter-spacing: -0.03em; text-transform: uppercase; color: var(--grey); } .tab-col h4:first-child { margin-top: 0; } .install_img_block { display: flex; flex-wrap: wrap; justify-content: space-between; } .install_img { width: calc(50% - 10px); } .prod_other { margin-top: 150px; } /*--------------------products--------------------*/ /*--------------------cart--------------------*/ .back_link { display: flex; width: 100%; align-items: center; flex-wrap: wrap; margin-top: 80px; margin-bottom: 40px; } .back_link a { margin-left: 10px; margin-top: 2px; } .order_wrap { margin-bottom: 150px; } .order_body { margin-top: 60px; } #order-form { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .order_col { width: calc(50% - 10px); } .order_cart_wrap { padding: 30px; background: var(--grey); max-width: 580px; } .order_cart_top { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: space-between; padding-bottom: 30px; border-bottom: 3px solid var(--beige); } .order_cart_title { font-weight: 400; font-size: 40px; line-height: 100%; letter-spacing: -0.04em; color: var(--beige); } .order_cart_clean { cursor: pointer; } .cart_item { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 0; border-bottom: 3px solid var(--beige); } .cart_item_img { width: 160px; height: 160px; } .cart_item_img img { width: 100%; height: auto; } .cart_item_body { width: calc(100% - 180px); display: flex; flex-wrap: wrap; align-content: space-between; } .cart_item_info, .cart_item_action { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .cart_item_name, .cart_item_price, .cart_item_remove, .cart_item_quant { font-weight: 400; font-size: 20px; line-height: 110%; letter-spacing: -0.04em; color: var(--beige); } .cart_item_name, .cart_item_quant { width: 60%; text-align: left; } .cart_item_price, .cart_item_remove { width: 35%; text-align: right; } .cart_item_quant input { width: 30px; text-align: center; border: none; outline: none; background: none; font-weight: 400; font-size: 20px; line-height: 110%; letter-spacing: -0.04em; color: var(--beige); } .cart_item a:hover { color: var(--beige) !important; opacity: .7; } .total_block { width: 100%; margin-top: 40px; } .cart_full_cost { font-weight: 400; font-size: 24px; line-height: 100%; letter-spacing: -0.04em; color: var(--beige); display: flex; justify-content: space-between; margin-bottom: 30px; } .btn_cart_order { width: 100%; background: var(--beige); font-weight: 500; font-size: 16px; line-height: 140%; color: var(--black) !important; } .btn_cart_order:hover { background: var(--black); color: var(--beige) !important; } .personal_wrap { margin-bottom: 40px; width: 100%; } .personal_title { font-weight: 400; font-size: 40px; line-height: 100%; letter-spacing: -0.04em; color: var(--black); margin-bottom: 20px; } .personal_body { border: 1px solid var(--black); padding: 30px; } .form-group { width: 100%; padding-bottom: 15px; border-bottom: 1px solid var(--black); margin-bottom: 20px; } .form-group:last-child { margin-bottom: 5px; } .payment_body .form-group { border: none; padding: 0; } .payment_body .form-group:last-child { margin-bottom: 0; } input[type="text"].form-control { width: 100%; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.04em; color: var(--black); background: none; background-color: var(--beige) !important; outline: none; border: none; } #delivery { margin-bottom: 20px; } .address_block { padding-top: 20px; border-top: 1px solid var(--black); } .address_block .form-group { border: 1px solid var(--black); padding: 15px; width: calc(100% - 33px); } .form_radio_delivery label { margin-bottom: 20px; } .form_radio input[type=radio] { display: none; } .form_radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 20px; margin-right: 0; line-height: 14px; user-select: none; color: var(--grey); } .form_radio label:before { content: ""; display: inline-block; width: 13px; height: 13px; position: absolute; left: 0; bottom: 1px; background: url('data:image/svg+xml,'); } .form_radio input[type=radio]:checked + label:before { background: url('data:image/svg+xml,'); } .form_radio input[type=radio]:checked + label { color: var(--black); } .form_radio label:hover:before { filter: brightness(120%); } .form_radio input[type=radio]:disabled + label:before { filter: grayscale(100%); } .success_img { width: 100%; height: 656px; margin-bottom: 30px; } .btn_success { display: flex; justify-content: center; } .success_wrap { margin-bottom: 150px; } /*--------------------cart--------------------*/ .about_wrap { width: 380px; margin: 40px auto 0px; } /* End */ /* Start:/bitrix/templates/desi/css/media.css?174888254832422*/ @media only screen and (max-width: 1600px) { .about_right_img { margin-top: 200px; } .advantages_body_text { margin-right: 100px; } } @media only screen and (max-width: 1366px) { h1, .h1, h1 p, .h1 p { font-size: 65px; } .container { max-width: 1300px; } .contacts_img { height: 580px; } .btn_cart { width: 100%; } .main_cat_item.active { width: 356px; } .main_cat_item.active .prod_item_img { height: 356px; } .car_nav2 { margin-right: calc(50% - 650px); } .about_right_img { margin-top: 232px; } .footer_top_btn a { width: calc(100% - 40px); } .btn_cat1 { width: calc(50% - 50px); } .btn_cat2 { width: calc(50% - 50px); } .items4 .prod_item .prod_item_img { height: 310px; } .items1 .prod_item .prod_item_img { height: 801px; } .prod_item .prod_item_img { -height: 310px; } .text-anim2.staircase-text span.line, .text-anim2.staircase-text span.line:nth-child(1), .text-anim2.staircase-text span.line:nth-child(3) { margin-left: 0; } .staircase-text p, .staircase-text p:nth-child(1), .staircase-text p:nth-child(3) { margin-left: 0; } .btn_about { width: calc(100% - 40px); } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 650px); } .main_toptext_btn .btn { width: calc(100% - 40px); } .top_cart_body { height: 380px; } .advantages_body_text { margin-right: 60px; } .sort_list { right: calc(50% - 650px); } .filter_list { left: calc(50% - 650px); } .filter_list.filter_brand { left: calc(50% - 433px); } } @media only screen and (max-width: 1200px) { .container { max-width: 960px; } .pagetitle_wrap { margin-top: 130px; } .full_scr { display: none !important; } .mob_scr { display: block !important; } h1, .h1, h1 p, .h1 p { font-size: 40px; margin: 20px 0; } h2, .h2, h2 p, .h2 p { font-size: 30px; } .big_text { font-size: 36px; } .header_left { width: 22%; } .header_right { width: 22%; } .car_nav1 { float: right; } .subtitle_sup { width: 100%; margin-bottom: 10px; } .subtitle_main { width: 100%; display: inline-block; margin-bottom: 20px; } .subtitle_main h2 { width: 80%; } .main_toptext_wrap.col-2 { width: 380px; } .main_toptext { margin-bottom: 100px; } .top_sale { margin-bottom: 100px; } .top_sale .subtitle_main { margin-bottom: 0; } .top_sale .subtitle_main h2 { -margin-bottom: 23px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 480px); } .top_sale_item, .top_sale_item.active { width: 280px; } .top_sale_item.active2 { transform: translatex(0); } .top_sale_img { width: 280px; height: 325px; } .top_sale_btn { width: 414px; margin-top: 10px; margin-left: calc(50% - 480px); opacity: 1; } .top_sale_btn .btn_reg { width: 100%; } .main_advantages .video_block.col-4 { width: calc(100% - 200px); } .video_block_img { height: 176px; width: 180px; } .main_advantages { margin-bottom: 100px; } .advantages_wrap { margin-top: 30px; } .advantages_item { padding-bottom: 38px; } .advantages_head { height: auto; margin-bottom: -18px; } .advantages_head_text p { -margin: 10px 0; text-align: left; } .advantages_body_text { -padding-bottom: 20px; margin-right: 40px; width: 300px; } .advantages_body_text p:first-child { margin-top: 0; } .advantages_head_wrap.col-4 { width: calc(100% - 200px); } .main_cat { margin-bottom: 100px; } .main_cat_wrap { min-height: auto; } .main_cat_items { min-height: 453px; } .car_nav2 { margin-right: calc(50% - 480px); } .main_cat_item, .main_cat_item.active { width: 160px; transition: 1s; } .main_cat_item.active_mob { width: 384px; } .main_cat_item .prod_item_img, .main_cat_item.active .prod_item_img { width: 100%; height: 314px; display: flex; align-content: flex-end; transition: 1s; } .main_cat_item .prod_item_img img { height: 160px; transition: 1s; } .main_cat_item.active_mob .prod_item_img img { height: 314px; } .main_cat_item.active .prod_item_info { opacity: 0; transition: 1s; } .main_cat_item.active_mob .prod_item_info { opacity: 1; transition: 1s; transform: scale(1); } .cat_btn_bt { display: flex !important; margin-top: 10px; margin-left: calc(50% - 480px); } .main_about { margin-bottom: 100px; } .main_about_left.col-2 { width: calc(50% - 210px); } .main_about_center.col-2 { width: 380px; } .about_center_img { height: 360px; } .main_about_right.col-2 { width: calc(50% - 210px); } .about_right_img { margin-top: 338px; } .main_brands { margin-bottom: 100px; } .main_brand_name { margin-left: 30%; } .main_brand_item:nth-child(3n) .main_brand_name { margin-left: 50%; } .main_brand_item:nth-child .main_brand_img { margin-left: 0 !important; } .main_rev { margin-bottom: 100px; } .main_faq { -margin-bottom: 100px; } .faq_head { height: auto; } .faq_head p { margin: 10px 0; text-align: left; } .footer_top_block { margin-top: 100px; margin-bottom: 100px; } .footer_top_text { margin-bottom: 20px; } .footer_top_text span { text-align: center !important; } .footer_top_body.col-2 { width: 380px; } .catalog_top_body.col-2 { width: 50%; } .catalog_top_text { width: 100%; } .catalog_top_text p { text-align: center; } .catalog_filters_block { margin-bottom: 20px; } .catalog_col { width: 100%; } .catalog_row .prod_item { width: calc((100% - 40px)/3); } .catalog_row .prod_item:nth-child(4n) { margin-right: 20px; } .catalog_row .prod_item:nth-child(3n) { margin-right: 0; } .catalog_row .prod_item .prod_item_img { -height: 470px; height: 313px; } .items4 .prod_item .prod_item_img { height: 470px; } .items1 .prod_item .prod_item_img { height: 960px; } .catalog_bt_btn { margin-bottom: 100px; } .contacts_wrap { margin-bottom: 100px; } .contacts_img { height: 420px; } .contacts_img iframe { height: 420px; } .contacts_body_wrap.col-4 { width: 100%; } .wrap_404 { width: 60%; margin-bottom: 100px; } .subtitle_404 { font-size: 35px; margin-bottom: 20px; } .prod_wrap { margin-bottom: 100px; margin-top: 150px; } .prod_btn_block .add-to-cart { width: 100%; } .prod_rev_wrap { column-count: 2; max-height: max-content; } .char_wrap { column-count: 2; } .prod_tabs { margin-bottom: 0; } .prod_tabs.full_scr { display: block !important; } .prod_acc.mob_scr { display: none !important; } .tab > label { padding: 20px 0px; } .tab-content { padding-top: 20px; } .tab-content p { -width: 90%; } .prod_other { margin-bottom: 100px; } .prod_left { width: 49%; order: 2; } .prod_center { width: 100%; order: 1; margin-bottom: 40px; } .prod_right { width: 49%; order: 3; } .prod_intro { margin-bottom: 0; text-align: left; } .prod_intro.full_scr { display: block !important; } .prod_intro.mob_scr { display: none !important; } .prod_price { margin-top: 5px; margin-bottom: 20px; } .prod_price.mob_scr { display: none !important; } .prod_price.full_scr { display: block !important; } .btn_cart { background: var(--black); color: var(--beige) !important; } .btn_cart:after { background: url('data:image/svg+xml,'); } .about_wrap { margin: 0 auto 100px; } .order_col { width: 100%; } .order_col_cart { order: 1; } .order_col_personal { order: 2; margin-top: 100px; } .order_cart_wrap { max-width: 100%; } .success_wrap { margin-bottom: 100px; } .success_img { height: 420px; } .sort_list { right: calc(50% - 480px); } .filter_list { left: calc(50% - 480px); } .filter_list.filter_brand { left: calc(50% - 263px); } } @media only screen and (max-width: 992px) { .container { max-width: 760px; } p { font-size: 14px; } .header_full { display: none; } .header_mob { display: block; } .header_left, .header_right { width: 49%; justify-content: flex-end; } .top_search, .top_cart { margin-right: 30px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 380px); } .car_nav2 { margin-right: calc(50% - 380px); } .top_sale_btn { margin-left: calc(50% - 380px); } .cat_btn_bt { margin-left: calc(50% - 380px); } .main_advantages .video_block { height: 500px; } .advantages_item { padding: 0; } .advantages_head { margin-bottom: 0; padding: 0; } .advantages_head_text p { margin: 20px 0; } .advantages_body_text { padding-bottom: 20px; width: calc(100% - 240px); } .about_left_img { height: 120px; } .about_right_img { margin-top: 447px; width: 100%; height: 120px; } .rev_wrap.container { max-width: fit-content; margin-left: calc(50% - 380px); } .rev_item { height: 304px; width: 128px; transform: translateX(-148px); } .rev_item.active { width: 580px; } .rev_item_video { width: 128px; height: 125px; } .rev_item.active .rev_item_video { width: 280px; height: 304px; } .rev_item.active .rev_item_body { width: 280px; height: 304px; } .car_nav_rev { width: 128px; margin-left: 280px; margin-top: -125px; height: 125px; } .faq_body_text { width: 80%; } .footer_logo.col-2 { width: 100%; margin-bottom: 60px; } .footer_contacts_wrap.col-4 { width: 100%; margin-bottom: 10px; } .footer_menu, .footer_contacts, .footer_address { width: 30%; } .footer_address_wrap p { margin: 0 0 5px; } .footer_address_wrap p:first-child { margin: 0 0 25px; } .footer_soc.col-2 { width: 100%; margin-bottom: 100px; } .footer_copy_block.col-4 { width: 100%; } .footer_politic { text-align: right; } .catalog_row .prod_item { width: calc((100% - 20px)/2); } .catalog_row .prod_item:nth-child(3n) { margin-right: 20px; } .catalog_row .prod_item:nth-child(2n) { margin-right: 0; } .catalog_row .prod_item .prod_item_img { height: 370px; } .items4 .prod_item .prod_item_img { height: 370px; } .items1 .prod_item .prod_item_img { height: 760px; } .catalog_top_body.col-2 { width: 60%; } .tab > label { font-size: 20px; } .tab-content p { width: 98%; } .tab-col.col-half { width: 100%; margin-bottom: 20px; } .tab-col.col-half:last-child { margin-bottom: 0; } #play_btn img, #play_btn2 img, .content_block button img { width: 50px; height: 50px; } .prod_price.mob_scr { display: block !important; width: 45%; float: right; } .prod_price.full_scr { display: none !important; } .prod_left { width: 100%; margin-bottom: 20px; } .prod_right { width: 100%; } .prod_left_top { width: 100%; } .prod_pagetitle_wrap { width: 50%; float: left; } .prod_intro.full_scr { display: none !important; } .prod_intro.mob_scr { display: block !important; margin-top: 20px; min-height: fit-content; } .prod_wrap { margin-bottom: 40px; margin-top: 100px; } .prod_option.text_option { margin-bottom: 5px; } .popup-search, .popup-cart { width: calc(100% - 80px); } .top_cart_body { height: 445px; } .sort_list { right: calc(50% - 380px); } .filter_list { left: calc(50% - 380px); } .filter_list.filter_brand { left: calc(50% - 190px); } } @media only screen and (max-width: 768px) { .container { max-width: 720px; } .subtitle_main h2 { width: 85%; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 360px); } .top_sale_btn { margin-left: calc(50% - 360px); } .car_nav2 { margin-right: calc(50% - 360px); } .cat_btn_bt { margin-left: calc(50% - 360px); } .main_advantages .video_block { height: 470px; } .rev_wrap.container { margin-left: calc(50% - 360px); } .wrap_404 { width: 80%; } .catalog_row .prod_item .prod_item_img { height: 350px; } .items4 .prod_item .prod_item_img { height: 350px; } .items1 .prod_item .prod_item_img { height: 720px; } .back_link.container { max-width: calc(100% - 60px); } .order_body.container { max-width: 100%; } .order_col_personal { max-width: calc(100% - 60px); margin-left: auto; margin-right: auto; } .catalog_filters_block { margin-bottom: 10px; } .sort_list { right: calc(50% - 360px); margin-top: 25px; } .filter_list { left: calc(50% - 360px); margin-top: 10px; } .filter_list.filter_brand { left: calc(50% - 180px); } } @media only screen and (max-width: 736px) { .container { max-width: 700px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 350px); } .top_sale_btn { margin-left: calc(50% - 350px); } .car_nav2 { margin-right: calc(50% - 350px); } .cat_btn_bt { margin-left: calc(50% - 350px); } .main_advantages .video_block { height: 460px; } .rev_wrap.container { margin-left: calc(50% - 350px); } .car_nav_rev { margin-left: 282px; margin-top: -127px; height: 128px; } .catalog_row .prod_item .prod_item_img { height: 340px; } .items4 .prod_item .prod_item_img { height: 340px; } .items1 .prod_item .prod_item_img { height: 700px; } .prod_btn_block { width: 100%; } .btn_cart { -width: 70%; } .prod_tabs.full_scr { display: none !important; } .prod_acc.mob_scr { display: block !important; } .prod_acc_item { padding: 20px 0; border-top: 1px solid var(--grey); } .prod_acc_item:last-child { border-bottom: 1px solid var(--grey); } .prod_acc_head { font-size: 24px; letter-spacing: -0.04em; } .prod_rev p:first-child { margin-top: 20px; } .prod_video { margin-top: 20px; } .prod_chars { display: flex; flex-wrap: wrap; justify-content: space-between; } .char_item { margin-bottom: 0; margin-top: 20px; } .prod_install .acc-col, .prod_deliv .acc-col, .prod_chars .acc-col { padding-top: 20px; } .prod_acc_body h4 { margin-top: 20px; } .prod_acc_body h4:first-child { margin-top: 0; } .install_img_block { margin-top: 20px; } .prod_pagetitle_wrap { width: 60%; } .prod_price.mob_scr { width: 38%; } .sort_list { right: calc(50% - 350px); } .filter_list { left: calc(50% - 350px); } .filter_list.filter_brand { left: calc(50% - 175px); } } @media only screen and (max-width: 667px) { .container { max-width: 620px; } .subtitle_main h2 { width: 100%; } .subtitle_main h2 span p { text-align: left !important; } .top_sale .subtitle_main { margin-bottom: 20px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 310px); } .top_sale_btn { margin-left: calc(50% - 310px); } .cat_btn_bt { margin-left: calc(50% - 310px); } .top_sale .prod_item, .main_cat .prod_item { width: 280px; } .car_nav1, .car_nav2 { display: none; } .main_advantages .video_block { height: 336px; } .main_brand_item.active .main_brand_img { width: 160px; height: 204px; } .rev_wrap.container { margin-left: calc(50% - 310px); } .catalog_top_body.col-2 { width: 80%; } .catalog_row .prod_item .prod_item_img, .prod_item .prod_item_img { height: 280px; } .prod_item .prod_item_img img { height: 214px; } .items4 .prod_item .prod_item_img { height: 300px; } .items1 .prod_item .prod_item_img { height: 620px; } .contacts_img { height: 350px; } .contacts_img iframe { height: 350px; } .success_img { height: 350px; } .sort_list { right: calc(50% - 310px); } .filter_list { left: calc(50% - 310px); } .filter_list.filter_brand { left: calc(50% - 155px); } .drawer-list li { padding-left: 10px; } } @media only screen and (max-width: 568px) { .container { max-width: 520px; } h1, .h1, h1 p, .h1 p { font-size: 26px; } h2, .h2, h2 p, .h2 p { font-size: 24px; } .h4, .h5, .h6, h4, h5, h6 { font-size: 16px; } .pagetitle_wrap { margin-top: 90px; } .main_toptext { margin-bottom: 70px; } .main_toptext_wrap.col-2 { width: 100%; } .main_toptext_img { height: 360px; } .top_sale { margin-bottom: 70px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 260px); } .top_sale_btn { margin-left: calc(50% - 260px); } .top_sale_item, .top_sale_item.active { width: 320px; } .top_sale_img { width: 320px; height: 320px; } .top_sale_name p { margin: 0; } .cat_btn_bt { margin-left: auto; margin-right: auto; width: 480px; } .top_sale_btn { margin-left: auto; margin-right: auto; margin-top: 0; width: 520px; } .top_sale_btn .btn_reg { width: auto; } .main_advantages { margin-bottom: 70px; } .video_block_img { display: none; } .main_advantages .video_block, .main_advantages .video_block.col-4 { width: 100%; } .advantages_head_wrap.col-4 { width: calc(80px + (100% - 100px)*5/6); } .advantages_body_text { width: calc(40px + (100% - 100px)*5/6); } .main_cat { margin-bottom: 70px; } .main_cat_item.active_mob { width: 320px; } .main_cat_item .prod_item_img, .main_cat_item.active .prod_item_img { height: 320px; } .main_cat_item.active_mob .prod_item_img img { height: 320px; } .cat_btn_bt { top: -10px; position: relative; } .main_about { margin-bottom: 70px; } .main_about_left, .main_about_right { display: none; } .main_about_center.col-2 { width: 100%; margin: 0 auto; } .main_brands { margin-bottom: 70px; } .main_brand_name { margin-left: 0 !important; } .main_brand_img { margin-left: 320px !important; } .main_brand_item.active .main_brand_img { width: 120px; height: 153px; } .main_rev { margin-bottom: 70px; min-height: 560px; } .rev_wrap.container { margin-left: calc(50% - 260px); } .catalog_top_body.col-2 { width: 90%; } .rev_car { min-height: 430px; } .rev_item { height: 304px; transform: translateX(0); } .rev_item.active { width: 320px; height: auto; } .rev_item_body { transition: none; } .rev_item.active .rev_item_body { width: 100%; height: auto; margin-top: 10px; transition: none; } .car_nav_rev { margin-left: 282px; margin-top: -428px; height: 304px; width: 150px; } .main_faq { -margin-bottom: 70px; } .footer_top_block { margin-bottom: 70px; margin-top: 70px; } .footer_top_text { margin-bottom: 5px; } .big_text { font-size: 24px; } .footer_top_suptext p { width: 100%; } .footer_top_body.col-2 { width: 100%; } .footer_soc.col-2 { margin-bottom: 70px; } .catalog_top_wrap { margin-bottom: 60px; } .catalog_row .prod_item .prod_item_img, .prod_item .prod_item_img { height: 250px; } .items4 .prod_item .prod_item_img { height: 250px; } .items1 .prod_item .prod_item_img { height: 520px; } .catalog_bt_btn { margin-top: 30px; margin-bottom: 70px; } .prod_wrap { margin-top: 70px; margin-bottom: 70px; } .prod_gal_for .prod_gal_img { height: 520px; } .prod_gal_for { margin-bottom: 20px; } .prod_gal_nav .prod_gal_img { margin-right: 10px; } h1.prod_pagetitle { font-size: 30px; } .prod_price { font-size: 24px; } .prod_acc_item { padding: 10px 0; } .prod_acc_head { font-size: 16px; } .accordion.acc2:after { scale: .8; } .tab-col p, .prod_acc_item .acc-col p { font-size: 12px; } .tab-content, .prod_acc_item .acc-col { font-size: 12px; } .contacts_wrap { margin-bottom: 70px; } .contacts_img { height: 300px; } .contacts_img iframe { height: 300px; } .contacts_line { height: 84px; } .contacts_head { font-size: 20px; } .contacts_body a, .contacts_body p { font-size: 16px; } .socnet_icon { width: 30px; height: 30px; margin-right: 5px; } .socnet_icon svg { scale: .8; } .subtitle_404 { font-size: 20px; } .wrap_404 { width: 60%; margin-bottom: 70px; } .footer_copy { text-align: center; } .footer_politic { text-align: center; } .about_wrap { margin: 0 auto 70px; width: 100%; } .back_link.container { max-width: calc(100% - 40px); margin-top: 40px; margin-bottom: 20px; } .order_body { margin-top: 30px; } .order_cart_wrap { padding: 20px; } .order_cart_top { padding-bottom: 20px; border-bottom: 2px solid var(--beige); } .order_cart_title { font-size: 20px; } .order_cart_clean svg { width: 16px; height: 16px; } .cart_item { padding: 20px 0; border-bottom: 2px solid var(--beige); } .cart_item_price, .cart_item_remove, .cart_item_quant { font-size: 16px; } .cart_item_quant input { font-size: 16px; } .total_block { margin-top: 30px; } .cart_full_cost { margin-bottom: 20px; font-size: 20px; } .order_col_personal { max-width: calc(100% - 40px); margin-top: 60px; } .personal_title { font-size: 30px; } .personal_body { padding: 20px; } .form-group { padding-bottom: 10px; } .personal_wrap { margin-bottom: 30px; } .success_wrap { margin-bottom: 70px; } .success_img { height: 300px; } .popup-search, .popup-cart { width: calc(100% - 40px); padding: 20px; } .btn_search { margin-right: 10px; } .top_cart_item .cart_item_name, .top_cart_item .cart_item_price, .top_cart_item .cart_item_remove, .top_cart_item .cart_item_quant, .top_cart_item .cart_item_quant input { font-size: 16px; } .sort_list { right: calc(50% - 260px); } .filter_list { left: calc(50% - 260px); } .filter_list.filter_brand { left: calc(50% - 130px); } .popup-callback { width: 80%; padding: 30px; } .pop_title { font-size: 30px; } input, ::placeholder { font-size: 12px !important; } } @media only screen and (max-width: 480px) { .container { max-width: 420px; } .header_wrap { height: 55px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 210px); } .top_sale_btn { width: 420px; } .cat_btn_bt { width: 380px; } .main_brand_img { margin-left: 280px !important; } .rev_wrap.container { margin-left: calc(50% - 210px); } .car_nav_rev { width: 100px; } .faq_img.col-2 { width: 100%; margin-bottom: 20px; } .faq_body.col-4 { width: 100%; } .catalog_filters { width: 65%; } .catalog_filters_block { margin-bottom: 15px; } .catalog_top_body.col-2 { width: 100%; } .prod_item .prod_item_img { height: 155px; } .catalog_row .prod_item .prod_item_img { -height: 420px; height: 200px; } .prod_item .prod_item_img img { height: 119px; } .items4 .prod_item .prod_item_img { height: 420px; } .items1 .prod_item .prod_item_img { height: 420px; } .top_sale .prod_item, .main_cat .prod_item { width: 155px; margin-right: 10px; } .prod_item p { font-size: 14px; line-height: 110%; } .prod_item_price { margin: 5px 0; } .char_wrap { column-count: 1; } .advantages_head_text p { font-size: 14px; } .faq_body_text { width: 100%; } .faq_body_text p { text-align: justify; } .footer_menu, .footer_contacts, .footer_address { width: 49%; } .footer_address { margin-left: auto; margin-top: 20px; } .footer_soc.col-2 { top: -130px; position: relative; } .rev_car { min-height: 435px; } .prod_gal_for { margin-bottom: 10px; } .prod_gal_for .prod_gal_img { height: 420px; } .prod_gal_nav .prod_gal_img { height: 70px; width: 70px; } .prod_right { margin-top: 0; } .prod_pagetitle_wrap { width: 100%; } .prod_price { text-align: left; } .prod_price.mob_scr { width: 100%; margin: 20px 0 0; } .col-half { width: 100%; } .install_img { width: calc(50% - 5px); } .wrap_404 { width: 70%; } .cart_item_img { height: 240px; width: 100%; margin-bottom: 20px; } .cart_item_img img { height: 100%; } .cart_item_body { width: 100%; } .cart_item_info { margin-bottom: 40px; } .sort_list { right: calc(50% - 210px); } .filter_list { left: calc(50% - 210px); } .filter_list.filter_brand { left: calc(50% - 73px); } #search { margin-top: 30px; } } @media only screen and (max-width: 430px) { .container { max-width: 410px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 205px); } .top_sale_btn { width: 410px; } .cat_btn_bt { width: 370px; } .top_sale .subtitle_main h2 { margin-bottom: 0; } .car_nav2 { margin-top: -510px; } .main_cat .subtitle_main, .prod_other .subtitle_main { width: 90%; } .main_cat_items { min-height: 480px; } .main_cat_item { width: 320px; } .main_cat_item .prod_item_img img { -height: 320px; } .cat_btn_bt { width: calc(100% - 40px); } .rev_wrap.container { margin-left: calc(50% - 205px); } .rev_car { min-height: 440px; } .rev_item { width: 280px; } .rev_item_video { width: 280px; height: 304px; } .car_nav_rev { margin-top: -444px; height: 308px; } .main_brand_img { margin-left: 240px !important; } .catalog_row .prod_item .prod_item_img { -height: 410px; height: 195px; } .items4 .prod_item .prod_item_img { height: 410px; } .items1 .prod_item .prod_item_img { height: 410px; } .prod_gal_for .prod_gal_img { height: 410px; } .prod_options { width: 100%; margin-bottom: 20px; } .prod_options_body { justify-content: center; } .color_option { margin: 0 0 10px; width: 100%; } .prod_count { width: 100%; } .prod_wrap { margin-bottom: 40px; } .contacts_img { height: 185px; } .contacts_img iframe { height: 185px; } .success_img { height: 185px; } .top_cart_body { height: 380px; padding-right: 10px; } .sort_list { right: calc(50% - 205px); } .filter_list { left: calc(50% - 205px); } } @media only screen and (max-width: 414px) { .container { max-width: 380px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 190px); } .top_sale_btn { width: 380px; } .cat_btn_bt { width: 340px; } .car_nav1 { scale: .8; } .car_nav2 { scale: .8; } .rev_wrap.container { margin-left: calc(50% - 190px); } .rev_item.active .rev_item_video { width: 204px; height: 222px; } .rev_item { height: 222px; width: 204px; } .rev_item_video { width: 204px; height: 222px; } .rev_car { min-height: 390px; } .car_nav_rev { margin-left: 212px; margin-top: -394px; height: 228px; width: 130px; } .car_nav_rev button { scale: .8; } .main_brand_img { margin-left: 200px !important; } .catalog_row .prod_item .prod_item_img { -height: 380px; height: 180px; } .items4 .prod_item .prod_item_img { height: 380px; } .items1 .prod_item .prod_item_img { height: 380px; } .prod_gal_for .prod_gal_img { height: 380px; } .btn_cat_bt { margin: 0 auto; width: calc(100% - 40px); } .catalog_filters { width: 100%; } .catalog_filter { width: auto; margin-right: 20px; } .catalog_filter:last-child { margin-right: 0; } .btn { font-size: 14px; } .btn_cat1, .btn_cat2 { width: calc(50% - 45px); } .catalog_filter_btn:after { margin-left: 10px; } .br_left, .br_right { display: none; } .sort_list { right: calc(50% - 190px); } .filter_list { left: calc(50% - 190px); } } @media only screen and (max-width: 375px) { .container { max-width: 350px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 175px); } .top_sale_btn { width: 350px; } .cat_btn_bt { width: 310px; } .rev_wrap.container { margin-left: calc(50% - 175px); } .car_nav_rev { width: 100px; } .catalog_sort { width: 150px; } .catalog_row .prod_item { width: calc((100% - 10px)/2); margin-right: 10px; } .catalog_row .prod_item:nth-child(4n), .catalog_row .prod_item:nth-child(3n), .prod_item:nth-child(3n) { margin-right: 10px; } .catalog_row .prod_item:nth-child(2n) { margin-right: 0; } .catalog_row .prod_item .prod_item_img { -height: 350px; height: 170px; } .items4 .prod_item .prod_item_img { height: 350px; } .items1 .prod_item .prod_item_img { height: 350px; } .prod_gal_for .prod_gal_img { height: 350px; } .big_text { font-size: 23px; } .wrap_404 { width: 90%; } .sort_list { right: calc(50% - 175px); } .filter_list { left: calc(50% - 175px); } .filter_list.filter_brand { left: calc(50% - 55px); } .popup-callback { padding: 20px; } } @media only screen and (max-width: 360px) { .container { max-width: 340px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 170px); } .top_sale_btn { width: 340px; } .cat_btn_bt { width: 300px; } .rev_wrap.container { margin-left: calc(50% - 170px); } .catalog_row .prod_item .prod_item_img { -height: 340px; height: 165px; } .items4 .prod_item .prod_item_img { height: 340px; } .items1 .prod_item .prod_item_img { height: 340px; } .prod_gal_for .prod_gal_img { height: 340px; } .cart_item_img { height: 140px; } .sort_list { right: calc(50% - 170px); } .filter_list { left: calc(50% - 170px); } .filter_list.filter_brand { left: calc(50% - 50px); } } @media only screen and (max-width: 320px) { .container { max-width: 290px; } .top_search, .top_cart { margin-right: 20px; } .top_sale_wrap, .main_cat_wrap { margin-left: calc(50% - 145px); } .top_sale_btn { width: 290px; } .cat_btn_bt { width: 250px; } .car_nav1, .car_nav2, .car_nav_rev { width: 60px; } .rev_wrap.container { margin-left: calc(50% - 145px); } .rev_item.active { width: 290px; } .main_brand_name { font-size: 20px; } .main_brand_img { margin-left: 150px !important; } .catalog_row .prod_item .prod_item_img { -height: 290px; height: 140px; } .items4 .prod_item .prod_item_img { height: 290px; } .items1 .prod_item .prod_item_img { height: 290px; } .prod_gal_for .prod_gal_img { height: 290px; } .socnet_icon { margin-right: 2px; } .top_cart_body { height: 240px; } .top_cart_item .cart_item_name, .top_cart_item .cart_item_price, .top_cart_item .cart_item_remove, .top_cart_item .cart_item_quant, .top_cart_item .cart_item_quant input { font-size: 14px; } .sort_list { right: calc(50% - 145px); } .filter_list { left: calc(50% - 145px); } .filter_list.filter_brand { left: calc(50% - 25px); } } /* End */ /* Start:/bitrix/templates/desi/components/bitrix/menu/desi_top/style.min.css?17378356163715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/templates/desi/components/bitrix/menu/desi_top/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/desi/components/bitrix/menu/desi_top/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/desi/components/bitrix/menu/desi_top/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/bitrix/templates/desi/components/bitrix/menu/desi_bottom/style.min.css?17378356163715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/templates/desi/components/bitrix/menu/desi_bottom/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/desi/components/bitrix/menu/desi_bottom/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/desi/components/bitrix/menu/desi_bottom/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/bitrix/templates/desi/components/bitrix/form.result.new/desi_callback/style.css?1746209546666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/bitrix/templates/desi/components/bitrix/form.result.new/desi_callback/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/bitrix/templates/desi/components/bitrix/form.result.new/desi_callback/images/icon_warn.gif); } /* End */ /* /bitrix/templates/desi/css/fancybox.css?174127080425343 */ /* /bitrix/templates/desi/css/slick.css?17378356161776 */ /* /bitrix/templates/desi/css/slick-theme.css?17378356163145 */ /* /bitrix/templates/desi/css/main.css?174888221754234 */ /* /bitrix/templates/desi/css/media.css?174888254832422 */ /* /bitrix/templates/desi/components/bitrix/menu/desi_top/style.min.css?17378356163715 */ /* /bitrix/templates/desi/components/bitrix/menu/desi_bottom/style.min.css?17378356163715 */ /* /bitrix/templates/desi/components/bitrix/form.result.new/desi_callback/style.css?1746209546666 */