/* Start:/local/templates/glass/assets/js/fancybox/fancybox_new.css?172837212925392*/ :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:rgba(0,0,0,.5);}.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: 25px; max-width: 400px; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 12px; z-index: 20; width: 100%;}.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{max-width:90%;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:/local/templates/glass/assets/css/swiper-bundle.min.css?172888342516954*/ @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #ee3252 } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide,.swiper-wrapper { transform: translate3d(0px,0,0) } .swiper-pointer-events { touch-action: pan-y; /*overflow: hidden; */ } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight,.swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height } .swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0,0,0,.15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-horizontal>.swiper-wrapper: :before { height:100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-vertical>.swiper-wrapper: :before { width:100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next,.swiper-button-prev { z-index: 10; cursor: pointer; display: flex; align-items: center } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .3; cursor: auto; pointer-events: none; border-color: transparent!important } .swiper-button-next:after,.swiper-button-prev:after { font-family: swiper-icons; text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; color: #000; font-weight: 700; width: 100%; height: 100% } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none!important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px,-50%,0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right } .swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } /* End */ /* Start:/local/templates/glass/assets/css/select2.min.css?172837212916321*/ .select2-container--below { width: 100%!important; } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle} .selection{display:block} .select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;user-select:none;-webkit-user-select:none} .select2-selection--single:hover{border:1px solid #000} .select2-container .select2-selection--single .select2-selection__rendered{display:block;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden} .select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em} .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px} .select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none} .select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0} .select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em} .select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all} .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none} .select2-dropdown{background-color:#fff;border-radius:9px;box-sizing:border-box;display:block;position:absolute;width:100%;z-index:100;box-shadow:0 15px 20px rgba(0,0,0,0.15);overflow:hidden} .select2-results{display:block} .select2-results__options{list-style:none;margin:0;padding:0} .select2-results__option{padding:10px 15px;user-select:none;-webkit-user-select:none;color:#000;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .select2-results__option--selectable{cursor:pointer} .select2-container--open .select2-dropdown{left:0} .select2-container--open .select2-dropdown--above{transform:translate(0,-5px)} .select2-container--open .select2-dropdown--below{transform:translate(0,5px)} .select2-search--dropdown{display:block;padding:4px} .select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;display:inline-block;vertical-align:middle;font-size:15px;line-height:18px;width:100%;padding:10px 14px;color:#282828;background:#fff;border:1px solid #b1b1b1;border-radius:3px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out} .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none} .select2-search--dropdown.select2-search--hide{display:none} .select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)} .select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important} .select2-container--default .select2-selection--single{display:inline-flex;vertical-align:middle;font-size:15px;line-height:18px;width:100%;padding:14px 10px;color:#282828;background:#fff;border:1px solid #d0d2d5;border-radius:10px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;min-height:50px;align-items:center;overflow:hidden;gap:20px} .select2-container--default .select2-selection--single .select2-selection__rendered{color:#444} .select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;height:26px;margin-right:20px;padding-right:0} .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999} .select2-container--default .select2-selection--single .select2-selection__arrow{top:1px;right:1px;width:16px;height:16px;background:url(/local/templates/glass/assets/css/../img/icons/icon-arrow.svg) no-repeat center;transform:rotate(90deg);background-size:contain} .select2-container--default .select2-selection--single .select2-selection__arrow b{font-size:0;opacity:0;display:none} .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left} .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto} .select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default} .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px} .select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative} .select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px} .select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:700;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px} .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap} .select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:700;padding:0 4px;position:absolute;left:0;top:0} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none} .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto} .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px} .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px} .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto} .select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0} .select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default} .select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none} .select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield} .select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto} .select2-container--default .select2-results__option .select2-results__option{padding-left:1em} .select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0} .select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em} .select2-container--default .select2-results__option--group{padding:0} .select2-container--default .select2-results__option--disabled{color:#999} .select2-container--default .select2-results__option--selected{background-color:#ddd} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#ee3252;color:#fff} .select2-container--default .select2-results__group{cursor:default;display:block;padding:6px} .select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)} .select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb} .select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px} .select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;height:26px;margin-right:20px} .select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999} .select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)} .select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0} .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left} .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto} .select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb} .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none} .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px} .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0%,#eee 50%);background-image:-o-linear-gradient(top,#fff 0%,#eee 50%);background-image:linear-gradient(to bottom,#fff 0%,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)} .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)} .select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px} .select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb} .select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none} .select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0} .select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px} .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:700;padding:0 4px} .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none} .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto} .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px} .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px} .select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb} .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0} .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0} .select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0} .select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none} .select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent} .select2-container--classic .select2-dropdown--above{border-bottom:none} .select2-container--classic .select2-dropdown--below{border-top:none} .select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto} .select2-container--classic .select2-results__option--group{padding:0} .select2-container--classic .select2-results__option--disabled{color:grey} .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff} .select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px} .select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/local/templates/glass/assets/css/jquery.scrollbar.css?172837212922618*/ /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } /*************** SCROLLBAR MAC OS X ***************/ .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /*************** SCROLLBAR LIGHT ***************/ .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #ffffff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* scrollbar height/width & offset from container borders */ .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #ffffff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /*************** SCROLLBAR DYNAMIC ***************/ .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* scrollbar height/width & offset from container borders */ .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; } /*************** SCROLLBAR GOOGLE CHROME ***************/ .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_outer {} .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } /* scrollbar height/width & offset from container borders */ .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /* End */ /* Start:/local/templates/glass/assets/css/ion.rangeSlider.min.css?172837212910966*/ .irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif} .irs-hidden-input {opacity:0} .irs-line{position:relative;display:block;overflow:hidden;outline:none!important} .irs-bar{position:absolute;display:block;left:0;width:0} .irs-shadow{position:absolute;display:none;left:0;width:0} .irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1} .irs-handle.type_last{z-index:2} .irs-min,.irs-max{position:absolute;display:block;cursor:default} .irs-min{left:0} .irs-max{right:0} .irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap} .irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px} .irs-with-grid .irs-grid{display:block} .irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000} .irs-grid-pol.small{height:4px} .irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000} .irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2} .lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed} .irs-disabled{opacity:.4} .irs-hidden-input{position:absolute!important;display:block!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;overflow:hidden;outline:none!important;z-index:-9999!important;background:none!important;border-style:solid!important;border-color:transparent!important} .irs--flat{height:40px} .irs--flat.irs-with-grid{height:60px} .irs--flat .irs-line{top:25px;height:12px;background-color:#eaece9;border-radius:4px} .irs--flat .irs-bar{top:25px;height:12px;background-color:#ffa43e} .irs--flat .irs-bar--single{border-radius:4px 0 0 4px} .irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9} .irs--flat .irs-handle{top:22px;width:16px;height:18px} .irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:20px;height:30px;background:url(/local/templates/glass/assets/css/../img/drager.svg) no-repeat center;top:-14px;left:-2px;cursor:pointer} .irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px} .irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:#fff;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px} .irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565} .irs--flat .irs-grid-pol{background-color:#e1e4e9} .irs--flat .irs-grid-text{color:#999} .irs--big{height:55px} .irs--big.irs-with-grid{height:70px} .irs--big .irs-line{top:33px;height:12px;background-color:#fff;background:linear-gradient(to bottom,#ddd -50%,white 150%);border:1px solid #ccc;border-radius:12px} .irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom,#fff 0%,#428bca 30%,#b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)} .irs--big .irs-bar--single{border-radius:12px 0 0 12px} .irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)} .irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom,white 0%,#B4B9BE 30%,white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px #fff;border-radius:30px} .irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom,white 0%,#919BA5 30%,white 100%)} .irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:#fff;text-shadow:none;background-color:#9f9f9f;border-radius:3px} .irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:#fff;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom,#428bca 0%,#3071a9 100%);border-radius:3px} .irs--big .irs-grid-pol{background-color:#428bca} .irs--big .irs-grid-text{color:#428bca} .irs--modern{height:55px} .irs--modern.irs-with-grid{height:55px} .irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom,#e0e4ea 0%,#d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px} .irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom,#20b426 0%,#18891d 100%)} .irs--modern .irs-bar--single{border-radius:5px 0 0 5px} .irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)} .irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px} .irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:#fff;transform:rotate(45deg)} .irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom,white 0%,#e9e6e6 100%);border-radius:0 0 3px 3px} .irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1} .irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom,#fff 0%,#919ba5 30%,#fff 100%)} .irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2} .irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a} .irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:#fff;background-color:#d1d6e0;border-radius:5px} .irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:#fff;border-radius:5px} .irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426} .irs--modern .irs-grid{height:25px} .irs--modern .irs-grid-pol{background-color:#dedede} .irs--modern .irs-grid-text{color:silver;font-size:13px} .irs--sharp{height:50px;font-size:12px;line-height:1} .irs--sharp.irs-with-grid{height:57px} .irs--sharp .irs-line{top:30px;height:2px;background-color:#000;border-radius:2px} .irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa} .irs--sharp .irs-bar--single{border-radius:2px 0 0 2px} .irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)} .irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2} .irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2} .irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:#000} .irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:#000} .irs--sharp .irs-min,.irs--sharp .irs-max{color:#fff;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px} .irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:#fff;border-radius:2px} .irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2} .irs--sharp .irs-grid{height:25px} .irs--sharp .irs-grid-pol{background-color:#dedede} .irs--sharp .irs-grid-text{color:silver;font-size:13px} .irs--round{height:30px} .irs--round.irs-with-grid{height:65px} .irs--round .irs-line{top:14px;height:8px;background-color:#fff;border-radius:4px;border:1px solid #d0d0d0} .irs--round .irs-bar{top:14px;height:8px;background-color:#EE3252} .irs--round .irs-bar--single{border-radius:4px 0 0 4px} .irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)} .irs--round .irs-handle{top:6px;width:24px;height:24px;border:3px solid #fff;background-color:#EE3252;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,0,0.3)} .irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#b10220} .irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px} .irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:#fff;border-radius:4px} .irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa} .irs--round .irs-grid{height:25px} .irs--round .irs-grid-pol{background-color:#dedede} .irs--round .irs-grid-text{color:silver;font-size:13px} .irs--square{height:50px} .irs--square.irs-with-grid{height:60px} .irs--square .irs-line{top:31px;height:4px;background-color:#dedede} .irs--square .irs-bar{top:31px;height:4px;background-color:#000} .irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede} .irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid #000;background-color:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff} .irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)} .irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#000;color:#fff} .irs--square .irs-grid{height:25px} .irs--square .irs-grid-pol{background-color:#dedede} .irs--square .irs-grid-text{color:silver;font-size:11px} /* End */ /* Start:/local/templates/glass/assets/css/style.css?177720364190172*/ @font-face{font-family:'Cera Pro';src:url(/local/templates/glass/assets/css/../fonts/CeraPro-Regular.woff2) format("woff2"),url(/local/templates/glass/assets/css/../fonts/CeraPro-Regular.woff) format("woff"),url(/local/templates/glass/assets/css/../fonts/CeraPro-Regular.ttf) format("truetype");font-weight:400;font-style:normal} @font-face{font-family:'Cera Pro';src:url(/local/templates/glass/assets/css/../fonts/CeraPro-Medium.woff2) format("woff2"),url(/local/templates/glass/assets/css/../fonts/CeraPro-Medium.woff) format("woff"),url(/local/templates/glass/assets/css/../fonts/CeraPro-Medium.ttf) format("truetype");font-weight:500;font-style:normal} @font-face{font-family:'Cera Pro';src:url(/local/templates/glass/assets/css/../fonts/CeraPro-Bold.woff2) format("woff2"),url(/local/templates/glass/assets/css/../fonts/CeraPro-Bold.woff) format("woff"),url(/local/templates/glass/assets/css/../fonts/CeraPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal} html,body{height:100%} html *{max-height:1000000px;} html{-moz-text-size-adjust:: none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none} *{-moz-text-size-adjust:: none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none} body{font-family:'Cera Pro',sans-serif,helvetica,sans-serif;margin:0;padding:0;background:#fff;font-weight:400;min-width:320px;color:#2c2c2c;font-size:15px;line-height:1.4;-moz-text-size-adjust:: none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;display:flex;flex-direction:column;min-height:100vh} input[type="text"], input[type="date"], input[type="tel"],textarea,select,button{position:relative;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;appearance:none;-moz-appearance:none;font-weight:400;font-family:'Cera Pro',sans-serif} textarea{display:inline-block;vertical-align:middle;font-size:14px;width:100%;height:130px;margin:0 0 15px;background:transparent;border:1px solid #dedede;padding:20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;resize:none} button{border:none;cursor:pointer} html *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} :before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .5s ease} :after,path{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .5s ease} ::selection{background:#EE3252;color:#fff} ::-moz-selection{background:#EE3252;color:#fff} table{border-collapse:collapse;padding:0} h1,h2,h3,h4,h5,h6{font-weight:400;margin:0} a{outline:none;text-decoration:none;color:#EE3252} button,input,textarea,select,a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease} button *,input *,textarea *,select *,a *{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .5s ease} d{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease} img{border:none;max-width:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .5s ease} b{font-weight:700} input[type='range']{accent-color:#EE3252} ::-webkit-input-placeholder{color:#797A79} ::-moz-placeholder{color:#797A79} :-moz-placeholder{color:#797A79} :-ms-input-placeholder{color:#797A79} :focus::-webkit-input-placeholder{color:transparent} :focus::-moz-placeholder{color:transparent} :focus:-moz-placeholder{color:transparent} :focus:-ms-input-placeholder{color:transparent} input.error::-webkit-input-placeholder{color:#EE3252} input.error::-moz-placeholder{color:#EE3252} input.error:-moz-placeholder{color:#EE3252} input.error:-ms-input-placeholder{color:#EE3252} input.error,select.error,textarea.error{border:1px solid #EE3252!important;color:#EE3252} input:active,textarea:active{outline:none} :focus{outline:none} form input:focus,form select:focus,form textarea:focus{background:#fff;border:1px solid #484848} main{overflow:hidden} section{position:relative;z-index:2} .preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important} main{padding:150px 0 0;flex:0 0 auto} .wrap{max-width:1410px;margin:0 auto;z-index:55;width:90%} header{position:fixed;left:0;top:0;width:100%;z-index:200;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .5s ease;border-bottom:1px solid #eee} header.head--main{border-bottom:none} .btn{color:#fff;display:inline-flex;padding:14px 20px;font-size:15px;gap:10px;font-weight:500;border-radius:10px;align-items:center;text-align:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease;border:1px solid transparent;min-height:50px} .btn-icon{padding:14px;min-height:auto;position:relative} .head__top{border-bottom:1px solid #d0d2d5;background:#333;z-index:100} .head--main .head__main{border-bottom:none} .head__main{border-bottom:1px solid #e9e9e9} .head__mini{display:flex;align-items:center;flex-direction:row;justify-content:space-between;width:100%;max-width:52%;gap:10px} .head__mini-link span{font-size:15px;padding:14px 5px;display:inline-block;color:#fff} .head__mini-link:hover span{color:#FF5A76} .head__mini-link.active span{color:#FF5A76} .head__mini-link.active span:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:#FF5A76} .row{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:40px;position: relative;} .head-contact-item svg{width:14px;min-width:14px;height:14px;opacity:.6;display:inline-block;vertical-align:middle;fill:#fff} .head-contact-item:hover svg{opacity:.9} .head__contact .link span{font-size:14px} .head-contact-item span{font-size:15px;display:inline-block;vertical-align:middle;color:#fff} a.head-contact-item span{font-weight:500} svg{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;pointer-events:none;width:100%;height:100%} .icon-b svg *{fill:#333} .icon-md svg{fill:#EE3252} .icon-m svg{fill:#FF5A76} .icon-w svg *{fill:#fff} .head__contacts{display:flex;gap:30px;justify-content:space-between;align-items:center} .head-contact-item + span{color:#fff;opacity:.7;font-size:14px} .head__contact{display:flex;align-items:baseline;gap:10px} a.head-contact-item:hover span{color:#FF5A76} a.head-contact-item:hover svg *{fill:#FF5A76} .head__top .row{gap:20px;align-items:center} .head-contact-item{display:flex;align-items:center;gap:10px} .link{display:inline-flex;align-items:center;padding:0} .link span{font-size:15px;color:#3d3d3d;cursor:pointer} .link:hover span,.link.active span{color:#EE3252} .link-red span{color:#EE3252;font-size:15px} .link-red:hover span{color:#8e021a} .link-black span{color:#333;font-size:15px} .link-black:hover span{color:#EE3252} .link svg *,.link svg{width:16px;height:16px;opacity:.6;fill:#333} .link:hover svg{opacity:1} .link-black:hover svg *{fill:#8e021a} .link.active span{font-weight:500;color:#EE3252} .head__main .row{gap:30px;padding:20px 0;align-items:center} .logo{width:100%;max-width:150px;height:60px;background:url(/local/templates/glass/assets/css/../img/logo.svg) no-repeat center;background-size:contain;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .5s ease;margin-left:-30px;min-width:100px} .logo a{display:block;width:100%;height:100%} .logo:hover{filter:saturate(1.3)} .humburger-icon{width:18px;height:14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between} .humburger-icon span{width:100%;height:2px;background:#fff} .btn-menu.active .humburger-icon span:nth-child(2){display:none} .btn-menu.active{background:#333;box-shadow:none} .btn-menu.active .humburger-icon span{position:absolute;top:50%;left:0} .btn-menu.active .humburger-icon span:first-child{transform:translate(0,-50%) rotate(45deg)} .btn-menu.active .humburger-icon span:last-child{transform:translate(0,-50%) rotate(-45deg)} .head__nav{display:flex;gap:0;justify-content:space-between;min-width:33%} .head-link{padding:10px 16px;border-radius:8px;display:flex;align-items:center;gap:15px;max-width:170px;max-height:50px;position: relative;color:#222;} .head-link.active{background:rgba(238,50,82,0.2)} .head-link:hover{background:rgba(227,73,73,0.05)} .head-link span{font-weight:400;font-size:14px;width:100%;opacity:.79;display:block;line-height:14px} .head-link:hover .head-link-text div{color:#EE3252} .link-with-icon svg{width:100%;height:100%} .basket-count{position:absolute;top:-7px;right:-9px;font-size:12px;font-weight:500;color:#fff;background:#ee3252;display:block;padding:0;line-height:16px;min-width:16px;padding:0 2px;border-radius:100px;text-align:center} .head__subbuttons{display:flex;align-items:center;gap:20px} .link-with-icon,.link-with-icon svg{height:20px;width:20px;fill:#333;position: relative;} .head__search{width:100%;position: relative;} .head__search form {margin-bottom:0} .search__tooltip{max-height:340px;overflow:auto;position:absolute;top:calc(100% + 8px);width:100%;background:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;opacity:0;visibility:hidden} .btn-search:hover svg *{fill:#EE3252;opacity:1} .search-input input:focus ~ svg{opacity:1} .search-input input{width:100%;padding-right:40px} .btn.btn-search svg{width:20px;height:20px;opacity:.4} .btn-search:hover svg{opacity:1} .btn-search{position:absolute;right:0;top:0;height:100%;max-width:50px;background:none;padding:0;width:100%} .search-item-link{color:#222;display:flex; align-items:center;gap:10px;padding:0 20px 0 10px;border-bottom:1px solid #f3f3f3;overflow:hidden;min-height:50px} .search-item__img{min-width:60px;height:50px;padding:7px;mix-blend-mode:multiply} .search-item__text{overflow:hidden;min-height:100%;display:flex;align-items:center;max-width:100%} a.search-item-link:hover .search-item__text{color:#EE3252} a.search-item-link:hover{background:#F2F2F2} .search-item__img img{width:100%;height:100%;object-fit:contain} .showall-items{position:sticky;bottom:0;left:0;width:100%;padding:16px;border-top:1px solid #a3adc1;z-index:5;background:white} .search-item:last-child .search-item-link{border-bottom:0} .search-input input:focus ~ .search__tooltip{opacity:1;visibility:visible} .search-item__text span{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .input-gray.input-text{background:#F2F2F2;border-color:transparent} .head-link-text{flex:1 1 100%;overflow:hidden;gap:4px;display:flex;flex-direction:column} .head-link-text div{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:16px} .head-link:hover .link-with-icon svg *{fill:#EE3252} .head__mob{display:none} .head_menu{cursor:pointer;vertical-align:middle;display:none;min-width:44px;display:none} .head_menu:hover .humburger span:nth-child(2){right:0!important} .menuname{font-size:12px;letter-spacing:2px;font-weight:700;color:#fff;display:inline-block;vertical-align:middle;*display:inline} .humburger{display:inline-flex;vertical-align:middle;text-align:center;width:44px;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 9px;gap:5px} .activemenu .humburger span:nth-child(2){opacity:0!important} .activemenu .humburger span:nth-child(4){opacity:0!important} .activemenu .humburger span:first-child{-ms-transform:rotate(-45deg)!important;-webkit-transform:rotate(-45deg)!important;transform:rotate(-45deg)!important;top:7px} .activemenu .humburger span:nth-child(3){-ms-transform:rotate(45deg)!important;-webkit-transform:rotate(45deg)!important;transform:rotate(45deg)!important;top:-7px} .activemenu .humburger span{background:#ee3252} .humburger span{height:2px;display:block;background:#1d1e20;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;width:100%;border-radius:10px} .sidenav.width250{top:0;opacity:1;padding:0 5%;height:100%} .sidenav{height:100%;text-align:left;width:100%;z-index:150;right:0;opacity:0;background-color:#FAFAFA;overflow-x:hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;margin:0;height:0;padding:0;overflow:auto} .sidenav .closebtn{color:#fff;position:absolute;top:0;right:0;font-size:35px;margin-left:0;z-index:100;padding:10px;font-weight:400;opacity:.3;display:none} .sidenav{display:none} .sidenav .head__contacts *{color:#222} .sidenav .head__contact{align-items:flex-start;flex-direction:column;gap:0} .divider{width:100%;height:1px;background:#e3e3e3;margin:10px 0} .fixedm .head__mini-link span{padding:10px 5px} .fixedm .logo{max-width:110px;height:50px} .fixedm .head__main .row{padding:15px 0} header.fixedm{box-shadow:0 8px 20px rgba(0,0,0,0.1);background:#fff} .wrap-big{max-width:1720px;width:90%;margin:0 auto;z-index:15} .main__left,.main__right{width:100%;border-radius:15px;position: relative;} .main__right{max-width:437px;display:flex;gap:30px;flex-direction:column} .tw{color:#fff;position: relative;} .tag{background:#FAFAFA} .main__left-banner{padding:60px 7%;z-index: 5;} .wrap-big .row{gap:40px;align-items:stretch;overflow:visible} .bg-main{height:100%;width:100%;position:absolute;z-index:1;left:0;top:0;background:#333;border-radius:15px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.3);border-radius:15px} .bg-main:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:url(/local/templates/glass/assets/css/../img/bg-main.jpg) no-repeat center;background-size:cover;-webkit-animation:bgsize 10s ease-in-out infinite alternate;animation:bgsize 10s ease-in-out infinite alternate} @keyframes bgsize { 0%{transform:scale(1.0)} 100%{transform:scale(1.15)} } @-webkit-keyframes bgsize { 0%{transform:scale(1.0)} 100%{transform:scale(1.15)} } .banner-subtext{font-size:20px;color:#fff;z-index:5;opacity:.6;position: relative;} .main__left-banner form{max-width:900px} .banner-subtext{margin:20px 0 30px} .btn-red{background:#EE3252;box-shadow:0 5px 10px rgba(238,50,82,0.3)} .btn-red:hover{box-shadow:none;background:#FF5A76} .btn-red:hover,.btn-white:hover{box-shadow:none;opacity:1} .btn.btn-red svg{fill:#fff} .btn-white:hover{border:1px solid #EE3252} .btn-white:hover span{color:#EE3252} .btn-white:hover svg,.btn-white:hover svg *{fill:#EE3252} .btn-small{padding:13px;min-height:auto} .main__left-banner h1{max-width:600px} .main__left-banner h3{z-index:4} .main__left-banner .h1{margin:0} .main__left-banner .chosen-container{width:100%!important} .main__left-banner .form-div{min-width:23%} form{/* z-index:100; */} .main__left-banner .form-div:last-child{min-width:197px;width:auto} .main__right-banner{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center} .banner-link{color:#fff;display:block;width:100%;height:100%;padding:40px;border-radius:15px;background:#333} .banner-title{font-size:20px;font-weight:700;max-width:100px;margin:0 0 15px;position:relative;} .banner-link .btn__block{position:absolute;right:40px;bottom:30px;opacity:0} .banner-sale{max-height:38%} .tag{border-radius:6px;padding:4px 5px;font-size:12px;display:inline-block} .banner-tag{padding:5px 8px;font-weight:700;font-size:18px} .tag-b{background:#222} .tag-g{background:#7D7D7D} .banner-bg{position:absolute;left:0;bottom:0;width:100%;height:100%;border-radius:15px;overflow:hidden;z-index:1!important} .banner-sale .tag{position:absolute;bottom:0} .banner-sale .tag-b{left:26%;transform:rotate(-30deg)} .banner-sale .tag-g{left:10%;transform:rotate(20deg)} .banner-bg:after{content:'';position:absolute;right:0;bottom:0;width:80%;height:100%;background-size:contain!important;z-index:1;transform:scale(1.001)} .banner-sale .banner-bg:after{background:url(/local/templates/glass/assets/css/../img/glass-glass.png) no-repeat center;bottom:-20%;right:-10%} .banner-link:hover .btn__block{opacity:1;right:30px} .banner-link:hover .banner-bg:after{transform:scale(1.06)} .banner-sale .banner-link{background:#ee3252} .banner-sale .banner-link:hover{background:#D02945} .banner-sale .banner-bg:before{content:'';position:absolute;right:20%;top:0;width:90%;height:70%;background-size:contain!important;z-index:1;background:url(/local/templates/glass/assets/css/../img/icons/procent.svg) no-repeat center;opacity:.1} .banner-ustanovka .banner-bg:after{content:'';background:url(/local/templates/glass/assets/css/../img/glass-man.png) no-repeat center bottom;bottom:0;right:0;height:95%} .banner-ustanovka .banner-link:hover{background:#201E1D} .banner-ustanovka .banner-bg{height:110%} .banner-ustanovka .banner-bg:before{content:'';position:absolute;right:0;bottom:0;width:80%;height:91%;background-size:contain!important;z-index:1;background:url(/local/templates/glass/assets/css/../img/logo_autostoria.svg) no-repeat center bottom;opacity:.3} .main__right-banner *{z-index:10} .h3,h3{font-size:22px;font-weight:500;margin:40px 0 20px;z-index:6} .h1,h1{font-size:50px;font-weight:700;margin:40px 0 30px;z-index:5} .h1:first-child,h1:first-child,.h2:first-child,h2:first-child,.h3:first-child,h3:first-child,.h4:first-child,h4:first-child,.h5:first-child,h5:first-child,.p:first-child,p:first-child,ul:first-child,ol:first-child,blockquote:first-child{margin-top:0} .h1:last-child,h1:last-child,.h2:last-child,h2:last-child,.h3:last-child,h3:last-child,.h4:last-child,h4:last-child,.h5:last-child,h5:last-child,.p:last-child,p:last-child,ul:last-child,ol:last-child,blockquote:last-child{margin-bottom:0} .main-bens{padding:30px 0;z-index:5} .main__ben{display:flex;align-items:center;gap:20px} .ben__text{font-size:15px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ben__img{width:32px;min-width:32px;height:32px;text-align:left} .h2,h2{font-size:32px;font-weight:700;margin:30px 0 20px;z-index:5;position: relative;} .title-container{display:flex;align-items:center;justify-content:space-between;margin:0 0 40px} .title-container div{margin-bottom:0} section{padding:60px 0;overflow:hidden;position: relative;} section.main-block{padding:0;z-index:100;overflow:visible} .site-message .wrap { padding: 15px 0; font-size: 16px; border-top: 1px solid #ededed; } .main__left .main__left { height: 100%; } .text{font-size:15px} .h4,h4{font-size:18px;font-weight:500;margin:30px 0 15px} .tag-news{background:#4BF58F} .tag-sale{background:#EE3252;color:#fff} .tag-onlyonline{background:#333;color:#fff} .catalog-glass-logo{position: absolute; right: 0; top: -6px; width: 46px; height: 34px; z-index: 5; border-radius: 5px; padding: 3px; background: white; border-radius: 4px;} .glass-logo-img{width:100%;height:100%;filter:grayscale(1)} .catalog-glass-logo:hover .tooltip{opacity:1;visibility:visible} .catalog-glass-logo:hover .glass-logo-img{filter:grayscale(0)} .item-img{width:100%;height:100%;overflow:hidden;border-radius:6px;position: relative;} .catalog__item-link .tag{position:absolute;left:0;top:0;z-index:5} .catalog__item.added .catalog__item-link{border:1px solid #dcdcdc} .col{width:100%;position: relative;} .col4{max-width:25%} .btn svg{width:16px;height:16px;fill:#333;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .5s ease} .btn-white{background:#fff} .btn span{padding:0 6px;display:inline-flex;font-weight:500;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease} .btn-white svg use{fill:#233037} .bg-gray{background:#FAFAFA} .row-category .col4{display:flex;flex-direction:column;gap:40px} .title__btnblock{display:flex;gap:20px;align-items:flex-end} .catalog__item-link{display:block;padding:28px;border:1px solid transparent;border-radius:10px;display:flex;flex-direction:column;gap:10px} .catalog__item-link:hover{border:1px solid #D3D5D7;background:#fff} .item-tag{display:inline-block;font-size:13px;background:#FAFAFA;color:#1D1E20;padding:5px 10px;border-radius:5px} .catalog__item-img .item-tag{position:absolute;left:0;top:0;z-index:4} .catalog__item-img{width:100%;height:170px;background:#fff;border-radius:10px;position: relative;} .catalog__item-img img{width:100%;height:100%;position:absolute;left:0;top:0;transform:scale(0.95);object-fit:contain} .catalog__item-link:hover .catalog__item-img img{transform:scale(1.03)} .catalog__item-info .item-tag{display:none} .catalog__item-title{ font-size: 15px; color: #1D1E20; min-height: 63px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .catalog__item-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;min-height:46px} .catalog__item-price{font-weight:500;color:#1D1E20;display:flex;flex-direction:column} .catalog__item-link:hover .catalog__item-title{color:#ee3252} .catalog__item{width:100%;max-width:24%} .item__icontags{display:flex;flex-wrap:wrap;gap:10px;margin:0} .item__icontags .param{padding:8px;background:#fafafa;border-radius:5px;display:inline-flex;cursor:pointer;gap:10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;position:relative;align-items:center} .item__icontags .param:not(.nohover):hover{background:#f2f2f2} .param.nohover { cursor: default; } .catalog-swiper .swiper-button-disabled {opacity:0;visibility:hidden} .swiper-slide.swiper-slide-prev { opacity: 0; } .swiper-slide.swiper-slide-prev {} section.catalog-items.catalog-swiper:before{content:'';position:absolute;left:0;top:0;height:100%;width:10%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);z-index:60;background:#fff;background:-moz-linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);pointer-events:none} section.catalog-items.catalog-swiper:after{content:'';position:absolute;right:0;top:0;height:100%;width:10%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);z-index:60;background:#fff;background:-moz-linear-gradient(-90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(-90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(-90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);pointer-events:none} section.catalog-items.catalog-swiper:before, section.catalog-items.catalog-swiper:after {display:none} .glass-param{position:absolute;left:0;bottom:0;width:100%;background:rgba(255,255,255,0.7);backdrop-filter:blur(3px);display:flex;justify-content:center;z-index:5;gap:10px;flex-wrap:wrap;padding:10px 0 0;opacity:0;visibility:hidden;bottom:-10%;flex-wrap:wrap-reverse} .param{z-index:5;position:relative;} .param svg{width:16px;height:16px} .param img{width:16px;height:16px} .param:hover .tooltip{opacity:1;visibility:visible} .param:hover{z-index:10} .catalog__item-link:hover .glass-param{opacity:1;visibility:visible;bottom:0} .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow:hidden; } .swiper-block .btn-white{box-shadow:0 10px 30px rgba(0,0,0,0.1);z-index:170} .swiper-button-next:hover svg *{fill:#ee3252} .catalog-swiper .swiper-button-next{position:absolute;right:-20px;top:40%;transform:translate(0,-50%)} .catalog-swiper .swiper-button-prev{position:absolute;left:-20px;top:40%;transform:translate(0,-50%)} .swiper-button-next:hover,.swiper-button-prev:hover{border:1px solid #ee3252!important} .catalog-swiper + .catalog-swiper:not(.bord-top){padding-top:0} .swiper-slide .catalog__item{max-width:100%} .main__cat-link{display:block;padding:40px;min-height:180px;width:100%;height:100%} .main__cat-item.cat-himia{background:#C6C6C6} .main__cat-item.cat-molding{background:#7D7D7D} .main__cat-item{border-radius:15px} .cat-glass{background:#ee3252} .main__cat-item.cat-ustanovka{background:#333} .main__cat-item.cat-shetki{background:#222} .col-3{max-width:30%} .col-4{max-width:33%} .col-5{max-width:46%} .main__cat-container{width:100%;display:flex;gap:40px;flex-direction:column} .main__cat-item{height:100%} .main__cat-title{font-weight:700;font-size:20px;max-width:80%;z-index:5;position:relative} .col-5 .main__cat-title { max-width: 40%; } .title-container * {margin-bottom:0} .main__cat-desc{margin:20px 0 0;opacity:.8;display:flex;flex-direction:column;gap:10px;z-index:5;position:relative} .main__cat-bg{position:absolute;left:0;bottom:0;height:110%;z-index:4;width:100%;overflow:hidden;border-radius:15px} .main__cat-bg:before{content:'';position:absolute;right:0;bottom:0;transform:translate(0,5%);height:103%;width:100%;background-size:contain!important;z-index:5} .main__cat-link .btn__block{position:absolute;right:40px;bottom:30px;opacity:0;z-index:5} .cat-himia .main__cat-bg:before{background:url(/local/templates/glass/assets/css/../img/catalog/categories/cat-himia-main.png) no-repeat right bottom} .cat-molding .main__cat-bg:before{background:url(/local/templates/glass/assets/css/../img/catalog/categories/cat-molding-main.png) no-repeat right bottom} .cat-glass .main__cat-bg:before{background:url(/local/templates/glass/assets/css/../img/catalog/categories/cat-glass-main.png) no-repeat left bottom} .cat-ustanovka .main__cat-bg:before{background:url(/local/templates/glass/assets/css/../img/catalog/categories/cat-service-main.png) no-repeat right bottom} .cat-shetki .main__cat-bg:before{background:url(/local/templates/glass/assets/css/../img/catalog/categories/cat-shetki-main.png) no-repeat right bottom} .main__cat-link:hover .btn__block{opacity:1;right:30px} .main__cat-link:hover .main__cat-bg:before{transform:translate(0,0)} .main__cat-bg:after{content:'';background:#fff;width:100%;height:100%;position:absolute;opacity:0} .main__cat-link:hover .main__cat-bg:after{opacity:.1} .btn-bord-white{border:1px solid #fff;background:transparent} .btn-bord-white span{color:#fff} .btn-bord-white:hover span{color:#333} .btn-bord-white:hover{background:#fff} .btn-bord-white svg{fill:#fff} .btn-bord-black{border:1px solid #DDD;background:transparent} .btn-bord-black span{color:#333} .btn-bord-black:hover span{color:#333} .btn-bord-black:hover{background:#f1f1f1} .btn-bord-black svg{fill:#646464} .btn-bord-black.active{background:#666;border-color:#666} .btn-bord-black.active span{color:#fff} .btn-bord-black.active svg{fill:#fff} .rasrochka{padding:0 0 20px} .rasrochka-block{background:#333;border-radius:15px;padding:0 60px;overflow:hidden} .rasrochka__left{max-width:26%;padding:50px 0} .rasrochka__right{max-width:23%;padding:50px 0} .tag-red{background:#ee3252;font-weight:700;font-size:18px;padding:12px 16px} .rasrochka-cards{position:absolute;top:0;width:140%;height:140%;background:url(/local/templates/glass/assets/css/../img/bg-cards.png) no-repeat center;background-size:contain;left:50%;transform:translate(-58%,10%)} .form-text{font-size:16px;opacity:.6} .submit-accept label{gap:10px;display:flex;align-items:center} .row-form:first-child{margin-top:0;margin-bottom:0} .label-input{font-size:14px;margin:0 0 10px;display:flex;width:100%;opacity:.8;gap:5px} .row-form{display:flex;flex-direction:row;align-items:flex-start;gap:20px;justify-content:stretch;width:100%} .about__right{width:60%} .about__left{width:65%} .about .title-container{justify-content:flex-start;gap:15px;align-items:baseline} .about-bens{margin:30px 0 0;display:flex;flex-wrap:wrap;gap:20px} .about-bens .main__ben{width:48%} .about-bens .ben__text{overflow:visible;text-overflow:inherit;white-space:normal} .about__left .icon-b{opacity:.5} .bg-about{position:absolute;left:0;top:0;width:100%;height:100%;background:#ee3252;border-radius:15px;overflow:hidden} .bg-about:before{content:'';position:absolute;left:50%;transform:translate(-105%,0);top:0;width:500px;height:500px;background:url(/local/templates/glass/assets/css/../img/bg-about.png) no-repeat left center;background-size:contain} .about-line{font-size:22px;font-weight:700;margin:10px 0 0} .about__banner{color:#fff;padding:50px;height:100%;display:flex;align-items:center;position: relative;} .about__text{z-index:1;padding:0 0 0 50%} .about__tag{z-index:1;position:absolute;font-weight:700;font-size:18px;padding:8px 16px;border-radius:10px} .about__text .tag{font-size:22px;font-weight:700;padding:6px 15px} .about__tag.tag-g{top:-20px;left:200px;transform:rotate(-10deg)} .tag-w{background:#fff;color:#333} .about__tag.tag-w{bottom:-17px;left:60px;transform:rotate(-6deg);box-shadow:0 10px 20px rgba(0,0,0,.1)} .news__img .item-tag{position:absolute;left: 10px;top: 10px;z-index:5} .news-title{font-weight:500;font-size:18px;margin:15px 0} .news__info{color:#1D1E20} .news__img{width:100%;height:200px;overflow:hidden;border-radius:14px;position: relative;} .news__img img{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0.99);object-fit:cover;filter:grayscale(1)} .row-news{gap:40px 2%;flex-wrap:wrap;margin:30px auto 40px;justify-content:flex-start} .news__item-link:hover .news__img img{transform:scale(1.1);filter:none} .news__item-link:hover .news-title{color:#ee3252} .news__info .text{opacity:.7} footer{background:#333;display:flex;flex-direction:column;flex:1} .btn-soc:before{content:'';position:absolute;width:16px;height:16px;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);background-size:contain!important;opacity:0;visibility:hidden} .btn-soc:hover:before{opacity:1;visibility:visible} .btn-inst:before{background:url(/local/templates/glass/assets/css/../img/icons/icon-inst-c.svg) no-repeat center} .btn-viber:before{background:url(/local/templates/glass/assets/css/../img/icons/icon-viber-c.svg) no-repeat center} .btn-whatsapp:before{background:url(/local/templates/glass/assets/css/../img/icons/icon-whatsapp-c.svg) no-repeat center} .btn-telegram:before{background:url(/local/templates/glass/assets/css/../img/icons/icon-telegram-c.svg) no-repeat center} .btn-soc:hover svg{opacity:0} .footer__btn{margin:20px 0 0} .footer__main{padding:60px 0} .footer__bottom{padding:20px 0;background:#201E1D} .link-white span{color:#fff;opacity:.8} .link-white:hover span{color:#FF5A76;opacity:1} .bank *{fill:#fff} .foot-copy{display:flex;align-items:center;gap:20px} .footer__bottom .row{align-items:center} .bank svg{max-width:65px;width:100%;max-height:26px} .bank.bank-mir svg{width:42px;height:53px} .foot-copy{font-size:14px} .foot-copy *{font-size:14px} .gototop{z-index:100;right:5%;bottom:0;background:#201E1D;position:fixed;padding:10px;color:#fff;text-align:center;display:flex;align-items:center;flex-direction:column;gap:0;border-radius:10px;opacity:0;font-size:14px;font-weight:500} .gototop use{fill:#fff} .gototop svg{width:16px;height:16px;opacity:.8;display:inline-block;transform:rotate(-90deg)} .gototop:hover{background:#333} a.gototop.totop-fix{opacity:1;bottom:5%} .foot-row{gap:40px;overflow:hidden} .footer-title{font-weight:700} .footer-title span{font-size:18px;font-weight:700;opacity:1} .footer__links-title{margin:0} .footer__links-title:first-child{margin-top:0} .footer__links{display:flex;flex-direction:column;gap:20px;margin:30px 0 0} .footer-link:hover{opacity:1} .footer__links-container{width:20%} footer .head-contact-item span{color:#fff} .foot__contact{display:flex;align-items:center;gap:15px;position: relative;} .foot__contact:last-child{margin:15px 0 0} .footer__contacts{gap:20px;display:flex;align-items:flex-start;flex-direction:column;width:100%;max-width:480px} .bank img{max-width:65px;height:26px;opacity:.4} .submit-accept{font-size:13px} .submit-accept span{font-size:13px;display:block;min-height:auto} .row-form.form-div{flex-direction:column;align-items:flex-start;gap:0} .btn-info label{justify-content:flex-start;gap:10px;align-items:center;cursor:pointer} .fancybox__content>.carousel__button.is-close:hover{opacity:1} .fancybox__container .row{margin:0;align-items:center} .input-text{display:inline-block;vertical-align:middle;font-size:15px;line-height:18px;width:100%;padding:15px 18px;color:#282828;background:#fff;border:1px solid #d0d2d5;border-radius:10px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;min-height:50px} .input-text:hover{border-color:#A2A2A2} input:focus{border-color:#2a2a2a!important} textarea{display:inline-block;vertical-align:middle;font-size:14px;width:100%;height:100px;margin:0 0 10px;background:transparent;padding:19px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;resize:none;border:1px solid #e1f2ff} .ph1{color:#1D1E20;text-align:left;margin:0 0 10px;font-family:'Cera Pro';font-size:24px;font-weight:700} .ph2{font-size:16px;margin:0;color:#6e6e6e;font-family:'Cera Pro',sans-serif} input[type="submit"],button{width:100%;cursor:pointer;border:none;-webkit-appearance:none;font-family:'Cera Pro'} input.hiddeni.name{display:none} .popup-title{font-weight:700;font-size:20px;margin:0 0 20px;font-family:'Cera Pro'} .popup-desc{font-size:15px;margin:0 0 20px} .btn_info{font-size:12px;color:#fff;margin:20px 0 0} .btn_info a{color:#fff;text-decoration:underline} .popup__right.popup-img{height:500px} .modalwindow{display:none} .checkbox ~ div{margin:0!important;display:inline-block;width:24px;min-width:24px;height:24px;content:'';vertical-align:middle;cursor:pointer;position:relative;border:1px solid #9d9aab;border-radius:5px} .checkbox ~ div:before{opacity:0;content:'';position:absolute;left:50%;top:50%;margin:-7px 0 0 -7px;width:14px;height:14px;background:#EE3252;border-radius:2px} .checkbox:checked ~ div:before{opacity:1} .checkbox{position:absolute;left:-9999px} .checkbox-label span{font-size:16px;display:inline-block;vertical-align:middle;margin:0 0 0 24px} .radiobutton ~ div{display:inline-block;width:24px;min-width:24px;height:24px;content:'';vertical-align:middle;cursor:pointer;position:relative;border:1px solid #9f9f9f;border-radius:50%} .radiobutton ~ div:before{opacity:0;content:'';position:absolute;left:50%;top:50%;margin:-7px 0 0 -7px;width:14px;height:14px;background:#ee3252;border-radius:50%} .radiobutton:checked ~ div:before{opacity:1} .radiobutton{position:absolute;left:-9999px} .radiobutton-label span{font-size:16px;display:inline-block;vertical-align:middle;margin:0 0 0 24px} .radiobutton ~ span, .checkbox ~ span { cursor: pointer; } .inputfile-3{opacity:0;width:0;height:0;overflow:hidden;visibility:hidden;position:absolute} label.customfile{gap:10px;width:100%;overflow:hidden} span.spancer.input-text.input-file{width:100%;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bread-row{padding:15px 0;gap:6px;justify-content:flex-start;flex-wrap:wrap;align-items:center} .bread-row .link span{font-size:13px} .bread-row div{font-size:12px;} .bread-row div:last-child { pointer-events: none; opacity: 0.3; } .breadcrumbs__delimiter {opacity:.4;} .breadcrumbs + section{padding-top:0} .bord-top{border-top:1px solid #dadada} .gallery-item{display:inline-block;max-width:23%;width:100%} .gallery-item.hidden{display:none} .gallery__thumbs{padding:80px 0} .itempage__left .thumbs-swiper .swiper-button-next { bottom: 0; top: auto; } .thumbs-swiper .btn{width:calc(100% - 2px);position:absolute;left:1px;top:0;z-index:1;padding:5px 0;opacity:.85;min-height:auto;border:none!important} .thumbs-swiper .swiper-button-disabled{opacity:0} .thumbs-swiper .btn.swiper-button-g{bottom:1px;top:auto;z-index:5} .gallery-item.big{max-width:33%} .gallery-item-img{height:230px} .gallery-item-img img{height:100%;width:100%;object-fit:cover;position:absolute;left:0;top:0;transform:scale(1.01);z-index:1;opacity:1} .row.gallery__thumbs-row{justify-content:space-between;flex-wrap:wrap;gap:40px;font-size:0} .gallery-item-img{border-radius:15px;overflow:hidden;display:block;font-size:0;background:#00456b;padding:30px;display:flex;flex-direction:column;justify-content:space-between} .gallery-item-img:hover img{transform:scale(1.1)} .gallery-thumb{width:100%;max-width:17%} .gallery-item-img .gallery-item-info{z-index:5;opacity:0;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;width:100%;height:100%} .fancy-title{font-size:18px} .gallery-item-img:hover .gallery-item-info,.gallery-item-img:hover:before{opacity:1} .gallery-item-img:before{height:100%;position:absolute;left:0;top:0;width:90%;background:#01293e;background:-moz-linear-gradient(90deg,#233037 0%,rgba(1,41,62,0) 100%);background:-webkit-linear-gradient(90deg,#233037 0%,rgba(1,41,62,0) 100%);background:linear-gradient(90deg,#233037 0%,rgba(1,41,62,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#01293e",endColorstr="#01293e",GradientType=1);z-index:4;content:'';opacity:0} .gallery-item-img .btn__block{display:flex;width:100%;justify-content:flex-end} .gallery__fancythumbs-row{gap:40px;flex-wrap:wrap;font-size:0;justify-content:flex-start} .gallery-thumb:nth-child(4n-1){max-width:40%} .tooltip{position:absolute;font-weight:400;font-size:13px;background:rgba(35,35,35,0.7);color:#fff;backdrop-filter:blur(3px);border-radius:5px;padding:3px 6px;left:50%;transform:translate(-50%,0);top:calc(100% + 4px);opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;text-align: center;text-wrap: nowrap;} font{color:#EE3252} .btn__block{display:flex;align-items:flex-start;justify-content:flex-start;gap:20px;flex-wrap:wrap;z-index:5;position: relative;} .btn__block .btn{width:auto} .newscatalog .title-container{margin-bottom:20px} .col3{max-width:32%} .pagination-container{justify-content:space-between;display:flex;align-items:center;margin:40px 0 0} .pag__right{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;flex-direction:row} .newscatalog + .form{padding-top:0} .pag__right button{width:auto} .sidebarborder__left{padding-right:4%;border-right:1px solid #d0d2d5;width:100%} .news-page{gap:4%;align-items:flex-start} .sidebarborder__right{width:25%;min-width:280px;position:sticky;top:0;left:0} .sidebarborder__right .news__img{height:140px} .sidebar-news{display:flex;flex-direction:column;gap:40px} .sidebar-news .news-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sidebarborder__left .title-container{margin:0 0 10px} .sidebarborder__left img{width:100%;max-height:400px;object-fit:contain;border-radius:10px} .news-title-container{margin:0 0 25px} blockquote{background: #f5f5f5;margin:0;padding:15px 15px 15px 30px;border-radius:10px;border-left: 2px solid #a3adc1;} .redli li span{color:#1d1e20} li{padding:5px 0} .redli li{color:#ee3252} ol,ul{padding-left:20px} .news-content + .btn__block{margin:40px 0 0} .sidebarborder-item + .form{padding-top:0} .news-title-container .h1{margin:0 0 10px} .contact-block.first-block {padding-top: 0;} .contact__tab{display:none} .contact__tab.active{display:block} .contact__map{height:400px;width:100%;margin:40px 0 0;border-radius:15px;overflow:hidden} [class*="ymaps-2"][class*="-ground-pane"]{filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(99%);-webkit-backface-visibility:hidden} .fancythumbs img{height:100%;width:100%;object-fit:contain;position:absolute;left:0;top:0;transform:scale(1.01);z-index:1;opacity:1} .row.gallery__thumbs-row{justify-content:space-between;flex-wrap:wrap;gap:40px;font-size:0} .fancythumbs{border-radius:10px;overflow:hidden;display:block;font-size:0;padding:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start} .fancythumbs:hover img{transform:scale(1.05)} .fancythumbs:hover:before{opacity:.6} .fancythumbs:before{height:100%;position:absolute;left:0;top:0;width:90%;background:#201E1D;background:-moz-linear-gradient(90deg,#201E1D 0%,rgba(1,41,62,0) 100%);background:-webkit-linear-gradient(90deg,#201E1D 0%,rgba(1,41,62,0) 100%);background:linear-gradient(90deg,#201E1D 0%,rgba(1,41,62,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#201E1D",endColorstr="#201E1D",GradientType=1);z-index:4;content:'';opacity:0} .fancythumbs .btn__block{display:flex;width:100%;justify-content:flex-end} .fancythumbs:hover .btn-white{opacity:1;z-index:5} .fancythumbs .btn-white{position:absolute;left:30px;bottom:30px;opacity:0} .fancythumbs.sert{border:1px solid rgba(245,247,250,1)} .contact-row .btn{box-shadow:none} .contact__btn{flex-direction:row;align-items:center;display:flex;gap:15px} .contact-row .label{opacity:.6} .contact-div{margin:7px 0 0} .contacts + .form{padding-top:0} .itempage__left{padding-right:2%;display:flex;gap:20px;height:400px;width:100%;overflow:hidden} .itempage__left .catalog-glass-logo { left: 10px; top: 10px; width: 12%; max-width: 60px; } .itempage-row.row{flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start} .itempage__right .h2{margin:0} .catalog__item-btn{ max-width:250px; } .gallery-buttons{position:absolute;z-index:40;right:30px;bottom:30px;display:flex;gap:20px} .gallery-swiper{height:100%;width:100%;overflow:hidden} .gallery-swiper .swiper-wrapper{height:100%} .gallery-swiper .fancythumbs{height:100%} .thumbs-swiper{min-width:90px;max-width:90px;height:100%;overflow:hidden} .thumbs-swiper .swiper-slide:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#ee3252;z-index:5;opacity:0} .thumbs-swiper .swiper-slide img{height:100%;width:100%;object-fit:cover} .thumbs-swiper .swiper-slide{border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid #DDD;max-height:25%} .thumbs-swiper .swiper-slide:hover:before{opacity:.3} .swiper-slide-thumb-active:before{opacity:.6!important} .item__desc{margin:0 0 30px;display:flex;flex-direction:column;gap:10px} .item__desc-line span:first-child{opacity:.7;min-width:150px;display:inline-block} .itempage + .form{padding-top:0} .product-detail__form { gap: 20px; display: flex; flex-direction: column; } .first-block + section:not(.bg-gray){padding-top:0} .catalog__toolbar-view button{padding:10px} .catalog__item-price span{/* display:block; */} span.old{font-size:14px;opacity:.6;text-decoration:line-through;font-weight:400} .sort__btn .link.active:after{content:'';display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(/local/templates/glass/assets/css/../img/icons/icon-sort-down.svg) no-repeat center;background-size:contain} .sort__btn .link{display:flex;align-items:center;gap:10px} .sort-title{font-weight:500} .active.up:after{transform:rotate(-180deg)} .catalog__toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px} .catalog-row{flex-wrap:wrap;width:100%;gap:10px 1%;justify-content:flex-start} .catalog__toolbar-sorter{display:flex;align-items:center;gap:20px} .filters .catalog__toolbar-sorter{display:none} .sort__btn{display:flex;align-items:center;gap:20px} .item-horisonal .catalog__item-link{flex-direction:row;display:flex;width:100%;max-width:100%;padding:10px 0;align-items:center;border:none!important} .catalog__item.item-square.item-horisonal{width:100%;max-width:100%;border-bottom:1px solid #d0d2d5} .added .action-calculate{display:flex} .action-calculate{display:none;align-items:center;gap:4px;background:#FAFAFA;border-radius:10px;padding:3px;min-height:44px;border:1px solid #DDD} .btn-ghost-white:hover{background:rgba(149,149,149,0.2)} .calculate-count{min-width:20px;display:block;text-align:center;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20px;font-size:14px;font-weight:500;background: transparent !important; border: none !important; padding: 0;} .filters-gap form { display: flex; flex-direction: column; gap: 25px; } .action-calculate .btn{padding:10px;border-radius:6px} .added .action-add{display:none} .btn-ghost-white{background:none;min-height:auto} .catalog__content .title-container{margin:0 0 20px} .filters{border-radius:10px;background:#FAFAFA;padding:30px;display:flex;flex-direction:column;gap:30px} .catalog__sidebar{width:30%;max-width:285px;display:flex;gap:10px;flex-direction:column;min-width:200px} .catalog-page-row{gap:50px} .filter-labe{font-size:15px;font-weight:500;margin:0} .range-inputs.extra-controls{display:flex;align-items:center;gap:20px;margin:10px 0 0} .checkbox-hide{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease;margin:0 0 10px} .checkbox-hide.visible{max-height:2000px} .filter-content .visible .scrollable{max-height:3000px!important} .checkbox-hide.visible:before{opacity:0} .filter-content label{display:flex;align-items:center;gap:10px;cursor:pointer} .navmob{display:none} .filters .btn__block{gap:10px;width:100%;justify-content:stretch} .filter-div{width:100%;display:flex;flex-direction:column;gap:15px} .filters .btn__block button{width:100%} .filter-links a svg{transform:rotate(-180deg)} .filter-links .link.active svg{display:none} .filter-links .link.active{background:rgba(227,73,73,0.15);padding:3px 8px;pointer-events:none} .filter-item .link{display:inline-flex;border-radius:5px} .filter-links{gap:10px} .filt-links{display:flex;flex-direction:column;gap:5px} .category__item{width:100%;max-width:19%} .category__item-link:hover img{transform:scale(1.01)} .category__item-link:hover{border:1px solid #D3D5D7;background:#fff} .category__item-link:hover .category__item-title{color:#ee3252} .category__item-link{padding:15px;text-align:center;display:flex;flex-direction:column;gap:14px;border:1px solid transparent;border-radius:10px;height:100%} .category__item-img{height:80px;width:100%} .category__item-title{color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;align-items:center;display:flex;width:100%;justify-content:center;height:100%} .category__item-img img{height:100%;width:100%;object-fit:contain;transform:scale(0.95)} .grayscale img{filter:grayscale(1)} .grayscale:hover img{filter:grayscale(0)} .categories .category-title{color:#222;background:#FAFAFA;display:flex;align-items:center;padding:15px 20px 15px 30px;justify-content:space-between;gap:20px;border-radius:10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease;cursor:pointer} .category-title svg{width:16px;height:16px;min-width:20px} .category-item.active .category__links{display:flex} .category-item .category__links{padding:10px 30px} .categories{display:flex;flex-direction:column;gap:10px} .category-title.active ~ .category__links{display:flex} .category-title.active svg{transform:rotate(90deg)} .category-title.active{background:#666;color:#fff} .category-title:not(.active):hover{background:#e6e6e6} .itempage__right{width:100%;max-width:450px;display:flex;flex-direction:column;gap:20px} .descs{width:100%;display:flex;flex-direction:column;gap:15px} .item__left-desc{width:100%} .desc-line{display:flex;flex-wrap:wrap;gap:20px} .desc-line label{min-width:130px;opacity:.7} .itempage__desc{padding-left:5%;border-left:1px solid #ddd;display: flex;flex-direction: column;gap: 15px;} .itempage__desc .h4 { margin: 0; } .itempage-row .h4{margin:0 0 30px} .itempage__left .gallery-swiper{border:1px solid #DDD;border-radius:15px;overflow:hidden} .gallery-buttons .btn-white{box-shadow:none;border:1px solid #dedede} .gallery-item-page .itempage-row:nth-child(2){margin:40px 0 0;align-items:stretch} .tag-nalich{background:#0095db;color:#fff} .tag-out-of-stock{ background-color:#666666; color:#fff; } .itempage__tags{display:flex;gap:8px;flex-wrap:wrap;margin:0} .itempage__right .catalog__item-price{font-size:19px} .itempage__right .action-calculate{display:flex} .item-actions{display:flex;align-items:center;gap:30px} .btn-small svg{width:16px;height:16px} .wrap + section { padding-top: 0; } .callout a { color: #ee3252; } .basket-row{flex-direction:column;gap:0} .basket__item{display:flex;flex-direction:row;align-items:center;gap:20px;padding:20px 0;min-height:100px;border-top:1px solid #f2f2f2} .basket__item:first-child{border-top:0} .basket__item-img{height:60px;max-width:100px;width:100%;position: relative;} .basket__item-img img{height:100%;width:100%;object-fit:contain} .basket__item-info{width:100%;display:flex;flex-direction:column} .basket__item-actions{display:flex;flex-direction:row;gap:20px;align-items:center} .basket__item .action-calculate{display:flex;min-height:auto} .basket__item-price{display:flex} .item-deleted .basket__item-info{display:flex;gap:5px 20px;flex-wrap:wrap;flex-direction:row} .item-deleted span.text-deleted{display:block} .text-deleted{opacity:.4;display:none} button.link{background:none} .item-deleted .basket__item-img{display:none} .item-deleted .basket-price,.item-deleted .action-calculate,.item-deleted .basket-price{display:none} .item-deleted .btn-restore{display:block} .btn-restore{display:none} .item-deleted .btn-delete{display:none} .item-deleted .itempage__tags{display:none} .basket-price label{opacity:.5;font-size:14px} .basket__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:10px} .basket__header .h4{margin:0} .basket__header-count{margin:0;color:#ee3252} .basket-calculate{display:flex} .basket-content .catalog__item-actions{max-width:inherit;gap:15px;width:auto} .basket-content .item-horisonal .catalog__item-link{padding:20px 0} .sticky{position:sticky;top:130px} .basket__count-lines{margin:0 0 30px;display:flex;flex-direction:column;gap:15px} .basket-price{min-width:110px} .basket-btns{display:flex;flex-direction:column;gap:20px;margin:0 0 20px} .basket__count{display:flex;justify-content:space-between;gap:16px;align-items:center} .basket__count.final span:last-child{font-weight:500;font-size:20px} .basket{overflow:visible} .basket section{overflow:visible} .submit__block-container{display:flex;flex-direction:column;gap:20px} .submit__block-content.bg-gray{padding:25px} .form-div{width:100%} .formblock{gap:20px;display:flex;flex-direction:column} .popupform .formblock { padding: 0; } .submit__block-content .contact-row.row { margin-bottom: 20px; } form { margin-bottom: 0; } label{display: inline-flex;align-items:center;gap:10px} .row.row-form.minskraion{display:none} .submit__block-content{display:flex;flex-direction:column;gap:16px;border-radius:15px} .header-title{margin:0!important;opacity:.7} .submit-content{display:flex;flex-direction:column;gap:30px} .submit__block-content .map{margin:10px 0} .submit__btns{display:flex;flex-wrap:wrap;gap:10px 20px} .tab-content.active{display:flex} .tab-content{display:none;gap:40px;flex-direction:column} .callout{padding:20px;border-radius:8px;background:#fafafa} .callout-red{background:rgba(238,50,82,0.1);color:#ee3252} .contact-item{display:inline-flex;align-items:flex-start;gap:10px;font-weight:500;width:auto;} .contact-item span {color:#222;} .contact-item svg{width:16px;height:16px;opacity:.5;margin:2px 0 0} .contact__block{width:auto;min-width:210px} .contact__contacts{display:flex;gap:30px;align-items:center;flex-wrap:wrap} a.contact-item:hover span,a.contact-item:hover svg *,a.contact-item:hover svg{color:#ee3252;fill:#ee3252;opacity:1} .contact-soc{display:flex;gap:10px} .sidebar-news .col{width:100%;max-width:100%} .sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px} .sidebar-title .h3 { margin: 0; } .catalog__content{width:100%} .table-row{padding:15px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;border-radius:10px;width:100%} .table-col{overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;width:100%;max-width:20%} .col-code{max-width:10%;min-width:5%} .col-main{min-width:20%;max-width:200px} .col-pay{max-width:10%;min-width:5%} .col-phone,.col-inn{min-width:130px} .table-col label{display:none} .profile__form label{justify-content:flex-start;opacity:.8} .profile__form label font{color:red} .headercompany{padding:16px 20px;border-radius:10px;width:100%} .headercompany *{margin:0!important} .profile__form .form-div{padding:10px 0} .col-status{max-width:inherit} .tag-status{border:1px solid #a3adc1;display:inline-block;padding:4px 8px;border-radius:4px} .status-needpay{border-color:#000} .status-waitdelivery{border-color:#428bca} .status-done{background:#0095db;border-color:#0095db;color:#fff} .tag-status.status-undo{border-color:red} .header-tag{margin:0 auto 0 10px} .history__info{padding:20px;display:flex;flex-direction:column;gap:18px} .history__info + .btn__block{padding:0 20px} .history__info span{display:inline-block} .history__info span:first-child{min-width:40%;opacity:.7} .submenu{position:absolute;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:5px;display:flex;flex-direction:column;gap:2px;padding:10px;min-width:220px;opacity:0;visibility:hidden;top:0;left:-10px} .submenu a{padding:10px 20px;border-radius:6px} .link-withsub:hover .submenu{opacity:1;visibility:visible;top:100%} .submenu a:hover{background:#FAFAFA} .btn_disabled{opacity:.3;background:grey;box-shadow:none;cursor:not-allowed} .btn_disabled:hover{background:grey!important} .radiolabel{opacity:1!important;justify-content:flex-start;cursor:pointer} label.input-label{width:100%;margin:0 0 12px!important;opacity:.8;font-weight:500;font-size:14px} .radio-list{gap:10px;display:flex;flex-direction:column} .title-row{font-weight:500;font-size:18px;width:100%;margin:0} main section:first-child{padding-top:0} .filter-item.sticky{padding:10px 0 0;background:#fafafa;background:-moz-linear-gradient(0deg,rgba(250,250,250,1) 50%,rgba(250,250,250,0) 100%);background:-webkit-linear-gradient(0deg,rgba(250,250,250,1) 50%,rgba(250,250,250,0) 100%);background:linear-gradient(0deg,rgba(250,250,250,1) 50%,rgba(250,250,250,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa",endColorstr="#fafafa",GradientType=1);top:auto;bottom:0;left:0;width:100%} .filter-content{display:flex;flex-direction:column;gap:10px} .filter-content .scrollable{gap:10px;display:flex;flex-direction:column} .catalog-page{border-bottom:1px solid #DDD} .about__sidebar{width:30%;max-width:280px;min-width:280px} .about__content{width:100%;overflow:hidden} .about__sidebar-row{justify-content:stretch} .about__content-row{flex-wrap:wrap;gap:30px} .about-col-6{max-width:66%} .about__content-row .col3{width:31%} .about-bens .main__ben{background:#fafafa;display:flex;align-items:center;padding:20px;border-radius:10px} .about-content-line{margin:40px 0;height:auto!important;position: relative;} .about-content-line .bg-main{box-shadow:none} .about__content-row.about-bens{margin:50px 0;flex-wrap:wrap} hr{display:block;height:1px;border:0;border-top:1px solid #f2f2f2;margin:40px 0;padding:0} .about-content-line.main__left-banner{padding:40px;box-shadow:none} .main__left-banner .h2{margin-bottom:0} .payment__line{overflow:hidden;display:flex;flex-direction:row;align-items:flex-start;gap:20px} .payment-icon{width:35px;height:25px} .payment__line-content h4 + *{opacity:.8} .payment-way{display:flex;flex-direction:row;flex-wrap:wrap;gap: 4px;align-items:center;margin:30px 0} .payment-way svg{width: 14px;height: 14px;opacity:.3} .payment-way .tag{font-size:14px;padding: 6px;} .contact__contacts.bg-gray{padding:20px;display:inline-flex;gap:5px 20px;flex-direction:row;flex-wrap:wrap;min-width:auto;max-width:inherit;width:auto!important;border-radius:10px} .about__content-row{flex-wrap:nowrap} .about__right-img{background:#666;padding:30px;border-radius:10px;min-height:250px;background-size:cover!important;position: relative;} .about__right-img.garantie{background:url(/local/templates/glass/assets/css/../img/bg-garantie.jpg) no-repeat center #434343} .about__right-img.ustanovka{background-repeat:no-repeat; background-position:center;background:url(/local/templates/glass/assets/css/../img/bg-ustanovka.jpg) no-repeat center #434343} .about__right.col.col3{width:100%} .brands-row{flex-wrap:wrap;justify-content:flex-start;gap:30px;margin:30px 0 0;align-items:stretch} .brand__item-link{background:#FAFAFA;display:block;padding:20px;border-radius:10px;display:flex;flex-direction:column;gap:15px;border:2px solid transparent;height:100%;color:#222;} .brand__item-img .tag{position:absolute;right:-10px;top:-10px;background:#ee3252;color:#fff;z-index:5} .brand__item-img{width:100%;height:70px} .brand__item-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;z-index:1;transform:scale(0.95)} .brand__item{max-width:calc(25% - 23px);height:100%} .brand__item-link *{margin:0;text-align:center} .brand__item-desc{font-size:14px;opacity:.7;height:100%} .brand__item-link.recomend{/* border:2px solid #ee3252; */} a.brand__item-link:hover{background:#fff;border:2px solid #f2f2f2} a.brand__item-link:hover .h4{color:#EE3252} a.brand__item-link:hover img{transform:scale(1.05)} .about-content-line.main__left-banner:last-child{margin-bottom:0} .otziv-row.row{gap:30px;flex-wrap:wrap} .otziv-item{border-radius:10px;max-width:calc(50% - 15px);padding:30px;display:flex;gap:15px;flex-direction:column} .otziv__header{display:flex;flex-wrap:wrap;justify-content:space-between} .otziv-name{font-size:16px;font-weight:500} .otziv-date{opacity:.6} .submit__block-container .title-container{margin:0} .lc-content{width:100%;overflow:hidden;display:flex;flex-direction:column;gap:30px} .lc-content .title-container{margin:0!important} .submit__block-container .title-container{justify-content:flex-start;gap:20px;flex-wrap:wrap} .link-icon svg{width:14px;height:14px} .link-icon{padding:5px;opacity:.3;display:block;font-size:0} a.link-icon.check{opacity:1} a.link-icon:hover{background:rgba(0,0,0,.05);border-radius:4px;opacity:1} .radio-contact:checked ~ .link-icon.check{display:block} .radio-contact:checked ~ .link-icon.delete{display:none} .link-icon.check{display:none} .profile-edit:not(.editmode) input{display:none} .profile-edit:not(.editmode) .savebuttons{display:none} .editmode .input-value,.editmode .editbuttons{display:none} form .input-value{min-height:50px;align-items:center;display:inline-flex} .categories .goaway{background:transparent;font-weight: normal;opacity: 0.9;} .history-list{gap:10px;display:flex;flex-direction:column} .lc-content .pagination-container{margin:0} .col-date{max-width:100%} .table-row.table-head{padding-top:0} .lc-content .basket__item-actions{width:auto} .input-value{font-weight:500;color:#000} label span{min-height:24px;display:flex;align-items:center} .form-div.col .select2 { width: 100%!important; } .select2-container--default.select2-container--disabled .select2-selection--single {cursor:not-allowed} form .callout-red { padding: 10px 15px; font-size: 14px; line-height: 1.3; margin-bottom: 15px; } .row-form.tab-content { gap: 15px; } .row-form.form__links { justify-content: flex-start; gap: 10px; } .link.link-red.disabled {cursor: not-allowed;opacity: 0.6;} .link.link-red.disabled span { color: grey; cursor: not-allowed; } button.disabled { cursor: not-allowed; opacity: 0.2; } .about-pages .rasrochka-block { padding: 30px; } .about__content .rasrochka__right { max-width: 38%; min-width: 220px; } select + .select2 { width: 100%!important; } .swiper-block { position: relative; } .filter-item .show-hides { display: none; } .scroll-scrolly_visible .show-hides { display: inline-flex; } .show-hides.hidebtn { display: inline-flex; } @media (max-width: 1200px) { .contact-item br { display: block; } header{background:#fff} .head__top{display:none} .head_menu{display:block} .head__nav{display:none} .head__subbuttons .head-link-text{font-size:0;display:none} .logo,.fixedm .logo{height:40px;max-width:90px;margin:-10px} .head__subbuttons{margin:0 0 0 auto;gap:0} .sidenav{display:block;background:#fff} .activemenu{height:100%;display:flex;flex-direction:column} .sidenav .head__link a{width:100%;display:inline-block;padding:10px;font-size:14px} .head__main-catalog{display:block} header.activemenu{height:auto;box-shadow:0 5px 30px rgba(0,0,0,.1)} .activemenu .head__main{border-bottom:1px solid #dcdcdc} .head__mob-links .head__link{max-width:90%;width:100%} .active.head__mob-link{color:#ee3252} .head__mob-links{display:flex;flex-direction:row} .sidenav .head-contact-item span{color:#ee3252} .sidenav .head__contacts{flex-direction:row;margin:0;gap:57px;align-items:flex-start;padding:10px 10px 20px;justify-content:flex-start} .sidenav .head__search{width:100%;margin:0 0 10px} .head-link{padding:12px} .activemenu .head__main{border-bottom:1px solid transparent} br{display:none} .main__left h1{margin-bottom:20px} .h3{font-size:16px;margin:20px 0 10px} .banner-link-item span{padding:5px 0;font-size:15px} .link span{font-size:14px} .btn,.btn span{font-size:13px} .banner-link{padding:20px} .banner-sale .tag{display:none} .main-bens .row{gap:10px} .main__ben{max-width:45%!important;width:100%!important;flex-direction:column;align-items:flex-start;gap:10px} .ben__img{width:24px;height:24px;margin:0} .main-bens{padding:30px 0 0} .main__ben:last-child{max-width:100%} section{padding:40px 0} .form-div label{font-size:14px;margin:0 0 5px;align-items:flex-start} .radio-img__img{height:130px} .banner-subtext{font-size:14px;opacity:.8;margin:10px 0 15px} .main__left-banner .form-div:last-child{width:100%} .select2-container--default .select2-selection--single{min-height:42px;padding:12px} .catalog-swiper .swiper-slide {margin-right:auto;max-width:inherit} .banner-tag{font-size:14px} .h2,h2{font-size:20px;margin:30px 0 10px} .btn{padding:10px 12px;min-height:40px;gap:5px} .h4,h4{font-size:16px;margin:20px 0 10px} .text{font-size:14px} body{font-size:14px} .row-category{gap:20px;flex-direction:row;flex-wrap:wrap} .col4{max-width:100%;gap:20px!important} a.gototop.totop-fix{display:none} .title-container .h2{max-width:85%} input,.input-text{font-size:14px;padding:12px 15px;min-height:45px} ::placeholder{font-size:14px} .title__btnblock{gap:10px} .catalog__item-img{height:130px} .item-tag{font-size:12px} .catalog__item-link{padding:10px;min-width:auto;gap:8px} .formblock{padding:30px} .row-form{align-items:flex-start;gap:12px;flex-wrap:wrap} .form-div{width:100%} button[type="submit"]{min-width:auto} .title-container .h2{margin-bottom:0} .tag-sale{font-size:10px} .btn-mob a span{font-size:13px} .submit-accept span{font-size:11px;min-height:auto} .form-text{font-size:14px;margin:10px 0 20px} .row-news{flex-direction:column;gap: 40px;margin:0} .news__img{height:130px} .news-title{font-size:15px;margin:10px 0} .text{font-size:13px} .news__img .item-tag{left:10px;top:10px} .about__right,.about__left{width:100%} .about-row{flex-direction:column} .about__left{padding:0} .about:after{display:none} .about-info-hide{margin:0} .main__cat-container{max-width:100%;gap:10px} .main__cat-link{padding:24px;min-height:130px} .main__cat-title{font-size:18px;max-width:160px} .main__cat-desc{margin:10px 0 0;gap:5px} .cat-glass .main__cat-link{padding-bottom:100px} .main__catalog.bord-top{padding-bottom:0} .rasrochka-block{padding:30px} .rasrochka{padding:0} .rasrochka-block .row{flex-direction:column;gap:20px} .col.col3{max-width:46%!important} .rasrochka__left,.rasrochka__right{padding:0;max-width:100%} .rasrochka__center.col{height:170px;order:1;margin:0 0 -90px} .rasrochka-cards{transform:translate(-50%,-50%);top:50%} .tag-red{font-size:14px;padding:10px} .about__text{padding:0 0 120px} .about__tag{display:none} .about__banner{padding:30px} .bg-about:before{bottom:0;top:auto;height:100%;transform:rotate(-40deg) translate(-85%,0)} .about-line{font-size:16px} .about__text .tag{font-size:18px} .swiper-container{overflow:hidden} .catalog-glass-logo{width:32px;height:32px} .btn-icon{width:40px;height:40px;display:flex;align-items:center;padding:8px;position:relative;} .main__cat-container:nth-child(2){order:-1} .main__cat-container:nth-child(1) { order: 1; } .glass-param{padding:4px 2px;gap:10px} .head__main .row{gap:25px;flex-wrap:nowrap;padding:15px 0!important} main{padding:78px 0 0} .wrap-big .row{align-items:stretch;flex-direction:row;gap:10px} .main__right{max-width:40%} .main__left-banner{padding:40px} h1,.h1{font-size:30px} .banner-subtext{font-size:16px} .banner-title{font-size:18px;margin:0 0 10px} .main-bens .row{flex-wrap:nowrap} .ben__text{white-space:normal} .title-container{flex-direction:row;align-items:center;margin:0 0 20px;gap:5px!important;padding-right:0} .catalog-items .swiper-button-prev{/* position:absolute; */left:-20px;/* top:50%; *//* transform:translate(0,-50%); */} .catalog-items .swiper-button-next{/* position:absolute; */right:-20px;} .catalog__item-title{font-size:14px; min-height: 60px;} .main__catalog .row{flex-wrap:nowrap;gap:10px} .bg-about:before{width:500px;height:500px;bottom:50%;right:50%;left:auto;transform:translate(90%,50%)} .about__text{padding:0} .row-news{flex-direction:row} .col3{max-width:100%} .foot-row{gap:0;flex-direction:column} .footer__bottom .row{align-items:flex-start;flex-direction:column;gap:20px} .footer__links-title{margin:20px 0 0} .footer__main{padding:40px 0} .foot-row{flex-direction:row;flex-wrap:wrap;gap:30px} .footer__contacts{max-width:64%;gap:10px} .footer__links-container{width:30%;margin:20px 0 0} .gallery-thumb{max-width:28%} .gallery__fancythumbs-row{gap:10px 2%} .gallery-thumb:nth-child(4n-1){max-width:28%} .gallery-thumb:nth-child(3n-1){max-width:40%} .gallery-item-img{height:160px;padding:20px} .gallery-thumb{max-width:49%!important} .tooltip{display:none} .newscatalog .btn__block{overflow:auto;gap:10px;display:none} .pagination-container{flex-direction:row;gap:20px;flex-wrap:wrap} .pag__right button{width:auto} .newscatalog .btn__block button{padding:10px} .newscatalog .btn__block button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .news-page{flex-direction:column;gap:30px} .sidebarborder__left{padding:0 0 30px;border-bottom:1px solid #d0d2d5;border-right:none} .news-title-container .h1{margin:0 0 10px} h3,.h3{font-size:18px;margin:25px 0 15px} blockquote{padding:15px 20px;font-size:14px} li{padding:3px 0} .contacts .title-container{flex-wrap:wrap;gap:20px} .contact-row{gap:20px 10px;flex-wrap:wrap} .contact-div{margin:4px 0} .contact__map{height:300px;margin:20px 0 0} .navmob a{padding:10px 15px;font-weight:500;width:100%;border-radius:10px;display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid #dedede} .catalog-page-row{flex-direction:column;gap:20px} .catalog__sidebar{display:none} .catalog__sidebar.fancybox__content{padding:0;width:100%;background:#fff} .navmob{display:block;width:100%;margin:0 0 20px} .navmob a:after{content:'';width:16px;height:16px;background:url(/local/templates/glass/assets/css/../img/icons/icon-menu.svg) no-repeat center;background-size:cover;display:block} .catalog__toolbar-view{display:none} .sort-title{font-weight:500;font-size:14px} .catalog__toolbar-sorter{width:100%} .sort__btn{padding:10px 0 0;width:100%} .filters .catalog__toolbar-sorter{display:flex;flex-direction:column;align-items:flex-start;gap:0} .fancybox__content .filters{padding:20px;background:#fff} .catalog__toolbar{display:none} .filter-labe{font-size:14px} .bread-row .link span{font-size:10px} .itempage-row{flex-direction:column} .itempage__left{max-width:100%;padding:0;height:300px} .thumbs-swiper{display:none} .itempage__right{padding:0;width:100%;gap:20px;max-width:100%} .fancythumbs .btn-white{left:5px;bottom:5px} .gallery-buttons{right:5px;bottom:5px;gap:5px} .action-calculate .btn{padding:6px;min-height:auto} .action-calculate{min-height:42px;gap:2px;padding:2px} .bread-row.row{gap:3px;padding:0 0 10px} .itempage-row.row{gap:30px} .item__icontags{gap:5px} .item-img_trans{ opacity:0.5 } .item__icontags .param{padding:7px} .item-actions{gap:15px} .catalog__item-price span.old{font-size:12px} .catalog__item-price span{font-size:16px} .itempage__right .btn__block{flex-wrap:wrap;gap:10px} .itempage__right .btn{width:100%} .itempage__desc{padding:0;border:none} .itempage-row .h4{margin:0 0 15px} .descs *{font-size:14px} .descs{gap:10px} .sidebarborder__right{width:100%} .basket .catalog__item-link{flex-direction:column} .basket-content .catalog__item-actions{flex-direction:row;min-height:auto;align-items:center;gap:15px;justify-content:space-between;width:100%} .basket-price:first-child{display:none} .submit__block-container{gap:10px} .submit__block-content{gap:15px} .submit__block-content.bg-gray{padding:25px 20px} .tab-content{gap:20px} .table-row.table-head{display:none} .table-col label{display:block;font-size:13px;opacity:.6} .table-row{flex-wrap:wrap} .table-col{max-width:45%} .catalog__content .title__btnblock{flex-wrap:wrap;margin:0} .catalog__content .title__btnblock button{width:auto} .history-list .table-col{max-width: 48%;} .basket-order .basket-price:first-child{display:block} .main__right{max-width:100%;gap:10px} .contact__map-block{display:flex;align-items:center;flex-direction:column;gap:20px} .modalwindow{padding:20px} .popup-title{font-size:16px} .modalwindow{padding:28px} .head-contact-item span{font-size:14px} .foot__contact:last-child{flex-wrap:wrap} .foot__contact .btn-red{width:100%} .footer__links{margin:15px 0 0;gap:15px} .catalog__content .title-container{margin:0 0 10px} .catalog__item{min-width:33%} .category__item{min-width:170px} .category__item-link{padding:10px;gap:5px} .category__item-img{height:60px} .category__item-title{font-size:14px} .catalog-row{gap:10px} .contact__block{max-width:48%;width:100%;gap:5px;min-width:300px} .sidebar-news{flex-direction:row;flex-wrap:wrap;gap: 40px;} .about__sidebar-row{flex-direction:column} .about__sidebar{max-width:100%;display:none} .fancybox__content.about__sidebar{padding:40px;max-width:300px} .about__content-row{flex-direction:column;gap:15px} .about__content-row .col-3{max-width:100%} .about-col-6{max-width:100%} .about__content-row.about-bens{margin:30px 0;flex-direction:row;flex-wrap:wrap} .about__content .main__ben.col3{width:100%!important;max-width:48%!important;flex-direction:row;padding:15px} .about__right.col3{max-width:100%!important;width:100%!important} .about__right-img{min-height:160px;background-size:contain!important} .brand__item{max-width:calc(33% - 23px)} .brands-row{gap:20px} .brand__item-link{padding:15px;gap:10px} .brand__item-link .h4{margin:0} .otziv-item{padding:25px;gap:10px;max-width:calc(50% - 10px)} .otziv__content{font-size:14px} .otziv-row.row{gap:20px} .payment-way { margin: 0 0 15px; } .category-title { color: #222!important; background: none!important; font-weight: bold; } div#sidebar-menu { padding: 20px 10px; } } @media (max-width:600px) { .about__sidebar-row .title-container { flex-direction: column; align-items: flex-start; } .site-message .wrap { padding: 10px 0; font-size: 14px; } .catalog__item-price { min-height: 40px; align-items: flex-start; justify-content: center; } .head__mob-links{flex-direction:column} .sidenav .head__contacts{flex-direction:column;gap:20px} header.activemenu{height:100%} .main__ben{max-width:100%!important;display:flex;gap:20px;align-items:center;flex-direction:column} .ben__text{font-size:14px} .mob .btn span{display:none} .submit__btns{gap:10px;flex-direction:row;flex-wrap:wrap} .catalog__item-actions{flex-direction:column;align-items:flex-start} .head__main-catalog{display:none} .head__main .head__search{order:5;width:100%} .head__main .row{gap:5px 15px;padding:5px 0 10px!important;flex-wrap:wrap} h1,.h1{font-size:24px} .banner-subtext{font-size:14px} .main__left-banner{padding:20px} .wrap-big .row{flex-direction:column;align-items:center} main{padding:110px 0 0} .banner-title{font-size:16px} .main-bens .row{flex-wrap:wrap;padding-bottom:0} .main__ben{max-width:100%;overflow:hidden;flex-direction:row;gap:10px} .catalog-swiper .title-container{flex-direction:column;align-items:flex-start;padding-right:70px;gap:0!important} .catalog-items .swiper-button-prev{right:40px;left:auto;top:-65px;transform:none} .catalog-items .swiper-button-next{transform:none;right:0;left:auto;top:-65px} .main__catalog .row{flex-wrap:wrap} .footer__contacts{max-width:100%} .footer__links-container{width:44%} .category__item-title{font-size:13px} .catalog__item{min-width:calc(50% - 5px)} .category__item{max-width:calc(50% - 5px);min-width:auto} .catalog-items.catalog-swiper:before{display:none} .catalog-items.catalog-swiper:after{display:none} .itempage__left{height:160px} .basket__item{flex-wrap:wrap;gap:5px 15px} .basket__item-img{width:20%} .basket__item-info{width:73%} .basket-price{min-width:80px;overflow:hidden;width:100%} .item-deleted .basket__item-info{width:100%;gap:0} .item-deleted{gap:10px} .item-deleted .catalog__item-actions{width:auto} .col.col3{max-width:100%!important} .about__content .main__ben.col3{max-width:100%!important} .about__right-img{background-size:cover!important} .brand__item{max-width:calc(50% - 5px)} .brand__item-img{height:40px} .brand__item-img .tag{font-size:10px;padding:2px} .brand__item-desc{font-size:13px} .brands-row{gap:10px} .about-content-line.main__left-banner{margin:20px 0;padding:20px} .otziv-item{max-width:100%} .lc-content{gap:20px} .lc-content .hidemob{display:none} .lc-content .navmob{margin:0} form .input-value{min-height:auto} main section:first-child{padding-top:10px} .action-calculate{min-height:36px} .glass-param{ opacity: 1; bottom: 0; visibility: visible;} hr{display:none} .payment-icon{display:none} } @media (min-width:1200px) and (max-width:1500px) { .wrap{width:95%} .logo,.fixedm .logo{max-width:150px;height:45px} main{padding:130px 0 0} .main__left .row-form{flex-wrap:wrap} .main__left-banner .form-div{max-width:47%!important;width:100%!important} .main__left br{display:none} .ben__text{white-space:normal} .main__ben{width:25%;align-items:center} .catalog-swipers .swiper-slide{/* min-width:200px; *//* max-width:250px; */} .main__catalog .row{gap:30px} .main__cat-container{gap:30px} .main__cat-link{padding:35px} .foot__contact .btn-red{width:100%;min-width:100%} .foot__contact:last-child{flex-wrap:wrap} .footer__contacts{width:40%} .footer__links-title{margin:20px 0 10px} .footer__contacts .h4{margin-bottom:0} .foot-copy,.foot-copy *{font-size:13px!important} .head-link{padding:12px 14px;gap:10px} .head__nav{min-width:40%} .wrap-big .row{gap:30px} .head__contacts{gap:30px;margin:0} .head__mini-link span{font-size:14px;padding:12px 0} .wrap-big{width:95%} main{padding:130px 0 0} h1,.h1{font-size:35px;margin:30px 0 20px} .main__left-banner{padding:40px 5%;height:100%;display:flex;flex-direction:column;justify-content:center} .h3,h3{margin:30px 0 15px;font-size:20px} .banner-link-item span{font-size:16px;padding:7px 0} .ben__img{width:40px} .h2,h2{font-size:28px} section{padding:45px 0} .row-category{gap:20px} .col4{gap:20px!important} .category__title{max-width:60%} .catalog__item-link{padding:20px} section.catalog-items.catalog-swiper:before,section.catalog-items.catalog-swiper:after{width:5%} .news__img{height:150px} .news-title{font-size:16px} .about:after{left:-5%} .head__mini{max-width:50%} .first-block .title-container{margin-bottom:30px} .gallery-thumb{max-width:28%} .gallery__fancythumbs-row{gap:30px 2%} .gallery-thumb:nth-child(4n-1){max-width:28%} .gallery-thumb:nth-child(3n-1){max-width:40%} .gallery-item-img{height:190px} .catalog-row .col4{min-width:224px;max-width:inherit;width:100%;max-width:32%} .lc-page .catalog-page-row{gap:40px} .lc-page .catalog__sidebar{min-width:200px;width:24%} .sidebarborder__left{padding-right:3%} .news-page.row{gap:3%} .sidebarborder__right{min-width:250px} .itempage__right{max-width:370px;gap:20px} .itempage__left{height:310px} .itempage-row .h4{margin:0 0 16px} .gallery-item-page .itempage-row:nth-child(2){margin:30px 0 0} .link span{font-size:14px} .gallery-buttons{right:15px;bottom:15px} .contact__block.contact__contacts{flex-direction:column;align-items:flex-start;gap:10px} } .banner-insta{ padding-top:20px; } .banner-tinting{ padding:0; } .banner-insta__inner { background: #333333; border-radius: 16px; position: relative; min-height: 302px; display: flex; align-items: center; padding: 20px 50px; } .banner-insta__img { position: absolute; right: 0; bottom: 0; border-radius:16px; } .banner-insta__title { font-size: 30px; color: #fff; } .banner-insta__title span { background: #201E1D; padding: 5px; border-radius: 6px; font-size: 15px; display: inline-block; transform: rotate(349deg) translateY(-10px); } .banner-insta__subtitle { font-size: 15px; color: #fff; opacity: 0.7; margin: 16px 0; } .installation-bens { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .installation-bens-cols-5 { grid-template-columns: repeat(5, 1fr); } .installation-bens__title { font-size: 15px; font-weight: 500; margin-bottom: 5px; } .installation-bens__text { font-size: 15px; opacity: 0.7; } .installation-bens__icon { width: 40px; opacity: 0.3; margin-bottom: 14px; } .installation-srv__row { display: grid; grid-template-columns: repeat(3, minmax(250px, 1fr)); gap: 20px; } .installation-srv__item { background: #FAFAFA; padding: 30px; border-radius: 16px; display: flex; justify-content:space-between; position:relative; } .installation-srv__icon { position: absolute; right: 30px; top: 50%; transform:translateY(-50%); } .installation-srv__title { font-size: 15px; margin: 0 0 5px; max-width: 200px; } .installation-srv__price { font-size: 18px; font-weight: 500; margin: 0 0 20px; } .btn-bord-gray { border: 1px solid #DDDDDD; color: #333333; font-weight: 500; } .btn-bord-gray:hover { background: #DDDDDD; } .installation-srv__button .btn{ padding: 9px 10px; min-height: 45px; } .installation-banner { overflow:hidden; border-radius: 20px; background: #FAFAFA; padding: 40px; position: relative; min-height: 270px; } .installation-banner__img .rasrochka-cards{ right: 0; left: auto; transform: none; width: 783px; height: 519px; } .installation-banner__title { font-weight: 600; margin-bottom: 10px; } .installation-text-1 { font-size: 13px; opacity: 0.7; margin: 0; } .installation-banner__text { max-width: 378px; margin-bottom: 20px; } .installation-text-2 { font-size: 18px; font-weight: 500; margin: 0; } .installation-banner__button { position: absolute; right: 30px; bottom: 30px; } .gallery-carousel__content { position: relative; } .gallery-carousel__arr-prev { position: absolute; left: -23px; top: 50%; transform: translateY(-50%); z-index: 100; box-shadow:0 0 12px rgba(0,0,0,0.1); } .gallery-carousel__arr-next { position: absolute; right: -23px; top: 50%; transform: translateY(-50%); z-index: 100; box-shadow:0 0 12px rgba(0,0,0,0.1); } .gallery-carousel__itme { display: block; font-size: 0; height: 204px; border-radius: 10px; overflow: hidden; } .gallery-carousel__itme img { width: 100%; height: 100%; object-fit: cover; } .gallery-carousel__itme:hover img { transform: scale(1.1); } .video-block__link { display: block; width: 100%; font-size: 0; position: relative; border-radius:20px; overflow:hidden; } .video-block__link img { width: 100%; max-height:478px; object-fit:cover; } .video-block__play { display:block; position: absolute; z-index: 1; left: 50%; top: 50%; pointer-events: none; transform: translate(-50%, -50%); border-radius:50%; box-shadow:0 0 20px #EE3252; } .video-block__link:hover .video-block__play{ transform: translate(-50%, -50%) scale(1.1); } .installation-banner__content { position: relative; z-index: 10; } @media screen and (max-width:1200px){ .installation-banner__img .rasrochka-cards { width: 500px; height: 283px; top: 103px; } .banner-insta__img{ right:-200px; } } @media screen and (max-width:1000px){ .installation-srv__row{ grid-template-columns: repeat(2, minmax(250px, 1fr)); } .video-block__link > img{ height:378px; } } @media screen and (max-width:800px){ .installation-bens { grid-template-columns: repeat(2, 1fr); } .banner-insta__img { width: 500px; right: -100px; } .banner-insta__inner { min-height: 200px; } .banner-insta__title { font-size: 22px; margin: 0 0 10px; } .installation-banner__img .rasrochka-cards { width: 400px; height: 250px; right: -93px; top: 55px; } .installation-banner { min-height: auto; padding: 20px 40px; } .gallery-carousel__itme { height: 150px; } } @media screen and (max-width:700px){ .banner-insta__img { display: none; } .banner-insta__inner { min-height: auto; padding: 20px 20px; } .installation-srv__row { grid-template-columns: repeat(1, 1fr); } .installation-banner__img .rasrochka-cards { display: none; } .installation-banner__button { position: static; } .installation-banner { padding: 20px; } .video-block__link > img { height: 250px; } .video-block__link img { } .video-block__play { width: 50px; height: 50px; } } @media screen and (max-width:600px){ .installation-bens { grid-template-columns: repeat(1, 1fr); } } .tinting-price__heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .tinting-price__groups { display: flex; align-items:center; flex-wrap: wrap; gap: 8px; } .tinting-price__group { width: auto; background: transparent; min-height: 45px; } .tinting-price__group._active { background: #DDDDDD; } .tinting-price__title { margin: 0; } .tinting-price__block { display: none; } .tinting-price__block._active { display:block; } .tinting-price__item { padding: 25px; background: #F7F7F7; border-radius: 16px; } .tinting-price__item-name { font-size: 15px; } .tinting-price__item-price { font-size: 18px; font-weight: 500; margin-top: 5px; } .tinting-price__item-image { background: #333333; color: #fff; padding: 24px 30px; border-radius: 16px; position: relative; overflow: hidden; min-height: 220px; } .tinting-price__item-img { display: block; position: absolute; right: 0; bottom: 0; } .tinting-price__item-text { opacity: 0.7; margin: 10px 0 0 0; } .tinting-price__row-image { /* display: flex; gap: 16px; flex-wrap: wrap; */ } /* .tinting-price__row-image .tinting-price__row { flex: 1 1 260px; min-width: 260px; max-width: 25%; } .tinting-price__image { flex: 3 1 0%; min-width: 0; } */ .tinting-price__content { margin-bottom: 16px; } .tinting-price__row-image{ margin-bottom:16px; } .tinting-price__row-image{ display:flex; gap: 16px; } .tinting-price__row{ display:flex; gap:16px; } .tinting-price__item{ width:25%; min-width:260px; } .tinting-price__row-image .tinting-price__row{ width:24%; min-width: 260px; display:grid; } .tinting-price__image{ width:75%; } .tinting-banner {background: #666666;border-radius: 16px;padding: 40px;position: relative;color: #fff;min-height: 271px;overflow:hidden} .tinting-banner__heading { display: flex; gap: 16px; } .tinting-banner__title { font-size: 22px; font-weight: 600; } .tinting-banner__subtitle span {display: inline-block;border-radius: 5px;background: #201E1D;padding: 10px;font-size: 18px;font-weight: 500;} .tinting-banner__content { display: flex; justify-content: space-between; } .tinting-banner__text { max-width: 400px; } .tinting-banner__img .rasrochka-cards { width: 700px; height: 400px; left: 375px; bottom: -186px; top: auto; } .tinting-banner-text-1 { font-weight: 500; margin: 0 0 5px; } .tinting-banner-text-2 { margin: 0 0 10px; } .tinting-banner-text-3 { font-weight: 500; } .tinting-banner-text-4 { opacity: 0.7; } .tinting-types__items { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; } .tinting-types__img { font-size: 0; border-radius: 10px; overflow: hidden; margin: 0 0 15px; } .tinting-types__img img { display: block; max-width: 100%; width: 100%; } .tinting-types__name { font-size: 15px; font-weight: 500; } .tinting-reviews__item { border-radius: 18px; padding: 10px; background: #FAFAFA; } .tinting-reviews__content th { text-align: left; font-weight: 400; opacity: 0.7; width: 80px; } .tinting-reviews__content td { font-weight: 500; } .tinting-reviews__content td.review-PRICE { color: #EE3252; } .tinting-reviews__content2 { margin-bottom: 25px; } .tinting-reviews__title { margin: 0 0 5px; font-weight: 500; } .tinting-reviews__text { margin: 0 0 5px; opacity: 0.7; } .tinting-reviews__body{ padding:20px; } .tinting-reviews__img { font-size: 0; border-radius: 10px; overflow: hidden; } .tinting-reviews__img img { width: 100%; height: 235px; object-fit: cover; } .tinting-reviews__img { font-size: 0; border-radius: 10px; overflow: hidden; } .tinting-reviews__img img { width: 100%; height: 235px; object-fit: cover; } .tinting-reviews__arr-next, .tinting-reviews__arr-prev { position: absolute; top: 50%; transform: translateY(-50%); z-index:100; box-shadow:0 0 12px rgba(0,0,0,0.1); } .tinting-reviews__arr-next{ right:-23px; } .tinting-reviews__arr-prev{ left:-23px; } .tinting-reviews__content{ position:relative; } .banner-tinting__img { right: -35px; } @media screen and (max-width:1600px){ .banner-tinting__img { right: -35px; } .banner-tinting__img { max-width: 700px; right: 0; } .tinting-price__item { min-width: auto; } .tinting-price__row-image .tinting-price__row {min-width: auto;} .tinting-price__row-image .tinting-price__item { width: 100%; } .tinting-banner__subtitle span { font-size: 12px; } } @media screen and (max-width:1400px){ .tinting-banner__img .rasrochka-cards { max-width: 500px; left: 280px; } .tinting-banner__heading { display: block; } .tinting-banner__text { max-width: 461px; } .tinting-price__heading { display: block; } .tinting-price__heading h2 { margin-bottom: 10px; } } @media screen and (max-width:1200px){ .tinting-banner__img .rasrochka-cards { top: auto; transform: none; left: 84px; } } @media screen and (max-width:1100px){ .tinting-banner__content { display: block; position: relative; z-index: 1; } .tinting-banner__text { max-width: 100%; } .tinting-banner__img .rasrochka-cards { left: auto; right: 0; max-width: 400px; } } @media screen and (max-width: 900px){ .installation-bens-cols-5 { grid-template-columns: repeat(3, 1fr); } .banner-tinting__img { max-width: 550px; } } @media screen and (max-width: 800px){ .banner-tinting__img { max-width: 550px; } .tinting-price__row-image { display: block; } .tinting-price__row { display:grid; grid-template-columns: repeat(2, 1fr); } .tinting-price__row-image .tinting-price__row { width: 100%; margin-bottom: 16px; grid-template-columns: repeat(2, 1fr); } .tinting-price__image { width: 100%; } .tinting-price__item { width: 100%; } .tinting-banner { min-height: auto; } .tinting-banner__img .rasrochka-cards { left: 50%; transform: translateX(-50%); top: auto; bottom: -205px; } .tinting-banner { padding-bottom: 128px; } .banner-tinting .banner-insta__inner { min-height:auto; padding-bottom: 59px; } .banner-tinting__img { left: 50%; transform: translateX(-50%); max-width: 300px; } } @media screen and (max-width: 700px){ .banner-insta__title span {display: inline;transform: none;} .banner-insta__title { display: block; } .installation-bens-cols-5 { grid-template-columns: repeat(2, 1fr); } .banner-tinting .banner-insta__inner { padding-bottom: 97px; } .tinting-types__items { grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media screen and (max-width: 500px){ .tinting-banner { padding: 15px 15px 100px; } .tinting-banner__img .rasrochka-cards { max-width: 300px; } .tinting-price__item { padding: 15px; } .tinting-price__item-name { font-size: 13px; } .tinting-reviews__body { padding: 10px; } .tinting-reviews__content2 { margin-bottom: 10px; } .tinting-reviews__img img { height: 150px; } .tinting-types__img img {height: 100px;} .tinting-types__img { margin: 0 0 5px; } .tinting-types__name { font-size: 13px; } .tinting-price__item-img { display: none; } .tinting-price__item-image { min-height: auto; } .banner-tinting__img {.banner-tinting__img: d;.banner-tinting__img: d; display: block; } .installation-bens__title { font-size: 13px; } .installation-bens__text { font-size: 12px; } .installation-bens__icon { margin: 0 0 5px; } .tinting-price__group { min-height: 30px; } } /* End */ /* Start:/local/templates/glass/dev.css?17740773641978*/ .mb-5{ margin-bottom:40px; } .mb-3{ margin-bottom:24px; } .position-relative{ position:relative; } .simple-form{ max-width: 400px; width: 100%; } main{flex: 1 0 auto;} .itempage__text{ margin-top:40px; } .password-field { position: relative; width: 100%; } .password-field__btn { position: absolute; width: 30px; height: 30px; right: 8px; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); border: none; outline: none; cursor: pointer; background: transparent; font-size: 0; padding: 0; } .password-field__btn_inactive { display: none; } .password-field__btn svg { width: 16px; height: 16px; } .password-field.active .password-field__btn_inactive{ display:block; } .password-field.active .password-field__btn_active{ display:none; } .search-item__icons{ margin-left:auto; display:flex; align-items:center; gap: 10px; } .search-item__icons .item__icontags{ flex-wrap:nowrap; } .search-item__brand-logo { width: 32px; height:32px; position: relative; display: flex; align-items: center; justify-content: center; font-size: 0; } .search-item__brand-logo img{ max-width:32px; } .search-item__brand-logo .glass-logo-img{ width: auto; height:auto; } .new-tooltip { display: none; z-index:50; transition:none; position: absolute; font-weight: 400; font-size: 13px; background: rgba(35, 35, 35, 0.7); color: #fff; backdrop-filter: blur(3px); border-radius: 5px; padding: 3px 6px; text-align: center; text-wrap: nowrap; } .new-tooltip[data-show] { display: block; } .filter__controls{ display:flex; gap:8px; } @media screen and (min-width:1201px){ .filter__controls-close{ display:none; } } .filter__instock{ padding-bottom:25px; border-bottom: 1px solid #DDDDDD; } @media screen and (min-width:475px){.filter__instock{ padding-bottom:15px; } } /* End */ /* /local/templates/glass/assets/js/fancybox/fancybox_new.css?172837212925392 */ /* /local/templates/glass/assets/css/swiper-bundle.min.css?172888342516954 */ /* /local/templates/glass/assets/css/select2.min.css?172837212916321 */ /* /local/templates/glass/assets/css/jquery.scrollbar.css?172837212922618 */ /* /local/templates/glass/assets/css/ion.rangeSlider.min.css?172837212910966 */ /* /local/templates/glass/assets/css/style.css?177720364190172 */ /* /local/templates/glass/dev.css?17740773641978 */