/* Start:/local/templates/new/css/fancybox.min.css?171990329024666*/ :root{--f-spinner-width:36px;--f-spinner-height:36px;--f-spinner-color-1:rgba(0,0,0,.1);--f-spinner-color-2:rgba(17,24,28,.8);--f-spinner-stroke:2.75}.f-spinner{height:var(--f-spinner-height);margin:auto;padding:0;width:var(--f-spinner-width)}.f-spinner svg{animation:f-spinner-rotate 2s linear infinite;height:100%;vertical-align:top;width:100%}.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{to{transform:rotate(1turn)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:f-throwOutUp .175s ease-out both}.f-throwOutDown{animation:f-throwOutDown .175s ease-out both}@keyframes f-throwOutUp{to{opacity:0;transform:translate3d(0,-150px,0)}}@keyframes f-throwOutDown{to{opacity:0;transform:translate3d(0,150px,0)}}.f-zoomInUp{animation:var(--f-transition-duration,.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration,.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{0%{opacity:0;transform:scale(.975) translate3d(0,16px,0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes f-zoomOutDown{to{opacity:0;transform:scale(.975) translate3d(0,16px,0)}}.f-fadeIn{animation:var(--f-transition-duration,.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration,.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration,.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration,.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeSlowOut{to{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration,.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}to{opacity:1}}@keyframes f-fadeFastOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}to{transform:translateZ(0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}to{transform:translateZ(0)}}@keyframes f-slideOutNext{to{transform:translateX(-100%)}}@keyframes f-slideOutPrev{to{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{opacity:0;transform:translateX(-75px)}to{opacity:1;transform:translateZ(0)}}@keyframes f-classicInPrev{0%{opacity:0;transform:translateX(75px)}to{opacity:1;transform:translateZ(0)}}@keyframes f-classicOutNext{to{opacity:0;transform:translateX(-75px)}}@keyframes f-classicOutPrev{to{opacity:0;transform:translateX(75px)}}: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{align-items:center;background:var(--f-button-bg);border:var(--f-button-border);border-radius:var(--f-button-border-radius);box-shadow:none;box-sizing:content-box;color:var(--f-button-color);cursor:pointer;display:flex;height:var(--f-button-height);justify-content:center;margin:0;padding:0;pointer-events:all;position:relative;transition:var(--f-button-transition);width:var(--f-button-width)}@media (hover:hover){.f-button:hover:not([disabled]){background-color:var(--f-button-hover-bg);color:var(--f-button-hover-color)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{box-shadow:inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color));outline:none}.f-button svg{fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;filter:var(--f-button-svg-filter);height:var(--f-button-svg-height);pointer-events:none;transform:var(--f-button-transform);transition:opacity .15s ease;width:var(--f-button-svg-width)}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-next,.f-carousel__nav .f-button.is-prev,.fancybox__nav .f-button.is-next,.fancybox__nav .f-button.is-prev{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev{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{left:var(--f-button-prev-pos);right:auto}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev{left:50%;top:auto;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-next svg,.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg{transform:rotate(90deg)}html.with-fancybox{overflow:visible;scroll-behavior:auto;width:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none;width:auto}.fancybox__container{--fancybox-color:#dbdbdb;--fancybox-hover-color:#fff;--fancybox-bg:rgba(24,24,27,.98);--fancybox-slide-gap:10px;--f-spinner-width:50px;--f-spinner-height:50px;--f-spinner-color-1:hsla(0,0%,100%,.1);--f-spinner-color-2:#bbb;--f-spinner-stroke:3.65;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;text-size-adjust:100%;bottom:0;box-sizing:border-box;color:#f8f8f8;direction:ltr;display:flex;flex-direction:column;left:0;margin:0;outline:none;overflow:visible;overscroll-behavior-y:contain;padding:0;position:fixed;right:0;top:0;transform-origin:top left;z-index:var(--fancybox-zIndex,1050)}.fancybox__container *,.fancybox__container :after,.fancybox__container :before{box-sizing:inherit}.fancybox__backdrop{background:var(--fancybox-bg);bottom:0;left:0;opacity:var(--fancybox-opacity,1);position:fixed;right:0;top:0;will-change:opacity;z-index:-1}.fancybox__carousel{box-sizing:border-box;flex:1;min-height:0;overflow-x:clip;overflow-y:visible;position:relative;z-index:10}.fancybox__viewport{height:100%;width:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;height:100%;margin:0 auto}.fancybox__slide{align-items:center;backface-visibility:hidden;display:flex;flex:0 0 auto;flex-direction:column;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;overflow:auto;padding:4px;position:relative;transform:translateZ(0);width:100%}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-html5video,.fancybox__slide.has-iframe,.fancybox__slide.has-image,.fancybox__slide.has-video{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide:after,.fancybox__slide:before{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;background:var(--fancybox-content-bg,#fff);border-radius:0;color:#000;cursor:default;display:flex;flex-direction:column;margin:0;max-width:100%;padding:2px;position:relative;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [contenteditable],.fancybox__content [data-selectable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{backface-visibility:hidden;background:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain;min-height:1px;padding:0;transform:translateZ(0);transition:none}.fancybox__slide.has-image>.fancybox__content>picture>img{height:auto;max-height:100%;width:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0);will-change:transform,width,height}.fancybox-image{display:block;height:100%;margin:auto;min-height:0;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fancybox__caption{align-self:center;color:var(--fancybox-color,currentColor);cursor:auto;flex-shrink:0;line-height:1.375;margin:0;max-width:100%;opacity:var(--fancybox-opacity,1);overflow-wrap:anywhere;padding:14px 0 4px;visibility:visible}.is-closing .fancybox__caption,.is-loading .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;right:8px;top:0;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;opacity:.75;position:absolute;right:0;top:-38px}.is-loading .fancybox__content>.f-button.is-close-btn,.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{margin:0;padding:0;position:relative}.fancybox__footer .fancybox__caption{opacity:var(--fancybox-opacity,1);padding:24px;transition:all .25s ease;width:100%}.is-compact .fancybox__footer{background:rgba(24,24,27,.5);bottom:0;left:0;position:absolute;right:0;z-index:20}.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,.6);--f-button-active-bg:rgba(0,0,0,.6);--f-button-hover-bg:rgba(0,0,0,.6);--f-button-svg-width:18px;--f-button-svg-height:18px;--f-button-svg-filter:none;right:5px;top: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,.3);--f-button-active-bg:rgba(24,24,27,.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,.5));--f-button-svg-disabled-opacity:0.65;--f-button-next-pos:1px;--f-button-prev-pos:1px;opacity:var(--fancybox-opacity,1)}.fancybox__nav .f-button:before{bottom:-30px;content:"";left:-20px;position:absolute;right:-20px;top:-30px;z-index:1}.is-idle .fancybox__nav,.is-idle.is-compact .fancybox__footer{animation:f-fadeOut .15s ease-out both}.is-idle.is-compact .fancybox__footer{pointer-events:none}.fancybox__slide>.f-spinner{cursor:pointer;left:50%;margin:var(--f-spinner-top,calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height) * -.5));position:absolute;top:50%;z-index:30}.fancybox-protected{bottom:0;right:0}.fancybox-ghost,.fancybox-protected{left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:40}.fancybox-ghost{height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%}.fancybox-focus-guard{opacity:0;outline:none;pointer-events:none;position:fixed}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel){animation:f-fadeIn .25s ease .1s backwards}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:f-fadeIn .35s ease backwards}.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel){animation:f-fadeOut .15s ease forwards}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:f-fadeOut .35s ease forwards}.has-html5video .fancybox__content,.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{flex-shrink:1;max-width:100%;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{height:100%;width:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{height:90%;width:calc(100% - 120px)}.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{height:540px;max-height:100%;max-width:100%;width:960px}.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{background:rgba(24,24,27,.9);color:#fff;padding:0}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{background:transparent;border:0;display:block;height:100%;width:100%}.fancybox-placeholder{clip:rect(1px,1px,1px,1px)!important;border:0!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;white-space:nowrap!important;width:1px!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:20px;--f-thumb-clip-width:46px}.f-thumbs{-webkit-tap-highlight-color:rgba(0,0,0,0);flex:0 0 auto;margin:0;overflow:hidden;perspective:1000px;position:relative;transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.f-thumbs .f-spinner{background-image:linear-gradient(#ebeff2,#e2e8f0);border-radius:2px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{height:auto;overflow:hidden;width:100%}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{align-items:center;box-sizing:content-box;cursor:pointer;display:flex;flex:0 0 auto;height:var(--f-thumb-height);justify-content:center;margin:0;min-width:var(--f-thumb-width);overflow:visible;padding:0;position:relative;width:var(--f-thumb-width)}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:-moz-max-content;width:max-content}.is-modern .f-thumbs__track:before{bottom:0;content:"";cursor:pointer;left:calc(var(--left, 0)*1px);position:absolute;top:0;width:calc(100% - var(--width, 0)*1px)}.is-modern .f-thumbs__slide{--clip-path:inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius,0));pointer-events:none;transform:translate3d(calc(var(--shift, 0) * -1px),0,0);transition:none}.is-modern .f-thumbs__slide>*{-webkit-clip-path:var(--clip-path);clip-path:var(--clip-path)}.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide,.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--f-thumb-border-radius);cursor:pointer;height:100%;margin:0;opacity:var(--f-thumb-opacity);outline:none;overflow:hidden;padding:0;pointer-events:auto;position:relative;touch-action:manipulation;transition:opacity .2s ease;width:100%}.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{opacity:var(--f-thumb-selected-opacity);outline:none}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button:after{animation:f-fadeIn .2s ease-out;border:var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);border-radius:var(--f-thumb-border-radius);bottom:0;content:"";height:auto;left:0;position:absolute;right:0;top:0;z-index:10}.f-thumbs__slide__img{bottom:0;box-sizing:border-box;height:100%;left:0;-o-object-fit:cover;object-fit:cover;overflow:hidden;padding:var(--f-thumb-offset);pointer-events:none;position:absolute;right:0;top:0;width:100%}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px}.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;margin:auto 0;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;opacity:var(--fancybox-opacity,1);position:relative;transition:max-height .35s cubic-bezier(.23,1,.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(hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))}.fancybox__thumbs.is-modern{--f-thumb-gap:4px;--f-thumb-extra-gap:20px;--f-thumb-clip-width:46px;--f-thumb-opacity:1;--f-thumb-hover-opacity:1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.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:0!important}.is-closing .fancybox__thumbs{transition:none!important}.fancybox__toolbar{--f-progress-color:var(--fancybox-color,hsla(0,0%,100%,.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,.65);--f-button-hover-bg:rgba(70,70,73,.65);--f-button-active-bg:rgba(90,90,93,.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,.15));--f-button-svg-fill:none;--f-button-svg-disabled-opacity:0.65;color:var(--fancybox-color,currentColor);display:flex;flex-direction:row;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;justify-content:space-between;margin:0;opacity:var(--fancybox-opacity,1);padding:0;pointer-events:none;text-shadow:var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{left:0;position:absolute;right:0;top:0}.is-idle .fancybox__toolbar{animation:f-fadeOut .15s ease-out both;pointer-events:none}.fancybox__toolbar__column{align-content:flex-start;display:flex;flex-direction:row;flex-wrap:wrap}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-basis:0;flex-grow:1}.fancybox__toolbar__column.is-right{display:flex;flex-wrap:nowrap;justify-content:flex-end}.fancybox__infobar{-webkit-font-smoothing:subpixel-antialiased;cursor:default;font-size:17px;font-variant-numeric:tabular-nums;line-height:var(--f-button-height);padding:0 5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;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}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{background:var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:30} /* End */ /* Start:/local/templates/new/css/swiper-bundle.min.css?171508646217391*/ @font-face{font-family:swiper-icons;font-style:normal;font-weight:400;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")}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}.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{height:var(--swiper-virtual-size);width:1px}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.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{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.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:transform .2s,top .2s}.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:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.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{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.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{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.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{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.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{backface-visibility:hidden;z-index:0}.swiper-cube .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{backface-visibility:hidden;pointer-events:none;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{backface-visibility:hidden;z-index:0}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom} /* End */ /* Start:/local/templates/new/css/bootstrap.min.css?171990329066710*/ hr, img { border: 0; } .fancybox-nav, html { -webkit-tap-highlight-color: transparent; } * { outline: 0; font-size-adjust: none; -webkit-text-size-adjust: none; -o-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; max-height: 999999px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-print-color-adjust: exact; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } b, optgroup, strong { font-weight: 700; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.7em; } sub { bottom: -.25em; } img { vertical-align: middle; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre, textarea { overflow: auto; } code, kbd, pre, samp { font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } .glyphicon, .moonicon { position: relative; display: inline-block; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } p>iframe { max-width: 100%!important; } .img-responsive, .img-thumbnail, .table, label { max-width: 100%} .glyphicon { top: 1px; font-family: 'Glyphicons Halflings'} .glyphicon-plus:before { content: "\002b"} .glyphicon-minus:before { content: "\2212"} .glyphicon-search:before { content: "\e003"} .glyphicon-rub:before, .glyphicon-ruble:before { content: "\20bd"} .glyphicon-menu-left:before { content: "\e257"} .glyphicon-menu-right:before { content: "\e258"} .glyphicon-menu-down:before { content: "\e259"} .glyphicon-menu-up:before { content: "\e260"} .glyphicon-bquadro:before { font-family: 'bquadro'; content: "\e600"} .moonicon { top: 0; font-family: 'icomoon'} .moonicon-award:before { content: "\e900"} .moonicon-shield:before { content: "\e901"} .moonicon-book:before { content: "\e902"} .moonicon-label:before { content: "\e903"} .moonicon-zoom:before { content: "\e904"} .moonicon-phone:before { content: "\e905"} .moonicon-mail:before { content: "\e906"} .moonicon-marker:before { content: "\e907"} .moonicon-print:before { content: "\e908"} .moonicon-arrow-left:before { content: "\e909"} .moonicon-arrow-right:before { content: "\e90a"} .moonicon-arrow-top:before { content: "\e90b"} .moonicon-arrow-bottom:before { content: "\e90c"} .with-glyph { padding-left: 1.7em; } .with-glyph .moonicon { margin-left: -1.7em; float: left; display: block; line-height: inherit; color: #329c7a; } .with-glyph .moonicon-mail { margin-top: .15em; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } figure { margin: 0; } .img-responsive { display: block; height: auto; } .img-rounded { border-radius: 0; } .img-thumbnail { padding: 4px; line-height: 1.85; background-color: #f0f0f0; border: 1px solid #ddd; border-radius: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; height: auto; } .img-circle { border-radius: 50%} hr { margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=button] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 700; line-height: 1.3; color: inherit; position: relative; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #b3b3b3; right: 0; bottom: 0; text-transform: none; position: relative; display: block; margin: 1em 0 0; } @media (min-width:480px) { .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { position: absolute; } } .h1, .h2, h1, h2 { margin-top: 1.5em; margin-bottom: .8em; } .projects-slider .h1, .projects-slider .h2,.projects-slider h1,.projects-slider h2{ /* margin-top: .5em;*/ } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 40%} .h3, .h4, .h5, .h6, h3, h4, h5, h6 { margin-top: 1.5em; margin-bottom: 1em; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 60%} .small, small { font-size: 85%} .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .btn, .initialism { text-transform: uppercase; } .text-muted { color: #b3b3b3; } .text-primary { color: #329c7a; } a.text-primary:focus, a.text-primary:hover { color: #26755c; } .text-success { color: #3c763d; } a.text-success:focus, a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:focus, a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:focus, a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:focus, a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #329c7a; } a.bg-primary:focus, a.bg-primary:hover { background-color: #26755c; } .bg-success { background-color: #dff0d8; } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 11.5px; margin: 50px 0 25px; border-bottom: 1px solid #eee; } ol, ul { margin-top: 1.5em; margin-bottom: 2.5em; padding-left: 1.2em; } ol>li, ul>li { padding-left: .5em; margin-top: 0; } ul>li { margin-bottom: .6em; } ol>li { margin-bottom: 1.4em; counter-increment: step-counter; list-style: none; position: relative; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child, ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } ul { list-style-type: none; list-style-image: none; } pre code, table { background-color: transparent; } ol { margin-left: 1.6em; padding: 0; } ol>li::before { content: counter(step-counter); display: block; position: absolute; left: -1.6em; text-align: center; } .MobileSafari ol>li::before { line-height: 20px; } .list-inline, .list-unstyled { padding-left: 0; list-style: none; } .list-unstyled { margin: 0; } .list-unstyled li { padding: 0; margin: 0; } address, dl { margin-bottom: 25px; } .list-inline { margin-left: -.7em; } .list-inline>li { display: inline-block; padding-left: 20px; padding-right: 20px; } legend, pre { display: block; color: #454545; } dl { margin-top: 0; } dd, dt { line-height: 1.85; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width:768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } }.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clear, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .row:after { clear: both; } caption, th { text-align: left; } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #b3b3b3; } .initialism { font-size: 90%} blockquote { padding: 2.5em 2em; margin: 2em 6em 3em 2.5em; color: #2a2a2a; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; text-align: center; font: 700 1.42em/1.2em GothamPro, sans-serif; position: relative; } code, kbd { padding: 2px 4px; font-size: 90%; border-radius: 0; } address, pre { line-height: 1.85; } /* kbd kbd, label { font-weight: 700; }*/ @media (max-width:767px) { blockquote { margin-right: 2.5em; padding: 2.5em 0; } }address { font-style: normal; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { color: #c7254e; background-color: #f9f2f4; } kbd { color: #fff; background-color: #333; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; -webkit-box-shadow: none; box-shadow: none; } pre { padding: 12px; margin: 0 0 12.5px; font-size: 13px; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 0; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; border-radius: 0; } .table, table { font-size: 1em; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid { margin-right: auto; margin-left: auto; } @media (max-width:767px) { .container {} } @media (min-width:480px) { .container { width: 100%} }@media (min-width:768px) { .container { width: 100%} } @media (min-width:992px) { .container { width: 992px; } } @media (min-width:1264px) { .container { width: 1264px; } } @media (min-width:1600px) { .container { width: 1464px; } } .container-fluid { margin-right: auto; margin-left: auto; } .row { margin-left: -20px; margin-right: -20px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxs-1, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; } .col-xxs-1, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9 { float: left; } .col-xxs-12 { width: 100%} .col-xxs-11 { width: 91.66666667%} .col-xxs-10 { width: 83.33333333%} .col-xxs-9 { width: 75%} .col-xxs-8 { width: 66.66666667%} .col-xxs-7 { width: 58.33333333%} .col-xxs-6 { width: 50%} .col-xxs-5 { width: 41.66666667%} .col-xxs-4 { width: 33.33333333%} .col-xxs-3 { width: 25%} .col-xxs-2 { width: 16.66666667%} .col-xxs-1 { width: 8.33333333%} .col-xxs-pull-12 { right: 100%} .col-xxs-pull-11 { right: 91.66666667%} .col-xxs-pull-10 { right: 83.33333333%} .col-xxs-pull-9 { right: 75%} .col-xxs-pull-8 { right: 66.66666667%} .col-xxs-pull-7 { right: 58.33333333%} .col-xxs-pull-6 { right: 50%} .col-xxs-pull-5 { right: 41.66666667%} .col-xxs-pull-4 { right: 33.33333333%} .col-xxs-pull-3 { right: 25%} .col-xxs-pull-2 { right: 16.66666667%} .col-xxs-pull-1 { right: 8.33333333%} .col-xxs-pull-0 { right: auto; } .col-xxs-push-12 { left: 100%} .col-xxs-push-11 { left: 91.66666667%} .col-xxs-push-10 { left: 83.33333333%} .col-xxs-push-9 { left: 75%} .col-xxs-push-8 { left: 66.66666667%} .col-xxs-push-7 { left: 58.33333333%} .col-xxs-push-6 { left: 50%} .col-xxs-push-5 { left: 41.66666667%} .col-xxs-push-4 { left: 33.33333333%} .col-xxs-push-3 { left: 25%} .col-xxs-push-2 { left: 16.66666667%} .col-xxs-push-1 { left: 8.33333333%} .col-xxs-push-0 { left: auto; } .col-xxs-offset-12 { margin-left: 100%} .col-xxs-offset-11 { margin-left: 91.66666667%} .col-xxs-offset-10 { margin-left: 83.33333333%} .col-xxs-offset-9 { margin-left: 75%} .col-xxs-offset-8 { margin-left: 66.66666667%} .col-xxs-offset-7 { margin-left: 58.33333333%} .col-xxs-offset-6 { margin-left: 50%} .col-xxs-offset-5 { margin-left: 41.66666667%} .col-xxs-offset-4 { margin-left: 33.33333333%} .col-xxs-offset-3 { margin-left: 25%} .col-xxs-offset-2 { margin-left: 16.66666667%} .col-xxs-offset-1 { margin-left: 8.33333333%} .col-xxs-offset-0 { margin-left: 0; } @media (min-width:480px) { .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%} .col-xs-11 { width: 91.66666667%} .col-xs-10 { width: 83.33333333%} .col-xs-9 { width: 75%} .col-xs-8 { width: 66.66666667%} .col-xs-7 { width: 58.33333333%} .col-xs-6 { width: 50%} .col-xs-5 { width: 41.66666667%} .col-xs-4 { width: 33.33333333%} .col-xs-3 { width: 25%} .col-xs-2 { width: 16.66666667%} .col-xs-1 { width: 8.33333333%} .col-xs-pull-12 { right: 100%} .col-xs-pull-11 { right: 91.66666667%} .col-xs-pull-10 { right: 83.33333333%} .col-xs-pull-9 { right: 75%} .col-xs-pull-8 { right: 66.66666667%} .col-xs-pull-7 { right: 58.33333333%} .col-xs-pull-6 { right: 50%} .col-xs-pull-5 { right: 41.66666667%} .col-xs-pull-4 { right: 33.33333333%} .col-xs-pull-3 { right: 25%} .col-xs-pull-2 { right: 16.66666667%} .col-xs-pull-1 { right: 8.33333333%} .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%} .col-xs-push-11 { left: 91.66666667%} .col-xs-push-10 { left: 83.33333333%} .col-xs-push-9 { left: 75%} .col-xs-push-8 { left: 66.66666667%} .col-xs-push-7 { left: 58.33333333%} .col-xs-push-6 { left: 50%} .col-xs-push-5 { left: 41.66666667%} .col-xs-push-4 { left: 33.33333333%} .col-xs-push-3 { left: 25%} .col-xs-push-2 { left: 16.66666667%} .col-xs-push-1 { left: 8.33333333%} .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%} .col-xs-offset-11 { margin-left: 91.66666667%} .col-xs-offset-10 { margin-left: 83.33333333%} .col-xs-offset-9 { margin-left: 75%} .col-xs-offset-8 { margin-left: 66.66666667%} .col-xs-offset-7 { margin-left: 58.33333333%} .col-xs-offset-6 { margin-left: 50%} .col-xs-offset-5 { margin-left: 41.66666667%} .col-xs-offset-4 { margin-left: 33.33333333%} .col-xs-offset-3 { margin-left: 25%} .col-xs-offset-2 { margin-left: 16.66666667%} .col-xs-offset-1 { margin-left: 8.33333333%} .col-xs-offset-0 { margin-left: 0; } }@media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-12 { width: 100%} .col-sm-11 { width: 91.66666667%} .col-sm-10 { width: 83.33333333%} .col-sm-9 { width: 75%} .col-sm-8 { width: 66.66666667%} .col-sm-7 { width: 58.33333333%} .col-sm-6 { width: 50%} .col-sm-5 { width: 41.66666667%} .col-sm-4 { width: 33.33333333%} .col-sm-3 { width: 25%} .col-sm-2 { width: 16.66666667%} .col-sm-1 { width: 8.33333333%} .col-sm-pull-12 { right: 100%} .col-sm-pull-11 { right: 91.66666667%} .col-sm-pull-10 { right: 83.33333333%} .col-sm-pull-9 { right: 75%} .col-sm-pull-8 { right: 66.66666667%} .col-sm-pull-7 { right: 58.33333333%} .col-sm-pull-6 { right: 50%} .col-sm-pull-5 { right: 41.66666667%} .col-sm-pull-4 { right: 33.33333333%} .col-sm-pull-3 { right: 25%} .col-sm-pull-2 { right: 16.66666667%} .col-sm-pull-1 { right: 8.33333333%} .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%} .col-sm-push-11 { left: 91.66666667%} .col-sm-push-10 { left: 83.33333333%} .col-sm-push-9 { left: 75%} .col-sm-push-8 { left: 66.66666667%} .col-sm-push-7 { left: 58.33333333%} .col-sm-push-6 { left: 50%} .col-sm-push-5 { left: 41.66666667%} .col-sm-push-4 { left: 33.33333333%} .col-sm-push-3 { left: 25%} .col-sm-push-2 { left: 16.66666667%} .col-sm-push-1 { left: 8.33333333%} .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%} .col-sm-offset-11 { margin-left: 91.66666667%} .col-sm-offset-10 { margin-left: 83.33333333%} .col-sm-offset-9 { margin-left: 75%} .col-sm-offset-8 { margin-left: 66.66666667%} .col-sm-offset-7 { margin-left: 58.33333333%} .col-sm-offset-6 { margin-left: 50%} .col-sm-offset-5 { margin-left: 41.66666667%} .col-sm-offset-4 { margin-left: 33.33333333%} .col-sm-offset-3 { margin-left: 25%} .col-sm-offset-2 { margin-left: 16.66666667%} .col-sm-offset-1 { margin-left: 8.33333333%} .col-sm-offset-0 { margin-left: 0; } }@media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-12 { width: 100%} .col-md-11 { width: 91.66666667%} .col-md-10 { width: 83.33333333%} .col-md-9 { width: 75%} .col-md-8 { width: 66.66666667%} .col-md-7 { width: 58.33333333%} .col-md-6 { width: 50%} .col-md-5 { width: 41.66666667%} .col-md-4 { width: 33.33333333%} .col-md-3 { width: 25%} .col-md-2 { width: 16.66666667%} .col-md-1 { width: 8.33333333%} .col-md-pull-12 { right: 100%} .col-md-pull-11 { right: 91.66666667%} .col-md-pull-10 { right: 83.33333333%} .col-md-pull-9 { right: 75%} .col-md-pull-8 { right: 66.66666667%} .col-md-pull-7 { right: 58.33333333%} .col-md-pull-6 { right: 50%} .col-md-pull-5 { right: 41.66666667%} .col-md-pull-4 { right: 33.33333333%} .col-md-pull-3 { right: 25%} .col-md-pull-2 { right: 16.66666667%} .col-md-pull-1 { right: 8.33333333%} .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%} .col-md-push-11 { left: 91.66666667%} .col-md-push-10 { left: 83.33333333%} .col-md-push-9 { left: 75%} .col-md-push-8 { left: 66.66666667%} .col-md-push-7 { left: 58.33333333%} .col-md-push-6 { left: 50%} .col-md-push-5 { left: 41.66666667%} .col-md-push-4 { left: 33.33333333%} .col-md-push-3 { left: 25%} .col-md-push-2 { left: 16.66666667%} .col-md-push-1 { left: 8.33333333%} .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%} .col-md-offset-11 { margin-left: 91.66666667%} .col-md-offset-10 { margin-left: 83.33333333%} .col-md-offset-9 { margin-left: 75%} .col-md-offset-8 { margin-left: 66.66666667%} .col-md-offset-7 { margin-left: 58.33333333%} .col-md-offset-6 { margin-left: 50%} .col-md-offset-5 { margin-left: 41.66666667%} .col-md-offset-4 { margin-left: 33.33333333%} .col-md-offset-3 { margin-left: 25%} .col-md-offset-2 { margin-left: 16.66666667%} .col-md-offset-1 { margin-left: 8.33333333%} .col-md-offset-0 { margin-left: 0; } }@media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-12 { width: 100%} .col-lg-11 { width: 91.66666667%} .col-lg-10 { width: 83.33333333%} .col-lg-9 { width: 75%} .col-lg-8 { width: 66.66666667%} .col-lg-7 { width: 58.33333333%} .col-lg-6 { width: 50%} .col-lg-5 { width: 41.66666667%} .col-lg-4 { width: 33.33333333%} .col-lg-3 { width: 25%} .col-lg-2 { width: 16.66666667%} .col-lg-1 { width: 8.33333333%} .col-lg-pull-12 { right: 100%} .col-lg-pull-11 { right: 91.66666667%} .col-lg-pull-10 { right: 83.33333333%} .col-lg-pull-9 { right: 75%} .col-lg-pull-8 { right: 66.66666667%} .col-lg-pull-7 { right: 58.33333333%} .col-lg-pull-6 { right: 50%} .col-lg-pull-5 { right: 41.66666667%} .col-lg-pull-4 { right: 33.33333333%} .col-lg-pull-3 { right: 25%} .col-lg-pull-2 { right: 16.66666667%} .col-lg-pull-1 { right: 8.33333333%} .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%} .col-lg-push-11 { left: 91.66666667%} .col-lg-push-10 { left: 83.33333333%} .col-lg-push-9 { left: 75%} .col-lg-push-8 { left: 66.66666667%} .col-lg-push-7 { left: 58.33333333%} .col-lg-push-6 { left: 50%} .col-lg-push-5 { left: 41.66666667%} .col-lg-push-4 { left: 33.33333333%} .col-lg-push-3 { left: 25%} .col-lg-push-2 { left: 16.66666667%} .col-lg-push-1 { left: 8.33333333%} .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%} .col-lg-offset-11 { margin-left: 91.66666667%} .col-lg-offset-10 { margin-left: 83.33333333%} .col-lg-offset-9 { margin-left: 75%} .col-lg-offset-8 { margin-left: 66.66666667%} .col-lg-offset-7 { margin-left: 58.33333333%} .col-lg-offset-6 { margin-left: 50%} .col-lg-offset-5 { margin-left: 41.66666667%} .col-lg-offset-4 { margin-left: 33.33333333%} .col-lg-offset-3 { margin-left: 25%} .col-lg-offset-2 { margin-left: 16.66666667%} .col-lg-offset-1 { margin-left: 8.33333333%} .col-lg-offset-0 { margin-left: 0; } }caption { padding-top: 25px; padding-bottom: 25px; color: #b3b3b3; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .table { width: 100%; margin-bottom: 25px; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 25px; line-height: 1.85; vertical-align: top; border-top: 1px solid #ddd; } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top: 0; } .table>tbody+tbody { border-top: 2px solid #ddd; } .table .table { background-color: #f0f0f0; } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 15px; } .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd; } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 2px; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #eaeaea; } .table-hover>tbody>tr:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color: #dbdbdb; } table col[class*=col-] { position: static; float: none; display: table-column; } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell; } .checkbox, .has-feedback, .radio { position: relative; } .btn-group>.btn-group, .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background-color: #cecece; } .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background-color: #dff0d8; } .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background-color: #d0e9c6; } .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { background-color: #d9edf7; } .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover { background-color: #c4e3f3; } .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background-color: #fcf8e3; } .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background-color: #faf2cc; } .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color: #f2dede; } .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: .01%} @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 18.75px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive>.table { margin-bottom: 0; } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space: nowrap; } .table-responsive>.table-bordered { border: 0; } .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0; } .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0; } .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0; } }fieldset, legend { padding: 0; border: 0; } fieldset { margin: 0; min-width: 0; } legend { width: 100%; margin-bottom: 25px; font-size: 21px; line-height: inherit; border-bottom: 1px solid #e5e5e5; } /* label { display: inline-block; margin-bottom: 5px; } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } input[type=checkbox], input[type=radio] { margin: 4px 0 0; line-height: normal; } .form-control, output { line-height: 1.85; display: block; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%} select[multiple], select[size] { height: auto; } input[type=checkbox]:focus, input[type=radio]:focus, input[type=file]:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } output { padding-top: 9px; font-size: 14px; color: #454545; } .form-control { background-image: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #d1d1d1; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(209, 209, 209, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(209, 209, 209, .6); } .placeholder { color: #555; } .form-control::-moz-placeholder { color: #555; opacity: 1; } .form-control:-ms-input-placeholder { color: #555; } .form-control::-webkit-input-placeholder { color: #555; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; resize: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 43px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { display: block; margin-top: .6em; margin-bottom: .6em; } .checkbox label, .radio label { min-height: 25px; padding-left: 2.5em; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { display: none; } .checkbox+.checkbox, .radio+.radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer; } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px; } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed; } .form-control-static { padding-top: 9px; padding-bottom: 9px; margin-bottom: 0; min-height: 39px; } .has-feedback .form-control { padding-right: 53.75px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 43px; height: 43px; line-height: 43px; text-align: center; pointer-events: none; } .form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback { width: 50px; height: 50px; line-height: 50px; } .form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 0 7px #b13636; box-shadow: inset 0 0 7px #b13636; background: #ffe3e3; } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; background: #ffe3e3; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-feedback label~.form-control-feedback { top: 30px; } .has-feedback label.sr-only~.form-control-feedback { top: 0; } .help-block { display: block; margin-top: .5em; margin-bottom: .5em; color: #858585; font-size: .85em; } @media (min-width:768px) { .form-inline .form-control-static, .form-inline .form-group { display: inline-block; } .form-inline .control-label, .form-inline .form-group { margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group>.form-control { width: 100%} .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 9px; } }.btn-block, input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%} .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 9px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 34px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 13px; font-size: 18px; } .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } */ .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .collapsing.width { position: relative; width: 0; height: auto; overflow: hidden; -webkit-transition-property: width, visibility; -o-transition-property: width, visibility; transition-property: width, visibility; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .bx-wrapper, .input-group, .input-group-btn, .input-group-btn>.btn, .nav>li>a, .nav>li>span { position: relative; } .input-group { display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 50px; padding: 12px 14px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height: 50px; line-height: 50px; } select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn, textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn { height: auto; } .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height: 30px; line-height: 30px; } select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn, textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn { height: auto; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 8px 18px; font-size: 14px; font-weight: 400; line-height: 1; color: #454545; text-align: center; background-color: #eee; border: 1px solid #d1d1d1; border-radius: 0; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 0; } .input-group-addon.input-lg { padding: 12px 14px; font-size: 18px; border-radius: 0; } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { font-size: 0; white-space: nowrap; } .input-group-btn>.btn+.btn { margin-left: -1px; } .input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover { z-index: 2; } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { margin-right: -1px; } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index: 2; margin-left: -1px; } .b-button-actions button, .b-button-actions input[type=submit] { margin: 1.5em 0 1.2em; } .nav, .nav>li { margin: 0; padding: 0; } .nav { list-style: none; } .nav>li, .nav>li>a, .nav>li>span { display: block; } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; } .nav>li.disabled>a, .nav>li.disabled>span { color: #b3b3b3; } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color: #b3b3b3; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #eee; border-color: #329c7a; } .nav .nav-divider { height: 1px; margin: 11.5px 0; overflow: hidden; background-color: #e5e5e5; } .nav>li>a>img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs>li { float: left; margin-bottom: -1px; } .nav-tabs>li>a { margin-right: 2px; line-height: 1.85; border: 1px solid transparent; border-radius: 0; } .nav-tabs>li>a:hover { border-color: #eee #eee #ddd; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; background-color: #f0f0f0; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified>li { float: none; } .nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px; margin-right: 0; border-radius: 0; } .nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border: 1px solid #ddd; } @media (min-width:768px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1%} .nav-tabs.nav-justified>li>a { margin-bottom: 0; border-bottom: 1px solid #ddd; border-radius: 0; } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #f0f0f0; } }.nav-pills>li { float: left; } .nav-justified>li, .nav-stacked>li { float: none; } .nav-pills>li>a { border-radius: 0; } .nav-pills>li+li { margin-left: 2px; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background-color: #329c7a; } .nav-stacked>li+li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%} .nav-justified>li>a { text-align: center; margin-bottom: 5px; } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified>li>a { margin-right: 0; border-radius: 0; } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border: 1px solid #ddd; } @media (min-width:768px) { .nav-justified>li { display: table-cell; width: 1%} .nav-justified>li>a { margin-bottom: 0; } .nav-tabs-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 0; } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border-bottom-color: #f0f0f0; } }.tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #b3b3b3; } .label-default[href]:focus, .label-default[href]:hover { background-color: #999; } .label-primary { background-color: #329c7a; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #26755c; } .label-success { background-color: #5cb85c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } .alert { padding: 15px; margin-bottom: 25px; border: 1px solid transparent; border-radius: 0; } .alert h4 { margin-top: 0; color: inherit; } .alert>p, .alert>ul { margin-bottom: 0; } .alert>p+p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media>.pull-right { padding-left: 10px; } .media-left, .media>.pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { background-color: #eee; color: #b3b3b3; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #b3b3b3; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #329c7a; border-color: #329c7a; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #b3e7d6; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%} .embed-responsive-4by3 { padding-bottom: 75%} .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 0; } .well-sm { padding: 9px; border-radius: 0; } .close { float: right; font-size: 21px; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; } .clear { height: 0; line-height: 0; overflow: hidden; background: 0 0; font-size: 0; } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .row:after, .row:before { content: " "; display: table; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right!important; } .pull-left { float: left!important; } .hide { display: none!important; } .show { display: block!important; } .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-xxs, .visible-xxs-block, .visible-xxs-inline, .visible-xxs-inline-block { display: none!important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .affix { position: fixed; } @media (max-width:479px) { .visible-xxs { display: block!important; } table.visible-xxs { display: table!important; } tr.visible-xxs { display: table-row!important; } td.visible-xxs, th.visible-xxs { display: table-cell!important; } .visible-xxs-block { display: block!important; } .visible-xxs-inline { display: inline!important; } .visible-xxs-inline-block { display: inline-block!important; } }@media (min-width:480px) and (max-width:767px) { .visible-xs { display: block!important; } table.visible-xs { display: table!important; } tr.visible-xs { display: table-row!important; } td.visible-xs, th.visible-xs { display: table-cell!important; } .visible-xs-block { display: block!important; } .visible-xs-inline { display: inline!important; } .visible-xs-inline-block { display: inline-block!important; } }@media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important; } table.visible-sm { display: table!important; } tr.visible-sm { display: table-row!important; } td.visible-sm, th.visible-sm { display: table-cell!important; } .visible-sm-block { display: block!important; } .visible-sm-inline { display: inline!important; } .visible-sm-inline-block { display: inline-block!important; } }@media (min-width:992px) and (max-width:1199px) { .visible-md { display: block!important; } table.visible-md { display: table!important; } tr.visible-md { display: table-row!important; } td.visible-md, th.visible-md { display: table-cell!important; } .visible-md-block { display: block!important; } .visible-md-inline { display: inline!important; } .visible-md-inline-block { display: inline-block!important; } }@media (min-width:1200px) { .visible-lg { display: block!important; } table.visible-lg { display: table!important; } tr.visible-lg { display: table-row!important; } td.visible-lg, th.visible-lg { display: table-cell!important; } .visible-lg-block { display: block!important; } .visible-lg-inline { display: inline!important; } .visible-lg-inline-block { display: inline-block!important; } .hidden-lg { display: none!important; } }@media (max-width:479px) { .hidden-xxs { display: none!important; } }@media (max-width:767px) { .hidden-xs { display: none!important; } }@media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important; } }@media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none!important; } }.visible-print { display: none!important; } @media print { .visible-print { display: block!important; } table.visible-print { display: table!important; } tr.visible-print { display: table-row!important; } td.visible-print, th.visible-print { display: table-cell!important; } }.visible-print-block { display: none!important; } @media print { .visible-print-block { display: block!important; } }.visible-print-inline { display: none!important; } @media print { .visible-print-inline { display: inline!important; } }.visible-print-inline-block { display: none!important; } @media print { .visible-print-inline-block { display: inline-block!important; } .hidden-print { display: none!important; } }img.icon { vertical-align: middle; display: inline-block; } @media (min-width:992px) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0; } .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } } .b-square-md, .b-square-sm, .b-square-xs, .b-square-xxs { width: 100%; float: left; position: relative; display: block; overflow: hidden; } .b-square-md:after, .b-square-sm:after, .b-square-xs:after, .b-square-xxs:after { content: " "; display: table; } .b-square-md:before, .b-square-sm:before, .b-square-xs:before, .b-square-xxs:before { display: none; } .b-square-xxs:before { content: ""; display: block; margin-top: 100%; background: red; } @media (min-width:480px) { .b-square-xs:before { content: ""; display: block; margin-top: 100% } } @media (min-width:768px) { .b-square-sm:before { content: ""; display: block; margin-top: 100% } } @media (min-width:992px) { .b-square-md:before { content: ""; display: block; margin-top: 100%; } } .b-square-md.ratio2-1:before, .b-square-sm.ratio2-1:before, .b-square-xs.ratio2-1:before, .b-square-xxs.ratio2-1:before {margin-top: 50%} .b-square-md.ratio1-2:before, .b-square-sm.ratio1-2:before, .b-square-xs.ratio1-2:before, .b-square-xxs.ratio1-2:before {margin-top: 200%} .b-square-md.ratio4-1:before, .b-square-sm.ratio4-1:before, .b-square-xs.ratio4-1:before, .b-square-xxs.ratio4-1:before {margin-top: 25%} .b-square-md.ratio4-2:before, .b-square-sm.ratio4-2:before, .b-square-xs.ratio4-2:before, .b-square-xxs.ratio4-2:before {margin-top: 50%} .b-square-md.ratio4-15:before, .b-square-sm.ratio4-15:before, .b-square-xs.ratio4-15:before, .b-square-xxs.ratio4-15:before {margin-top: 45%} .b-square-md.ratio8-1:before, .b-square-sm.ratio8-1:before, .b-square-xs.ratio8-1:before, .b-square-xxs.ratio8-1:before {margin-top: 12.5%} @media (min-width:992px) { .b-square-md.ratio8-1-sm:before, .b-square-sm.ratio8-1-sm:before, .b-square-xs.ratio8-1-sm:before, .b-square-xxs.ratio8-1-sm:before {margin-top: 25%} } .b-square-md.ratio4-3:before, .b-square-sm.ratio4-3:before, .b-square-xs.ratio4-3:before, .b-square-xxs.ratio4-3:before {margin-top: 75%} .b-square-md.ratio3-2:before, .b-square-sm.ratio3-2:before, .b-square-xs.ratio3-2:before, .b-square-xxs.ratio3-2:before {margin-top: 66.66666667%} .b-square-md>.b-square-content, .b-square-sm>.b-square-content, .b-square-xs>.b-square-content, .b-square-xxs>.b-square-content { position: relative; top: 0; left: 0; bottom: 0; right: 0; display: block; } .b-square-xxs>.b-square-content { position: absolute; } @media (min-width:480px) { .b-square-xs>.b-square-content { position: absolute; } } @media (min-width:768px) { .b-square-sm>.b-square-content { position: absolute; } } @media (min-width:992px) { .b-square-md>.b-square-content { position: absolute; } } .b-cover { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat } /* End */ /* Start:/local/templates/new/css/aos.css?172294179826113*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* End */ /* Start:/local/templates/new/components/bitrix/news.list/header_info/style.css?17164671434326*/ .header__info { display: flex; flex-wrap: wrap; align-items: center; } .header__tel { width: 220px; height: 16px; position: relative; margin-left: -40px } .header__tel-item { position: absolute; top: -5px; right: 0; display: none; color: #fff; border-radius: 12px; transition: background 0.3s ease; padding: 4px 0; } .header__tel-item.active { display: block; } .header__tel-item.active:hover { background: #fff; color: #000; } .header__tel-item.active:hover .header__tel-item-link:before { opacity: 1 } .header__tel-item.active:hover .header__tel-item-link:nth-child(n + 2) { opacity: 1 } .header__tel-item-link { position: relative; padding-left: 35px; padding-right: 10px; transition: opacity 0.3s ease; color: inherit; line-height: 1.18; } .header__tel-item-link a { color: inherit; } .header__tel-item-link:nth-child(n + 2) { opacity: 0; margin-top: 4px; } .header__tel-item-link:before { content: ""; position: absolute; left: 6px; top: 2px; width: 15px; height: 15px; opacity: 0; transition: opacity 0.3s ease; } .header__tel-item-link.header__tel-item-link--office:before { background: url(/local/templates/new/components/bitrix/news.list/header_info/images/tel_of.svg) no-repeat center; } .header__tel-item-link.header__tel-item-link--mob:before { background: url(/local/templates/new/components/bitrix/news.list/header_info/images/tel_mob.svg) no-repeat center; } .header__city { position: relative; margin-left: 14px; width: 190px; height: 30px; text-transform: uppercase; font-size: 13px; line-height: 1; } .header__city-wr { border-radius: 14px; overflow: hidden; border: 1px solid #fff; position: absolute; left: 0; top: 0; width: 100%; } .header__city.active .header__city-wr { background: #fff; } .header__city-top { position: relative; padding: 7px 34px 7px 16px; border-radius: 14px; overflow: hidden; line-height: 1; cursor: pointer; isolation: isolate; } .header__city-top:before { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); left: -1px; top: -1px; position: absolute; background: #fff; border-radius: 40px; transform: translateX(-100%); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; z-index: -1; } .header__city-top:hover:before { transform: translateX(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; } .header__city.active .header__city-top { color: #000; } .header__city.active .header__city-top:before { transform: translateX(0%); } .header__city-top:after { content: ""; width: 12px; height: 6px; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; background: url(/local/templates/new/components/bitrix/news.list/header_info/images/arr_2.svg) no-repeat center; } .header__city-top:hover { color: #000; } .header__city-top:hover:after, .header__city.active .header__city-top:after { background-image: url(/local/templates/new/components/bitrix/news.list/header_info/images/arr_2_b.svg) } .header__city-list { /* position: absolute; left: 0; bottom: 0; transform: translateY(100%); */ display: none; background: #fff; } .header__city-item { width: 100%; text-transform: uppercase; padding: 4px 16px; color: #000; cursor: pointer; } .header__city-item:hover, .header__city-item.active { background: #FBAD33; color: #000 !important; } @media(max-width: 1600px) { .header__tel { margin-left: -55px; } } .header.is-scrolled { background: #fff; color: #000; } .header.is-scrolled .header__tel-item.active:hover { background: #000; color: #fff; } .header.is-scrolled .header__tel-item { color: #000; } .header.is-scrolled .header__tel-item-link.header__tel-item-link--office:before { background: url(/local/templates/new/components/bitrix/news.list/header_info/images/tel_of_w.svg) no-repeat center; } .header.is-scrolled .header__tel-item-link.header__tel-item-link--mob:before { background: url(/local/templates/new/components/bitrix/news.list/header_info/images/tel_mob_w.svg) no-repeat center; } .header.is-scrolled .header__city-wr { border-color: #000; } .header.is-scrolled .header__city.active .header__city-wr, .header.is-scrolled .header__city-list { background: #000 } .header.is-scrolled .header__city-item, .header.is-scrolled .header__city.active .header__city-top { color: #fff; } .header.is-scrolled .header__city-top:before { background: #000; } .header.is-scrolled .header__city-top:after { background-image: url(/local/templates/new/components/bitrix/news.list/header_info/images/arr_2_b.svg) } .header.is-scrolled .header__city-top:hover { color: #fff; } .header.is-scrolled .header__city-top:hover:after, .header.is-scrolled .header__city.active .header__city-top:after { background-image: url(/local/templates/new/components/bitrix/news.list/header_info/images/arr_2.svg) } /* End */ /* Start:/local/templates/new/components/bitrix/system.pagenavigation/.default/style.css?17150864632889*/ /* pagination */ .pagination { padding-left: 0; margin: 1.5em 4em 2.5em 4em; border-radius: 0; list-style: none; } .pagination > li { display: inline-block; text-align: center; padding-left: 0; } .pagination > li:before { display: none; } .pagination > li > a, .pagination > li > span, .pagination > li > a:before { position: relative; display: inline-block; } li.pagination-item > a, li.pagination-item > span { position: relative; display: inline-block; font: normal 1.6em/1em "GothamPro", Arial; color: #cecece; margin: .8em .4em; } .pagination > li.pagination-prev { float: left; display: block; margin-left: -4em; } .pagination > li.pagination-next { float: right; display: block; margin-right: -4em; } .pagination > li.pagination-prev a, .pagination > li.pagination-next a { width: 4em; height: 4em; border: .2em solid #cecece; padding: 0; border-radius: .6em; position: relative; } .pagination > li.pagination-prev a:hover, .pagination > li.pagination-next a:hover { background: #fff; } .pagination > li.pagination-prev { float: left; display: inline-block; } .pagination > li.pagination-next { float: right; display: inline-block; } .pagination > li.pagination-prev a:after, .pagination > li.pagination-next a:after { font-family: "icomoon"; font-size: 1.7em; line-height: 2.6em; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #cecece; position: absolute; top: 50%; left: 50%; margin-top: -1.3em; content: '\e900'; margin-left: -.2em; padding: 0; background: 0; display: block; } .pagination > li.pagination-prev a:after { content: '\e901'; margin-left: -0.4em; } .pagination > li.pagination-prev a:hover, .pagination > li.pagination-next a:hover { } .pagination > li.pagination-title span { margin-right: .5em; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; } .pagination > li > a:hover, .pagination > li > a:focus { z-index: 2; color: #000; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #000; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #b3b3b3; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; } /* End */ /* Start:/local/templates/new/components/bitrix/menu/big_menu/style.css?174056044632518*/ .menu { display: none; z-index: 10; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; background: #fff; color: #000; } .menu .container { padding-right: 32px; padding-left: 32px; } .menu.fone--black { background: #000; color: #fff; } .menu__top { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; justify-content: space-between; padding: 13px 0 15px; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; } /* .menu__top:after { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3A3A3A; content: ""; }*/ .menu__logo { width: 150px; height: 33px; } .menu__logo img { max-width: 100%; } .menu__close { position: relative; width: 40px; height: 40px; margin-top: 0px; /*background: url(/local/templates/new/components/bitrix/menu/big_menu/images/menu_close_adap.svg) no-repeat center;*/ cursor: pointer; } .menu__close-line { position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu__close-line:before, .menu__close-line:after { position: absolute; width: 100%; height: 100%; background: #000; content: ""; -webkit-transition: left 0.3s ease, top 0.3s ease; -o-transition: left 0.3s ease, top 0.3s ease; transition: left 0.3s ease, top 0.3s ease; } .menu__close-line--1 { top: 50%; width: 100%; height: 2px; } .menu__close-line--2 { left: 50%; width: 2px; height: 100%; } .menu__close-line--1:before, .menu__close-line--1:after { width: 50%; height: 100%; } .menu__close-line--2:before, .menu__close-line--2:after { width: 100%; height: 50%; } .menu__close-line--2:before { top: 2px; left: 0px; } .menu__close-line--2:after { top: calc(50% + 1px); left: -2px; } .menu__close-line--1:before { top: -1px; left: 0px; } .menu__close-line--1:after { top: 1px; left: calc(50% + -1px); } .menu__close:hover .menu__close-line--2:after { top: 50%; left: 0; } .menu__close:hover .menu__close-line--2:before { top: 0; } .menu__close:hover .menu__close-line--1:after { top: 0; left: 50%; } .menu__close:hover .menu__close-line--1:before { top: 0; } .menu__inner { position: relative; height: calc(100vh - 90px); } .menu__btm { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; left: 0; justify-content: space-between; width: 100%; padding: 26px 0; color: #9E9E9E; font-size: 15px; line-height: 1.33; letter-spacing: -0.01em; -webkit-box-pack: justify; -ms-flex-pack: justify; } .menu__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 96px); height: 100%; margin: 0 -48px; padding-top: 100px; padding-bottom: 100px; } .menu-col { position: relative; width: 50%; height: 100%; padding: 0 48px 0; } .menu-col--links:before { position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #3A3A3A; content: ""; } .menu-list--lvl1>.menu-list-item>a { font-size: 40px; line-height: 1.25; letter-spacing: -0.01em; text-transform: uppercase; } .menu-list--lvl1>.menu-list-item { margin-bottom: 30px; } .menu-list--lvl2>.menu-list-item>a { font-size: 20px; line-height: 1.25; letter-spacing: -0.01em; text-decoration: underline; } .menu-list--lvl2>.menu-list-item { margin-bottom: 20px; } .menu-block { width: 500px; max-width: 100%; } .menu-block:last-child { margin-top: 30px; } .menu-block__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 19px 0 29px; border-bottom: 1px solid #3A3A3A; font-size: 20px; } .menu-block:first-child .menu-block__item:first-child { padding-top: 0; } .menu-block:last-child .menu-block__item:last-child { padding-bottom: 0; } .menu-block__item:last-child { border-bottom: none; } /* .menu-block__item--info { padding-bottom: 41px; } */ .menu-block__item-name { width: 50%; line-height: 1.25; letter-spacing: -0.01em; } .menu-block__item-text { width: 50%; letter-spacing: -0.01em; } .menu-block__item-text>*:last-child { margin-bottom: 0; } .menu-block__item-text a { color: inherit; text-decoration: none; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .menu-block__item-text a:hover { color: #FBAD33; } /* .menu-block__item--info .menu-block__item-text a { font-size: 16px; line-height: 1.12; letter-spacing: -0.01em; }*/ .menu-col--info, .menu-info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: end; -ms-flex-align: end; } .menu-info-wrap { max-width: 100%; height: 100%; } .menu-block__item--lang { display: none; margin-bottom: 20px; padding-bottom: 50px; border-bottom: 1px solid #3A3A3A !important; } .menu-block__item--lang .header-lang__list { display: block; position: static; } .menu-block__item--lang .header-lang__list-item { margin-bottom: 10px; text-transform: uppercase; } .menuList__left { position: relative; } .menuList__left:before { position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #000; content: ""; } @media (max-width: 1800px) { /* .menu-block__item--info .menu-block__item-text a { font-size: 30px; line-height: 1.12; }*/ .menu-block { width: 380px; } .menu-block__item { font-size: 16px; } /* .menu-block__item--info .menu-block__item-text a { font-size: 16px; line-height: 1.12; }*/ .menu-block__item-name { margin-bottom: 15px; } .menu-block__item-name, .menu-block__item-text { width: 100%; } .menu-col { width: 66.66%; } .menu-col--info { width: 33.33%; } .menuList__rsecond-link { font-size: 14px; } .menu-block:last-child { margin-top: 0px; } } @media (max-width: 991px) { .menu__top { padding: 14px 0 20px 0; } .menu-col { width: 50%; } .menu-col--info { width: 50%; } .menu__wrap { width: calc(100% + 40px); margin: 0 -20px; } .menu-col { padding: 0 20px 0; } } @media (max-width: 767px) { .menu-col { width: 100%; } .menu-col--links:before { display: none; } .menu-info-wrap, .menuList, .menu__wrap { height: auto; } .menu__btm { position: relative; padding: 26px 0; } .menu { padding-bottom: 0; } .menu-block__item { padding: 16px 0; } .menu-block__item--lang { display: block; } .menu-block { margin: 0 !important; padding: 0px; border-top: 1px solid #3A3A3A; } .menu__wrap { padding-top: 0; padding-bottom: 50px; } .menu .container { padding-right: 0px; padding-left: 0px; } .menu-block__item.menu-block__item--top { padding: 55px 0 !important; } .menu-block__item-name { width: calc(100% - 200px); font-weight: 700; } .menu-block__item-text { width: 200px; } .menu__top { padding-right: 20px; padding-left: 20px; } .menu__inner { padding-right: 20px; padding-left: 20px; } } @media (max-width: 600px) { .menu__top { padding: 40px 20px 15px 20px; } } @media (max-width: 550px) { .menu__btm { display: block; } } @media (max-width: 400px) { .menu-block__item-name, .menu-block__item-text { width: 100%; } } .menuList { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .menuList ul>li:before { display: none; } .menuList ul { margin-top: 0; margin-bottom: 0; } .menuList li { padding-left: 0; } .menuList__inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .menuList__lfirst { height: 100%; } .menuList__right { width: calc(100% - 358px); padding-left: 48px; } .menuList__right .mCSB_scrollTools { opacity: 0; } .menuList__right:hover .mCSB_scrollTools { opacity: 1; } .menuList__lfirst { z-index: 2; position: relative; flex-shrink: 0; width: 358px; height: 100%; padding-right: 50px; -ms-flex-negative: 0; } .menuList__lfirst-inner { height: 100%; } .menuList__lfirst-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .menuList__lfirst-item { position: relative; margin-bottom: 40px; display: flex; align-items: center; } .menuList__lfirst-item:last-child { margin-bottom: 0; } .menuList__lfirst-item--map { margin-top: 25px; } .menuList__lfirst-item--search { margin-top: auto; } .menuList__lfirst-link { display: inline-block; position: relative; color: inherit; font-size: 20px; line-height: 1.25; letter-spacing: -0.01em; text-decoration: none !important; text-transform: uppercase; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menuList__rfirst-item .count, .menuList__lfirst-item .count { width: 20px; height: 20px; line-height: 20px; display: inline-block; margin-left: 10px; background: #000; color: #fff; text-align: center; font-size: 10px; font-weight: 400; border-radius: 50%; vertical-align: middle; } @media (any-hover: hover), (hover: hover) and (pointer: fine) { .menuList__lfirst-link:hover { color: #FBAD33; } } .menuList__lfirst-item.active .menuList__lfirst-link { color: #FBAD33; } .menuList__lfirst-link .menuList__lfirst-arrow { opacity: 1; } .menuList__rfirst { display: none; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .menuList__rfirst.active { display: block; } .menuList__rfirst-item { display: none; } .menuList__rfirst-link { display: block; position: relative; color: inherit; font-size: 20px; line-height: 1.33; text-decoration: none; text-transform: uppercase; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } @-webkit-keyframes fadeInLeft { 0% { -ms-transform: translateX(-10%); -webkit-transform: translateX(-10%); transform: translateX(-10%); opacity: 0; } 100% { -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes fadeInLeft { 0% { -ms-transform: translateX(-10%); -webkit-transform: translateX(-10%); transform: translateX(-10%); opacity: 0; } 100% { -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .menuList__arr, .menuList__back { position: absolute; top: 0; right: 0; width: 30px; height: 30px; margin: auto; cursor: pointer; } .menuList__arr { width: 100%; } .menuList__arr:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 30px; height: 30px; margin: auto; /*background: url(/local/templates/new/components/bitrix/menu/big_menu/images/menu_arr.svg) no-repeat center;*/ border: 1px solid #000; border-radius: 50%; background: url(/local/templates/new/components/bitrix/menu/big_menu/images/arr_2.svg) no-repeat center; background-size: 16px; content: ""; -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .menuList__arr:before { left: auto; } .menuList__arr:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .menuList__rfirst-item.active .menuList__arr:after, .menuList__lfirst-item.active .menuList__arr:after, .menuList__rsecond-item.active .menuList__arr:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .menuList__lfirst-item .menuList__arr { display: none; } .menuList__back { display: none; right: auto; left: 0; margin-top: -2px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: url(/local/templates/new/components/bitrix/menu/big_menu/images/arr-right.svg) no-repeat center; background-size: contain; } .menuList__rsecond-item { margin-bottom: 20px; } .menuList__rsecond-link { display: block; align-self: center; color: inherit; font-size: 18px; line-height: 125%; letter-spacing: -0.01em; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -ms-flex-item-align: center; -ms-grid-row-align: center; } @media (any-hover: hover), (hover: hover) and (pointer: fine) { .menuList__rsecond-link:hover, .menuList__rsecond-item-top:hover .menuList__rsecond-link { color: #FBAD33; } } .menuList__rsecond-item-list { display: none; padding: 15px 0 0 30px; list-style: none; } .menuList__rsecond-item-list li { margin-bottom: 5px; } .menuList__rsecond-item-list li:last-child { margin-bottom: 0; } .menuList__rsecond-item-list li a { text-decoration: none; } .menuList__rsecond-item--parent .menuList__rsecond-item-top { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; min-height: 30px; padding-right: 40px; } .menuList__rsecond-item--parent .menuList__rsecond-item-arr { position: absolute; top: 0; right: 0; width: 25px; height: 25px; cursor: pointer; } .menuList__rsecond-item--parent .menuList__rsecond-item-arr:before, .menuList__rsecond-item--parent .menuList__rsecond-item-arr:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 14px; height: 2px; margin: auto; background: #FBAD33; content: ""; -webkit-transition: translate 0.3s; -o-transition: translate 0.3s; transition: translate 0.3s; } .menuList__rsecond-item--parent .menuList__rsecond-item-arr:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .menuList__rsecond-item--parent.active .menuList__rsecond-item-arr:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .menuList__rfirst--parent.active .menuList__rfirst-item .menuList__arr:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .menuList__rsecond-item--parent.active .menuList__rsecond-item-top .menuList__arr:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .menuList__rfirst--parent.active .menuList__rfirst-item .menuList__rfirst-link { color: #FBAD33; } .menuList__rsecond-item--parent.active .menuList__rsecond-item-top .menuList__rsecond-link { color: #FBAD33; } .verticalScroll { overflow-x: hidden; overflow-y: auto; scrollbar-color: #979797 transparent; scrollbar-width: thin; } .verticalScroll::-webkit-scrollbar { width: 3px; padding-right: 10px; } .gorizontalScroll::-webkit-scrollbar-track, .verticalScroll::-webkit-scrollbar-track { background: transparent; } .gorizontalScroll::-webkit-scrollbar-thumb, .verticalScroll::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #979797; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .gorizontalScroll { overflow-x: auto; overflow-y: hidden; scrollbar-color: #979797 transparent; scrollbar-width: thin; } .gorizontalScroll::-webkit-scrollbar { height: 3px; padding-bottom: 10px; } @media (max-width: 1800px) { .catalogFirstMenu li a, .catalogMenuSecond .title, .wrapper .catalogMenu ul>li.menu__title { padding-right: 50px; padding-left: 50px; } .menuList__lfirst-link { font-size: 18px; } .menuList__lfirst-item { margin-bottom: 30px; } .menuList__rsecond-link { font-size: 16px; } } @media (max-width: 1400px) { .catalogMenuFirst, .catalogMenu .rightSide { width: 300px; } .catalogFirstMenu li a, .catalogMenuSecond .title, .wrapper .catalogMenu ul>li.menu__title { padding-right: 30px; padding-left: 30px; } .catalogMenu .menu-item__arrow { right: 10px; } } @media (max-width: 1230px) { /* .menuList__lfirst-link { font-size: 25px; }*/ .menuList__lfirst-item { margin-bottom: 20px; } .menuList__lfirst { width: 300px; } .menuList__right { width: calc(100% - 300px); } } @media (max-width: 991px) { .menuList__left { display: none; } .menuList__right { width: 100%; padding: 0; } .catalogMenuWrapper { display: block; height: auto; } .menuList__rfirst { display: block; margin-bottom: 30px; } .menuList__rfirst:last-child { margin-bottom: 0; } .menuList__rfirst-item--search { margin-top: 45px; } .menuList__rfirst-item { display: block; position: relative; padding-right: 30px; display: flex; align-items: center; } .menuList__rsecond { display: none; } .menuList__rsecond-inner { padding-top: 20px; } .catalogMenu .rightSide { height: calc(100vh); height: calc((var(--vh, 1vh) * 100)); } .menu-block, .menu-info-wrap { width: 100%; } } @media (max-height: 700px) and (min-width: 767px) { .menuList__lfirst-item--map { margin-top: 0; } .menuList__lfirst-item--search { margin-top: 50px; } .menu__wrap { padding-bottom: 50px; padding-top: 50px; } } @media (max-width: 767px) { .menuList__back, .menuList__lfirst-item .menuList__arr { display: block; } .menuList__lfirst-item { position: relative; margin: 0; padding: 21px 0; } .menuList__lfirst-item:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #000; content: ""; } .menuList__lfirst-item:last-child:after { display: none; } .menuList__arr { top: 16px; } .menuList__rsecond-link~.menuList__arr { top: 0; } .menuList { position: relative; } .menuList__lfirst-item--parent { position: relative; padding-right: 30px; } .menuList__left { display: block; width: 100%; } .menuList__left:before { display: none; } .menuList__lfirst-list { width: 100%; } .menuList__right { width: auto; } .menuList__lfirst { width: 100%; padding-top: 24px; padding-right: 0; } .menuList__rfirst { display: block; z-index: 3; z-index: 9; position: fixed; top: 72px; right: 0px; width: 0%; height: calc(100vh - 72px); overflow-x: hidden; overflow-y: hidden; background: #fff; animation: none; -webkit-animation: none; opacity: 1; -webkit-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } .menuList__rfirst-cont { width: 100vw; padding: 20px 20px; background: #fff; } .menuList__rfirst.active { width: 100%; } /* .menuList__rfirst.active > * { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } */ .menuList__rfirst ul { width: 100%; } .menuList__rfirst ul+ul { margin-top: 0px; } .menuList__rfirst .dropdownMenuWrapper { padding-top: 10px; padding-bottom: 0px; } .menuList__rfirst .dropdownMenuWrapper>.container { max-width: 1024px; padding-right: 16px; padding-left: 16px; } .menuList__rfirst .menuList__rfirst-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; justify-content: center; margin-bottom: 20px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; } .menuList__rfirst .menuList__rfirst-item .menuList__rfirst-link { display: inline-block; font-weight: 500; font-size: 20px; line-height: 24px; letter-spacing: 0.18px; } .menuList__rsecond-inner { padding: 0; } .menuList__rfirst .menuList__rsecond { display: block; max-height: calc(100vh - 177px); overflow-x: hidden; overflow-y: auto; } .menuList__rfirst-item .menuList__arr { display: none; } .menuList__lfirst-item--parent .menuList__arr { width: 30px; } .menuList__lfirst-item--parent .menuList__arr:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } } @media(max-width: 600px) { .menuList__rfirst { top: 93px; height: calc(100vh - 93px); } } .menu-block__item--top { justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; } .menu__soc { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu__soc-item { width: 30px; height: 30px; margin-left: 7px; } .menu__soc-item.menu__soc-item--tg .cl2 { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; -o-transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s, -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; fill: #0047FF; } .menu__soc-item.menu__soc-item--tg:hover .cl2 { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; -o-transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s, -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; } .menu__soc-item .cl1 { stroke: #000; } .menu__soc-item .cl3 { fill: #000; } .menu__soc-item.menu__soc-item--wap .cl2 { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; -o-transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s, -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; fill: #28C317; } .menu__soc-item.menu__soc-item--wap:hover .cl2 { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; -o-transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s, -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; } .menu__search { position: relative; width: 55px; height: 30px; border-radius: 15px; } .menu__search .min-search__form-ico * { stroke: #000; } .menu__search.min-search form { border-color: #000; } .menu__search:not(.header__search--active) form:before { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); border-radius: 15px; background: #fff; content: ""; -webkit-transition: -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; -o-transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s, -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; } .menu__search:not(.header__search--active):hover form:before { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; -o-transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s, -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; } .menu__search:not(.header__search--active):hover .search__form-ico * { stroke: #000; fill: transparent; } .menu__search--active.min-search form { width: 500px; } .menu__search--active .min-search__form-ico * { stroke: #000; fill: transparent; } .menu__search-ico { z-index: 3; position: absolute; top: 0; right: 0; width: 55px; height: calc(100% + 2px); cursor: pointer; opacity: 0; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; } .menu__search--active .header__search-ico { opacity: 1; } .menu__search--active .search-ico { background-image: url(/local/templates/new/img/close.svg); background-size: 17px; } .menu__search.menu__search--active form input { padding-right: 55px; padding-left: 35px; opacity: 1; } .menu__search-ico:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 20px; height: 20px; margin: auto; background: url(/local/templates/new/components/bitrix/menu/big_menu/images/close.svg) no-repeat center; content: ""; } .menu__search--active.menu__search.min-search form { right: -74px; background: #fff; } .menu__search--active.menu__search .menu__search-ico { right: -74px; opacity: 1; } .menu__search .min-search__result-inner { /*max-height: min(300px, calc(100vh - 350px));*/ max-height: calc(100vh - 395px); } @media(max-width: 1800px) { .menu__search--active.min-search form { width: 380px; } } @media(max-width: 1600px) { .menu__search--active.min-search form { width: 242px; } } @media(max-width: 991px) { .menu__search--active.min-search form { width: 436px; max-width: calc(50vw - 55px); } } @media (max-height: 700px) and (min-width: 767px) { .menu__search .min-search__result-inner { /*max-height: min(300px, calc(100vh - 350px));*/ max-height: calc(100vh - 335px); } } @media(max-width: 767px) { .menu__search.min-search form { display: block; z-index: 3; z-index: 9; position: fixed; top: 72px; right: 0px !important; width: 0%; height: calc(100vh - 72px); overflow-x: hidden; overflow-y: auto; border: none; border-radius: 0; background: #fff; opacity: 1; -webkit-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } .menu__search.min-search .min-search__form-ico { top: 25px; left: 29px; } .menu__search.menu__search--active form input { border: 1px solid #fff; border-radius: 14px; } .menu__search.min-search.menu__search--active form { width: 100%; max-width: 100%; padding: 20px 20px; } .menu__search.menu__search--active form input { border-color: #000; } .menu__search-ico { border: 1px solid #000; border-radius: 15px; background: #fff; opacity: 1; } .menu__search-ico:before { background: url(/local/templates/new/components/bitrix/menu/big_menu/images/search.svg) no-repeat center; } .menu__search form .menu__search-ico { border: none; } .menu__search form .menu__search-ico:before { background: url(/local/templates/new/components/bitrix/menu/big_menu/images/close.svg) no-repeat center; } .menu__search--active.menu__search .menu__search-ico { right: 22px; } .menu__search .min-search__result-inner { max-height: calc(100vh - 170px); } .menu__top { position: relative; } .menu__top:before { position: absolute; bottom: 0; left: -22px; width: calc(100% + 44px); height: 2px; background: #000; content: ""; } .menu__search form .menu__search-ico { position: absolute; top: 21px; right: 22px; width: 55px; height: 28px; } .menu__search-ico:before { right: auto; left: 7px; } .menu__search form .menu__search-ico:before { right: 0; left: 0; } } @media(max-width: 600px) { .menu__search.min-search form { top: 93px; height: calc(100vh - 93px); } .menu__search .min-search__result-inner { max-height: calc(100vh - 190px); } } /* End */ /* Start:/local/templates/new/components/bitrix/news.list/menu_info/style.css?1715086463409*/ .menu-block__item-link { position: relative; padding-left: 30px } .menu-block__item-link:before { content: ""; width: 15px; height: 15px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .menu-block__item-link--office:before { background: url(/local/templates/new/components/bitrix/news.list/menu_info/images/tel_off.svg) no-repeat center left; } .menu-block__item-link--mob:before { background: url(/local/templates/new/components/bitrix/news.list/menu_info/images/tel_mob.svg) no-repeat center left; } /* End */ /* Start:/local/templates/new/components/bitrix/menu/footer/style.css?1715086463581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/new/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/new/components/bitrix/menu/footer_bottom/style.css?1715086463581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/new/components/bitrix/menu/footer_bottom/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/new/components/bitrix/news.list/pay_services/style.css?17452545916181*/ .services-pay { position: relative; } .services-pay h2 { margin: 0; text-transform: uppercase; } .services-pay__list { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding-top: 24px; width: calc(100% + 20px); margin: 0 -10px; } .services-pay__wrap { position: relative; z-index: 2; } .services-pay__img { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; width: 37.5%; left: 20px; top: 20px; } .services-pay__img:after { content: ""; display: block; padding-top: 100%; } .services-pay__img .animation-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .services-pay__item, .services-pay__item.swiper-slide { width: calc(20% - 20px); margin: 0 10px; position: relative; color: inherit; background: #F4F4F4; } .services-pay__item:before { content: ""; display: block; padding-top: 100%; } .services-pay__cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px; padding-top: calc(37.5% + 40px); } .services-pay__title { font-size: 18px; line-height: 1.66; font-weight: 400; text-transform: uppercase; } .services-pay__text { margin-top: 20px; color: #8C8C8C; font-size: 14px; line-height: 20px; } .services-pay__top { position: relative; padding-right: 100px; } .services-pay__arr { position: absolute; height: 50px; right: 0; top: 0; bottom: 0; margin: auto; display: flex; flex-wrap: wrap; } .services-pay__arr-item { margin-right: 20px; height: 50px; width: 50px; border-radius: 50%; overflow: hidden; position: relative; } .services-pay__arr-item svg { stroke-dasharray: 0 157; transition: 1s; } .services-pay__wrap.aos-animate .services-pay__arr-item svg { stroke-dasharray: 157 157; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .services-pay__arr-item--prev { transform: rotate(180deg); } .services-pay__arr-item:before { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); left: -1px; top: -1px; position: absolute; background: #FBAE34; border-radius: 50%; transform: translateX(100%); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; } .services-pay__arr-item span { content: ""; position: absolute; width: 10px; height: 30px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute; } .services-pay__arr-item span:before, .services-pay__arr-item span:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: opacity ease 0.3s; } .services-pay__arr-item span:before { background: url(/local/templates/new/img/arr_1.svg) no-repeat center; background-size: contain; } .services-pay__arr-item span:after { background: url(/local/templates/new/img/arr_1_h.svg) no-repeat center; background-size: contain; opacity: 0; } .services-pay__arr-item:hover:before { transform: translateX(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; } .services-pay__arr-item:hover span:before { opacity: 0; } .services-pay__arr-item:hover span:after { opacity: 1; } .services-pay__arr-item:last-child { margin-right: 0; } @media(max-width: 1800px) { .services-pay__item, .services-pay__item.swiper-slide { width: calc(25% - 20px);; } } @media(max-width: 1264px) { .services-pay__title { font-size: 16px; } .services-pay__img { width: calc(45% - 20px); } } @media(max-width: 991px) { /* .services-pay__title { font-size: 10px; line-height: 17px; }*/ .services-pay__item:before { padding-top: 320px; } .services-pay__item, .services-pay__item.swiper-slide { width: 28.5%; } } @media(max-width: 767px) { .services-pay__item, .services-pay__item.swiper-slide { width: 40%; } .services-pay__title { font-size: 14px; } .services-pay__top { padding-right: 0px; } .services-pay__arr { display: none; } } @media(max-width: 500px) { .services-pay__item, .services-pay__item.swiper-slide { width: 66.66%; } } .services-banks { position: relative; margin: 92px 0 62px; margin-bottom: 0 !important } .services-banks h2, .services-banks h4, .services-banks .h4{ margin: 0; text-transform: uppercase; } .services-banks__list { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 40px); margin: 0 -20px; padding-top: 30px; } .services-banks__list .swiper-wrapper { justify-content: space-between; align-items: center; } .services-banks__wrap { position: relative; z-index: 2; } .services-banks__img { background-position: center; background-repeat: no-repeat; background-size: contain; width: auto; max-height: 36px; } .services-banks__img svg { max-height: 100%; } .services-banks__item, .services-banks__item.swiper-slide { width: auto; margin: 0 20px; position: relative; display: flex; justify-content: center; align-items: center; } .services-banks__top { position: relative; padding-right: 100px; } .services-banks__arr { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; display: flex; flex-wrap: wrap; } .services-banks__arr-item { width: 30px; height: 30px; border-radius: 50%; background: red; margin-right: 20px; } .services-banks__arr-item:last-child { margin-right: 0; } @media(max-width: 1400px) { } @media(max-width: 1264px) { .services-banks__item:nth-child(n + 6), .services-banks__item.swiper-slide:nth-child(n + 6) { display: none; } } @media(max-width: 991px) { .services-banks__item:nth-child(n + 6), .services-banks__item.swiper-slide:nth-child(n + 6) { display: flex; } .services-banks__top { padding-right: 0px; } .services-banks__arr { display: none; } } @media(max-width: 767px) { .services-banks__title { font-size: 14px; } } @media(max-width: 500px) { } .services-pay-btm { margin-top: 62px; display: flex; flex-wrap: wrap; justify-content: center; } /* End */ /* Start:/local/templates/new/components/bitrix/news.list/ico_services/style.css?17212108369291*/ .services-ico { position: relative; padding: 46px 0 63px } .services-ico h2 { margin: 0; text-transform: uppercase; } .services-ico__list { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding-top: 24px; padding-bottom: 1px; } .services-ico:before { content: ""; width: 100vw; left: 50%; top: 0; transform: translateX(-50%); position: absolute; background: #FBAD33; height: 100%; } .services-ico__wrap { position: relative; z-index: 2; width: 100vw; left: 50%; transform: translateX(-50%); overflow: hidden; } .services-ico__img { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; width: 57%; right: 20px; bottom: 20px; } .services-ico__img .animation-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .services-ico__img:after { content: ""; display: block; padding-top: 100%; } .services-ico__item, .services-ico__item.swiper-slide { width: 20%; position: relative; color: inherit; } .services-ico__item:before { content: ""; display: block; padding-top: 100%; } /*.services-ico__item:after { content: ""; display: block; position: absolute; width: calc(100% + 1px); height: calc(100% + 1px); left: 0; top: 0; border: 1px solid #fff; pointer-events: none; z-index: 3; }*/ .services-ico__cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px; background: #FBAD33; } .services-ico__cont > span { display: block; position: absolute; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; background: #fff; content: ""; } .services-ico__cont > span:nth-child(1) { top: 0; left: 0; width: 100%; height: 1px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .services-ico__cont > span:nth-child(2) { top: 0; right: 0; height: 100%; width: 1px; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .services-ico__cont > span:nth-child(3) { bottom: 0; right: 0; width: 100%; height: 1px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .services-ico__cont > span:nth-child(4) { bottom: 0; left: -1px; height: 100%; width: 1px; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .services-ico__wrap.aos-animate .services-ico__cont > span:nth-child(1) { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .services-ico__wrap.aos-animate .services-ico__cont > span:nth-child(2) { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .services-ico__wrap.aos-animate .services-ico__cont > span:nth-child(3) { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .services-ico__wrap.aos-animate .services-ico__cont > span:nth-child(4) { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .services-ico__wrap.aos-animate .services-ico__cont > span { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0, 1); -o-transition: transform 1s cubic-bezier(0, 0, 0, 1); transition: transform 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; } .services-ico__title { font-size: 18px; line-height: 1.66; font-weight: 400; } .services-ico__top { position: relative; padding-right: 100px; } .services-ico__arr { position: absolute; height: 50px; right: 0; top: 0; bottom: 0; margin: auto; display: flex; flex-wrap: wrap; } .services-ico__arr-item { margin-right: 20px; height: 50px; width: 50px; border-radius: 50%; /*border: 2px solid #000;*/ overflow: hidden; position: relative; } .services-ico__arr-item svg { stroke-dasharray: 0 157; transition: 1s; } .services-ico__wrap.aos-animate .services-ico__arr-item svg { stroke-dasharray: 157 157; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .services-ico__arr-item.swiper-button-disabled { opacity: 0.5; pointer-events: none; } .services-ico__arr-item--prev { transform: rotate(180deg); } .services-ico__arr-item:before { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); left: -1px; top: -1px; position: absolute; background: #000; border-radius: 50%; transform: translateX(100%); transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; } .services-ico__arr-item span { content: ""; position: absolute; width: 10px; height: 30px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute; } .services-ico__arr-item span:before, .services-ico__arr-item span:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: opacity ease 0.3s; } .services-ico__arr-item span:before { background: url(/local/templates/new/img/arr_1_b.svg) no-repeat center; background-size: contain; } .services-ico__arr-item span:after { background: url(/local/templates/new/img/arr_1_h.svg) no-repeat center; background-size: contain; opacity: 0; } .services-ico__arr-item:hover:before { transform: translateX(0%); transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s; } .services-ico__arr-item:hover span:before { opacity: 0; } .services-ico__arr-item:hover span:after { opacity: 1; } .services-ico__arr-item:last-child { margin-right: 0; } @media (max-width: 1800px) { .services-ico__item, .services-ico__item.swiper-slide { width: 25%; } } @media (max-width: 1264px) { .services-ico__title { font-size: 16px; } .services-ico__img { width: 45% } } @media (max-width: 991px) { /* .services-ico__title { font-size: 10px; line-height: 17px; }*/ .services-ico__title { font-size: 18px; } .services-ico__item, .services-ico__item.swiper-slide { width: 28.5%; } .services-ico__item:before { padding-top: 320px; } .services-ico__top { padding-right: 0px; } .services-ico__arr { display: none; } } @media (max-width: 767px) { .services-ico__item, .services-ico__item.swiper-slide { width: 40%; } .services-ico__cont { padding: 10px; } .services-ico__img { right: 10px; bottom: 10px; } .services-ico__arr { left: 10px; } } @media (max-width: 500px) { .services-ico__item, .services-ico__item.swiper-slide { width: 66.66%; } } .services-ico__hover { width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; left: -1px; top: -1px; padding: 20px; background: #000; color: #fff; /*opacity: 0;*/ font-size: 16px; z-index: 5; } .services-ico__hover-cont { overflow: auto; height: 100%; } .services-ico__item.services-ico__item--click { cursor: pointer; } .services-ico__cont, .services-ico__hover { backface-visibility: hidden; height: 100%; left: 0; -moz-backface-visibility: hidden; -moz-transform: rotateY(0deg); -moz-transform-style: preserve-3d; -moz-transition: .6s; -ms-backface-visibility: hidden; -ms-transform: rotateY(0deg); -ms-transform-style: preserve-3d; -ms-transition: .6s; -o-transform: rotateY(0deg); -o-transform-style: preserve-3d; -o-transition: .6s; position: absolute; top: 0; transform: rotateY(0deg); transform-style: preserve-3d; transition: .6s; -webkit-backface-visibility: hidden; -webkit-transform: rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-transition: .6s; width: 100% } .services-ico__cont { -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); z-index: 2 } .services-ico__hover { z-index: 1; -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); opacity: 0; } .services-ico__item.services-ico__item--open .services-ico__cont { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); z-index: 1; } .services-ico__item.services-ico__item--open .services-ico__hover { -ms-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1; z-index: 2; } @media (max-width: 767px) { .services-ico__hover { padding: 10px; font-size: 14px; } } /* End */ /* Start:/local/templates/new/components/bitrix/news.list/info_services/style.css?17212108364558*/ .services-info { position: relative; padding: 46px 0 63px } .services-info h2 { margin: 0; text-transform: uppercase; } .services-info__list { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding-top: 24px; } .services-info:before { content: ""; width: 100vw; left: 50%; top: 0; transform: translateX(-50%); position: absolute; background: #FBAD33; height: 100%; } .services-info__wrap { position: relative; z-index: 2; } .services-info__img { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; width: 57%; right: 20px; bottom: 20px; } .services-info__img .animation-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .services-info__img:after { content: ""; display: block; padding-top: 100%; } .services-info__item { width: 25%; position: relative; color: inherit; } .services-info__arr { content: ""; position: absolute; left: 20px; bottom: 40px; width: 10px; height: 30px; background: url(/local/templates/new/img/arr_1_h.svg) no-repeat center; background-size: contain; transition: 0.3s ease; transform: translateX(0px) } .services-info__item:hover .services-info__arr { transform: translateX(10px) } .services-info__item:hover { color: inherit !important; } .services-info__item:before { content: ""; display: block; padding-top: 100%; } .services-info__item:after { content: ""; display: block; position: absolute; width: calc(100% + 1px); height: calc(100% + 1px); left: 0; top: 0; } .services-info__cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px; } .services-info__title { font-size: 18px; line-height: 1.66; } .services-info__cont > span { display: block; position: absolute; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; background: #fff; content: ""; } .services-info__cont > span:nth-child(1) { top: 0; left: 0; width: 100%; height: 1px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .services-info__cont > span:nth-child(2) { top: 0; right: 0; height: 100%; width: 1px; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .services-info__cont > span:nth-child(3) { bottom: 0; right: 0; width: 100%; height: 1px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .services-info__cont > span:nth-child(4) { bottom: 0; left: -1px; height: 100%; width: 1px; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .services-info__wrap.aos-animate .services-info__cont > span:nth-child(1) { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .services-info__wrap.aos-animate .services-info__cont > span:nth-child(2) { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .services-info__wrap.aos-animate .services-info__cont > span:nth-child(3) { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .services-info__wrap.aos-animate .services-info__cont > span:nth-child(4) { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .services-info__wrap.aos-animate .services-info__cont > span { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0, 1); -o-transition: transform 1s cubic-bezier(0, 0, 0, 1); transition: transform 1s cubic-bezier(0, 0, 0, 1); transition: transform 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; } @media(min-width: 992px) { .services-info .swiper-wrapper { flex-wrap: wrap; } } @media(max-width: 991px) { .services-info__item { width: 28.5%; } .services-info__item:before { padding-top: 320px; } } @media(max-width: 767px) { .services-info__item { width: 40%; } .services-info__cont { padding: 10px; } .services-info__img { right: 10px; bottom: 10px; } .services-info__arr { left: 10px; } } @media(max-width: 500px) { .services-info__item { width: 66.66%; } } /* End */ /* Start:/local/templates/new/styles.css?1740560446187661*/ .block-quote{ padding: 10px 0; padding-left:2em; position: relative; font-style: italic; } .block-quote:before{ content: ''; position: absolute; width:3px; height:100%; background-color: #FFC462; left:.3em; top:0; z-index:1; } .block-quote:after{ position: absolute; content: ''; width: 15px; height: 25px; left:0; top:0; bottom:0; margin: auto 0; background: #fff url(/local/templates/new/img/svg/quote.png) no-repeat center center / contain; z-index:2; } .fancybox-type-image .fancybox-skin { min-height: calc(100% - 80px) } .clearfix:after{display:block; content:""; clear:both} html{font-size:10px; font-family:sans-serif; height:100%} body{margin:0; padding:0; font-family:Inter,sans-serif; font-size:14px; line-height:1.85; color:#000; background-color:#fff; min-width:320px; height:100%} /*.b_value_item span.rubl, .price span.rubl{font-family:ALSRubl} .price span.rubl:after{content:"\20BD"} .price span.rubl:after { content: ''; display: inline-block; width: 10px; height: 10px; background: url(/local/templates/new/img/svg/ruble-currency-sign-2.svg) no-repeat center center / contain; } */ /*.b_value_item span.rubl:after{content:"i"}*/ .lvl2_li, ul.lvl2_2, ul.lvl2_2>li{margin:0; padding:0} .p-title{font:500 1em/1.2em Inter,sans-serif; color:#aaa; margin:2em 0} @media (min-width:990px){ .price span.rubl:after { height: 9px; } } @media (min-width:1200px){ .price span.rubl:after { width: 10px; height: 10px; } } @media (min-width:1600px){ .price span.rubl:after { width: 12px; height: 12px; } } #footer-menu .b-title, .b-project .b-title>span, .b-project .mat, .b-project2 .b-title, .b-project3 .b-title, .b-submenu ul.menu>li>a, .b-uppercase, .b-urlstyle, .border-btn, .footer .b-title, .p-title, a.b_btn, a.readmore, button.submit, input.b_btn, input.submit{text-transform:uppercase} blockquote:before{position:absolute; top:-.8em; left:-2.5em; content:''; width:1.4em; height:1.4em; background:url(/local/templates/new/img/blockquote.png) 50% 50% no-repeat #000; border-radius:50%} .h0{min-height:0} .b-text-section{padding-bottom:3em} .b-text-section .h1, .b-text-section h1{font:300 4.3em/1.1em Inter,Tahoma,sans-serif; font-family: 'Inter', 'Tahoma', sans-serif;color:#4f4f4f; width:60%; text-align:center; margin:1.5em auto} .b-text-section .b-img img{width:100%; margin-bottom:2em} .b-text-section .b-title{font:500 1.65em/1.25em Inter,Tahoma,sans-serif; margin-bottom:1em} .b-text-section .b-content p{margin-bottom:1.5em} .b-text-section .col-sm-6{margin-bottom:3em} .b-text-section #text-row1 .b-img{margin-right:2.5em} .b-text-section #text-row2 .b-img{margin-left:2.5em; margin-top:3em} .b-text-section #text-row1 .b-block{margin-right:10%; margin-left:2.5em} .b-text-section #text-row2 .b-block{margin-left:10%; margin-right:2.5em; margin-top:3em} .b-text-section .front_row_even .col-xs-6{float:right} @media (max-width:767px){ .b-text-section #text-row1 .b-block{margin-right:0; margin-left:0; margin-top:0} .b-text-section #text-row2 .b-block{margin-left:0; margin-right:0} .b-text-section #text-row1 .b-img{margin-right:0} .b-text-section #text-row2 .b-img{margin-left:0; margin-top:0} .b-text-section .h1, .b-text-section h1{font:300 2.3em/1.1em Inter,Tahoma,sans-serif; width:100%} } #b-page-title small{display:block; text-transform:uppercase; font-weight:700; font-size:.78em; position:relative} #b-page-title .h1, #b-page-title h1{margin-top:1.2em; margin-bottom:.8em; margin-left:-.07em; font:300 3.4em/1em Geometria,sans-serif} @media (max-height:1024px){ #b-page-title .h1,#b-page-title h1{margin-top:1em; margin-bottom:.8em; font:300 2.6em/1em Geometria,sans-serif} } @media (min-width:992px){ .container2{width:100%} } @media (min-width:1200px){ .container2{width:1200px} } @media (min-width:1600px){ .container2{width:1280px} } @media (min-width:1940px){ .container2{width:1920px} } .container2{padding:0} .b-submenu{background:#fff; margin-bottom:3.5em} .b-submenu ul.menu{float:left; margin:0 1em; padding:0} .b-submenu ul.menu.center{float:none; text-align:center} .b-submenu ul.menu>li:before{display:none} .b-submenu ul.menu>li{padding:0; margin:0; display:inline-block} .b-submenu ul.menu>li>a{font:700 .86em/1.2em Inter,sans-serif; color:#525252; display:inline-block; padding:1.7em 0 1.1em; margin:0 1em; border-bottom:.4em solid #fff; cursor:pointer} .b-submenu ul.menu>li>a:hover{color:#feae21} .b-submenu ul.menu>li>a.active{border-bottom:.4em solid #feae21} .b-submenu ul.menu>li>a .circle{color:#202020; width:1.6em; height:1.6em; display:inline-block; text-align:center; border-radius:50%; font:400 .8em/1em Inter,sans-serif; padding: 3px 0; margin-left:.6em; background:#F4C367; vertical-align:middle; margin-top:-.3em} @media (max-height:1024px){ .b-submenu .tabs>li>a{padding:1em 0 .4em} .b-submenu{margin-bottom:2.5em} } @media (max-width: 991px){ .b-submenu{margin-bottom: 1.5em} } .style2 .p-title{font:300 2.14em/1.3em Inter,sans-serif!important; text-transform:none!important; margin:1.5em 10%!important; color:#4f4f4f} .col h2:first-child, .col h3:first-child, .col h4:first-child, .col h5:first-child, .col p:first-child{margin-top:0} .icon{font-family:icomoon!important; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale} .icon-ar-right:before{content:"\e900"} .icon-ar-left:before{content:"\e901"} /*.icon-heart:before{content:"\e902"}*/ .icon-heart:before{content:''; background:url(/local/templates/new/img/heart_gray.svg) no-repeat; background-size: contain;width: 19px; height: 16px;display:inline-block;vertical-align: middle;} /*.icon-print:before{content:"\e903"; font-size:1.2em}*/ .icon-print:before{content:''; background:url(/local/templates/new/img/printer.svg) no-repeat; background-size: contain;width: 19px; height: 16px;display:inline-block;vertical-align: middle;} .icon-man:before{content:"\e905"; font-size:1.7em} /*.icon-car:before{content:"\e904"; font-size:1.5em}*/ .icon-comparison:before { content:''; background:url(/local/templates/new/img/comp_project.svg) no-repeat; background-size: contain;width: 19px; height: 19px;display:inline-block;vertical-align: middle; } .comparison.active .icon-comparison:before { content:''; background:url(/local/templates/new/img/comp_hover.svg) no-repeat; background-size: contain;width: 19px; height: 19px; display:inline-block;vertical-align: middle; } .icon-car:before{content:''; background:url(/local/templates/new/img/car_new.svg) no-repeat; background-size: 100%;width: 21px; height: 15px;display:inline-block;vertical-align: middle;} .icon-subscribe2:before{content:"\e906"} .b_order_list{float:right; } .b_order_list a{text-transform:uppercase; font:500 .86em/1.2em Inter,sans-serif; color:#a1a1a1; margin-left: 20px;} .b_order_list a.active, .b_order_list a:hover{color:#454545} .b_order_list a:before{content:''; background:url(/local/templates/new/img/sort.png) no-repeat; width:1.2em; height:1em; background-size:100% 100%; background-position: center center; background-size: 100%; display:inline-block; vertical-align:middle; margin-right:.3em} @media (max-width:767px){ .b_order_list{margin-top:0} } @media (max-width:479px){ .b_order_list{ margin-bottom:1em; width: 100%; } .b_order_list a{display:block; float:left; width:100%; margin-bottom:5px; margin-left: 0;} } .fancybox-gallery-title .fancybox-title-inside-wrap{ background: #eee; padding:15px} .file_load{position:relative; margin:0 0 2em} .file_load label{font-size:1em; position:relative; cursor:pointer; line-height:1em; float:left; background:url(/local/templates/new/img/upload-icon.png) 0 .1em no-repeat; padding: 5px 0 5px 30px;; margin:0; /* max-width:140px */} .file_load label span{border-bottom:1px dotted; font-size:1em; line-height:1.4em; color:#f2c26f; z-index:1; display:inline} .file_load label:hover span{color:#efb74e} .current_upload_file a:hover{color:#fff} .file_load input{position:absolute; top:0; bottom:0; right:0; height:auto!important; left:0; width:100%; opacity:0; z-index:2; cursor:pointer} .file_remove{background:url(/local/templates/new/img/close_white.png) 50% 50% no-repeat; width:1em; height:1em; display:inline-block; margin:0 0 0 17px; position:relative; z-index:2; vertical-align:middle} .file_uploaded{margin:0} .uploaded-filename{margin:0 0 .5em} .uploaded-filename:last-child{margin:0 0 1.5em} .current_upload_file, .current_upload_file span{display:block; margin:0 0 .5em} .current_upload_file span{white-space:nowrap; text-overflow:ellipsis} .progress{position:relative; width:100%; margin:0 0 1em} .bar{background-color:#f2c26f; width:0; height:2em} .percent{position:absolute; display:inline-block; top:3px; left:50%; width:30px; margin-left:-15px; color:#fff} .bar, .progress{border-radius:2px} .label{display:inline; padding:.2em .6em .3em; font-size:75%; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em} a.label:focus, a.label:hover{color:#fff; text-decoration:none; cursor:pointer} #b-project-gallery-left .overlay, #b-project-gallery-left2 .overlay, #b-project-gallery-left3 .overlay, .people .b-overlay, .statii .overlay, .technologii_list .overlay{ background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,rgba(0,0,0,.75) 100%)} #b-topbar, #b-topbar-fixed{background:#393939; color:#f8f8f8} .b-top-actions{float:left;} #b-topbar .b-top-actions {position: relative; padding-right: 20px;} #b-topbar-fixed .b-top-actions {position: relative; padding-right: 20px;} #b-top-action-1, #b-top-action-2, #b-top-action-3, #b-top-action-4{font:400 .7em/1.2em Inter,sans-serif} .b-top-action{float:left; display:block; padding:2em 0 1.6em; text-transform:uppercase; margin-right:1em} .b-top-action:last-child{margin-right:0} .b-top-action img.icon{margin-right:1.1em; margin-top:-.3em} #b-top-action-2 img.icon{margin-top:-.4em} #b-top-action-5, #b-top-action-6 { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background-image: url(/local/templates/new/img/wa-link2.svg); background-repeat: no-repeat; background-position: center; background-size: contain; text-decoration: none; color: #fff; opacity: 1; margin-right: 0px; } .b-top-phone-items{float:right; line-height:1.1em; padding:1.2em 0 1.1em; display:block} .b-top-phone-item{float:left; margin-left:1.7em; display:block; overflow:hidden} .b-top-phone-item:first-child{margin-left:0} .b-top-city{float:left; border-bottom-width:1px; border-bottom-style:dotted; cursor:pointer} .b-top-city:hover{color:#ccc} .b-top-phone-item.active .b-top-city{color:#f9ab43; border:0; cursor:default} .b-top-phones{float:left; -webkit-transition:all 1.2s linear; -o-transition:all 1.2s linear; transition:all 1.2s linear; color:#f9ab43; display:block} .b-top-phone-item .b-top-phones{margin-right:-40em; margin-left:-.5em} .b-top-phone-item.active .b-top-phones{display:block; margin-right:0} .b-topbar a.b-top-phone{margin-left:1.7em; color:#f9ab43} .b-topbar a[href^="tel"]{ margin-left: 1.7em; color: #f9ab43; } .b-topbar a{color:#f8f8f8} .b-topbar a:hover{color:#ccc} #b-topbar-fixed *{transition: none!important; -webkit-transition: none!important;} #b-topbar-fixed{display:block; position:fixed; z-index:1001; left:0; right:0; width:100%; top:0; margin-top:-200px; -webkit-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out} @media (min-width:992px){ #page.topbar-fixed #b-topbar-fixed{margin-top:0} } #b-top-logo{margin-right:2.5em; padding:.5em 0 0; padding-top: 14px;} #b-top-logo img{width:2.5em; /*height:2.5em;*/ display:block} #b-navbar, body.not-front #b-navbar{background:#fff} .navbar-static-top{z-index:2; border-width:0 0 1px} #b-navtop.nav, .navbar{position:relative} #b-header{z-index:1; padding: 10px 0 } #b-nav{z-index:2; margin:0; float:right; padding:0; padding-left: 10px;} #b-navtop.nav{float:right; clear:right; z-index:1; width: 100%; } #b-navtop.nav, #b-navtop.nav li>a, #b-navtop.nav li>span{color:#212121} #b-navtop.nav li{float:left; padding:.74em .4em .6em; font:400 1em/1.9em Inter,sans-serif} #b-navtop.nav li.first, #b-navtop.nav li:first-child{padding-left:0} #b-navtop.nav li.last, #b-navtop.nav li:last-child{padding-right:0} #b-navtop.nav li>a:hover{color:#747474} #b-navtop.nav li.active>a{color:#feae20} #b-navtop.nav li.active>span{color:#feae20} li .circle{color:#202020; width:1.6em; height:1.6em; display:inline-block; text-align:center; border-radius:50%; font:400 .8em/1em Inter,sans-serif; padding:.35em 0; margin-left:.6em; background:#F4C367; font-size:10px} #b-navbot.nav{border-top:1px solid #cecece; float:right; clear:right; font:400 .86em/1.2em Inter,sans-serif} .navbar-nav>li{float:left; text-transform:uppercase; margin:0; padding:1.4em 1.2em 0} .navbar-nav>li.first, .navbar-nav>li:first-child{padding-left:0} .navbar-nav>li.last, .navbar-nav>li:last-child{padding-right:0} .nav li:before{display:none} .navbar-nav>li>a, .navbar-nav>li>span{color: /*#3c3c3c*/ #000; padding-bottom:1.2em} .navbar-nav .bordered-left{border-left:2px solid #4D4D4D} .navbar-nav>li.expanded>a:after, .navbar-nav>li.expanded>span:after{content:''; width:5px; height:3px; background:url(/local/templates/new/img/menudrop.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle; margin-left:.5em} .MobileSafari .navbar-nav>li.expanded>a:after, .navbar-nav>li.expanded>span:after{margin-top: -3px;} .navbar-nav>li.expanded.active>a:after, .navbar-nav>li.expanded:hover>a:after, .navbar-nav>li.expanded>span:after{ background:url(/local/templates/new/img/menudroph.png) no-repeat; background-size:100% 100%; } .navbar-nav>li>ul{padding:0; margin:0; font:400 .86em/1.9em Inter,sans-serif} .navbar-nav>li>ul>li{padding:.5em 1.2em .5em 2.8em; list-style:none; margin:0} .navbar-nav>li>ul>li>a, .navbar-nav>li>ul>li>span{color:#212121} .navbar-nav>li>ul li a:active, .navbar-nav>li>ul li a:hover, .navbar-nav>li>ul li.active span{color:#000} .navbar-nav>li>a.comparison-link{font-size:0; border-radius:5px; background-image:url(/upload/comp.svg); background-repeat:no-repeat; background-position:3px 7px; padding:7px 4px 1px 16px; position:relative; top:-5px} @media (min-width:992px){.navbar-nav>li>ul{display:block; position:absolute; width:100%; left:0; background:#393939; margin:0; padding:0; list-style:none; z-index:2; height:0; overflow:hidden; opacity:0; transition:all .4s ease-in; -moz-transition:all .4s ease-in; -ms-transition:all .4s ease-in; -webkit-transition:all .4s ease-in; -o-transition:all .4s ease-in} .navbar-nav>li.hover>ul{height:auto; padding:2.4em 0; opacity:1; width:100%; z-index:3; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out} .navbar-nav>li>ul>li{padding:.5em 1.2em; list-style:none; margin:0} .navbar-nav>li>ul>li>a, .navbar-nav>li>ul>li>span{color:#fff} .navbar-nav>li>ul li a:active, .navbar-nav>li>ul li a:hover, .navbar-nav>li>ul li.active span{color:#feae20} .navbar-nav ul.lvl2 li a, .navbar-nav ul.lvl2 li.active a{color:#fff; font-weight:600; line-height:2em; font-size:1.1em} .navbar-nav ul.lvl2 li a, .navbar-nav ul.lvl2 > li.active span{color:#fff; font-weight:600; line-height:2em; font-size:1.1em} .navbar-nav ul.lvl2>.lvl2_li>.container>.row>div>li>a{display:block} .navbar-nav ul.lvl2>.lvl2_li>.container>.row>div>ul>li>a.lowercase{font-weight:400; text-transform:none; line-height:1.3em; font-size:1.1em; margin-bottom:.5em; display:block} .navbar-nav ul.lvl2>.lvl2_li>.container>.row>div>li>a.lowercase:hover{color:#feae20} .navbar-nav ul.lvl2>.lvl2_li>.container>.row{margin-left:.9em} .navbar-nav ul.lvl3{margin-top:5px; padding-left:0} .navbar-nav ul.lvl3 li, .navbar-nav ul.lvl3 li.active{padding-left:0; padding-bottom:0; margin-bottom:0} .navbar-nav ul.lvl2 li.active ul.lvl3 li a, .navbar-nav ul.lvl3 li a, .navbar-nav ul.lvl3 li.active a{color:#fff; font-weight:400; text-transform:none; line-height:1.3em; font-size:1.1em; margin-bottom:.5em; display:block} } #mobile_menu { width: 100%; float: left; } #mobile_menu .navbar-nav>li.expanded.active>a:after, #mobile_menu .navbar-nav>li.expanded:hover>a:after, #mobile_menu .navbar-nav>li.expanded>span:after { background: url(/local/templates/new/img/menudrop.png) no-repeat; } #mobile_menu .navbar-nav>li.expanded>a.open:after { transform: rotate(180deg) } #mobile_menu #b-navtop.nav>li>a, #mobile_menu #b-navtop.nav>li>span, #mobile_menu .navbar-nav>li>a, #mobile_menu .navbar-nav>li>span { padding: 7px 15px; } #mobile_menu .navbar-nav>li>ul.lvl1_1 { padding: 0 15px 14px; display: none; } #mobile_menu .navbar-nav li>ul.lvl2_2 { padding: 7px 15px; display: none; } #mobile_menu .navbar-nav ul.lvl1_1>li.expanded>span { cursor: pointer; color: silver; } #mobile_menu .navbar-nav ul.lvl1_1>li.expanded>span:after { content: ''; width: 5px; height: 3px; background: url(/local/templates/new/img/menudrop.png) no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; margin-left: .5em; } #mobile_menu ul.navbar-nav>li.expanded>span.no-arrow:after { display: none } #mobile_menu .navbar-nav ul.lvl1_1>li>a { color: #feaf24; } #mobile_menu .navbar-nav>li>a.comparison-link{ padding:7px 15px; } #mobile_menu .navbar-nav>li>a.comparison-link:before { content: ''; display: inline-block; margin-right: 5px; width: 15px; height: 15px; vertical-align: middle; background-image:url(/upload/comp.svg); background-repeat:no-repeat; background-position:center; } #mobile_menu .navbar-nav ul.lvl1_1>li.expanded>span.open:after { transform: rotate(180deg) } @media(max-width:767px){ .navbar-nav>li>a.comparison-link{font-size:1.1em; top:0; border:none; background:none} } .navbar-nav>.expanded>.lvl2>.lvl2_li>.container>.row>.col-sm-2:nth-child(2)>.lvl2_2>li>a[href="/projects/"], .navbar-nav>.expanded>.lvl2>.lvl2_li>.container>.row>.col-sm-2:nth-child(3)>.lvl2_2>li>a[href="/projects/"], .navbar-nav>.expanded>.lvl2>.lvl2_li>.container>.row>.col-sm-2:nth-child(4)>.lvl2_2>li>a[href="/projects/"], .navbar-nav>.expanded>.lvl2>.lvl2_li>.container>.row>.col-sm-3:nth-child(5)>.lvl2_2>li>a[href="/projects/"]{color:silver; pointer-events:none} @media (max-width:1599px){.b-top-phone-item{margin-left:1.7em} } @media (max-width:991px){ .b-top-action img.icon{height:2em} #b-navtop.nav li{line-height:1.8em} #b-navtop.nav li .circle{padding-top:.4em} #b-navtop.nav li { padding: .74em .6em .6em } .navbar-nav>li { padding: 1.4em 0.9em 0; } } @media (max-width:991px){ .navbar-nav>li>ul>li{padding:0} #b-topbar-fixed{display:none} .b-top-action img.icon{height:auto} .b-top-actions{float:none; } #b-topbar .b-top-actions {padding-right: 40px;} #b-topbar-fixed .b-top-actions {padding-right: 40px;} #b-top-action-1, #b-top-action-3{float:left; margin-right:0; margin-left:.3em} #b-top-action-2, #b-top-action-4{float:right; margin-right:.3em} .b-top-phone-items{float:none; padding:.3em 0 1em} .b-top-phone-item{padding:.5em 2em; margin:0 0 .2em; float:none; text-align:center; background:#262626; line-height:2em} .b-top-city, .b-top-phones{margin:0; float:none} .b-top-phone-item.active .b-top-city{border-bottom-width:1px; border-bottom-style:dotted; cursor:default} .b-top-phone{float:none; margin:0 8px; white-space:nowrap; display:inline} .b-top-phone-item .b-top-phones{display:none; margin-left:-.5em; margin-right:0} .b-top-phone-item.active .b-top-phones{display:block} #b-nav{float:right; width:100%} #b-navtop.nav{float:none} #b-navbar{background:#fff} #b-navbot.nav{border:0; float:none; margin-bottom:1.5em} #b-header{position:relative; padding: 0;} #b-nav-fix{display:none} .navbar-nav .bordered-left{border-left:0 solid #3D3D3D; width:auto!important; float:none; display:block} .navbar-nav ul.lvl3{display:none} #b-navtop.nav>li>a, #b-navtop.nav>li>span, .navbar-nav>li>a, .navbar-nav>li>span{color:#212121; padding:.5em 1.2em; font-size:1.1em} .navbar-nav li.active>a, .navbar-nav li:hover>a{color:#212121} #b-navtop.nav li a:active, #b-navtop.nav li a:hover, #b-navtop.nav li.active span, .navbar-nav li a:active, .navbar-nav li a:hover, .navbar-nav li.active span{color:#000} .navbar-nav .open .dropdown-menu{position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; -webkit-box-shadow:none; box-shadow:none} .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px} .navbar-nav .open .dropdown-menu>li>a{line-height:25px} .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover{background-image:none} #b-navbot.nav, #b-navtop.nav, .navbar-nav, .navbar-nav>li>ul{font:400 1em/1.9em Inter,sans-serif} #b-navtop.nav li, .navbar-nav li{float:none; padding:0; text-transform:none; border-top:1px solid #ebebeb} #b-navtop.nav li li, .navbar-nav li li{float:none; padding:0; text-transform:none; border-top:0 solid #ebebeb} .navbar-nav>li>ul{padding:0em 0 1em 0; margin:0} .navbar-form{padding:10px 15px; border-top:1px solid transparent; border-bottom:1px solid transparent; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); margin:3.5px -15px} .navbar-nav>.expanded>.lvl2>.lvl2_li>.container>.row>.col-sm-2:nth-child(2)>.lvl2_2>li>a[href="/projects/"], .navbar-nav>.expanded>.lvl2>.lvl2_li>.container>.row>.col-sm-2:nth-child(3)>.lvl2_2>li>a[href="/projects/"], .navbar-nav>.expanded>.lvl2>.lvl2_li>.container>.row>.col-sm-2:nth-child(4)>.lvl2_2>li>a[href="/projects/"], .navbar-nav>.expanded>.lvl2>.lvl2_li>.container>.row>.col-sm-3:nth-child(5)>.lvl2_2>li>a[href="/projects/"] { pointer-events:auto; } } @media (max-width:479px){ .b-top-phone-item{padding:.1em .5em} #b-topbar .b-top-actions {padding-right: 22px;} #b-topbar-fixed .b-top-actions {padding-right: 22px;} } @media (max-width: 349px) { #b-topbar .b-top-action img.icon { margin-right: 0.5em; } #b-top-action-1, #b-top-action-2 { font: 400 0.64em/1.2em Inter,sans-serif; } } .navbar-nav>li { padding: 1.4em 1.35em 0; } @media (max-width: 991px) { .navbar-nav>li { padding: 0; } } .navbar-nav>li>.dropdown-menu{margin-top:0; border-top-right-radius:0; border-top-left-radius:0} .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0; border-radius:0} .navbar-btn{margin-top:3.5px; margin-bottom:3.5px} .navbar-btn.btn-sm{margin-top:10px; margin-bottom:10px} .navbar-btn.btn-xs{margin-top:14px; margin-bottom:14px} .navbar-text{margin-top:12.5px; margin-bottom:12.5px} .navbar-toggle{position:relative; margin:2.3em -2px 0 0; background-color:transparent; background-image:none; border-radius:0; opacity:1; padding:0; border:0; display:block; min-height:2em} .navbar-toggle:focus{outline:0} .navbar-toggle .icon-bar{display:block; background:#505050; height:4px; width:30px; margin-top:0} .navbar-toggle .icon-bar:nth-child(2){transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg)} .navbar-toggle .icon-bar:nth-child(3){transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg)} .navbar-toggle .icon-bar:nth-child(1){display:none} .navbar-toggle .icon-bar+.icon-bar{margin-top:-4px} .navbar-toggle.collapsed{margin-right:0} .navbar-toggle.collapsed .icon-bar{display:block; transform:inherit; -webkit-transform:inherit; -o-transform:inherit; margin-top:0; width:25px; height:4px} .navbar-toggle.collapsed:hover .icon-bar{background:#1c1c1c} .navbar-toggle.collapsed .icon-bar+.icon-bar{margin-top:6px} .toggle-buttons.active-nav #navbar-toggle-search, .toggle-buttons.active-search #navbar-toggle-nav{opacity:0} #navbar-toggle-search{clear:both; color:#fff; font-size:20px; margin-top:10px; display:none} #navbar-toggle-search:hover{color:#206B53} #navbar-toggle-search.collapsed{color:#ffa53b} #navbar-toggle-search.collapsed:hover{color:#fff} #navbar-toggle-search .glyphicon-search{display:none} #navbar-toggle-search .icon-bar, #navbar-toggle-search.collapsed .glyphicon-search{display:block} #navbar-toggle-search.collapsed .icon-bar{display:none} #b-search{background:#329c7a; position:absolute; top:0; left:0; width:100%; z-index:2; margin:0} #b-search-form{padding-left:1.5em; padding-right:90px; padding-top:73px; position:relative; height:156px} #b-search-navbar-form{display:none; margin-top:16px} .toggle-buttons{position:absolute; top:0; right:0; z-index:3; margin:0} .toggle-buttons.active-nav, .toggle-buttons.active-search{border:0} #b-logo, #b-nav.collapse.in #b-search-form, #b-nav.collapse.in #b-search-navbar-form, #b-nav.collapsing #b-search-form, #b-nav.collapsing #b-search-navbar-form{display:block} #b-search-form form, #b-search-navbar-form form{background:#fff; border-radius:1.5em; height:3em; position:relative} button.b-search-navbar-submit{border:0; background:0 0; box-shadow:none; position:absolute; right:0; top:0; height:2.5em; width:2.5em; padding:0; margin:0; color:#bfbfbf; font-size:1.4em} button.b-search-navbar-submit:hover{color:#464646} input.b-search-navbar-input{margin:0; padding:1em 1.5em; width:90%; line-height:1em; font-size:1em; bordeR:0; background:0 0; color:#9e9e9e} .b-standart-page{margin-right:4em; padding-bottom:4em} @media (min-width:992px){.navbar-toggle,.toggle-buttons{display:none} #b-search, #b-search-navbar-form{display:none!important} } @media (max-width:991px){.b-standart-page{margin-right:0} } @media (max-width:479px){.toggle-buttons{border:0} } a.b_btn, input.b_btn{display:inline-block; color:#fff; text-align:center; background:#f3c368; font:400 1em/1.2em Inter,sans-serif; padding:1em 2em; border-radius:.4em} input.b_btn{border:0; cursor:pointer} .b-text img.img-responsive{margin-top:2.5em; margin-bottom:2.5em} .b-urlstyle a, form .close{text-decoration:none} body.not-front #right-sidebar .b-block:last-child{margin-bottom:4em} #right-sidebar .b-block.bordered{border:1px solid #f0f0f0} #right-sidebar .b-block.bordered+.b-block{border-top:0} .b-block-green{background:#329c7a; color:#fff; position:relative} .b-block-green.with-border:after{display:block; height:1px; line-height:1px; font-size:0; width:100%; position:absolute; left:0; bottom:0; background:#84c4af; content:''} .b-white-scheme, .b-white-scheme a{color:#fff} .b-date{font:600 .85em/1.6em Inter,Arial; margin-bottom:.7em; color:#b3b3b3} .b-circle{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%} .b-urlstyle{color:#a8a8a8; font:700 .78em/1.6em Inter,Arial} .b-urlstyle a{color:#a8a8a8} .b-urlstyle a:hover{color:#329c7a} a.readmore{color:#929292; font-size:.7em} a.readmore:hover{color:#000} a.readmore:before{width:1.65em; height:1.65em; border-radius:50%; background:url(/local/templates/new/img/white-arrow.png) 45% 50% no-repeat #cdcdcd; content:''; display:inline-block; vertical-align:middle; margin-right:.6em; margin-top:-.2em} .b-project .b-img span.area, .b-project2 .b-img span.area, .b-project2 .b-img span.price, .b-project3 .b-img span.area, .b-project3 .b-img span.price {text-shadow:0 .1em .5em rgba(0,0,0,.2)} .toggle-slide{overflow:hidden; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; direction:ltr} .toggle-slide .toggle-blob, .toggle-slide .toggle-off, .toggle-slide .toggle-on{float:left} .toggle-slide .toggle-blob{position:relative; z-index:99; cursor:pointer; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab} .b-project2 .b-img, .b-project2 a{position:relative; display:block} .border-btn{display:inline-block; border:2px solid #e2b560; font:500 1em/1.2em Inter,sans-serif; padding:1.4em 2.2em; color:#e2b560} .border-btn:hover{background:#e2b560} .b-project2 a, .b-project3 a{background:#fff; width:100%; overflow:hidden} .b-project2 .b-img{margin:0; overflow:hidden} .b-project2 .b-img img{width:100%; -webkit-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out} .b-project2 .b-img:hover img{transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05)} .b-project2 .b-img span.capture{display:block; position:absolute; left:2em; bottom:1.5em; color:#fff} .b-project2 .b-content, .b-project2 .b-title{padding:1.2em 0; color:#585858; display:block} .b-project2 .b-img span.area{display:block; position:relative; font:700 2.3em/1.2em Inter,sans-serif} .b-project2 .b-img span.area .units{font:700 .7em/1.2em Inter,sans-serif} .b-project2 .b-img span.area sup{font:400 .6em/2em Inter,sans-serif} .b-project2 .b-img span.price{margin-top:.5em; display:block; position:relative; font:700 1.2em/1.2em Inter,sans-serif} .b-project2 .b-text{display:block; margin-left:2em; margin-right:2em} .b-project2 .b-title{font:700 1em/1.2em Inter,sans-serif; border-bottom:1px solid #eee} .b-project2 .b-content{font:400 1em/1.2em Inter,sans-serif} .b-project2:hover .b-content, .b-project2:hover .b-title{color:#434343} .b-project3{margin-bottom:3em} .b-project3 a{position:relative; display:block} .b-project3 .b-img{display:block; margin:0; position:relative; overflow:hidden} .b-project3 .b-img img{width:100%; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out} .b-project3 .b-img:hover img{transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05)} .b-project3 .b-img span.date{display:block; position:absolute; left:1.5em; top:1.5em; color:#fff; background:#62bb37; padding:.6em 1em .4em; font:400 .86em/1em Inter,sans-serif; z-index:3} .b-project3 .b-img span.capture{display:block; position:absolute; left:1.5em; bottom:1.5em; color:#fff} .b-project3 .b-content, .b-project3 .b-title{padding:1.2em 0; color:#585858; display:block} .b-project3 .b-img span.area{display:block; position:relative; font:700 2.1em/1.2em Inter,sans-serif} .b-project3 .b-img span.area .units{font:700 .7em/1.2em Inter,sans-serif} .b-project3 .b-img span.area sup{font:400 .6em/2em Inter,sans-serif} .b-project3 .b-img span.price{margin-top:.5em; display:block; position:relative; font:700 1.2em/1.2em Inter,sans-serif} .b-project3 .b-text{display:block; margin-left:1.5em; margin-right:1.5em} .b-project3 .b-title{font:700 .86em/1.2em Inter,sans-serif} .b-project3 .b-content{font:400 .86em/1.2em Inter,sans-serif; border-top:1px solid #eee} .b-project3:hover .b-content, .b-project3:hover .b-title{color:#434343} .b-project{margin-bottom:2em} .b-project a{position:relative; display:block; background:#fff; width:100%; overflow:hidden} .b-project .mat{font:700 1.29em/1.2em Inter,sans-serif; color:#b06e42; text-align:center; margin-top:1.8em} .b-project .b-img{display:block; margin:0; position:relative} .b-project .b-img img{width:100%} .b-project .b-img span.capture{display:block; position:absolute; left:1.5em; bottom:.8em; color:#fff} .b-project .b-img span.area{display:block; position:relative; font:700 2.5em/1.2em Inter,sans-serif} .b-project .b-img span.area .units{font:700 .7em/1.2em Inter,sans-serif} .b-project .b-img span.area sup{font:400 .6em/2em Inter,sans-serif} .b-project .b-text{display:block; margin-left:.9em; margin-right:.9em} .b-project .b-title{display:table; border-bottom:1px solid #eee; width:100%} .b-project .b-title>span{display:table-cell; color:#525252; font:700 1em/1.2em Inter,sans-serif; vertical-align:middle; padding:.4em .7em .2em; height:3.5em} .b-project .price{display:block; color:#525252; font:700 1.14em/1.2em Inter,sans-serif; padding:.8em .7em; border-bottom:1px solid #eee} .b-project .b-content{padding:1.2em .7em; font:400 1em/1.2em Inter,sans-serif; display:block; color:#585858} .b-project .b-content strong{font-weight:500} #footer-menu{background:#565656; padding-top:3.5em; color:silver} #footer-menu .b-block{margin:0 0 2em} /* #footer-menu .b-block.collapsed .b-content, #footer-menu ul li:before, #footer-top .b-block.collapsed .b-content{display:none}*/ a.readmore:hover:before{background-color:#000} #footer-menu a{color:#fff} #footer-menu a:hover{color:#ccc} #footer-menu .b-title{color:#fff; font:700 1em/1.4em Inter,Arial; margin:0 0 1.3em} #footer-menu ul{font:400 .9em/1.43em Inter,Arial; list-style:none; padding:0; margin:0} #footer-menu ul li{padding:0; margin:0 0 .7em} #footer-menu ul li:before { display: none; } #footer-menu .b-content a, #footer-menu .b-content p{color:silver} #footer-menu .b-content a:hover{color:#fff} @media (max-width:479px){ #footer-menu{padding-top:2em; padding-bottom:1em} #footer-menu .b-title span{border-bottom-style:dotted; border-bottom-width:1px; cursor:pointer; padding-bottom:2px} #footer-menu .b-title span:hover{color:#F4C367} #footer-menu .b-block .b-content{padding-left:.5em} #footer-menu .b-block{margin:0 0 1.5em} } #footer-top{background:#4b4b4b; padding-top:3.5em; color:#565656} #footer-top .b-title{color:#fff} #footer-top .b-content p{color:silver; margin-bottom:.7em} #footer-top .b-content a{color:silver} #footer-top .b-content a:hover{color:#fff} #footer-top .b-block{margin:0 0 2em} p+p.pdf, p.pdf{position:relative} p.pdf{margin-bottom:1.43em} p+p.pdf{margin-top:1.2em} p.pdf>img{display:inline-block; width:1.6em; /*height:1.6em;*/ margin-right:1em; margin-left:-2.6em; vertical-align:middle} .footer .b-title{font:700 1em/1.4em Inter,Arial; margin:0 0 1.3em} .footer .b-content p{font:400 1em/1.43em Inter,Arial} .social-link{margin-left:-2.6em} .vk-link, .fb-link, .inst-link, .yt-link, .wa-link{width:35px; height:35px; background-image:url(/local/templates/new/img/vk_link.svg); background-repeat:no-repeat; background-position:center; background-size:contain; text-decoration:none; color:#fff; margin-right:10px; display:inline-block; opacity:.5; transition:.1s} .vk-link:hover, .fb-link:hover, .inst-link:hover, .yt-link:hover, .wa-link:hover{opacity:1; transition:.1s} .fb-link{background-image:url(/local/templates/new/img/fb_link.svg); display:none} .inst-link{background-image:url(/local/templates/new/img/inst_link.svg)} .yt-link{background-image:url(/local/templates/new/img/yt_link.svg)} .wa-link{background-image:url(/local/templates/new/img/wa-link2.svg);} @media (max-width:479px){ #footer-top{padding-top:2em; padding-bottom:2em} #footer-top .b-title span{border-bottom-style:dotted; border-bottom-width:1px; cursor:pointer; padding-bottom:2px} #footer-top .b-title span:hover{color:#F4C367} #footer-top .b-block{margin:0 0 1.5em} p.pdf>img{margin-left:0} .social-link{margin-left:0} } #footer-bottom{background:#383838; color:#858585} #footer-bottom a{color:#858585} #footer-bottom a:hover{color:#fff} #footer-bottom p{padding:1.3em 0 1.2em; margin:0} #footer-bottom, #footer-bottom p{font:400 1em/1.2em Inter,Arial} #b-developer{float:right} #b-developer span{font-size:1.4em; float:right; margin-top:-.1em} .developer__logo { display: inline-block; width: 79px; height: 19px; background: url(/local/templates/new/img/svg/LogoBQUADRO.svg) no-repeat center top; background-size: cover; } .scrollUp{bottom:120px; cursor:pointer; right:3%; padding:50px 0 0; position:fixed; left:auto; text-align:center; top:auto; width:50px; z-index:100} .scrollUp span{color:#464646; font:700 .8em/1.3em Inter,serif; text-transform:uppercase; opacity:0; text-align:center; text-shadow:0 0 5px #f9f9f9; transition:all .25s linear 0s} .scrollUp::before{animation:.7s ease-in-out, 0s normal both /*, 1 running buttonShow*/; background:url(/local/templates/new/img/Arrows-Up-4-icon.png) 50% 45% no-repeat padding-box #F4C367; border-radius:50%; content:""; display:block; height:40px; left:50%; margin:0 0 0 -20px; padding:0; position:absolute; top:0; transition:width .5s ease-in-out 0s,box-shadow .3s ease-in-out 0s; width:40px} .scrollUp:hover::before{box-shadow:0 0 0 1px rgba(255,255,255,1),0 0 0 10px #777; background-color:#F4C367} .scrollUp:hover span{opacity:1} @media (max-width:479px){ #b-developer{float:left} } .checkbox_white:before, .radio_white:before{z-index: 2; width:17px; height:17px; content:''; margin-top:-.2em; margin-right:.4em; vertical-align:middle} .alert .alert-link, .close, .label{font-weight:700} .checkbox_white, .radio_white{line-height:2em; margin-bottom:.8em; cursor:pointer; white-space:nowrap} .checkbox_white input{display:none} .checkbox_white:before{background:url(/local/templates/new/img/checkbox_white.png) no-repeat; display:inline-block} .checkbox_white.active:before{background:url(/local/templates/new/img/checkbox_white.png) 0 -17px no-repeat} .radio_white input{display:none} .radio_white:before{background:url(/local/templates/new/img/checkbox_white.png) no-repeat; display:inline-block} .radio_white.active:before{background:url(/local/templates/new/img/checkbox_white.png) 0 -17px no-repeat} .checkbox_black:before, .radio_black:before{z-index: 2; width:17px; height:17px; content:''; margin-top:-.2em; margin-right:.4em; vertical-align:middle} .checkbox_black, .radio_black{line-height:2em; margin-bottom:.8em; cursor:pointer; white-space:nowrap} .checkbox_black input{display:none} .checkbox_black:before{background:url(/local/templates/new/img/checkbox_black.png) no-repeat; display:inline-block} .checkbox_black.active:before{background:url(/local/templates/new/img/checkbox_black.png) 0 -17px no-repeat} .radio_black input{display:none} .radio_black:before{background:url(/local/templates/new/img/checkbox_black.png) no-repeat; display:inline-block} .radio_black.active:before{background:url(/local/templates/new/img/checkbox_black.png) 0 -17px no-repeat} #fifth-section .col, .b-project2{margin-bottom:3em} #fifth-section{background:url(/local/templates/new/img/formbg_02.jpg) 50% 50% no-repeat; background-size:cover; color:#fff} #b-catalog-card-links{float:right; margin-left:1em} #b-catalog-card-links>a{float:left; padding:.9em 0 .75em; margin-right:2em; color:#6c6c6c; display:block} #b-catalog-card-links>a:hover{color:#1e1e1e} #b-catalog-card-links>a .icon{margin-right:.5em; vertical-align:middle; display:inline-block} #b-catalog-card-links>a .link{border-bottom:1px solid #6c6c6c} #b-catalog-card-links>a.active{color:#feae21} #b-catalog-card-links>a.active .link{border-bottom:1px solid #feae21} @media (max-width:767px){ #b-catalog-card-links a.print{display:none} #b-catalog-card-links>a { margin-right: 1em; } } #b-sim-section{margin:0 0 4em} #b-sim-section h2{color:#4f4f4f; margin:1.4em 0 1em} #b-sim-section .bx-wrapper #b-project-sim-list{margin-left:0; margin-right:0} #b-sim-section .bx-wrapper #b-project-sim-list .b-project{padding-left:0; padding-right:0} #b-sim-section .bx-wrapper .bx-viewport{background:0 0} #b-sim-section .bx-controls-direction a{position:absolute; top:35%; margin-top:-2em; outline:0; width:2.5em; height:2.5em; background:#b3b3b3; text-indent:0; z-index:100; text-align:center; border-radius:.4em} #b-sim-section .bx-controls-direction a:hover{background:#909090} #b-sim-section .bx-prev{left:-3.3em} #b-sim-section .bx-next{right:-3.3em} #b-sim-section .bx-next:after, #b-sim-section .bx-prev:after{font-family:icomoon; font-size:1em; line-height:2.6em; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#fff} #b-sim-section .bx-prev:after{content:''; background-image: url(/local/templates/new/img/arrow-left.svg); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} #b-sim-section .bx-next:after{content:''; background-image: url(/local/templates/new/img/arrow-right.svg); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0;} @media (max-width:1199px){ #b-sim-section .bx-wrapper{padding-left:3em; padding-right:3em} #b-sim-section .bx-prev{left:0} #b-sim-section .bx-next{right:0} } @media (max-width:479px){ #b-sim-section{margin-bottom:0} #b-sim-section .bx-wrapper{padding-left:0; padding-right:0; margin:0; padding-bottom:8em} #b-sim-section .bx-controls-direction{position:relative} #b-sim-section .bx-controls-direction a{position:absolute; top:auto; margin-top:0; outline:0; width:4.6em; height:4.2em; background:#F4C367; text-indent:0; z-index:100; text-align:center; border-radius:0} #b-sim-section .bx-controls-direction a:hover{background:#f9d288} #b-sim-section .bx-prev{left:4.6em; right:auto; border-left:.1em solid #d2a15c; position:relative} #b-sim-section .bx-next{left:0; right:auto; position:relative} #b-sim-section .bx-next:after, #b-sim-section .bx-prev:after{font-family:icomoon; font-size:1.8em; line-height:2.4em; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#9f7a34; margin-left:0; margin-right:0} #b-sim-section .bx-controls-direction a{font-size:.8em; bottom:3em} } .zoom:after{display:none; position:absolute; right:1.5em; top:1.5em; width:2.5em; height:2.5em; background:url(/local/templates/new/img/zoom.png) 50% 50% no-repeat; background-size:cover; content:''} .zoom:hover:after{display:block} @media (max-width:479px){ .zoom:after{display:block; right:1em; top:1em; width:2em; height:2em} } @media (max-width:767px){ #b-last-section .b-wrap{width:100%} .b-catalog-card-square table, table.info2{font-size:1em} table.info2 .td span{line-height:12px} table.info2 td{padding:10px 10px; vertical-align:top} table.info2 tr:first-child td{padding:10px 10px} } @media (max-width:350px){ table.info2 td{padding:10px 5px} table.info2 tr:first-child td{padding:10px 5px} table.info2 td:first-child{padding:10px 5px} } @media (max-width:600px){ table.info2 .info2_link{margin-top:5px} table.info2 td, table.info2 span.th, table.info2 .info2_link{font-size:0.8em; font-size:10px} table.info2.table_more_info tr td:not(:first-child), table.info2:not(.table_more_info) tr:not(:first-child) td:not(:first-child){font:500 0.7em/1.2em Inter,sans-serif; font-size:10px} table.info2 td{min-width:75px!important} table.info2 .td span.price_m{font-size:10px} table.info2 tr td{font-size:11px; line-height:15px} table.info2 sup{font-size:6px} table.info2 a.info2_link{font-size:10px} table.info2 td{padding:10px 5px} table.info2 tr:first-child td{padding:10px 5px} table.info2 td:first-child{padding:10px 5px} } a.table_expand, a.table_expand:before{height:46px; line-height:46px; color:#fff; text-align:center} a.table_expand{display:block; position:relative; width:187px; padding-left:22px; overflow:hidden; background:#F2C26E; cursor:pointer; margin:30px auto} /* a.table_expand:before{transform:rotate(-90deg); position:absolute; width:45px; content:'\e901'; top:0; left:0; font-family:icomoon; font-size:1em} */ a.table_expand:before {transform: rotate(-90deg);position: absolute;width: 35px;content: '';top: 0;left: 0; background-image: url(/local/templates/new/img/arrow-left-b.svg); background-repeat: no-repeat; background-position: center; height: 35px; position: absolute; left: 0; top: 6px; transform: rotate(-90deg);} a.table_expand.open:before{transform:rotate(90deg)} a.table_expand:hover{color:#FFF; background-color:#ffa53b} .table_more_info{display:none; margin-top:0!important; transform:translate(0px,-1px)} .table_more_info.shown{display:block} .list-numbered-item{padding-left:5em; position:relative; padding-bottom:2em; margin-bottom:0; padding-top:.3em} .comp-list .news-item{padding-left:76px} .list-numbered-item h3{margin-top:0; margin-left:-.1em; color:#4f4f4f; font:500 1.71em/1.2em Inter,sans-serif; margin-bottom:1em} .list-numbered-item h3 a{color:#747474} .list-numbered-item h3 a:hover{color:#000} .list-numbered-item .list-number{position:absolute; top:0; left:0; height:100%; display:block; width:2.6em} .list-numbered-item .list-number .line{position:absolute; top:2.6em; bottom:0; left:50%; display:block; width:2px; background:#e5e5e5; margin-left:-1px} .list-numbered-item .list-number .line.big-line{top:76px} .list-numbered-item .list-number .circle, .list-numbered-item .list-number .circle.big-circle{position:absolute; top:0; left:50%; background:#e5e5e5; border-radius:50%; display:block; text-align:center} .list-numbered-item .list-number .circle{width:2.6em; height:2.6em; margin-left:-1.3em; -moz-border-radius:50%; -webkit-border-radius:50%; line-height:2.6em; color:#2b2b2b} .list-numbered-item .list-number .circle.big-circle{width:76px; height:76px; margin-left:-38px; -moz-border-radius:50%; -webkit-border-radius:50%; color:#4F4F4F; font-size:14px} a.all, a.all:hover{color:#F4C367} .list-numbered-item .list-number .circle.big-circle .month{display:block; width:100%; line-height:20px; margin-top:7px} .list-numbered-item .list-number .circle.big-circle .day{display:block; width:100%; font-size:16px; line-height:20px; font-weight:500} .list-numbered-item .list-number .circle.big-circle .year{display:block; width:100%; line-height:20px} .list-numbered-item.first{margin-top:0} .list-numbered-item.last .list-number .arr1, .list-numbered-item.last .list-number .arr2, .list-numbered-item.last .list-number .arr3, .list-numbered-item.last .list-number .line{display:none} .list-numbered-item .content{position:relative; z-index:2} .list-numbered-item.last{padding-bottom:2em} .list-numbered-item .slider-wrap{float:right; width:325px; padding-bottom:4em} .list-numbered-item .comp-slider{text-align:center} .list-numbered-item .comp-slider img{margin:0 auto; max-width:100%; display:block} @media (max-width:767px){ .list-numbered-item .slider-wrap{padding-top:2em} .list-numbered-item .slider-wrap img{max-width:100%} .list-numbered-item{padding-left:4em} .list-numbered-item.full .content-additional{margin-left:-4em} .comp-list .news-item{padding-left:100px} .comp-list .news-item.list-numbered-item .list-number{left:23px} } @media (max-width:1599px){ .list-numbered-item .slider-wrap{width:100%} } .slider-wrap .bx-pager{bottom:-3em} .slider-wrap .bx-pager.bx-default-pager a{width:10px; height:10px; margin:0 .4em; background-color:#d8d8d8} .slider-wrap .bx-pager.bx-default-pager a.active, .slider-wrap .bx-pager.bx-default-pager a:hover{background-color:#feae21} .list-numbered-item .b-submenu{margin-bottom:3em; margin-top:1em} #company-image-block img{width:100%} .company-blockquote{color:#4b4b4b; font:300 2.14em/1.3em Inter,sans-serif; text-align:center; padding:3.8% 10% 4.2%} @media (max-width:768px){ .company-blockquote{font:300 1.6em/1.3em Inter,sans-serif} } @media (max-width:480px){ .company-blockquote{font:300 1.2em/1.3em Inter,sans-serif} } .services .b-title>span, .tags .tag>a, a.b-share{text-transform:uppercase} .people .b-teaser{margin-bottom:1em} .people .b-img{width:100%; position:relative} .people .b-img img{width:100%; position:relative; z-index:1} .people .b-title{position:absolute; z-index:3; bottom:0; left:0; color:#fff; padding:2.5em 2.3em} .people .b-overlay{position:absolute; z-index:2; bottom:0; left:0; top:0; right:0; background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 70%,rgba(0,0,0,.75) 100%); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 70%,rgba(0,0,0,.75) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 70%,rgba(0,0,0,.75) 100%)} .people .uname{font-weight:700; font-size:1.29em; line-height:1.4em; margin-bottom:.4em} .people .uspec{line-height:1.1em} .people .b-content{display:block} .people .b-content a{color:#a16927} @media (min-width:768px){ .people .bg{background:#fff; position:absolute; top:0; right:1.65em; bottom:0; left:1.65em; z-index:1} .people{margin:0 -1.65em 3.5em; display:table} .people .b-teaser{padding:0 1.65em; display:table-cell; float:none; position:relative; vertical-align:top} } .people .wrap{padding:2.5em 2.3em 1.2em; background:#fff; position:relative; z-index:2} .text-image-section h2{font:300 3.42em/1.2em Inter,sans-serif; margin-top:.8em; margin-bottom:1em} .text-image-section .col{margin-bottom:2.5em} .text-image-section{margin-bottom:3em} @media (max-width:991px){ .text-image-section h2{font:300 2.7em/1.2em Inter,sans-serif; margin-top:.8em; margin-bottom:1em} } @media (max-width:768px){ .text-image-section h2{font:300 2.1em/1em Inter,sans-serif; margin-top:.8em; margin-bottom:1em} } .production-section{margin-bottom:2em} .production-section .col img{width:100%} .production-section .col{padding-bottom:1.3em; padding-left:.65em; padding-right:.65em} .production-section .row-special{margin-left:-.65em; margin-right:-.65em} .production-section iframe, .konstr-group { max-width: 100%; } @media (min-width:768px){ .production-section .col-special{padding-left:0} .production-section .col{padding-left:.35em; padding-right:.35em; padding-bottom:.7em} .production-section .row-special{margin-left:-.35em; margin-right:-.35em} } .scale{transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out} .scale:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05)} .technologii .b-wrap{position:relative; display:block; z-index:1} .technologii .b-wrap a, .technologii .overlay{position:absolute; display:block; bottom:0; left:0; top:0; right:0} .technologii .overlay{z-index:2; background-color:rgba(0,0,0,.5); background-repeat:no-repeat; background-position:50% 50%} .technologii .overlay-6{background-image:url(/local/templates/new/img/ico_teh_1.png)} .technologii .overlay-7{background-image:url(/local/templates/new/img/ico_teh_2.png)} .technologii .overlay-8{background-image:url(/local/templates/new/img/ico_teh_3.png)} .technologii .overlay-9{background-image:url(/local/templates/new/img/ico_teh_4.png)} .technologii .b-teaser{margin-bottom:3em} .technologii .b-teaser >a {display: block;} .technologii.row .b-teaser >a { background: #fff; height: 100%; } .technologii .b-wrap a{z-index:3} .technologii .b-img img{width:100%; position:relative; z-index:1} .technologii .b-title, .technologii .b-wrap .b-img{position:absolute; left:0; right:0; display:block; bottom:0} .technologii .b-wrap .b-img{background-size:cover!important; -webkit-transition:all 1s .2s linear; -o-transition:all 1s .2s linear; transition:all 1s .2s linear; top:0; z-index:1} .technologii_list .b-wrap .b-img, .technologii_only_three .b-wrap .b-img{-webkit-transition:all 1s .2s linear; -o-transition:all 1s .2s linear; top:0} .technologii .b-wrap:hover .b-img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05)} .technologii .b-title{color:#fff; padding:0 2.5em 2.8em; text-align:center; z-index: 2;} .technologii .b-title span{font-size:1.71em; line-height:1.2em; font-weight:600} .technologii .b-content{display:block; color: #454545;} .technologii .b-content a{color:#a16927} .technologii .wrap{padding:2.5em 2.5em 1.2em; background:#fff; position:relative; font-size:14px; line-height:150%} @media (max-width: 900px) { .technologii .overlay { background-size: 21%; background-position: 50% 42%; } } @media (min-width:768px){ .technologii .bg{background:#fff; position:absolute; top:0; right:1.3em; bottom:0; left:1.3em; z-index:1} .technologii{margin:0 -1.3em 3.5em; display:table;} .technologii.row{ display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; margin-bottom: 0; } .technologii .b-teaser{padding:0 1.3em; display:table-cell; float:none; position:relative; vertical-align:top} } @media (max-width:767px){ .technologii .wrap { height: auto !important; } } @media (max-width:480px){ .technologii .overlay{background-size:30%; background-position:50% 35%} .technologii .b-title span { font-size: 1.5em; } .technologii .b-title{padding:0 2em 1em} .technologii .b-teaser { height: auto !important; } } @media (max-width: 400px){ .technologii .overlay{ background-size: 25%; background-position:50% 35%} .technologii .b-title span { font-size: 1.3em; } } .technologii_list .b-wrap{position:relative; display:block; z-index:1} .technologii_list .overlay{position:absolute; top:0; left:0; right:0; bottom:0; display:block; z-index:2; background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.75) 100%); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.75) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.75) 100%)} .technologii_list .b-teaser{margin-bottom:40px } .technologii_list .b-wrap .b-title-container, .technologii_list .b-wrap a{position:absolute; display:block; bottom:0; left:0; top:0; right:0; z-index:3} .technologii_list .b-img img{width:100%; position:relative; z-index:1} .technologii_list .b-wrap .b-img{background-size:cover!important; transition:all 1s .2s linear; position:absolute; left:0; right:0; bottom:0; display:block; z-index:1} .technologii_list .b-title{position:absolute; bottom:-14px; left:0; color:#fff; padding:0 2em 2.8em; display:block; text-align:left; font-size:1.3em; line-height:1.2em; font-weight:500} .technologii_list .b-content{display:block} .technologii_list .wrap{padding:2.5em 2.5em 1.2em; background:#fff; position:relative; font-size:14px; line-height:150%} @media (min-width:768px){ .technologii_list .bg{background:#fff; position:absolute; top:0; right:1.3em; bottom:0; left:1.3em; z-index:1} .technologii_list{margin:0 -1.3em 3.5em; /*display:table;*/display: -ms-flex;display: flex;margin-bottom: 0;} .technologii_list .b-teaser{padding:0 1.3em; /*display:table-cell;*/ float:none; position:relative; vertical-align:top; display: -ms-flex; display: flex;-ms-flex-direction: column;flex-direction: column;} .technologii_list .wrap {flex-grow: 1;} } @media (max-width:480px){ .technologii_list .overlay{background-size:100%; background-position:50% 35%;} .technologii_list .b-title{padding:0 0 1.4em 2em;} .technologii_list .b-teaser{margin-bottom:30px } } .technologii_only_three{margin-bottom:100px} .technologii_only_three .b-wrap{position:relative; display:block; z-index:1} .technologii_only_three .overlay{position:absolute; top:0; left:0; right:0; bottom:0; display:block; z-index:2; background-color:rgba(0,0,0,.5); background-repeat:no-repeat; background-size:30%; background-position:50% 35%} .technologii_only_three .overlay-6{background-image:url(/local/templates/new/img/ico_teh_1.png)} .technologii_only_three .overlay-7{background-image:url(/local/templates/new/img/ico_teh_2.png)} .technologii_only_three .overlay-8{background-image:url(/local/templates/new/img/ico_teh_3.png)} .technologii_only_three .overlay-9{background-image:url(/local/templates/new/img/ico_teh_4.png)} .technologii_only_three .b-wrap a{position:absolute; display:block; bottom:0; left:0; top:0; right:0; z-index:3} .technologii_only_three .b-img img{width:100%; position:relative; z-index:1} .technologii_only_three .b-wrap:hover .b-img img.scale{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05)} .technologii_only_three .b-wrap .b-img{background-size:cover!important; transition:all 1s .2s linear; position:absolute; left:0; right:0; bottom:0; display:block; z-index:1} .technologii_only_three .b-wrap:hover .b-img{margin:-10px} .technologii_only_three .b-title{position:absolute; bottom:0; left:0; right:0; color:#fff; padding:0 0 2.8em; display:block; text-align:center} .technologii_only_three .b-title span{font-size:1.71em; line-height:1.2em; font-weight:600} .technologii_only_three .b-content{display:block} .technologii_only_three .b-content a{color:#a16927} .technologii_only_three .wrap{overflow:hidden; height:1px; margin-bottom:30px; background-color:transparent; width:100%} @media (min-width: 901px) { .technologii_only_three .overlay {background-size: 25%; background-position: 50% 29%;} } @media (min-width:768px) and (max-width: 900px) { .technologii_only_three .overlay {background-size: 20%; background-position: 50% 22%;} } @media (min-width:768px){ .technologii_only_three .bg{background:#fff; position:absolute; top:0; right:1.3em; bottom:0; left:1.3em; z-index:1} .technologii_only_three{margin:0 -1.3em 60px} .technologii_only_three .b-title span {font-size: 1.31em;} } @media (max-width:480px){ .technologii_only_three .overlay{background-size:25%; background-position:50% 35%} .technologii_only_three .b-title{padding:0 0 1em!important} } @media (max-width:767px){ .review-container .wr{min-height:inherit} .technologii_only_three{width:auto} } .technologies-detail { margin-bottom: 20px; } @media (max-width:479px){ .technologies-detail { margin-bottom: 10px; } } #b-project-bgraph { margin-bottom: 60px; } #b-project-bgraph h2, #b-project-bgraph .h2 { margin-top: 0; } @media (max-width:479px){ #b-project-bgraph { margin-bottom: 40px; } } .statii .b-teaser{margin-bottom:3em} .statii .b-wrap{position:relative; display:block; z-index:1} .statii .b-tag, .statii .b-title, .statii .b-wrap .b-img, .statii .b-wrap a, .statii .overlay{position:absolute; display:block} .statii .b-wrap .b-img{background-size:cover!important; -webkit-transition:all 1s .2s linear; -o-transition:all 1s .2s linear; transition:all 1s .2s linear; top:0; left:0; right:0; bottom:0; z-index:1} .statii .b-wrap:hover .b-img{transform:scale(1.1)} .statii .overlay{top:0; left:0; right:0; bottom:0; z-index:2; background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.75) 100%); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.75) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,.75) 100%)} .statii .b-wrap a{bottom:0; left:0; top:0; right:0; z-index:3} .statii .b-title {bottom:0; left:0; color:#fff; padding:0 2.5em 2.8em;z-index: 2;} .statii .b-title span{font-size:1.4em; line-height:1.2em} .statii .b-tag{top:2.2em; left:2.5em; color:#fff; padding:0 .5em; z-index:3; background:#bb6b03} .statii .b-content{display:block; color: #454545;} .statii .b-content .dop-strelka { background-color: transparent; -webkit-transition: color,border-color,background-color .4s ease-out; -o-transition: color,border-color,background-color .4s ease-out; transition: color,border-color,background-color .4s ease-out; color: #feaf24; text-decoration: none; } .statii .b-teaser:hover .dop-strelka{ outline: 0; color: #A77C5C; } .statii .b-teaser > a{ display: block; height: 100%; } @media (min-width:768px){ .statii .b-teaser:after,.statii .bg{top:0; bottom:0; background:#fff; left:1.3em; right:1.3em} .statii .bg{position:absolute; z-index:1} .statii{margin:0 -1.3em 3.5em; display:table} .statii.row{display: flex; display: -ms-flex;margin-bottom: 0;} .statii .b-teaser{padding:0 1.3em; display:table-cell; position:relative; vertical-align:top; float:left} .statii .b-teaser:after{position:absolute; content:''} } @media (max-width:767px){ .statii .wrap { height: auto !important; } } @media (max-width: 480px) { .statii .b-title { padding:0 2.5em 1em } } .statii .wrap{padding:2.5em 2.5em 1.2em; background:#fff; position:relative; z-index:2} .services .b-teaser{margin-bottom:3em} .services .b-teaser a{position:relative; display:block; background:#fff; width:100%; overflow:hidden} .services .b-img{display:block; margin:0; position:relative} .services .b-img img{width:100%} .services .b-text{display:block} .services .b-title{display:table; border-bottom:1px solid #eee; width:100%; text-align:center} .services .b-title>span{display:table-cell; color:#525252; font:700 .86em/1.6em Inter,sans-serif; vertical-align:middle; padding:.4em 1.2em; height:7em} .photos{margin-bottom:40px} .photos .b-teaser{margin-bottom:20px;} .photos .col img{width:100%; display:block} .photos a{display:block} .photos a>span{display:block; width:100%; overflow:hidden} .photos .zoom:after{top:50%; left:50%; margin-left:-1.5em; margin-top:-1.5em} @media (min-width:768px){ .photos .b-teaser,.photos .col{padding:0 .6em} .photos .row{margin:0 -.6em} .photos .col{width:25%; margin-bottom:1.4em} } @media (max-width:479px){ .photos{ margin-bottom:20px; } } .subscribe-form{padding:3.5em 3em 1.5em 3em; margin-bottom:4em; background:#e8e8e8} .subscribe-form .b-title{float:left; width:23%; font:400 1.71em/1.2em Inter,sans-serif; color:#555; padding-left:3em; margin-right:2%} .subscribe-form .b-form-item{float:left; width:53%; margin-right:2%} .subscribe-form .b-form-item2{margin-left:25%; float:left; width:72%; margin-right:2%} .subscribe-form .b-form-actions{float:left; width:20%} .subscribe-form .b-form-item input{width:100%; height:4em; padding:1em 1.5em; border:0; border-radius:.4em; font:400 1em/1.2em Inter,sans-serif} .subscribe-form .b-title img{margin-left:-3em; float:left; width:2em} .subscribe-form .b-form-actions .submit{height:4em; color:#464646; padding:1em .7em; width:100%} .subscribe-form .b-form-actions .submit span{font:700 1.14em/1.2em Inter,sans-serif} @media (max-width:992px){ .subscribe-form .b-title{font:400 1.21em/1.2em Inter,sans-serif} .subscribe-form .b-form-actions .submit, .subscribe-form .b-form-item input{height:3em} .subscribe-form .b-form-actions .submit span{font:700 .86em/1.2em Inter,sans-serif} } @media (max-width:767px){ .subscribe-form .b-title{margin-bottom:2em; float:none; width:100%} .subscribe-form .b-form-item{width:69%; margin-right:2%} .subscribe-form .b-form-item2{margin-left:0; width:100%} .subscribe-form .b-form-actions{width:29%; margin:0} } @media (max-width:479px){.subscribe-form .b-title{width:100%} .subscribe-form .b-form-item{width:100%; margin:0 0 1em} .subscribe-form .b-form-actions{width:100%; margin:0} } a.b-share{background:url(/local/templates/new/img/share.png) 1.4em 50% no-repeat #f3c368; color:#333; padding:1.4em 1.8em 1.2em 4.3em; display:inline-block; border-radius:.4em; font:700 .86em/1.2em Inter,sans-serif} a.b-share:hover{background-color:#FFB221} .tags .tag>a{background:#fff; border-radius:.3em; padding:1.2em 2.5em 1.1em 1.8em; width:100%; position:relative; display:table; color:#965322; margin-bottom:1em} .tags .tag>a>span{display:table-cell; vertical-align:middle; font:700 .87em/1.2em Inter,sans-serif; position:relative; width:90%} .tags .tag>a>span.counter{display:table-cell; vertical-align:middle; font:400 .87em/1.2em Inter,sans-serif; float:right; width:10%; text-align:right; color:#bebebe} .tags .tag>a:hover{background:#E4E4E4} .tags2{padding:1em 1.8em; margin-top:1em} .tags2 a{display:block; margin-bottom:1em; line-height:1.2em; color:#2a2a2a} .tags2 a:hover{color:#965322} .tags-articles{margin-bottom:3em} .b-subscribe-modal{margin-bottom:1em} .b-subscribe-modal a{color:#965322} .pagenav .next-page, .pagenav .prev-page{padding:.9em 0 .8em; display:inline-block; border-radius:.4em; color:#2a2a2a} .b-subscribe-modal a span{margin-right:.7em} .b-article-img{background-size:cover!important; text-align:right; margin-bottom:5em} .b-content>h2:first-child{margin-top:0} .b-article-img a.b-share{margin-top:2.3em; margin-right:2em} @media (max-width:767px){ .b-article-img a.b-share{margin-right:0} } .pagenav{text-align:center; margin-bottom:5em; margin-top:4em} .pagenav .prev-page{float:left; vertical-align:middle} .pagenav .next-page{float:right; vertical-align:middle} .pagenav .next-page span, .pagenav .prev-page span{display:inline-block; width:1.5em; height:1.5em; background:#f3c368; border-radius:.3em; vertical-align:middle; margin-top:-.1em; position:relative} .pagenav .prev-page span{margin-right:1em} .pagenav .next-page span{margin-left:1em} .pagenav2 .next-page, .pagenav2 .prev-page{padding:.9em 0 .8em; border-radius:.4em; color:#787878; font:500 .87em/1.5em Inter,sans-serif; text-transform:uppercase} .pagenav .next-page span:before, .pagenav .prev-page span:before{width:1em; height:1em; position:absolute; top:50%; left:50%; margin-top:-.5em; margin-left:-.5em; content:''} .pagenav .prev-page span:before{background:url(/local/templates/new/img/pagenav-left.png) center no-repeat} .pagenav .next-page span:before{background:url(/local/templates/new/img/pagenav-right.png) center no-repeat} .pagenav .next-page:hover span, .pagenav .prev-page:hover span{background-color:#FFB221} .pagenav2{text-align:center; margin-top:-2.2em; margin-bottom:1.3em} .pagenav2 .next-page span, .pagenav2 .prev-page span{display:inline-block; width:1.5em; height:1.5em; margin-top:-.2em; position:relative; vertical-align:middle} .pagenav2 .prev-page{float:left; display:inline-block; vertical-align:middle} .pagenav2 .next-page{float:right; display:inline-block; vertical-align:middle} .pagenav2 .prev-page span{background:url(/local/templates/new/img/prev2.png) 50% 50% no-repeat; margin-right:1em} .pagenav2 .next-page span{background:url(/local/templates/new/img/next2.png) 50% 50% no-repeat; margin-left:1em} .text-over{position:relative; top:0; right:0; left:0; bottom:0; color:#fff; text-align:center; font:500 1.71em/1.6em Inter,sans-serif; display:table; height:100%; z-index:2; width:100%; padding:13% 10% 5%} a.btn2, a.btn2:hover{color:#f3c368} .text-over .in{position:relative; display:table-cell; vertical-align:middle} .text-over img{margin-bottom:2em} @media (max-width:1199px){ .text-over{padding-top:13%} } @media (max-width:767px){ .text-over{font:500 1.2em/1.6em Inter,sans-serif; padding-top:6em; position:relative} .text-over img{width:5em} .b-article-img{text-align:center; margin-left:0; margin-right:0} } @media (max-width:550px){ .pagenav .next-page,.pagenav .prev-page{width:100%} } a.btn2{font:500 1em/1em Inter,sans-serif; text-transform:uppercase; display:inline-block; border:2px solid #f3c368; padding:1.4em 2em; margin:1.5em 0} .default-section{margin-bottom:4em} .portfolio_detail_descr .h2, .portfolio_detail_descr__h2{margin-top:0} .portfolio_detail_rev .review-container{margin-top:1.5em} .b-plans-section{ margin-bottom: calc(60px - 2.3em) } .b-plans-section h2 { margin-top: 0; } .b-plans .b-teaser{margin-bottom:2em} .b-plans .b-teaser .b-text{margin-top:1.7em; font:400 .86em/1.8em Inter,sans-serif; text-align:center} .b-plans .b-teaser .b-text label{font-weight:700; display:block} .b-plans .b-teaser .b-img{position:relative} .b-plans .b-wrap .b-text{margin:1em 0 0; font:400 .86em/1.8em Inter,sans-serif; text-align:center} .b-plans .b-wrap { margin-bottom: 2.6em; } #b-catalog-card-text>.container>br{display:none} @media (max-width:767px){ #b-catalog-card-text .b-catalog-card-square, #b-catalog-card-text .b-catalog-card-text-left{width:100%} } @media (max-width: 479px){ .b-plans-section{margin-bottom: calc(40px - 2.3em)} } .b-plans .b-wrap .b-text label{font-weight:700; display:block} #comparison-msg{z-index:2000; position:fixed; top:0; left:0; width:100%; background:#fff; display:none; box-shadow:0 5px 15px rgba(0,0,0,.3); -webkit-box-shadow:0 5px 15px rgba(0,0,0,.3); -moz-box-shadow:0 5px 15px rgba(0,0,0,.3); -ms-box-shadow:0 5px 15px rgba(0,0,0,.3); -o-box-shadow:0 5px 15px rgba(0,0,0,.3)} #comparison-msg .container{position:relative} #comparison-msg .b-comp-msg-close{cursor:pointer; position:absolute; top:50%; right:40px; width:20px; height:20px; background:url(/local/templates/new/img/close.png) 50% 50% no-repeat; margin-top:-12px} #comparison-msg .b-comp-msg-close:hover{opacity:.8} #comparison-msg .b-comp-msg-btn{position:absolute; top:50%; right:110px; height:48px; margin-top:-25px; display:block; line-height:50px; color:#fff; border-bottom:1px solid #BF7C06; border-radius:3px; font-weight:700; font-size:12px; padding-left:25px; padding-right:25px; text-transform:uppercase; background:#FEAE21} #comparison-msg .b-comp-msg-btn:hover{background-color:#F1A31A} #comparison-msg .b-img{display:inline-block; width:100px; padding:20px 0; margin-right:35px; margin-left:0; vertical-align:middle} #comparison-msg .b-img img{display:block; width:100px; height:70px} #comparison-msg .b-title{padding:30px 0; display:inline-block; vertical-align:middle; font-family:IstokRegular,arial} #comparison-msg .b-title-1{margin-bottom:.2em} #comparison-msg .b-title-1 span{color:#FEAE21; font-family:IstokRegular,arial; font-weight:700; font-size:1.2em; text-transform:uppercase} #comparison-msg .b-title-2{color:#989898; font-family:IstokRegular,arial; font-size:.9em} .section404 h2{font:700 2.7em/1.2em Inter,Arial,sans-serif} .section404 p{font:500 1.3em/1.6em Inter,Arial,sans-serif} ul.pedestrian_container{display:block; margin:0; padding:0; width:100%; height:400px} ul.pedestrian_container li{list-style:none; display:block; height:400px; width:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat} ul.pedestrian_container li:before{display:none} .pedestrian_container_box .bx-controls .bx-next:hover{background:rgba(0,0,0,.7)} a.sly_button:after, a.sly_button:before{content:""} a.balloon_close{background:#444; color:#FFF!important; display:block; width:22px; height:22px; top:0; right:-22px; position:absolute; line-height:22px; text-align:center; -webkit-appearance:none; font-weight:700} a.balloon_close:hover{color:#feaf24!important} #b-last-section{background:url(/local/templates/new/img/lastbg_35.jpg) 50% 50% no-repeat; background-size:cover; color:#fff; padding:4em 0 3em} #b-last-section .b-wrap{ margin:0 auto} #b-last-section p{font:400 1.7em/1.6em Inter,sans-serif} #b-last-section .b-img{width:7.5em; margin:0 auto 2em} #b-last-section .b-btn{margin:2em auto 2.5em} #b-last-section .btn{color:#525252; font:500 1.14em/1.4em Inter,sans-serif; padding:1em 2em} #b-last-section .b-img img{width:100%} .manifest{color:#4f4f4f; margin:2.4em auto 1.5em; font:300 2.5em/1.4em Inter,Tahoma,sans-serif} .manifest p{margin:0} .all-wrap .all-wrap-news, .all-wrap .all-wrap-reviews { display: inline-block; width: 42px; height: 42px; border-radius: 20px; background-color: #F4C367; margin: 0 .7em 0 0; } .all-wrap a.all .all-wrap-news img { width: 20px; margin: 0; margin-left: 10px; } .all-wrap a.all .all-wrap-reviews img { width: 18px; margin: 0; margin-left: 12px; } @media (max-width:991px){ #comparison-msg .b-comp-msg-btn { position: relative; width: 120px; left: 0; margin-top: 10px; margin-bottom: 10px; } #comparison-msg .b-comp-msg-close { top: 40px; } #comparison-msg .container { padding-right: 65px; } } @media (max-width:767px){ .all-wrap a.all .all-wrap-news img { width: 20px; margin: 0; margin-left: 10px; margin-top: 6px; } .all-wrap a.all .all-wrap-reviews img { width: 20px; margin: 0; margin-left: 10px; margin-top: 6px; } } @media (max-width:480px){ .contacts-section .tab{padding:1.2em 0} #b-news-section .all-wrap{margin:-5.8em 0 2.5em} } a.teh_homes{display:block; text-transform:uppercase; width:100%; padding:13px 0; border:2px solid #F5C269; font-weight:600; color:#F5C269; text-align:center} a.teh_homes:hover{background:#F5C269; color:#FFF} a.sly_button{display:block; position:absolute; top:0; width:45px; background:#FFAE21; bottom:0} a.sly_button:after{display:block; position:absolute; top:50%; width:12px; height:12px; margin-top:-6px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)} a.sly_button:before{display:block; position:absolute; top:0; width:20px; bottom:0} a.sly_button_left{left:0; border-right:1px solid #fff} a.sly_button_left:after{left:50%; margin-left:-4px; border-left:2px solid #FFF; border-bottom:2px solid #FFF} a.sly_button_right{right:0; border-left:1px solid #fff} a.sly_button_right:after{right:50%; margin-right:-4px; border-right:2px solid #FFF; border-top:2px solid #FFF} a.sly_button.disabled{background:#FFF; cursor:default} a.sly_button_left.disabled{border-right:1px solid #F3F3F3} a.sly_button_right.disabled{border-left:1px solid #F3F3F3} a.sly_button_left:before{right:-21px; background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%); background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#0ffff',GradientType=1)} a.sly_button_right:before{left:-21px; background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%); background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ffff',endColorstr='#fff',GradientType=1)} a.sly_button_left.disabled:after{border-left:2px solid #4C4C4C; border-bottom:2px solid #4C4C4C} a.sly_button_right.disabled:after{border-right:2px solid #4C4C4C; border-top:2px solid #4C4C4C} @media (max-width:767px){ .hide-xs{display:none!important} .element-slide-toggler{float:left; position:relative; margin-top:20px; margin-bottom:20px; z-index:999; /*position:static*/bottom: 0;} .element-slide-toggler--project{position:static!important; margin-top:10px!important} } @media (max-width:479px){ .element-slide-toggler{float:none; height:38px; margin-top:10px; margin-bottom:10px} .element-slide-toggler a{width:49%; text-align:center} } #basic1, #basic2, #basic3{height:45px; padding:0 55px; position:relative; width:100%; overflow:hidden} #basic1 ul.slidee, #basic2 ul.slidee, #basic3 ul.slidee{margin:0; padding:0; height:100%; list-style:none; width:100%} #basic1 ul.slidee li, #basic2 ul.slidee li, #basic3 ul.slidee li{float:left; display:block; margin:0 5px 0 0; padding:0; height:45px; width:auto} #basic1 ul.slidee li a, #basic2 ul.slidee li a, #basic3 ul.slidee li a{height:45px; padding-top:1.5em} #b-catalog-card-links .socials_block{float:right; width:240px; height:24px; margin-top:15px} #b-catalog-card-links .socials_block .bvk{margin:0; display:block; position:relative; top:0; width:108px; float:right} #b-catalog-card-links .socials_block .bfb{margin:0; display:block; position:relative; top:-4px; width:115px; float:left} @media (max-width:1599px){ #b-catalog-card-links .socials_block{margin-right:10px; margin-top:10px} #b-catalog-card-links .socials_block .bvk{top:-3px} } @media (max-width:1199px){ #basic1,#basic2,#basic3{height:40px; padding:0 50px} a.sly_button{width:40px} #basic1 ul.slidee li a, #basic2 ul.slidee li a, #basic3 ul.slidee li a{height:40px; padding-top:1.5em} #b-project-gallery-left2 .b-title span{padding:2.2em 45% 27px 2em} #b-project-gallery-left3 .b-title span{padding:2.2em 45% 27px 2em} #b-catalog-card-links .socials_block .bvk{top:-5px} } @media (max-width:767px){ #b-project-gallery-left2 .b-title span{padding:2.2em 2em 27px} #b-project-gallery-left3 .b-title span{padding:2.2em 2em 27px} } .fb-btn-32{float:left; width:32px; height:32px; margin-right:10px; background-image:url(/local/templates/new/img/Facebook-icon.png)} .idtab{position:absolute; visibility:hidden; overflow:visible; right:-20000px} .detail_project_navigation .detail_project_navigation_positioner, .idtab.shown{position:relative} .idtab.shown{visibility:visible; overflow:visible; right:0} .detail_project_navigation .detail_project_navigation_positioner .detail_project_navigation_abs{top:-50px; right:15px; width:40px; position:absolute} .detail_project_navigation .detail_project_navigation_left{float:left; text-align:left; text-transform:uppercase; position:relative; display:block; height:15px; line-height:17px; color:#787878; padding:0} .detail_project_navigation .detail_project_navigation_left:before{content:""; display:block; float:left; position:relative; width:9px; height:15px; line-height:17px; background:url(/local/templates/new/img/prev-next.png) no-repeat; margin-right:0} .detail_project_navigation .detail_project_navigation_right{text-align:right; text-transform:uppercase; position:relative; display:block; height:15px; line-height:15px; color:#787878; padding:0} .detail_project_navigation .detail_project_navigation_right:after{content:""; display:block; float:right; position:relative; width:9px; height:15px; background:url(/local/templates/new/img/prev-next.png) -9px 0 no-repeat; margin-left:0} @-moz-document url-prefix(){ #b-navbot.nav{border-top:1px solid #cecece; float:right; clear:right; font:400 .76em/1.2em Verdana,sans-serif} } @media (max-width:479px){ .b-plans-section .b-slider.footer-nav{padding-bottom:0em} } @media (max-width:1599px){ .contacts-row >.col2 p{margin-bottom:5px} } @media (max-width:1199px){ .contacts-row >.col2 p{margin-bottom:0} } #b-nav ul.menu{display:none} @media (max-width:767px){ #b-nav ul.menu{display:block} .manifest{font-size:2em} } input.submit3{background:#fff; color:#0054a6; font:bold 16px/1.3em 'Inter',sans-serif; padding:.8em 2em; -webkit-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear} input.submit3:hover{background:#002a52; color:#fff} #b-catalog-card-links .socials_block{width:auto !important; margin-right:15px} #b-catalog-card-links .ya-share2__item:before{display:none} body{width:100%; overflow-x:hidden !important;} .navbar-header .navbar-nav ul.lvl2>div>div>div>li:not(:last-child)>ul{margin-bottom:15px; display:block} .input-wrapper{margin-bottom:8px; margin-top:8px; display:block} .input-wrapper input{display:block; width:0; height:0; visibility:hidden; margin:0} .input-wrapper input:checked ~ .input-wrapper__icon:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:2px; width:15px; height:15px; margin:auto; background:#ed1c24} .input-wrapper input ~ .input-wrapper__icon{border-radius:3px} .input-wrapper input ~ .input-wrapper__icon:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:2px; width:15px; height:15px; margin:auto; background:#ed1c24} .input-wrapper input[disabled] ~ .input-wrapper__icon{background-color:#fff; border:solid 1px #e6e6e6} .input-wrapper input[disabled]:checked ~ .input-wrapper__icon:before{background:#e6e6e6} .input-wrapper__icon{display:inline-block; width:17px; height:17px; border-radius:3px; background:#fff; border:solid 1px #bcbcbc; margin-right:15px; position:relative; top:4px; cursor:pointer} .input-wrapper__icon:hover{background-color:#fbfbfb; border:solid 1px #bcbcbc} .input-wrapper__name{font-family:"Inter",Arial,sans-serif; font-size:14px; font-weight:400; line-height:1em} @font-face{font-family:'icomoon-genplan'; src:url('/local/templates/new/fonts/icomoon-genplan/icomoon.eot'); src:url('/local/templates/new/fonts/icomoon-genplan/icomoon.eot#iefix') format('embedded-opentype'),url('/local/templates/new/fonts/icomoon-genplan/icomoon.ttf') format('truetype'),url('/local/templates/new/fonts/icomoon-genplan/icomoon.woff') format('woff'),url('/local/templates/new/fonts/icomoon-genplan/icomoon.svg#icomoon') format('svg'); font-weight:normal; font-style:normal} @font-face{font-family:'icomoon-new'; src:url('/local/templates/new/fonts/icomoon-new/icomoon.eot'); src:url('/local/templates/new/fonts/icomoon-new/icomoon.eot#iefix') format('embedded-opentype'),url('/local/templates/new/fonts/icomoon-new/icomoon.ttf') format('truetype'),url('/local/templates/new/fonts/icomoon-new/icomoon.woff') format('woff'),url('/local/templates/new/fonts/icomoon-new/icomoon.svg#icomoon') format('svg'); font-weight:normal; font-style:normal} .list-numbered{margin-bottom:20px} .list-number_zag{margin-top:0.2em; font:500 1.3em/1.6em "Inter",sans-serif} .service-page-item #page-title-section #b-page-title h1, .services-page #page-title-section #b-page-title h1{margin-bottom:1em; max-width:900px} .service-detail-page .primary_img .primary_img_bg {overflow: hidden;} .service-detail-page .service-comp-list{margin-top:3.5em} .service-detail-page .service-comp-list .list-numbered-item ul, .service-pages .service-comp-list .list-numbered-item ul li:last-child{margin-bottom:0} .service-detail-page .service-comp-list .list-numbered-item h4{margin-top:0.2em; font:500 1.4em/1.2em "Inter",sans-serif} .service-detail-page .service-comp-list .list-numbered-item h4+p{margin:-1em 0 1em} .service-detail-page .b-square-xxs:before { display: none; } .ushp .service-detail-page .b-houses .b-square-xxs:before { display: block; } .services .b-title >span .b-title-text{display:block; color:#9d9d9d; font:normal 1.17em/1.4em "Inter",sans-serif; text-transform:none} ol.numlist_circle{margin-left:0; counter-reset: numlist;} ol.numlist_circle>li{padding-right:1.3em; padding-left:4.5em; position: relative; } ol.numlist_circle>li:before{content: counter(numlist); counter-increment: numlist; color:#fff; left:1.3em; top:0; border:none; padding:0; text-align:center; width:25px; height:25px; line-height:25px; font-size:12px; font-weight:500; background:#474747; border-radius:50%} ol.numlist_circle_2>li{padding-left:3.5em; margin-bottom:4.2em} ol.numlist_circle_2>li:before{left:0} ol.numlist_circle_3{margin-left:0} ol.numlist_circle_3>li{padding-left:3.5em} ol.numlist_circle_3>li:before{left:0} .numlist_circle.cr-2{counter-reset:numlist 3} .numlist_circle.cr-3{counter-reset:numlist 6} .plan_building_item_title{font:normal 1.3em/1.42em "Inter",sans-serif; font-weight:500} .plan_building ol{margin-top:3.5em} .build_document{padding:3em 0} .build_document>.container{overflow:hidden} .build_document_item .b-wrap{border-bottom:2px solid #fff} .build_document_item .build_document_item_text{padding:2.6em 1.3em 3.5em; padding-left:8.5em; position:relative; min-height:150px} .build_document_item .build_document_item_text:before{position:absolute; top:0.5em; content:"\e900"; display:block; text-align:center; color:#fead21; left:10px; font:normal 5.5em/1em "icomoon-genplan",sans-serif} .build_document_item .build_document_item_text1:before{content:"\e900"} .build_document_item .build_document_item_text2:before{content:"\e901"} .build_document_item .build_document_item_text3:before{content:"\e902"} .build_document_item .build_document_item_text4:before{content:"\e904"} .build_document_item .build_document_item_text5:before{content:"\e903"} .build_document_item:nth-child(odd){padding-right:0} .build_document_item:nth-child(even){padding-left:0} .build_document .build_document_list{margin-top:5em} .time-warning{width:100%; color:#464646; background:#f3c368; text-align:center; border-radius:3px; margin-bottom:15px; font-size:1em; display:none} .form-item input.time{padding-right:5px} @media (max-width:500px){ .service-detail-page .b-square-content .detail_picture_title{text-align:left} } @media (max-width:1600px){ .build_document_item .build_document_item_text{min-height:130px} } @media (max-width:991px){ .sections_genplan .sections_genplan_item .b-wrap{padding:2em 3em} .build_document_item .build_document_item_text{min-height:120px} } @media (max-width:767px){ .sections_genplan .sections_genplan_item{margin-bottom:1.3em} .build_document_item .build_document_item_text{min-height:130px} .build_document_item:nth-child(odd){padding-right:1.3em} .build_document_item:nth-child(even){padding-left:1.3em} .sections_genplan .sections_genplan_item .b-wrap{padding:2em 3.5em} } .standart-projects{padding-bottom:5em} .h1_text.standart{margin:1.6em 0 1em} .h1_text.pro{margin:2.2em 0 1.7em} .adapt .square-galery{margin-bottom:30px} .adapt .description-text{text-transform:none; font-size:1em; font-weight:bold} .adapt .description-text.low{text-transform:none; font-size:14px; height:6em !important} .project-form.adapt .form-section{background-image:url(/local/templates/new/img/adapt_form_bg.jpg)} .standard_country_houses_gallery{margin-top:2em} .standard_country_houses_gallery .row{margin-bottom:3em} .standard_country_houses_gallery .standard_country_houses_gallery_item{height:17.4em} .standard_country_houses_gallery .standard_country_houses_gallery_item a:after{position:absolute; top:15px; right:15px; display:none; background:url(/local/templates/new/img/magnifier.svg) no-repeat center; background-size:cover; width:2.4em; height:2.4em; content:""} .standard_country_houses_gallery .standard_country_houses_gallery_item a{display:block; position:relative} .standard_country_houses_gallery .standard_country_houses_gallery_item a:hover:after{display:block} .standard_country_houses_gallery .standard_country_houses_gallery_item img{width:100%; height:17.4em} @media (max-width:767px){ .standard_country_houses_gallery .row{margin-bottom:0} .standard_country_houses_gallery .standard_country_houses_gallery_item{margin-bottom:3em} .adaptation_privileges .adaptation_privileges_item_3{margin-bottom:0em} } #b-catalog-card-meaning{background:#fff; padding:10px 0 20px 0; margin-bottom: 60px;} @media (max-width: 479px){ #b-catalog-card-meaning { margin-bottom: 40px; } } #b-catalog-card-meaning h4, #b-catalog-card-meaning .h4{margin-top:1.5em; margin-bottom:1.5em} .circle_gallery{margin-bottom:3em} .circle_gallery .circle_gallery_item{height:235px; position:relative; text-align:center} .circle_gallery .circle_gallery_item:after{position:absolute; content:""; width:1px; height:235px; background-color:#dfdfdf; top:0; right:0} .circle_gallery .circle_gallery_item img{width:165px; height:165px; border-radius:50%} .circle_gallery .circle_gallery_item .description{display:block; text-align:center; font:normal 1em/1.3em "Inter",sans-serif; font-weight:bold; color:#2e2e2e; margin-top:1.3em; padding-left:1em} .object_privileges{margin:5em 0 5.7em 0} .detail_picture_text.top{margin-bottom:0.8em} .design-comp-list .list-numbered-item .bold_block{font:normal 1em/1.3em "Inter",sans-serif; font-weight:bold; color:#2e2e2e} .design-comp-list .list-numbered-item .bold_block .left{float:left} .design-comp-list .list-numbered-item .bold_block .right{float:right} .design-comp-list .list-numbered-item .text{width:70%} .list-numbered-item .list-number .line.last{display:none} .asterisk_sentence{font:normal 1em/1.3em "Inter",sans-serif; font-weight:400; color:#7f7f7f; margin:2em 0 0 0} .service-detail-page .detail_picture .text-over { height: 100%; box-sizing: border-box; padding: 0% 10%; } .detail_picture .bxslider_service{width:100%; height:100%; position:absolute; left:0; top:0} .detail_picture .bxslider_service .bxslider{height:100%} .block_our_projects .b-teaser{margin-bottom:3em} .block_our_projects .b-project-text-common{display:block; border-bottom:1px solid #eee; color:#525252; background:#fff; padding:1em 1em; line-height:1em} .block_our_projects .name{font-weight:bold; text-transform:uppercase} .genplan_form_1.progect_form .form-section{background:url(/local/templates/new/img/bg_form_project.jpg) no-repeat 50% 50%; background-size:cover} .formula_for_the_perfect_home_block ol.numlist_circle>li{padding-left:4.4em} .block_our_projects img{display:block; width:100%; height:auto} service-page-item #page-title-section #b-page-title h1{font-size:3.429em; margin-bottom:1em; max-width:900px; line-height:1.2} .primary_img_title{max-width:700px} .adapt .project-text{margin-top:56px; margin-bottom:60px} .adapt .obj-item{text-align:center} .adapt .obj-svg{width:60px; height:65px; margin-bottom:20px} .adapt .obj-svg.big{width:100px; height:75px; margin-bottom:10px} .our-mission .h1_text{margin-bottom:75px} .our-mission{margin-bottom:65px} .our-mission p{font-weight:500} .square-galery{margin-top:20px; margin-bottom:60px} .square-galery .row{margin-left:-10px; margin-right:-10px} .square-galery .col-custom{padding-left:10px; padding-right:10px} .adapt .square-item{background-color:#fff; width:100%; text-align:center} .adapt .square-item img{width:100%} .adapt .square-item .description{display:table; width:100%; text-align:center} .adapt .square-item .description-text{display:table-cell; color:#525252; font-weight:500; line-height:15px; vertical-align:middle; padding:.4em .7em .4em .7em; height:7em} .why_to_choose_individual_design.h1_text{line-height:40px; letter-spacing:0.4px; margin-bottom:80px} .design_inslud_price_list{font-weight:500} .fw-title.h1_text{font-size:2.571em; padding-top:25px} .approach-number{float:left} .approach-content{float:right} .approach-number{color:#feb028; font-size:3.429em; line-height:1; width:20%; vertical-align:top; font-weight:500} .approach-number.one{padding-left:30px} .approach-content{width:65%; text-align:left; vertical-align:top} .approach-title{font-size:1.286em; line-height:20px} .approach-text{margin-top:15px; line-height:1.2} .adapt .b-teaser{position:relative; border-right:1px solid #fff; display:block} /* @media (min-width:1600px){ #b-proj-section .b-teaser,#b-des-section .b-teaser{height:325px !important} }*/ .adapt .b-teaser:hover{background:#F4C367} .adapt .b-teaser:hover .b-title, .adapt .b-teaser:hover .b-content{color:#292929 !important} .adapt .b-img{display:block; text-align:center; margin:1.4em 0em 2em 0em} #b-des-section .b-title, #b-proj-section .b-title{text-align:center; display:block; color:#fbbf55; font:bold 1.2em/1.2em "Inter",sans-serif; text-transform:uppercase; margin:0 auto; max-width:270px; margin-bottom:1.5em} #b-des-section .b-title{margin-bottom:0} #b-des-section .b-content, #b-proj-section .b-content{margin:1em 0em 2em 0em; display:block; color:#585858; padding-left:2.57em; padding-right:2.57em; font-size:.9em; line-height:1.95} #b-des-section .clear, #b-proj-section .clear{height:1px; background:#fff} .adapt .pdf-down{font-family:Inter; color:#585858; text-align:left; margin-top:124px; margin-left:65px; display:block; width:200px; position:relative} .adapt .pdf-down img{display:block} .adapt .pdf-down-text{display:block; position:absolute; left:60px; bottom:5px; font-size:1em; font-weight:500; line-height:18px} #icon-svg{width:100px; height:90px; vertical-align:bottom; display:inline-block} .adv-svg{width:100px; height:90px; vertical-align:bottom; display:inline-block} .idea-icon{display:block; margin:0 auto; width:100px; height:90px; background:url(/local/templates/new/img/svg/2-4.svg); background-size:100px 90px} .svg-icon{display:block; margin:0 auto; width:80px; height:70px; background:no-repeat center; background-image:url(/local/templates/new/img/svg/ico/1.svg); background-size:contain} .svg-icon_2{background-image:url(/local/templates/new/img/svg/ico/2.svg); width:90px; height:80px; margin-top:-10px} .svg-icon_3{background-image:url(/local/templates/new/img/svg/ico/3.svg); width:98px; height:74px; margin-top:24px; margin-bottom:-9px} .svg-icon_4{background-image:url(/local/templates/new/img/svg/ico/4.svg); width:80px; height:82px} .svg-icon_5{background-image:url(/local/templates/new/img/svg/ico/5.svg); width:130px; height:77px; margin-top:25px} .svg-icon_6{background-image:url(/local/templates/new/img/svg/ico/6.svg); width:72px; height:79px; margin-bottom:-12px} .svg-icon_7{background-image:url(/local/templates/new/img/svg/ico/7.svg); width:80px; height:70px; margin-top:23px; margin-bottom:-5px} .svg-icon_8{background-image:url(/local/templates/new/img/svg/ico/8.svg); width:81px; height:79px; margin-bottom:-10px} .svg-icon_9{background-image:url(/local/templates/new/img/svg/ico/9.svg); width:90px; height:85px; margin-bottom:-10px} .svg-icon_10{background-image:url(/local/templates/new/img/svg/ico/10.svg); width:122px; height:90px; margin-top:-3px; margin-bottom:-12px} .svg-icon_11{background-image:url(/local/templates/new/img/svg/ico/11.svg); width:78px; height:83px; margin-top:-3px; margin-bottom:-12px} .adapt .b-teaser:hover .svg-icon{background-image:url(/local/templates/new/img/svg/ico/1_2.svg)} .adapt .b-teaser:hover .svg-icon_2{background-image:url(/local/templates/new/img/svg/ico/2_2.svg)} .adapt .b-teaser:hover .svg-icon_3{background-image:url(/local/templates/new/img/svg/ico/3_2.svg)} .adapt .b-teaser:hover .svg-icon_4{background-image:url(/local/templates/new/img/svg/ico/4_2.svg)} .adapt .b-teaser:hover .svg-icon_5{background-image:url(/local/templates/new/img/svg/ico/5_2.svg)} .adapt .b-teaser:hover .svg-icon_6{background-image:url(/local/templates/new/img/svg/ico/6_2.svg)} .adapt .b-teaser:hover .svg-icon_7{background-image:url(/local/templates/new/img/svg/ico/7_2.svg)} .adapt .b-teaser:hover .svg-icon_8{background-image:url(/local/templates/new/img/svg/ico/8_2.svg)} .adapt .b-teaser:hover .svg-icon_9{background-image:url(/local/templates/new/img/svg/ico/9_2.svg)} .adapt .b-teaser:hover .svg-icon_10{background-image:url(/local/templates/new/img/svg/ico/10_2.svg)} .adapt .b-teaser:hover .svg-icon_11{background-image:url(/local/templates/new/img/svg/ico/11_2.svg)} .adapt .detail_picture{background-size:cover !important} .adapt h1{font:300 2.6em/1em Geometria,sans-serif; margin-bottom:1.3em} .adapt .b-teaser:hover #icon-svg path{} .adapt .b-teaser:hover #icon-svg path{} .adapt .project-form .form-section{background:url(/local/templates/new/img/bg_form_project.jpg) no-repeat 50% 50%; background-size:cover; padding:10rem 0} .form-section .radio_white{color:#fff} .adapt .project-form button{float:right} .adapt .block_our_projects .b-teaser{border:none; height:auto} .adapt .block_our_projects .b-teaser:hover{background-color:inherit} .adapt .block_our_projects .b-img{margin:0} #service_order_form_section .form-header, #service_order_form_section2 .form-header, #service_order_form_section_2 .form-header{margin-bottom:20px} #service_order_form_section textarea, #service_order_form_section2 textarea, #service_order_form_section_2 textarea{height:215px} .inner_work .design_works{margin-bottom:2em} @media (max-width:1600px){ #service_order_form_section textarea,#service_order_form_section2 textarea,#service_order_form_section_2 textarea{height:190px} } @media (max-width:1200px){ #service_order_form_section textarea,#service_order_form_section2 textarea,#service_order_form_section_2 textarea{height:180px} } @media (max-width:767px){ .checkbox_white,.radio_white{display:block} } @media (max-width:992px){ } .engineering_systems_front_img .primary_img .primary_img_text .primary_img_sub_title_bottom{font:500 1.9em/1.25em "Inter",sans-serif} .engineering_systems_front_img .primary_img{padding:9em 3em 5em 5em} .engineering_systems_advantages{padding:3.3em 0 3em} .eng .engineering_systems_advantages{padding-top:0} .engineering_systems_advantages_list li{margin-bottom:.5em; line-height:16px; font-size:0.929em} .engineering_systems_advantages .engineering_systems_advantages_list{padding-top:3.4em} .engineering_systems_advantages_item{margin-bottom:0} .engineering_systems_advantages .white_bottom_line{background-color:#fff; height:1px; width:100%; margin-bottom:3em} .engineering_systems_advantages_item_title{font:500 1.3em/1.1em "Inter",sans-serif; padding-left:4em; position:relative; min-height:60px; display:table; margin-bottom:15px} .engineering_systems_advantages_item_title span{display:table-cell; padding-top:1.3em} .genplan_form_1.engineering_form .form-section{background:url(/local/templates/new/img/bg_form_engineering.jpg) no-repeat 50% 50%; background-size:cover} .genplan_form_1.engineering_form2 .form-section{background:url(/local/templates/new/img/bg_form_engineering2.jpg) no-repeat 50% 50%; background-size:cover} .engineering_systems_advantages_item_title:before{position:absolute; top:0em; content:"\e900"; display:block; text-align:center; color:#fead21; left:0em; font:normal 3.5em/1em "icomoon-new",sans-serif; font-size:60px} .engineering_systems_advantages ul{padding-left:6.2em; margin-top:0} .engineering_systems_advantages_item_1 .engineering_systems_advantages_item_title:before{content:"\e90b"; font-size:3.750em} .engineering_systems_advantages_item_2 .engineering_systems_advantages_item_title:before{content:"\e90e"} .engineering_systems_advantages_item_3 .engineering_systems_advantages_item_title:before{content:"\e913"; left:14px} .engineering_systems_advantages_item_4 .engineering_systems_advantages_item_title:before{content:"\e92f"; font-size:2.7em; left:.12em} .engineering_systems_advantages_item_5 .engineering_systems_advantages_item_title:before{content:"\e937"; top:0; font-size:2.73em; left:.2em} .engineering_systems_advantages_item_6 .engineering_systems_advantages_item_title:before{content:"\e933"; top:.08em; font-size:2.43em; left:0.1em} .engineering_systems_advantages_item_7 .engineering_systems_advantages_item_title:before{content:"\e944"; font-size:2.73em; left:0.06em; top:.2em} .engineering_systems_advantages_item_8 .engineering_systems_advantages_item_title:before{content:"\e90f"; font-size:2.73em; left:0.14em; top:.2em} .engineering_systems_advantages_item_9 .engineering_systems_advantages_item_title:before{content:"\e901"; font-size:3em; left:0.15em; top:.15em} .engineering_systems_advantages_item_10 .engineering_systems_advantages_item_title:before{content:"\e90c"; font-size:2.3em; left:0.15em; top:.25em} .engineering_systems_advantages_item_11 .engineering_systems_advantages_item_title:before{content:"\e934"; top:0; font-size:3.5em; left:0.15em} .engineering_systems_advantages_item_12 .engineering_systems_advantages_item_title:before{content:"\e915"; top:0.08em; font-size:3em; left:0.08em} .engineering_systems_advantages_item_13 .engineering_systems_advantages_item_title:before{content:"\e92e"; top:0.16em; font-size:2.65em; left:0.25em} .engineering_systems_advantages_item_14 .engineering_systems_advantages_item_title:before{content:"\e910"; top:0.17em; font-size:2.68em; left:.05em} .engineering_systems_advantages_item_15 .engineering_systems_advantages_item_title:before{content:"\e916"; top:0.2em; font-size:2.7em; left:.1em; top:0.15em} .engineering_systems_advantages_item_16 .engineering_systems_advantages_item_title:before{content:"\e931"; top:0.13em; font-size:2.8em; left:.1em} .engineering_systems_advantages_item_17 .engineering_systems_advantages_item_title:before{content:"\e911"; top:0.15em; font-size:2.8em; left:.2em} .engineering_systems_advantages_item_18 .engineering_systems_advantages_item_title:before{content:"\e936"; top:0.14em; font-size:2.8em; left:.2em} .engineering_systems_advantages_item_19 .engineering_systems_advantages_item_title:before{content:"\e90d"; top:0.275em; font-size:2.1em; left:.15em} .engineering_systems_advantages_item_20 .engineering_systems_advantages_item_title:before{content:"\e912"; top:0.2em; font-size:2.4em; left:.06em} .engineering_systems_advantages_item_21 .engineering_systems_advantages_item_title:before{content:"\e917"; font-size:4.7em; top:.1em} .engineering_systems_advantages_item_22 .engineering_systems_advantages_item_title:before{content:"\e919"; font-size:5em; left:-.15em; top:.06em} .engineering_systems_advantages_item_23 .engineering_systems_advantages_item_title:before{content:"\e942"} .engineering_systems_advantages_item_24 .engineering_systems_advantages_item_title:before{content:"\e918"; font-size:4.9em; left:.12em; top:-.06em} .engineering_systems_advantages_item_25 .engineering_systems_advantages_item_title:before{content:"\e91a"; font-size:4.9em; left:-.10em; top:-.06em} .engineering_systems_advantages_item_26 .engineering_systems_advantages_item_title:before{content:"\e92c"; left:10px; top:-10px} .engineering_systems_advantages_item_27 .engineering_systems_advantages_item_title:before{content:"\e92d"; left:-5px; font-size:4em} .engineering_systems_advantages_item_28 .engineering_systems_advantages_item_title:before{content:"\e92a"; font-size:4.35em; top:-12px; left:-4px} .engineering_systems_advantages_item_29 .engineering_systems_advantages_item_title:before{content:"\e92b"; top:-13px; left:-3px; font-size:4.1em} .engineering_systems_advantages_item_30 .engineering_systems_advantages_item_title:before{content:"\e941"; font-size:4.1em; margin-top:.14em; left:.14em} .engineering_systems_advantages_item_31 .engineering_systems_advantages_item_title:before{content:"\e925"; font-size:4em; margin-top:.15em; margin-left:-.02em} .engineering_systems_advantages_item_32 .engineering_systems_advantages_item_title:before{content:"\e927"; font-size:3.8em; margin-top:.21em; margin-left:.19em} .engineering_systems_advantages_item_33 .engineering_systems_advantages_item_title:before{content:"\e940"; font-size:3.7em; margin-top:.05em; margin-left:.09em} .engineering_systems_advantages_item_34 .engineering_systems_advantages_item_title:before{content:"\e926"; font-size:3.5em; margin-top:.15em; margin-left:.05em} .engineering_systems_advantages_item_35 .engineering_systems_advantages_item_title:before{content:"\e928"; font-size:4.5em; margin-left:.1em} .engineering_systems_advantages_item_36 .engineering_systems_advantages_item_title:before{content:"\e923"; font-size:4.3em; margin-top:0} .inner_work .engineering_systems_advantages_item_9 .engineering_systems_advantages_item_title:before{content:"\e901"; font-size:4.7em; left:0.05em; margin-top:-.2em} .engineering_systems_advantages_item_37 .engineering_systems_advantages_item_title:before{content:"\e929"; font-size:4.3em; margin-left:.1em} .engineering_systems_advantages_item_38 .engineering_systems_advantages_item_title:before{content:"\e924"; font-size:4.6em; margin-top:-.22em; margin-left:.15em} .engineering_systems_advantages_item.col2{padding-left:30px} .engineering_systems_advantages_item.col3{padding-left:25px} .pt0{padding-top:0 !important} .pt05{padding-top:0.5em !important} .pt1{padding-top:1em !important} .inner_work .engineering_systems_advantages_item_title{font:500 1.2em/1.35em "Inter",sans-serif; padding-left:5.2em; margin-bottom:3.5em} .eng_bottom .engineering_systems_advantages_item_title{margin-bottom:3.5em; font:500 1em/1.35em "Inter",sans-serif; padding-left:5.8em} .engineering_systems_advantages.eng_bottom{padding-top:3.3em} .engineering_systems_advantages_wrap{background:url(/local/templates/new/img/engineering_systems_advantages_bg.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover; color:#fff} .engineering_systems_advantages_wrap .h1_text{text-align:center} .engineering_systems_advantages_wrap .engineering_systems_advantages_item_title{font:500 1.1em/1.7em "Inter",sans-serif} .engineering_systems_advantages_wrap .engineering_systems_advantages_item_title span{display:inline} .engineering_systems_advantages.eng_bottom .engineering_systems_advantages_item_title span{display:inline-block} .design_works_engineering_systems{padding:0; float:left; width:100%} .design_works_engineering_systems .design_works_item{padding:0 !important} .design_works_engineering_systems .design_works_item img{width:100%; height:auto} .design_works_engineering_systems .design_works_link_next{display:block; width:100%; text-align:center; margin-top:1.75em; float:left} .design_works_engineering_systems .design_works_link_next span{font:500 1.15em/1.5em "Inter",sans-serif; color:#a77c5c; text-decoration:underline; cursor:pointer} .design_works_engineering_systems .design_works_link_next:hover span{text-decoration:none} .design_works_item.inner_shadow{box-shadow:350px 0 0 0 rgba(0,0,0,.55) inset} @media (max-width:1600px){ .design_works .design_works_item{height:120px !important} } @media (max-width:860px){ .primary_img_icons{margin-left:0%} } @media (max-width:767px){ .pt0,.pt05,.pt1{padding-top:1.3em} .inner_work .engineering_systems_advantages_item_title{max-width:300px} .engineering_systems_advantages_item.col2, .engineering_systems_advantages_item.col3{padding-left:1.3em} .white_bottom_line{display:none} .engineering_systems_advantages_item_1 .engineering_systems_advantages_item_title:before{content:"\e90b"; font-size:3.750em} .engineering_systems_advantages_item_1 .engineering_systems_advantages_item_title:before{left:4px} .engineering_systems_advantages_item_2 .engineering_systems_advantages_item_title:before{left:-4px} .engineering_systems_advantages_item_3 .engineering_systems_advantages_item_title:before{left:11px} .engineering_systems_advantages_item_4 .engineering_systems_advantages_item_title:before{left:9px} .engineering_systems_advantages_item_5 .engineering_systems_advantages_item_title:before{left:8px} .engineering_systems_advantages_item_6 .engineering_systems_advantages_item_title:before{left:2px} .engineering_systems_advantages_item_7 .engineering_systems_advantages_item_title:before{left:5px} .engineering_systems_advantages_item_8 .engineering_systems_advantages_item_title:before{left:6px} .engineering_systems_advantages_item_9 .engineering_systems_advantages_item_title:before{left:4px} .engineering_systems_advantages_item_10 .engineering_systems_advantages_item_title:before{left:6px} .engineering_systems_advantages_item_11 .engineering_systems_advantages_item_title:before{font-size:3em} .engineering_systems_advantages_item_12 .engineering_systems_advantages_item_title:before{left:2px} .engineering_systems_advantages_item_13 .engineering_systems_advantages_item_title:before{left:7px} .engineering_systems_advantages_item_15 .engineering_systems_advantages_item_title:before{left:1px} .engineering_systems_advantages_item_16 .engineering_systems_advantages_item_title:before{left:2px} .engineering_systems_advantages_item_17 .engineering_systems_advantages_item_title:before{left:7px} .engineering_systems_advantages_item_18 .engineering_systems_advantages_item_title:before{left:3px} .engineering_systems_advantages_item_19 .engineering_systems_advantages_item_title:before{left:1px} .engineering_systems_front_img .primary_img{padding:9em 3em 5em} } @media (max-width:479px){ .design_works .design_works_item{height:200px !important} .engineering_systems_advantages_item_21 .engineering_systems_advantages_item_title:before{left:-.1em} .engineering_systems_advantages_item_24 .engineering_systems_advantages_item_title:before{left:5px} .engineering_systems_advantages_item_25 .engineering_systems_advantages_item_title:before{left:-7px} .engineering_systems_advantages_item_26 .engineering_systems_advantages_item_title:before{left:5px} .engineering_systems_advantages_item_27 .engineering_systems_advantages_item_title:before{left:-3px} .engineering_systems_advantages_item_28 .engineering_systems_advantages_item_title:before{left:-4px} .engineering_systems_advantages_item_29 .engineering_systems_advantages_item_title:before{left:-1px} .engineering_systems_front_img .primary_img{padding:5em 3em } } .ushp_front_img .primary_img{padding:9em 5em 5em} .ushp_front_img .primary_img_icons{margin-top:1em; margin-left:50%} .description_50{margin-top:1em} .description_50 .ushp_scheme{margin:70px 0 0 -30px} .description_50 .ushp_scheme img{width:100%} .description_50 .text_description{padding-right:65px} .numlist_circle.with_white_line li{border-right:1px solid #fff; min-height:12em} .numlist_circle.with_white_line li:last-child{min-height:8em} .design_advantages.ushp_advantages{padding-top:2em} .ushp_advantages_item{margin-bottom:2em} .ushp_advantages_item_title{font:500 1.3em/1.1em "Inter",sans-serif; position:relative; min-height:60px; display:table} .ushp_advantages_item_title span{display:table-cell; vertical-align:middle} .ushp_advantages_item_title:before{position:absolute; top:0em; content:"\e900"; display:block; text-align:center; color:#fead21; left:0em; font:normal 2.5em/1em "icomoon-new",sans-serif} .ushp_advantages_item_1 .ushp_advantages_item_title:before{content:"\e943"} .ushp_advantages_item_2 .ushp_advantages_item_title:before{content:"\e91e"} .ushp_advantages_item_3 .ushp_advantages_item_title:before{content:"\e91f"} .ushp_advantages_item_4 .ushp_advantages_item_title:before{content:"\e935"} .ushp_advantages_item_5 .ushp_advantages_item_title:before{content:"\e901"} .ushp_advantages_item_6 .ushp_advantages_item_title:before{content:"\e920"} .adapt .bx-wrapper img{width:85%} .list_ushp li{font-size:1em} .numlist_circle.with_white_line li{margin-bottom:0 !important; padding-bottom:1.4em; height:auto} .numlist_circle.with_white_line li .plan_building_item_title{height:auto} .completed_projects_gallery .container_gallery a{display:block; float:left; width:18%; margin-right:1.6em; margin-bottom:1.5em} .completed_projects_gallery .container_gallery img{width:100%; display:block; height:auto} .completed_projects_gallery .container_gallery a:last-child{margin-right:0} .container_gallery{padding:0 1.3em} .cliens_reviews .bx-viewport{padding-top:4.5em} .cliens_reviews{position:relative; padding-top:2em} .cliens_reviews .white_wrapper .client_photo{position:absolute; top:-4.5em; left:13em} .cliens_reviews li{background-color:#fff; margin-right:3em !important; padding:6.4em 2.7em 4.2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .cliens_reviews li img{width:9em; height:9em; border-radius:50%} .cliens_reviews .bx-pager .bx-pager-item{display:none} .cliens_reviews .bx-wrapper .bx-controls-direction a{position:absolute; width:58px !important; height:58px !important; top:55%} .cliens_reviews .bx-wrapper .bx-controls-direction a.bx-prev{background:url(/local/templates/new/img/slider_grey_arrows_left_right.png) -1px 0 no-repeat; left:-7em} .cliens_reviews .bx-wrapper .bx-controls-direction a.bx-next{background:url(/local/templates/new/img/slider_grey_arrows_left_right.png) -72px 0 no-repeat; right:-6.5em} .genplan_form_1.ushp_form2 .form-section{background:url(/local/templates/new/img/ushp_bg_form2.jpg) no-repeat 50% 50%; background-size:cover} .ushp_form2 .form-header p{font-size:1em} .ushp_articles{margin-bottom:7em} .white_bottom_text_img{padding:24em 3em 1em !important} .white_bottom_title{font:500 1.4em/1.5em "Inter",sans-serif !important; color:#fff !important; text-transform:none !important} .ushp_articles_description{background-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:1.8em; font:400 1em/1.5em "Inter",sans-serif !important} .addition_info_with_contacts{background-color:#fff; padding-top:3.5em; padding-bottom:3.5em} .addition_info_with_contacts .addition_text{font:500 1.2em/2em "Inter",sans-serif; color:#424242} .addition_info_with_contacts .addition_contacts_item .city{width:11.5em; float:left; font:400 1em/2em "Inter",sans-serif; color:#dca243} .addition_info_with_contacts .addition_contacts_item .number{float:left; font:400 1em/2em "Inter",sans-serif; color:#3c3c3c} .asterisk_text{color:#919191; font:400 1em/2em "Inter",sans-serif; margin-bottom:3em} @media (max-width:991px){ .description_50 .ushp_scheme img{width:50%} .description_50 .ushp_scheme{text-align:center; margin:3em 0 2em 1em} .primary_front_img{margin-bottom:1em} } @media (max-width:920px){ .ushp_front_img .primary_img_icons{margin-left:40%} .adapt.bx-wrapper img{width:90%} } @media (max-width:767px){ .description_50 .ushp_scheme img{width:75%} .ushp_front_img .primary_img_icons{margin-left:0%; margin-top:3em} .primary_front_img{margin-bottom:0em} .numlist_circle.with_white_line{margin-bottom:0em} .numlist_circle.with_white_line li, .numlist_circle.with_white_line li:last-child{min-height:5em} .design_advantages.ushp_advantages{padding-top:1em} .design_advantages .design_advantages_list{padding-top:2.4em} .adapt .bx-wrapper img, .slider_with_left_yellow_nav .bx-wrapper .bx-pager{width:100%} } @media (max-width:590px){ .ushp_text_img p{padding-left:0} } @media (max-width:480px){ .description_50 .ushp_scheme img{width:90%} .service-page-item #page-title-section #b-page-title h1{font-size:3.2em; margin-bottom:.7em} #b-page-title h1, #b-page-title .h1{font:500 2.4em/1em "Geometria",sans-serif; margin-bottom:1em} .item_box .item_box_img, .item_box .item_box_text{float:none; width:100%} } @media (max-width:1600px){ .project-form .webform-container{float:none} } @media (min-width:1200px){ .project-form .webform-container .colsm{padding-left:50px; padding-right:5px} } @media (max-width:1024px){ .project-form .webform-container{float:none} .project-form .form-header{margin-bottom:25px} } @media (max-width:991px){ .eng .service-detail-page .primary_img{margin-bottom:2em} .approach-number, .approach-content{float:none; width:100%} .approach-content{text-align:center} .approach-number.one{padding-left:15px} } @media (max-width:767px){ .approach-item{margin-bottom:20px} .numlist_circle.cr-1{margin-bottom:0} .numlist_circle.cr-2{margin-bottom:0; margin-top:0} .numlist_circle.cr-3{margin-top:0} .xs2{border-right:0} .block_best_choice .in{padding:4em !important} .project-form textarea{float:none} .project-form .btn{display:block; float:none} .services-page.adapt .detail_picture .text-over{height:auto; padding-top:15%} .project-form .form-control{} .adaptation_privileges .adaptation_privileges_item_2{margin-bottom:1.5rem} .adaptation_privileges .adaptation_privileges_item:last-child{margin-bottom:0} .adapt .detail_picture .text-over{padding:20% 10%} .square-item img{height:200px} } @media (max-width:560px){ .block_terms .in{padding:2em} .block_terms .yellow_text_big{font:normal 4em/1.3em "Inter",sans-serif} .block_terms .yellow_text_big.db{display:block} } @media (max-width:480px){ .service-detail-page .primary_img{padding:8em 2em} .eng .service-detail-page .primary_img{padding:5em 2em 2em} .service-page-item #page-title-section #b-page-title h1{font-size:2.7em; margin-bottom:.7em} .block_best_choice .in{padding:2em} } @media (max-width:479px){ .adapt .b-teaser{width:100%; overflow:hidden} .xxs1{border-right:0} .adapt .b-teaser{border:none; display:block; height:auto} .adapt .pdf-down{margin:50px auto} .project-form textarea{height:160px} } @media (max-width:479px){ .engineering_systems_advantages_item_21 .engineering_systems_advantages_item_title{margin-bottom:2em} } @media (min-width:768px){ #b-des-section .sm3,#b-proj-section .sm3{border-right:0} } .bold_paragraph{font-weight:bold; font-size:1.1em} .camera_front_img .primary_img{padding:14em 5em} .videos_gallery .video_box{float:left; width:32em; height:24em; margin-right:2em; margin-bottom:6em; background:url(/local/templates/new/img/video_pic.jpg); -webkit-background-size:contain; background-size:contain} .camera_form{margin-top:4em} .camera_form .form-section{background:url(/local/templates/new/img/bg_form_engineering2.jpg) no-repeat 50% 50%; background-size:cover} @media (max-width:480px){ .videos_gallery .video_box{width:26em; height:18em} .camera_front_img .primary_img{padding:7em 5em} .camera_form{margin-top:2em} } @media (max-width:350px){ .videos_gallery .video_box{width:22em; height:14em} } .interior_design_front_img .primary_img{padding:13em 3em 14em 5em} .interior_design_form{margin-bottom:3em} .interior_design_form .form-section{background:url(/local/templates/new/img/bg_form_interior_design.jpg) no-repeat 50% 50%; background-size:cover} .interior_design_advantages_wrap{background:url(/local/templates/new/img/interior_design_advantages_bg.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover; color:#fff; margin-top:6em} .advantages_title_addition{text-align:center} .interior_design_gallery img{width:100%; height:auto} .interior_design_gallery .col-des-gal{margin-bottom:2em} .interior_design_gallery .text{color:#2a2a2a; margin-top:1em} .design_works.interior_design_works{margin:3.5em 0 4em} @media (max-width:950px){ } @media (max-width:767px){ .interior_design_form{margin-bottom:1em} } @media (max-width:480px){ .interior_design_front_img .primary_img{padding:8em 3em 9em 5em} } .design_works{padding:0; float:left; width:100%; margin:3.5em 0 7em} .design_works .design_works_list{float:left; width:100%; overflow:hidden; -webkit-transition:height 0.5s linear 0s; -moz-transition:height 0.5s linear 0s; -o-transition:height 0.5s linear 0s; transition:height 0.5s linear 0s} .design_works .design_works_list_next{display:block; width:100%; text-align:center; margin-top:1.75em; float:left} .design_works .design_works_list_next a{font:500 1.15em/1.5em "Inter",sans-serif; color:#a77c5c; text-decoration:underline; cursor:pointer} .design_works .design_works_list_next:hover a{text-decoration:none} .design_works .design_works_item{padding:0; height:143px} .design_works .design_works_item img{width:100%; height:100%; object-fit:cover; object-position:center} .design_works_message:hover, .design_works_message_sm:hover{color:#f3c368} .design_works .design_works_item.inner_shadow{position:relative; box-shadow:350px 0 0 0 rgba(0,0,0,.55) inset} .design_works_message{color:#fff; font:500 1.1em/1.5em "Inter",sans-serif; z-index:1; position:absolute; top:50%; transform:translateY(-50%); left:4em; width:120%; text-align:center; font-size:18px} @media (max-width:1600px){ .design_works_message{left:2.5em; width:145%} } @media (max-width:767px){ .design_time_title{font-size:2em; margin-bottom:0.3em} .design_time_text{font-size:1em; padding:0 1em} .design_time_num{font-size:2em} ul.check >li{padding-right:2em} .service-detail-page.design .detail_picture .text-over{height:auto; padding-top:8%} .design_works .design_works_item.inner_shadow{box-shadow:none} .design_works .design_works_item.inner_shadow_sm{position:relative; box-shadow:450px 0 0 0 rgba(0,0,0,.55) inset} .design_works_message{display:none} .design_works_message_sm{color:#fff; font:500 1.1em/1.5em "Inter",sans-serif; z-index:1; position:absolute; top:50%; transform:translateY(-50%); left:0em; width:100%; text-align:center} } @media (max-width:479px){ .design_works .design_works_item.inner_shadow_sm{box-shadow:none} .design_works .design_works_item.inner_shadow_xs{position:relative; box-shadow:550px 0 0 0 rgba(0,0,0,.55) inset} } @media (min-width:767px){ .design_works_message_sm{display:none} } .detail-list{margin-top:30px} .submenu-section-fixed{position:fixed; top:3.45em; z-index:999; left:50%; transform:translateX(-50%)} @-webkit-keyframes SlideDown{ 0%{top:-3.45em} 100%{top:3.45em} } @keyframes SlideDown{ 0%{top:-3.45em} 100%{top:3.45em} } @media (max-width: 991px) { .submenu-section-fixed { position: static; transform: none; } } .SlideDown{-webkit-animation-name:fadeIn; animation-name:SlideDown; animation-duration:1.3s} #service_order_form_section .form-section, #service_order_form_section2 .form-section, #service_order_form_section_2 .form-section{padding:5% 0 3%} .ushp_front_img.ushp_team .primary_img{padding:7em 5em 5em} .ushp_front_img .primary_img_icons{margin-top:1em; margin-left:50%} .global_text .global_text_bg{height:40em; margin-left:10em; background:url(/local/templates/new/img/ushp_main_big_text.png) no-repeat; -webkit-background-size:contain; background-size:contain} .ushp_container{position:relative} .main_ushp_description_absolute{position:absolute; top:30em; right:7em; width:40em; background-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#2a2a2a; z-index:1} .main_ushp_description_absolute_wrap{padding:3.2em 3.4em 2em} .main_ushp_description_absolute .ushp_video{width:100%; height:19em; margin-bottom:2em} .main_ushp_description_absolute .ushp_video img{width:100%; height:auto} .main_ushp_description_absolute .ushp_title{position:relative; font:400 1.4em/1.8em "MyriadPro",sans-serif; color:#a36740; text-transform:uppercase; padding:.7em 0 2em 7em; letter-spacing:0.1px} .main_ushp_description_absolute .ushp_title:before{position:absolute; content:''; top:0; left:0; width:89px; height:82px; background:url(/local/templates/new/img/real_house.png)} .main_ushp_description_absolute .text{font:400 1.1em/1.8em "MyriadPro",sans-serif; margin-bottom:2em} .main_ushp_description_absolute .photo{float:left; width:99px; height:99px; margin-right:2em} .main_ushp_description_absolute .person{float:left} .main_ushp_description_absolute .person .person_name{font:400 1.4em/1.8em "MyriadPro",sans-serif; text-transform:uppercase; font-weight:bold; padding-top:.6em; margin-bottom:.3em; letter-spacing:.8px} .main_ushp_description_absolute .person .person_position{font:400 1.1em/1.3em "MyriadPro",sans-serif} .ushp_top_img{margin-top:2em; margin-bottom:4em} .ushp_top_img .primary_img{padding:11em 5em 7em} .ushp_top_img .primary_img_icons{margin:0 0 0 29%; text-align:center; float:left} .ushp_top_img .primary_img_icons .primary_img_icons_item{padding-top:7.5em; margin-right:5em} .ushp_top_img .primary_img_icons_item:before{left:18%} .description_50{margin-top:2em; margin-bottom:5em} .description_50 .ushp_scheme{margin:4em 0 0 0} .description_50 .ushp_scheme img{width:100%} .description_50 .text_description{padding-left:2em} .description_50 .h1_text{font:300 2.6em/1.4em "Geometria",sans-serif; margin-bottom:1em} .ushp .numlist_circle.with_white_line li{border-right:1px solid #fff; min-height:auto} .numlist_circle.with_white_line li:last-child{min-height:8em} .design_advantages.ushp_advantages{padding-top:0em} .ushp_advantages .design_advantages_item{border-bottom:1px solid #fff; border-right:1px solid #fff; margin:0; padding:2em} .ushp_advantages .design_advantages_item:hover{color:#292929; background-color:#F4C367} .ushp_advantages .design_advantages_item:hover .ushp_advantages_item_title span, .ushp_advantages .design_advantages_item:hover .ushp_advantages_item_title:before{color:#292929} .ushp_advantages .design_advantages_item.without_bd_bt{border-bottom:none} .ushp_advantages .design_advantages_item.without_bd_rt{border-right:none} .ushp_advantages_item_title{font:500 1.3em/1.1em "Inter",sans-serif; text-transform:uppercase; margin:0 auto 1em; padding-top:6em; position:relative; min-height:60px; display:table; color:#fbbf55} .ushp_advantages_item_title span{display:table-cell; vertical-align:middle} .ushp_advantages_item_title:before{position:absolute; top:0em; content:"\e900"; display:block; text-align:center; color:#fbbf55; font:normal 4.2em/1em "icomoon-new",sans-serif; left:50%; transform:translateX(-50%)} .ushp_advantages_item_1 .ushp_advantages_item_title:before{content:"\e943"} .ushp_advantages_item_2 .ushp_advantages_item_title:before{content:"\e91e"} .ushp_advantages_item_3 .ushp_advantages_item_title:before{font-size:4.8em; top:-.1em} .ushp_advantages_item_3 .ordinary_foundation{border:1px solid #000} .ushp_advantages_item_title:before{content:"\e91f"} .ushp_advantages_item_4 .ushp_advantages_item_title:before{content:"\e935"} .ushp_advantages_item_5 .ushp_advantages_item_title:before{content:"\e901"; font-size:5em; top:-.12em} .ushp_advantages_item_6 .ushp_advantages_item_title:before{content:"\e920"} .ushp_comparison{margin-bottom:5em; color:#292929} .ushp_comparison .common_foundation{padding:4em 4em} .ushp_comparison .ushp_foundation{border:2px solid #4b9221; margin-bottom:2em} .ushp_comparison .ordinary_foundation{border:2px solid #9e0b0f; margin-bottom:2em} .ushp_comparison .comparison_title{font:500 2.1em/1.1em "Inter",sans-serif; margin-bottom:1em} .ushp_comparison span{position:relative; padding-left:5em; display:block; font:500 1.1em/1.5em "Inter",sans-serif; margin-bottom:2em} .ushp_comparison span:before{position:absolute; content:""; display:block; top:0; left:0; background:url(/local/templates/new/img/minus_icon.png); width:42px; height:42px} .ushp_comparison .ushp_foundation_list span:before{background:url(/local/templates/new/img/plus_icon.png)} .bxslider_ushp{height:100%; margin-top:0; padding-left:5em} .ushp_main_slider .bx-wrapper img{width:85%} .slider_with_left_yellow_nav{margin-bottom:7em} /* .slider_with_left_yellow_nav .bx-wrapper .bx-controls-direction a{width:58px; height:58px; right:0} .slider_with_left_yellow_nav .bx-wrapper .bx-prev{background:url(/local/templates/new/img/slider_grey_arrows_up_down.png) 0 0; top:0} .slider_with_left_yellow_nav .bx-wrapper .bx-next{background:url(/local/templates/new/img/slider_grey_arrows_up_down.png) 0 -72px; top:70px} .slider_with_left_yellow_nav .bx-wrapper .bx-caption{background:none; left:20%; top:5%; width:50%} .slider_with_left_yellow_nav .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#d5d5d5; width:2.5em; height:2.5em; line-height:2.5em; top:-0.2em; right:0.35em} .slider_with_left_yellow_nav .bx-wrapper .bx-pager.bx-default-pager a{margin:0; line-height:2em} .slider_with_left_yellow_nav .bx-wrapper .bx-caption{background:none; left:6px; top:5%; width:85%; text-align:center} .slider_with_left_yellow_nav .bx-wrapper .bx-caption span{font:500 1.7em/1.3em 'Inter',Tahoma,sans-serif} .slider_with_left_yellow_nav .bx-wrapper .bx-pager.bx-default-pager a{position:relative; width:1.75em; height:1.75em; background:#e6c26d; text-indent:0em; color:#000; line-height:1.75em} .slider_with_left_yellow_nav .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#d5d5d5} .slider_with_left_yellow_nav .bx-wrapper .bx-pager{position:absolute; top:0; width:5em} .slider_with_left_yellow_nav .bx-wrapper .bx-pager .bx-pager-item{display:block; width:2em; height:2em; margin:0 auto; margin-bottom:1.3em} @media (max-width:920px){ .slider_with_left_yellow_nav .bx-wrapper .bx-pager{position:static; width:90%} .slider_with_left_yellow_nav .bx-wrapper .bx-pager .bx-pager-item{display:inline-block; margin-right:1.5em; margin-top:2em; margin-bottom:0} .slider_with_left_yellow_nav .bx-wrapper .bx-caption{width:90%} .slider_with_left_yellow_nav .bx-wrapper .bx-pager.bx-default-pager a{position:static} .slider_with_left_yellow_nav .bx-wrapper .bx-pager.bx-default-pager a:hover{margin:-0.2em 0 0 -0.2em} } @media (max-width:767px){ .slider_with_left_yellow_nav .bx-controls-direction{display:none} .adapt .bx-wrapper img, .slider_with_left_yellow_nav .bx-wrapper .bx-pager{width:100%} .slider_with_left_yellow_nav .bx-wrapper .bx-caption{width:100%} } @media (max-width:590px){ .slider_with_left_yellow_nav .bx-wrapper .bx-pager{margin-left:0.5em} .slider_with_left_yellow_nav .bx-wrapper .bx-pager .bx-pager-item{margin-top:1.5em} } @media (max-width:520px){ .slider_with_left_yellow_nav .bx-wrapper .bx-caption span{font:500 1.5em/1.5em 'Inter',Tahoma,sans-serif} .slider_with_left_yellow_nav .bx-wrapper .bx-pager.bx-default-pager a{text-align:center} .slider_with_left_yellow_nav .bx-wrapper .bx-pager{text-align:left} } @media (max-width:480px){ .slider_with_left_yellow_nav{margin-top:2em} .slider_with_left_yellow_nav .bx-wrapper .bx-pager .bx-pager-item{margin-top:1em; margin-right:1em} .slider_with_left_yellow_nav .bx-wrapper .bx-caption{left:10%; width:80%} .slider_with_left_yellow_nav .bx-wrapper .bx-pager.bx-default-pager a{width:2em; height:2em; line-height:2em} } @media (max-width:440px){ .slider_with_left_yellow_nav .bx-wrapper .bx-caption span{font:500 1.3em/1.3em 'Inter',Tahoma,sans-serif} } @media (max-width:380px){ .slider_with_left_yellow_nav .bx-wrapper .bx-caption span{font:500 1.1em/1.3em 'Inter',Tahoma,sans-serif} } */ .genplan_form_1.ushp_form .form-section{background:url(/local/templates/new/img/ushp_bg_form1.jpg) no-repeat 50% 50%; background-size:cover} .list_ushp li{font-size:1em} .item_box{background:#fff; margin-bottom:2em} .item_box .item_box_img{float:left; width:45%; } .item_box .item_box_img img{display:block; width:100%; height:auto} .item_box .item_box_text{float:left; font-size:.9em; width:55%; padding:0 1em} .numlist_circle.with_white_line li{margin-bottom:0 !important; padding-bottom:1.4em; height:auto} .numlist_circle.with_white_line li .plan_building_item_title{height:auto} .time_for_foundation .time_for_foundation_col{margin-bottom:2.5em; float:left} .time_for_foundation_col_red{width:30%; margin-right:2%} .time_for_foundation_col_yellow{width:68%} .time_for_foundation .scheme_months_red{background-color:#a1492b; /*height:72px;*/ border-radius:5px; color:#fff} .time_for_foundation .scheme_months_yellow{background-color:#4b9221; /*height:72px;*/ border-radius:5px; color:#fff} .time_for_foundation .scheme_months .scheme_months_title{float:left; font:700 0.9em/1.7em "Inter",sans-serif; text-transform:uppercase; margin:1.5em 2.1em 0 1.6em} .time_for_foundation .scheme_months .scheme_months_amount{float:right; float:left; font:500 1.1em/1.7em "Inter",sans-serif; text-transform:uppercase; margin-top:1.7em} .time_for_foundation .scheme_months .number{float:left; font:500 4em/1.7em "Inter",sans-serif; margin-right:0.2em; margin-top:-0.2em} .time_for_foundation .scheme_months_yellow .yellow_line{float:left; height:17px; width:280px; background:url(/local/templates/new/img/foundation_yellow_line.png); -webkit-background-size:contain; background-size:contain; margin-top:2em; margin-right:1em} .time_for_foundation .time_for_foundation_col{margin-bottom:2.5em; float:left} .time_for_foundation .time_for_foundation_col .left{float:left} .time_for_foundation .time_for_foundation_col .right{float:right; margin-right:1em} .time_for_foundation .all_months{margin:0 0 1.2em 0} .time_for_foundation .all_months .months_name{float:left; font:700 0.9em/1.25em "Inter",sans-serif; text-transform:uppercase; margin-right:1.5em} .months_name.last{margin:0 !important} .time_for_foundation .bad_months .months_name{margin-right:7.15em} .time_for_foundation .good_months .months_name{margin-right:2.9em} .time_for_foundation .scheme_months .scheme_months_title{float:left; font:700 0.9em/1.7em "Inter",sans-serif; text-transform:uppercase; margin:1.5em 2.1em 0 1.6em} .time_for_foundation .scheme_months .scheme_months_amount{float:right; float:left; font:500 1.1em/1.7em "Inter",sans-serif; text-transform:uppercase; margin-top:1.7em} .time_for_foundation .scheme_months .number{float:left; font:500 4em/1.7em "Inter",sans-serif; margin-right:0.2em; margin-top:-0.2em} .time_for_foundation .all_months.last{margin:0 !important; color:red} .completed_projects_gallery .container_gallery a{float:left; display:block; width:18.5%; margin-right:1.5%; margin-bottom:1.5%} .completed_projects_gallery .container_gallery img{width:100%; display:block; height:auto} .completed_projects_gallery .container_gallery a:last-child{margin-right:0} .container_gallery{padding:0 1.3em} .cliens_reviews{position:relative; margin-bottom:7em; padding:0} .cliens_reviews .bx-viewport{padding-top:4.5em; height:auto !important} .cliens_reviews .white_wrapper .client_photo{position:absolute; top:-4.5em; left:50%; transform:translateX(-50%)} .ushp .youtube .fancybox-close{top:-2.5em; right:-2.8em} .ushp_main_slider img{position:relative} .ushp_main_slider .img-overlay{position:absolute; content:''; display:block; top:0; width:84.5%; height:100%; left:6px; background:linear-gradient(to bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 18%,rgba(0,0,0,0) 100%)} .cliens_reviews .white_wrapper .name{text-transform:uppercase; text-align:center; margin-bottom:1.5em; font-weight:500} .cliens_reviews li{ background-color:#fff; margin-right:3em !important; padding:6.4em 2.7em 4.2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .ushp .cliens_reviews .bx-wrapper{max-width:760px !important} .cliens_reviews li img{width:9em; height:9em; border-radius:50%} .cliens_reviews .bx-pager .bx-pager-item{display:none} .cliens_reviews .bx-wrapper .bx-controls-direction a{position:absolute; width:58px !important; height:58px !important; top:55%} .cliens_reviews .bx-wrapper .bx-controls-direction a.bx-prev{background:url(/local/templates/new/img/slider_grey_arrows_left_right.png) -1px 0 no-repeat; left:-7em} .cliens_reviews .bx-wrapper .bx-controls-direction a.bx-next{background:url(/local/templates/new/img/slider_grey_arrows_left_right.png) -72px 0 no-repeat; right:-7em} .cliens_reviews .show_all_link{display:block; margin-top:0.5em; text-align:center; text-decoration:underline} .genplan_form_1.ushp_form2 .form-section{background:url(/local/templates/new/img/ushp_bg_form2.jpg) no-repeat 50% 50%; background-size:cover; padding:5% 0 3%} .ushp_articles{margin-bottom:7em} .white_bottom_text_img{padding:24em 3em 1em !important} .white_bottom_title{font:500 1.4em/1.5em "Inter",sans-serif !important; color:#fff !important; text-transform:none !important} .ushp_articles_description{background-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:1.8em; font:400 1em/1.5em "Inter",sans-serif !important} .addition_info_with_contacts{background-color:#fff; padding-top:3.5em; padding-bottom:3.5em} .addition_info_with_contacts .addition_text{font:500 1.2em/2em "Inter",sans-serif; color:#424242} .addition_info_with_contacts .addition_contacts_item .city{width:11.5em; float:left; font:400 1em/2em "Inter",sans-serif; color:#dca243} .addition_info_with_contacts .addition_contacts_item .number{float:left; font:400 1em/2em "Inter",sans-serif; color:#3c3c3c} .asterisk_text{color:#919191; font:400 1em/2em "Inter",sans-serif; margin-bottom:3em} .ushp_subtlety { display: flex; flex-wrap: wrap } .ushp_subtlety_col{min-height:14.3em} .genplan_form.ushp_form .form-section{padding:8em 0 4em} .ushp_form2 .form-section h3, .ushp_form2 .form-section .h3{color:#fff; font:300 2.6em/1.3em 'Inter',Tahoma,sans-serif; margin:0 0px .5em -.07em} .ushp_form2 .buttons{position:relative} .ushp_form2 .form-section .btn{position:relative; margin-top:0; position:absolute; right:17px; top:0} .ushp .design_works{margin:0 0 2em} .ushp ul.bxslider_ushp2{width:2000% !important} .ushp .primary_img_text{display:inline-block; width:100%} .ushp .plan_building_item_title{font:500 1em/1.7em "Inter",sans-serif} .ushp .numlist_circle{margin:0} .ushp .numlist_circle li{font-weight:500; min-height:2em} .ushp .numlist_circle.cr-2{counter-reset:numlist 4} .ushp .numlist_circle.cr-1, .ushp .numlist_circle.cr-2{position:relative} .ushp .numlist_circle.cr-1:before, .ushp .numlist_circle.cr-2:before{content:''; width:1px; height:20em; top:0; right:-17px; position:absolute; background-color:#fff} .ushp .b-houses .b-teaser{margin-bottom:3em} .ushp .b-houses .b-teaser{margin-bottom:3em} [data-percent]{float:left; padding-left:0; padding-bottom:0 !important; position:relative; height:115px} [data-percent] h3{margin-left:.4em; margin-top:.2em; margin-bottom:0} [data-percent] p{margin-left:.7em; line-height:1} @media (min-width:479px){ .ushp .b-projects .b-teaser:nth-child(2n+1){clear:left} .ushp .bx-wrapper .b-projects .b-teaser:nth-child(2n+1){clear:none} } @media (min-width:768px){ .ushp .b-projects .b-teaser:nth-child(2n+1){clear:none} .ushp .b-projects .b-teaser:nth-child(3n+1){clear:left} .ushp .bx-wrapper .b-projects .b-teaser:nth-child(3n+1){clear:none} } .ushp .b-houses .b-teaser a{position:relative; display:block; background:#fff; width:100%; overflow:hidden} .ushp .b-houses .b-teaser a:hover{box-shadow:0px 0px 1em rgba(0,0,0,.1)} .ushp .b-houses .b-teaser .b-img{display:block; margin:0em; position:relative} .ushp .b-houses .b-teaser .b-img img{width:100%} .ushp .b-houses .b-teaser .b-img .capture{display:block; position:absolute; left:.9em; right:.9em; bottom:.6em; color:#fff} .ushp .b-houses .b-teaser .b-img .area{display:block; position:relative; font:bold 1.8em/1.2em "Inter",sans-serif; text-shadow:0px .1em .5em rgba(0,0,0,.2)} .ushp .b-houses .b-teaser .b-img .area sup{font:normal .6em/2em "Inter",sans-serif} .ushp .b-houses .b-text{display:block; margin-left:.9em; margin-right:.9em} .ushp .b-houses .b-title{display:table; width:100%} .ushp .b-houses .b-title >span{display:table-cell; color:#525252; font:bold .86em/1.2em "Inter",sans-serif; text-transform:uppercase; vertical-align:middle; padding:.4em 0em .2em 0em; height:3.5em} .ushp .b-houses .place{display:table; border-top:1px solid #eee; width:100%} .ushp .b-houses .place >span{display:table-cell; color:#525252; font:normal .86em/1.2em "Inter",sans-serif; vertical-align:middle; padding:.4em 0em .2em 0em; height:3.5em} .ushp .b-houses .price{display:block; color:#525252; font:bold 1.2em/1.2em "Inter",sans-serif; padding:.8em .3em .5em .3em; border-bottom:1px solid #eee} .ushp .b-houses .b-content{border-top:1px solid #eee; padding:1.2em 0em 1.2em 0em; font:normal .86em/1.2em "Inter",sans-serif; display:block; color:#585858; height:3.5em} .ushp_form2 .yellow{color:#f9aa42} .ushp .catalog-section #main-column{margin:0 auto} @media (max-width:1800px){ .time_for_foundation .time_for_foundation_col .right { width: 100%; display: flex; justify-content: flex-end; } .global_text .global_text_bg{margin-left:0em;} .main_ushp_description_absolute { right: 0 } } @media (max-width:1600px){ .time_for_foundation .bad_months .months_name{margin-right:6.5em} .time_for_foundation .good_months .months_name{margin-right:2.6em} .main_ushp_description_absolute{right:0} } @media (max-width:1199px){ .time_for_foundation .bad_months .months_name{margin-right:7.9em} .time_for_foundation .good_months .months_name{margin-right:3.3em} .main_ushp_description_absolute{right:0} } @media (max-width:1024px){ .main_ushp_description_absolute{right:0} .global_text .global_text_bg{margin-left:5em; margin-top:2em; margin-bottom:1em} } @media (max-width:991px){ .time_for_foundation .bad_months .months_name{margin-right:6.5em} .time_for_foundation .good_months .months_name{margin-right:3.5em} .description_50 .ushp_scheme img{width:50%} .description_50 .ushp_scheme{text-align:center; margin:3em 0 2em 1em} .ushp_front_img{margin-bottom:1em} .bxslider_ushp{padding-left:4em} .time_for_foundation .time_for_foundation_col{float:none} .time_for_foundation_col_yellow{width:100%} .time_for_foundation_col_red{width:23em} .main_ushp_description_absolute_wrap{padding:2em 3.4em 2em} .main_ushp_description_absolute{right:0; top:34em} .main_ushp_description_absolute_wrap{padding:2em 3.4em 2em} .main_ushp_description_absolute .ushp_title{font:400 1.2em/1.8em "MyriadPro",sans-serif} .main_ushp_description_absolute .ushp_title:before{background:url(/local/templates/new/img/real_house.png) no-repeat; background-size:70%} .main_ushp_description_absolute .ushp_video img{width:85%; height:auto} .main_ushp_description_absolute .text{font:400 1.1em/1.7em "MyriadPro",sans-serif; margin-bottom:1em} .main_ushp_description_absolute .ushp_video{ height:auto} .ushp_comparison span{margin-bottom:3em} .ushp_advantages .design_advantages_item.without_bd_adt{border-right:none} .ushp_advantages .design_advantages_item.add_bd_adt{border-right:2px solid #fff} .ushp_advantages .design_advantages_item.add_bd_adt2{border-bottom:2px solid #fff} } @media (max-width:920px){ .ushp_front_img .primary_img_icons{margin-left:40%} .ushp_main_slider .img-overlay{width:89.5%} .ushp_main_slider .bx-wrapper img{width:90%} .ushp .cliens_reviews .bx-wrapper{max-width:360px !important} .cliens_reviews .bx-wrapper li{width:360px !important} .cliens_reviews{margin-bottom:5em} } @media (max-width:880px){ .ushp_form2 .form-section .btn{padding:1.1em 1.6em; font-size:1em} } @media (max-width:767px){ .description_50 .ushp_scheme img{width:75%} .ushp_form2 .form-section .btn{top:-55px} .ushp_front_img .primary_img_icons{margin-left:0%; margin-top:3em} .numlist_circle.with_white_line{margin-bottom:0em} .numlist_circle.with_white_line li, .numlist_circle.with_white_line li:last-child{min-height:5em} .design_advantages.ushp_advantages{padding-top:1em} .design_advantages .design_advantages_list{padding-top:2.4em} .bx-wrapper img, .slider_with_left_yellow_nav .bx-wrapper .bx-pager{width:100%} .ushp_main_slider .img-overlay{width:99.5%} .ushp_main_slider .bx-wrapper img{width:100%} .ushp_articles .ushp_articles_col{margin-bottom:3em} .bx-wrapper .bx-controls-direction a{position:static} .global_text{display:none} .main_ushp_description_absolute{position:static; width:100%} .main_ushp_description_absolute .ushp_title{margin-bottom:1em; font:400 1.5em/1.8em "MyriadPro",sans-serif; padding-left:5em} .main_ushp_description_absolute .ushp_video img{width:100%} .main_ushp_description_absolute .text{margin-bottom:2em} .ushp_top_img .primary_img_icons{margin:0 0 0 23%} .description_50{margin-bottom:2em} .ushp_advantages .design_advantages_item.without_bd_rt{border-right:2px solid #fff} .ushp_advantages .design_advantages_item.without_bd_bt{border-bottom:2px solid #fff} .ushp_advantages .design_advantages_item.without_bd_adt2{border-right:none} .ushp_articles{margin-bottom:3em} .cliens_reviews{padding-top:0} } @media (max-width:680px){ .time_for_foundation .all_months .months_name{margin-bottom:1em} .time_for_foundation .all_months{margin-bottom:0} .ushp_advantages .design_advantages_item{height:26em !important} .ushp_top_img .primary_img{padding:5em} .ushp_top_img .primary_img_icons{margin:0 0 0 13%} .ushp_top_img .primary_img_icons .primary_img_icons_item{margin-bottom:2em} .main_ushp_description_absolute .ushp_title { padding-left: 0em; padding-top: 4em; } .main_ushp_description_absolute_wrap{padding:2em 2em 2em} } @media (max-width:590px){ .ushp_text_img p{padding-left:0} .slider_with_left_yellow_nav .bx-wrapper .bx-pager .bx-pager-item{margin-top:1.5em} .primary_front_img .primary_img_icon img{width:25%} .cliens_reviews .bx-wrapper .bx-controls-direction a.bx-prev, .cliens_reviews .bx-wrapper .bx-controls-direction a.bx-next{position:static; display:inline-block; margin-right:2em; margin-top:2em} .cliens_reviews .bx-wrapper .bx-controls-direction a.bx-prev, .cliens_reviews .bx-wrapper .bx-controls-direction{text-align:center} } @media (max-width:480px){ .description_50 .ushp_scheme img{width:90%} .service-page-item #page-title-section #b-page-title h1{font-size:3em; margin-bottom:.7em} .item_box .item_box_img, .item_box .item_box_text{float:none; width:100%} .completed_projects_gallery .container_gallery a{float:none; width:100%; margin-bottom:2em} .item_box .item_box_img{padding-left:0; padding-bottom:0} .ushp_articles{margin-bottom:3em} .primary_front_img .primary_img_icon img{width:30%} .main_ushp_description_absolute_wrap{padding:2em 0em 2em} } @media(max-width:410px){ .time_for_foundation .all_months .months_name{width:33.3333333333%; margin-right:0px} } @media (max-width:380px){ .time_for_foundation .scheme_months .scheme_months_title{font:700 0.8em/1.7em "Inter",sans-serif} .time_for_foundation .scheme_months .number{font:500 3em/2em "Inter",sans-serif} .time_for_foundation .scheme_months .scheme_months_amount{font:500 1em/1.7em "Inter",sans-serif} .ushp .cliens_reviews li{padding:6.4em 2em 4.2em} } @media (max-width:320px){ .ushp_top_img .primary_img_icons{margin:0 0 0 20%} .ushp .primary_img_text{text-align:left} .ushp_top_img .primary_img_icons .primary_img_icons_item{text-align:center; margin-right:0} .main_ushp_description_absolute .ushp_title{font-size:1.3em} .cliens_reviews .bx-wrapper li{width:310px !important; margin-left:5px} } .services .sq{ width:100%; position:relative; display:block; overflow:hidden; } .services .sq:before{content:""; display:block; margin-top:70%} .services .sq>.sqwr { top:0; position:absolute; left:0; bottom:0; right:0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 1.5em; } .genplan #service_order_form_section, .genplan #service_order_form_section_2{margin:3em 0} .genplan .b-square-xxs{height:500px} .genplan .bxslider_service .bx-viewport{height:500px} @media (max-width:992px){ .genplan .b-square-xxs{height:450px} .bxslider_service .bxslider_service_item .slider_title{bottom:30%} .bxslider_service .bx-wrapper .bx-pager{bottom:20%} } @media (max-width:600px){ .bxslider_service .bx-wrapper .bx-pager.bx-default-pager a{width:20px; height:20px; line-height:19px; font-size:10px; border-width:1px; margin:0 .3em} } .formula_for_the_perfect_home img.numbered-house{display:none} @media (max-width:1600px) and (min-width:1152px){ .scalize{max-width:100%} } @media (max-width:1151px) and (min-width:1135px){ .scalize{max-width:100%} } @media (max-width:550px){ .articles-page .detail_picture .b-share{display:none} .scalize{display:none} .formula_for_the_perfect_home img.numbered-house{display:block; max-width:100%} } .articles-page .detail_picture .text-over .in{text-align:center} .services .services_picture{background-size:cover; /* height:13em; */ /* height:26em; */ padding:1em} .services_center_content{display:table-cell; vertical-align:middle} .services_picture_title{font-size:1.1em; line-height:1.1; margin-bottom:.2em; /* padding-top:2em; */ text-transform:uppercase} .services_picture_text{font-size:.85em; color:#fff; line-height:1.1} .key p{margin-bottom:.8em} .key_info{margin-top:8em; margin-bottom:4.5em} .key_info .h1_text{margin-top:0} .key_warning{background:url(/upload/turnkey/key_bg_1.jpg) no-repeat; background-size:cover; min-height:230px; color:#fff; padding:2em; padding-bottom:1.5em; font-size:1.185em; line-height:1.5} .key_warning p{padding-left:100px; position:relative} .key_warning p:before{content:''; position:absolute; left:0; top:0; width:70px; height:81px; background:url(/upload/turnkey/warning_ico.png) no-repeat; background-size:contain} .key_stages .comp-list{max-width:920px} .key_stages .list-numbered-item{padding-left:4em} .key_stages .whitebar{display:block; padding:1em; padding-left:2em; font-weight:bold; background-color:#fff; margin:1em 0 2em; margin-left:-1.45em} .key_advantages{margin-top:4em} .key h4{font-size:1.6em; margin-bottom:1.5em} .key .numlist_circle{margin-bottom:.5em} .key ol.numlist_circle>li{padding-left:5.2em; margin-bottom:2.8em} .key ol.numlist_circle>li:before{width:3.5em; height:3.5em; line-height:3.5em; background-color:#189e0b; top:-1em} .key .plan_building_item_title{font:500 1em/1.7em "Inter",sans-serif; min-height:3em} .key_disadvantages{border-top:1px solid #fff; padding-top:1em} .key_disadvantages ol.numlist_circle>li:before{background-color:#9e0b0f} .key_info.price{margin-bottom:5.7em; margin-top:5em} .key_info.price p{font-family:"MyriadPro",sans-serif} .key_info.price .h1_text{margin-bottom:.8em} .key_info .key_price{background:url(/upload/turnkey/key_bg_2.jpg) no-repeat; background-size:cover; height:573px; color:#fff; padding:2.5em; padding-bottom:1.5em; font-size:1.185em; line-height:1.5} .key_info .price-title{font-weight:bold; color:#eaac35; font-size:3.5em} .key_info.price .price-descr{/*height:558px;*/ position:relative} .key_info .price-message{background-color:#fff; color:#eaac35; font-family:"Inter",sans-serif; padding:1.8em 2em; font-weight:bold; /*position:absolute*/ } .key_info.price .row, .key_info.price .col-sm-6 { display: flex; flex-wrap: wrap; } @media (max-width:1599px){ .key ol.numlist_circle>li{padding-left:6.2em} .key_info.price .price-descr, .key_info.price .key_price{/* height:450px */ height: auto;} .key_info .price-message{position: static;} } @media (max-width:1599px){ .key ol.numlist_circle>li{padding-left:6.2em} } @media (max-width:992px){ .key_warning{margin-top:40px} .key_warning p{padding-left:0} .key_warning p:before{position:static; display:block; margin:0 auto 20px} } @media (max-width:767px){ .key_info.price .price-descr{height:auto} .key_info .price-message{position:static; margin:2em 0} .key_info.price .key_price{height:300px; background-position:bottom} } @media (max-width:450px){ .services-page.key .detail_picture .text-over{padding-top:30%} } .politics_notice{font-size:.9em; margin:1em 0} .politics_notice a{text-decoration:underline} .politics_notice a:hover{text-decoration:underline} .form-error{color:#ff6b6b; font-size:11px; padding:10px 0px; line-height:14px} .article-section p a{text-decoration:underline} [data-percent], [data-percent] h3{color:#000} [data-percent] p{font-weight:500} table.info3 th, table.info3 td{vertical-align:top; background:#fff} table.info3 td{padding-top:25px} table.info3 >tbody >tr:last-child td{padding-bottom:2.5em} table.info3 th{border-bottom:1px solid #dcdcdc; padding-bottom:22px} table.info3 tr:nth-child(2) td{padding-top:22px} table.info3 tr td, table.info3 tr th{width:50%; padding-left:15px; padding-right:15px} table.info3 .info-plus{position:absolute; width:35px; height:35px; display:block; float:left; margin-right:15px; left:0px; margin-top:-5px} table.info3 .info-plus:before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#00A000; z-index:1} table.info3 .info-plus:after{position:absolute; content:'+'; left:0; right:0; top:0; bottom:0; margin:auto; color:#fff; z-index:2; font-style:normal; line-height:35px; text-align:center; font-size:16px; font-weight:500} table.info3 .td-info{padding-left:50px; position:relative} table.info3 .info-minus{position:absolute; width:35px; height:35px; display:block; float:left; margin-right:15px; left:0px; margin-top:-5px} table.info3 .info-minus:before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#BC0100; z-index:1} table.info3 .info-minus:after{position:absolute; content:'-'; left:0; right:0; top:0; bottom:0; margin:auto; color:#fff; z-index:2; font-style:normal; line-height:35px; text-align:center; font-size:16px; font-weight:500} table.info3 .info-minus+span{padding-top:8px; display:block} table.info3 .info-plus+span{padding-top:8px; display:block} .info3-border td{border-top:1px solid #dcdcdc} table.finance_tab tr td, table.finance_tab tr th{padding:1.8em 3.5em} table.finance_tab tr:last-child{padding-bottom:15px} .main-info{display:block; margin-top:4em; background:url(/local/templates/new/img/main-info.jpg) no-repeat center center / cover; height:204px; position:relative; color:#fff} .main-info:before{position:absolute; content:''; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.52); z-index:1} .main-info:after{position:absolute; content:''; width:80px; height:80px; background:url(/local/templates/new/img/main-info-icon.png) no-repeat center center / contain; left:40px; top:50px; z-index:2} .main-info span{position:relative; z-index:3; display:inline-block; margin-left:10em; margin-top:3.5em; margin-right:5em; font-size:16px; line-height:1.4em} ol.payment-list-info{margin-left:0} ol.payment-list-info li{padding-left:3.5em; font-weight:500} ol.payment-list-info li:before{left:0} .info-desc-2{height:194px} ul.numlist-checked{margin-left:0; padding-left:0} ul.numlist-checked li{position:relative; padding-left:3.5em; line-height:2.5em} ul.numlist-checked li:before{background:url(/local/templates/new/img/list_check.svg) no-repeat center center / contain; width:2.5em; height:2.5em; position:absolute; left:0; margin:0} ul.numlist-checked li a{color:#A77C5C} .complectation-project-detail{font-size:9px; font-weight:500; display:inline-block; text-decoration:underline} @media (max-width:1600px){ .complectation-project-detail{font-size:7px; font-weight:700} } @media (max-width:992px){ table.info3 .info-plus{width:30px; height:30px; margin-right:10px; left:0px; margin-top:-5px} table.info3 .info-plus:after{line-height:30px} table.info3 .info-minus{width:30px; height:30px; margin-right:10px; left:0px; margin-top:-5px} table.info3 .info-minus:after{line-height:28px} table.info3 .td-info{padding-left:40px; min-height:30px} } @media (max-width:700px){ table.info3 tr td{font-weight:inherit; font-size:0.8em} table.info3 tr th{font:500 1.1em/1.2em Inter,sans-serif} table.info3 .info-plus{width:20px; height:20px; margin-right:10px; left:0px; margin-top:0px} table.info3 .info-plus:after{line-height:21px; font-size:13px} table.info3 .info-minus{width:20px; height:20px; margin-right:10px; left:0px; margin-top:0px} table.info3 .info-minus:after{line-height:20px; font-size:13px} .main-info{margin-top:2.5em} table.info3 .td-info{padding-left:30px; min-height:20px} table.finance_tab tr td, table.finance_tab tr th{padding:1.5em 1.5em} table.finance_tab tr th h4{font:500 1em/1.2em Inter,sans-serif} } @media (max-width:450px){ .main-info:after{width:70px; height:70px; left:20px; top:40px} .main-info span{margin-left:7em; margin-top:2.5em; margin-right:1em; font-size:1.2em} } .payment-info-section h2{margin-left:0} .quote-title{border-bottom:1px solid #fbad33; position:relative; padding-bottom:10px; margin-bottom:20px; font-style:italic} .quote-title_tit{position:relative; text-align:center; line-height:16px; height:16px; margin-bottom:7px} .quote-title_tit span, .quote-title_tit p{position:relative; z-index:2; font-style:italic; margin:0; padding:0 5px; color:#fbad33; background:#fff; line-height:16px; height:16px; display:inline-block; text-transform:uppercase} .quote-title_tit:after{height:1px; background:#fbad33; position:absolute; top:7px; content:""; left:0; width:100%} .quote-title p:last-child{margin-bottom:0} h2.h2_quality{margin-bottom:0.6em} .table-material{background:#fff; margin-bottom:30px} .table-material_item{padding:40px; border-bottom:1px solid #f0f1f2; min-height:400px; position:relative} .table-material_item:last-child{border-bottom:none} .tabl-material_item_title{font-size:1.3em; line-height:1.35em; margin-bottom:20px} .tabl-material_item_info{width:37%; float:left} .tabl-material_item_img{position:absolute; height:calc(100% - 80px); width:55%; right:40px; top:40px} .tabl-material_item_img.no-foto{background:url(/local/templates/new/img/no_foto.jpg) no-repeat center} .tabl-material_item_brend_logo img{max-width:170px; max-height:150px} .tabl-material_item_brend{margin-bottom:30px} .tabl-material_item_brend:last-child{margin-bottom:0} .tabl-material_item_brend_text{line-height:1.6em; margin-top:15px} @media(max-width:992px){ .tabl-material_item_info{width:100%; float:none} .tabl-material_item_img{position:static; width:100%; height:250px; margin-top:30px} .tabl-material_item_img.no-foto{display:none} .table-material_item{min-height:auto} } @media(max-width:500px){ .tabl-material_item_img{height:150px} } .customer-feedback_title{font:700 1.3em/1.2em Inter,sans-serif; margin:2em 0 1em; color:#555} .customer-feedback_cont{background:#fff} .customer-feedback_item{border-top:1px solid #f0f1f2; float:left; width:50%; padding:30px; position:relative; font:400 20px/30px Inter,sans-serif} .customer-feedback_item:nth-child(1){border-top:none} .customer-feedback_item:nth-child(2){border-top:none} .customer-feedback_item:nth-child(2n+1){clear:left} .customer-feedback_item:nth-child(2n+1):after{content:""; height:100%; width:1px; background:#f0f1f2; top:0; right:0; position:absolute} .customer-feedback_item:nth-child(2){border-top:none} .customer-feedback_item:nth-child(2n):after{content:""; height:100%; width:1px; background:#f0f1f2; top:0; left:-1px; position:absolute} .customer-feedback_item>p{font:400 20px/30px Inter,sans-serif; padding-left:30px; position:relative; margin-bottom:0} .customer-feedback_item>p:before{content:"«"; position:absolute; top:0; left:0; color:#FFC462; height:25px; font:900 24px/25px Inter,sans-serif; display:inline-block} .customer-feedback_item>p>span{color:#FFC462; font:900 24px/25px Inter,sans-serif} @media(max-width:992px){ .customer-feedback_item{font:400 16px/25px Inter,sans-serif} .customer-feedback_item>p{font:400 16px/25px Inter,sans-serif} .customer-feedback_item>p:before{line-height:22px} .customer-feedback_item>p>span{line-height:10px} } @media(max-width:500px){ .customer-feedback_item{width:100%} .customer-feedback_item:nth-child(2){border-top:1px solid #f0f1f2} .customer-feedback_item.free{display:none} } h4.kredit_title{font-size:1.7em; margin-top:2em} .loko-bank{padding-right:400px; position:relative} .loko-bank:before{content:""; position:absolute; top:10px; right:0; width:350px; height:660px; background:url(/local/templates/new/img/loko_bank.jpg) no-repeat} @media(max-width:992px){ .loko-bank{padding-right:300px} .loko-bank:before{width:250px; background-size:contain} } @media(max-width:700px){ .loko-bank{padding-right:0px} .loko-bank:before{display:none} } .kredit_table h4{text-align:center; font-size:1.3em; margin:1em 0} .ul_mat_kap{margin:0.5em 0 0} .table-smeta{border:none; border-collapse:collapse; outline:none; margin:0 0 1.6em; width:100%} .table-smeta table{border-color:#e1e3e6; border-collapse:collapse} .table-smeta td{vertical-align:top; border-collapse:collapse; border-color:#e1e3e6} .table-smeta>tbody>tr:first-child{border:none} .table-smeta th{background:#fff; font-size:1.28em; line-height:1.44em; padding:17px 28px; border-color:#e1e3e6} .table-smeta_pad{padding:13px 25px 24px; padding-right:20px} .table-smeta_num{width:25px} .table-smeta_count{width:85px} .table-smeta_lv2 td{padding:10px 5px; line-height:1.43em} .table-smeta_td-left td{padding:10px 5px} .table-smeta_tit{font-weight:700} .table-smeta_lv3 td{color:#959595; padding:5px 5px} .table-smeta_lv2_2{padding:24px 25px} .table-smeta_2 tr:nth-child(even){background:#ebeced} .table-smeta_2 th{font-size:1em; padding:20px 10px} .table-smeta_2 td{padding:7px 10px} .table-smeta_2 tr td:first-child, .table-smeta_2 tr th:first-child{padding-left:25px} .table-smeta_2 tr td:last-child, .table-smeta_2 tr th:last-child{padding-right:25px} .smeta_123{background:#fff; margin:2em 0 2.6em; padding:30px 40px 35px; font-size:1.4em; line-height:1.5em} .smeta_123_row{margin-bottom:32px} .smeta_123_row:last-child{margin-bottom:0} .smeta_123_left{width:120px; float:left; color:#fbad33} .smeta_123_right{width:calc(100% - 120px); float:left} .smeta_123_right p{font-size:0.7em; line-height:1.85em; margin:0; margin-top:5px} @media ( max-width:500px){ .smeta_123_left{width:100%} .smeta_123_right{width:100%} } .quote_textorange{color:#fbad33; font-size:1.4em; line-height:1.5em} .table_row{width:100%; position:relative} .table_row_in{overflow-x:auto} .table_row:before{content:""; position:absolute; right:-15px; width:15px; height:100%; background:-webkit-linear-gradient(0deg,rgba(243,243,243,0.5),rgb(243,243,243)); background:-moz-linear-gradient(0deg,rgba(243,243,243,0.5),rgb(243,243,243)); background:-ms-linear-gradient(0deg,rgba(243,243,243,0.5),rgb(243,243,243)); background:-o-linear-gradient(0deg,rgba(243,243,243,0.5),rgb(243,243,243))} @media ( max-width:767px){ .table_row:before{right:-7px} } .user_consent_label span{line-height:12px; font-size:9px} button.submit2, input.submit2{width:100%; } .submenu-section-fixed .b-submenu{margin-bottom:0!important} .ukaz-stoim{margin-top:20px; display:block} .navbar-nav>li>a{line-height:1.7em} .navbar-nav>li>span.current{line-height:1.7em} .fancybox-full .fancybox-close{ right:20px; top:20px; transition:.3s} .fancybox-full .fancybox-next{ right:10px; transition:.3s} .fancybox-full .fancybox-prev{ left:10px; transition:.3s} @media (max-width:991px){ .fancybox-wrap.fancybox-full {left:0 !important; top: 0!important; width:100vw !important; height: calc(100vh - 50px) !important; /*transition:.3s;*/ /*transform:translate(0,-60px);*/ position: fixed !important; } .fancybox-full .fancybox-inner{ height:calc(100vh - 50px) !important; width:auto !important; /*transition:.3s*/} .fancybox-full .fancybox-prev span{ border-left:2px solid #dbdbdb; border-bottom:2px solid #dbdbdb} .fancybox-full .fancybox-next span{ border-right:2px solid #dbdbdb; border-top:2px solid #dbdbdb} .fancybox-full .fancybox-image{ margin:auto; display:block; position:absolute; left:0; top:0; right:0; bottom:0; transition:.3s/**/} } .fancybox-full .fancybox-iframe, .fancybox-full .fancybox-image{ width:auto !important; height:auto !important; /*transition:.3s*/} .fancybox-full .fancybox-skin{ background-color:transparent; /*transition:.3s*/} .fancybox-full .fancybox-opened .fancybox-skin{ box-shadow:none; /*transition:.3s*/} .news-detail-bottom-text { padding-bottom: 80px; } @media (max-width:767px) { .news-detail-bottom-text { padding-bottom: 40px; } } .portfolio_detail_descr .play-iframe-video, .b-catalog-card-text-left .play-iframe-video, .after-bottom-text .play-iframe-video { position: relative; } .portfolio_detail_descr h2, .b-catalog-card-text-left h2, .after-bottom-text h2 { text-transform: uppercase; } .portfolio_detail_descr .play-iframe-video:before, .b-catalog-card-text-left .play-iframe-video:before, .after-bottom-text .play-iframe-video:before { content: ""; display: block; padding-top: 56.23%; } .portfolio_detail_descr .play-iframe-video .play-iframe-video__over { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; } .portfolio_detail_descr iframe { position: relative; z-index: 1; } .portfolio_detail_descr .play-iframe-video iframe, .b-catalog-card-text-left .play-iframe-video iframe, .after-bottom-text .play-iframe-video iframe { position: absolute; top: 0;left: 0; z-index: 1; width: 100% !important; height: 100% !important; } .footer > [itemprop=name] {display: none} .sch-instock { display: none; } .project-dop { padding-left: 20px; position: relative; font-size: 11px; line-height: 16px; margin-top: 20px; } .project-dop__star { position: absolute; font-size: 20px; line-height: 20px; top: 0; left: 0; color: #F1C174; font-weight: 700; } #webform-form-19-popup .btn, #webform-form-54 .form-submit.btn { background: #f3c368; color: #464646; font: 400 1em/1.2em Inter,sans-serif; padding: 1.2em 3.4em; font-size: 1.14em; font-weight: 700; } /**/ .fancybox-wrap form textarea.form-control, .contacts-row > .col2 .form_wrapper textarea.form-control { min-height: 200px; } #webform-form-21 input.submit2, #webform-form-22 input.submit2, #webform-form-38 input.submit2 { display: block; margin-left: auto; margin-right: auto; } #webform-form-54 .form-submit.btn { display: block; margin-left: auto; margin-right: auto; } @media (max-width:767px){ .fancybox-wrap form textarea.form-control, .contacts-row > .col2 .form_wrapper textarea.form-control { min-height: 125px; } #webform-form-21 .form-item, #webform-form-22 .form-item { margin-left: 0; margin-right: 0; } #webform-form-19-popup .btn { width: 100%; } .contacts-row > .col2 .form_wrapper { padding: 10px; padding-top: 30px; } #webform-form-23 .text-right, #webform-form-39 .text-right, #webform-form-19 .text-right, #webform-form-50 .text-right { text-align: center; } #webform-form-23 .text-right .btn, #webform-form-39 .text-right .btn, #webform-form-19 .text-right .btn, #webform-form-50 .text-right .btn, #webform-form-54 .form-submit.btn { width: 100%; } } .i-detail-project-price:before { background: url('/local/templates/new/components/bitrix/catalog.element/projects/images/icons/money.svg') no-repeat center center / contain; } .b-submenu ul.menu>li>span.curent { font: 700 .86em/1.2em Inter,sans-serif; color: #525252; display: inline-block; padding: 1.7em 0 1.1em; margin: 0 1em; border-bottom: .4em solid #fff; text-transform:uppercase; cursor: pointer; } ul.lvl2_2>li>span.curent { color: #fff; font-weight: 600; line-height: 2em; font-size: 1.1em; } .b-submenu ul.menu>li>span.curent { border-bottom: .4em solid #feae21; } #b-catalog-card-gallery { padding-top: 0; } .menu-smpl { line-height: 1.7; } .mobile_menu .root-item form, .mobile_menu .root-item form input { width: 100%; } .mobile_menu .root-item form { margin-top: 10px; } .mobile_menu .root-item form input { padding-right: 15px; padding-left: 15px; height: 45px; } @media(max-width: 1599px) { #b-navtop.nav li.root-item--search { height: 38px; } } @media(max-width: 1299px) { #b-navtop.nav li.root-item--search { height: 34px; } } @media(max-width: 989px) { #b-navtop.nav li.root-item--search { height: 37px; } } @media(max-width: 767px) { .root-item--search .search_result_modal { width: 100%; } } .br-item-last, .br-item-last span { color: #454545; } .card-btn-see { position: absolute; bottom: 14px; right: 15px; color: #fff; text-align: center; background: #f3c368; font-size: 14px; padding: 5px 15px; border-radius: 8px; transition: .2s; z-index: 10; } .card-btn-see:hover { background-color: #ffa53b } @media(max-width: 767px) { .card-btn-see { font-size: 12px; padding: 3px 10px; border-radius: 5px; right: 10px; bottom: 10px; } } @media(max-width: 600px) { .card-btn-see { font-size: 11px; } } .top-menu-lev-item { color: #fff; } #b-navbot > li > a:hover { color: #747474; } #b-navbot > li.active > span { color: #feae20; } #mobile_menu #b-navbot .mb-bottom-menu-item { color: #feaf24; } .cookie-panel { position: fixed; width: 100%; background: #565656; padding-top: 20px; padding-bottom: 20px; color: silver; font-size: 13px; color: #121314; background: #e5e5e3; bottom: 0; z-index: 1002; } .cookie-panel .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .cookie-panel p { color: #121314; font-size: 12px; font-weight: 500; margin-bottom: 8px; line-height: 135%; padding-right: 15px; width: calc(100% - 150px); } .cookie-panel p a { color: #121314; text-decoration: underline; } .cookie-panel__btn { display: inline-block; color: #fff; text-decoration: none; text-align: center; background-color: #f3c368; transition: .2s; cursor: pointer; height: 32px; width: 140px; background-color: #fff; border: 1px solid #8c8c8c; cursor: pointer; display: inline-block; font-size: 11px; color: #121314; line-height: 31px; } .cookie-panel__btn:hover { background-color: #fff; } .cookie-panel.cookie-panel--close { display: none; } @media (max-width: 767px) { .cookie-panel .container { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .cookie-panel { padding-top: 10px; padding-bottom: 10px; } .cookie-panel p { width: 100%; margin-bottom: 5px; } } .detail_section_text { margin-bottom: 40px; } .detail_section_text table{ border: 1px solid #ccc; width: 100%; } .detail_section_text table tr td{ border: 1px solid #ccc; padding: 10px; } .detail_section_text table tr td:first-child{ width: 250px; font-weight: bold; } /* advantages-grid */ .advantages-grid { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; padding-top: 20px; padding-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .advantages-grid__item { padding-left: 20px; padding-right: 20px; width: 20%; margin-bottom: 30px; } .advantages-grid__img { width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .advantages-grid__title { text-transform: uppercase; text-align: center; line-height: 15px; font-size: 12px; } @media(max-width: 991px) { .advantages-grid__item { width: 33.33%; } .advantages-grid__img { width: 80px; height: 80px; } .advantages-grid__title { font-size: 11px; line-height: 14px; } } @media(max-width: 600px) { .advantages-grid__item { width: 50%; } .advantages-grid { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .advantages-grid__item { padding-left: 10px; padding-right: 10px; } .advantages-grid__img { width: 60px; height: 60px; margin-bottom: 15px; } .advantages-grid__title { font-size: 10px; line-height: 13px; } .advantages-grid { margin-left: -10px; margin-right: -10px; } } /* advantages-grid */ [name="USER_MESSG_LIST"] {display: none;} .proj-form { padding: 50px 50px; padding-bottom: 68px; background: url(/local/templates/new/img/form_proj.jpg?1) no-repeat center; background-size: cover; position: relative; color: #fff; font-family: 'Inter',sans-serif; font-size: 14px; line-height: 1.85; margin: 65px 0; float: left; width: 100%; width: calc(100% - 30px); margin: 65px 15px; } .proj-form__img { position: absolute; right: 0; bottom: 0; background: url(/local/templates/new/img/form_proj2.png) no-repeat right bottom; background-size: contain; width: 420px; } .proj-form__img:before { content: ""; width: 100%; padding-top: 100%; display: block; } .proj-form__title { font-weight: 300; font-size: 42px; line-height: 1.3; margin-bottom: 16px; } .proj-form__text { font-weight: 300; margin-bottom: 16px; } .proj-form__text2 { font-weight: 400; } .proj-form__btn{ display: inline-block; background: #F3C368; border-radius: 6px; font-weight: 400; font-size: 16px; line-height: 1.2; text-transform: uppercase; padding: 15px 30px; color: #464646; margin-top: 20px; } .proj-form__cont { width: calc(100% - 400px); max-width: 535px; } @media(max-width: 991px) { .proj-form { margin-top: 20px; } .proj-form__cont { width: 100%; max-width: 600px; } .proj-form__img { display: none; } } @media(max-width: 550px) { .proj-form { padding: 35px 25px; line-height: 1.4; margin: 20px 15px 40px; } .proj-form__title { font-size: 35px; } .proj-form__btn{ padding: 10px 20px; font-size: 14px; } } @media(max-width: 400px) { .proj-form__title { font-size: 26px; } } /*quiz*/ #q-block .title{ font-family: "Geometria",sans-serif; font-weight: 400; font-size: 35px; line-height: 1.2; margin-bottom:30px } .q-block-inline { position: relative; font-family: "Inter",sans-serif; padding:50px 0; } .q-block-inline:before { content: ""; display: block; position: absolute; width: 250%; height: 100%; left: -75%; top: 0; background:url("/local/templates/new/img/q-block.jpg") top center no-repeat; background-size:cover; } .q-block-inline__cont { position: relative; z-index: 2; } #q-block.q-block-inline { margin: 0 1.3em 3em; } #q-block .sub{ font-size: 25px; line-height: 1.2; font-family: "Inter",sans-serif; margin-bottom: 40px; } #q-block .sub strong{ font-weight: 800; } #q-block .sub span{ color: #F4C367; font-weight: 700; } #q-block .text{ font-family: "Inter",sans-serif; font-weight: 400; font-size: 16px; line-height: 1.2; margin-bottom: 30px; } #q-block .button{ background: #F4C367; border-radius: 12.2422px; text-decoration: none; color: #000; font-family: "Inter",sans-serif; font-size: 16px; padding: 10px 40px; display: inline-block; transition:0.3s all; } #q-block .button:hover{ background-color: #ffa53b; } #quiz { font-size: 18px; font-family: "Inter",sans-serif; line-height: 1.3; } #quiz .quiz-wrap{ display: flex; flex-wrap: wrap; height: 100%; overflow: auto; } #quiz form{ max-width:10000px; background: #fff; color: #464646; height: 600px; max-height: calc(100vh - 190px); /*overflow: auto;*/ padding: 40px; max-width: calc(100vw - 40px); } #quiz label.error{ display:none !important; } #quiz input.error{ border-color:red !important; } #quiz .title{ font-size: 36px; font-weight: 800; font-family: Geometria,sans-serif; line-height: normal; margin-bottom: 30px; } #quiz .block{ margin-bottom: 25px; } #quiz .step_quest.step_quest--col-val .block:nth-child(odd):last-child { margin-bottom: 25px; } #quiz .block:last-child { margin-bottom: 0; } #quiz .block input[type=radio], #quiz .block input[type=checkbox] { display: none; } #quiz .block label { display: inline-flex; align-items: center; cursor: pointer; position: relative; user-select: none; margin: 0; } #quiz .block label:before { content: ""; display: inline-block; width: 45px; min-width:45px; height: 45px; border: 1px solid #878787; border-radius: 50%; margin-right: 15px; } #quiz .block.block--multi label:before { border-radius: 0; } /* Checked */ #quiz .block input[type=radio]:checked + label:before, #quiz .block input[type=checkbox]:checked + label:before { background: url("/local/templates/new/img/gal.png") center center no-repeat; } /* Hover */ #quiz .block label:hover:before { filter: brightness(120%); } /* Disabled */ #quiz .block input[type=radio]:disabled + label:before { filter: grayscale(100%); } #quiz .step_quest { margin-bottom: 25px; } #quiz .step_quest:last-child { margin-bottom: 0px; } #quiz .step_quest:last-child { margin-bottom: 0; } #quiz .step_quest.step_quest--col-val .wrap { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin: 0 -15px; } #quiz .step_quest.step_quest--col-val .block { width: 50%; padding: 0 15px; } #quiz .step_quest.step_quest--more .wrap { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin: 0 -15px; } #quiz .step_quest.step_quest--more .block { width: 50%; padding: 0 15px; } #quiz .step_quest.step_quest--more { background: #F8F8F8; border: 1px solid #918A80; margin-bottom: 15px; } #quiz .step_quest.step_quest--more .title { font-size: 18px; font-weight: normal; padding: 20px; padding-right: 60px; position: relative; background: url(/local/templates/new/img/h-block.svg) right 20px center no-repeat; cursor: pointer; margin-bottom: 0; } #quiz .step_quest.step_quest--more .inner { padding: 20px; padding-bottom: 5px; display: none; border-top: 1px solid #918A80; } #quiz .step--type2 .step_quest:not(.step_quest--more) .title { font-size: 20px; margin-top: 30px; } #quiz .quiz-step { position: relative; padding-bottom: 100px; } #quiz .quiz-step .buttons { position: absolute; left: 1.3em; bottom: 0; width: calc(100% - 2.6em - 100px); } #quiz .step_num { position: absolute; bottom: 0; right: 1.3em; font-weight: 500; } #quiz .crd{ font-size: 14px; border: 1px solid #000000; padding: 20px; text-align: center; } #quiz .crd img{ margin-bottom: 15px; border-radius: 50%; } #quiz .crd .text{ font-size: 16px; margin-bottom: 20px; } #quiz .crd .text a, #quiz .crd .last-step{ color: #2A89E8; font-weight: 700; cursor: pointer } #quiz .crd .text a:hover{ text-decoration: none; } #quiz .crd .btm .bl{ font-weight: 700; margin-bottom: 20px; } #quiz textarea.form-control{ background: #F8F8F8; border: 1px solid #918A80; border-radius: 0; font-size: 18px; } #quiz .text{ /*font-size: 18px;*/ margin-bottom: 30px; } #quiz .link{ border: 1px solid #C4C4C4; border-radius: 5px; height: 50px; font-size: 18px; background: url("/local/templates/new/img/link.svg") 10px center no-repeat; padding-left: 50px; } #quiz .file label:before{ display: none; } #quiz .file>.form-control{ height: 50px; padding-left: 50px; background: url("/local/templates/new/img/file.svg") 10px center no-repeat; border: 1px solid #C4C4C4; border-radius: 5px; } #quiz .file { position: relative } #quiz .file input{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } #quiz .file button{ border:none; background:none; color: #777; padding: 0; } /* подсказка */ #quiz .cont{ padding: 20px; /*font-family: "Inter";*/ font-size: 15px; font-weight: 300; background: #ffc460; border-radius: 10px; position: relative; } #quiz .cont:after{ content: ''; display: block; position: absolute; width: 65px; height: 37px; background: url("/local/templates/new/img/gl.png") no-repeat top left; background-size: contain; bottom:-37px; left: 100px; } #quiz .buttons .button{ background: #C4C4C4; border-radius: 12.2422px; font-size: 20px; padding: 20px 60px; font-weight: 500; cursor: pointer; display: inline-block; transition: 0.3s all; } #quiz .buttons .button.next{ margin-left: 40px; background: #F4C367; } #quiz .buttons .button:hover{ opacity: 0.8; } #quiz .last .title{ font-size: 36px; } #quiz .last .form-control{ border-radius:0; background: #F8F8F8; border: 1px solid #918A80; font-size: 18px; height: 70px; padding: 0 30px; margin-bottom: 20px; } #quiz .last .button, #quiz .ok .button{ display: block; border:none; font-size: 20px; font-weight: bold; background: #F4C367; border-radius: 12.2422px; width: 100%; padding: 20px; margin-bottom: 30px; text-align: center; text-decoration: none; color: #222; transition:0.3s all; } #quiz .last .button:hover, #quiz .ok .button:hover{ opacity: 0.9; } #quiz .pol{ font-family: "Inter"; } #quiz .pol a{ font-weight: bold; color: #222; font-style: italic; } #quiz .b-text{ font-size: 22px; font-weight: bold; margin-top: 30px; } #quiz .ok .button{ max-width: 400px; } #quiz .ok .title{ font-weight: 400; font-size: 45px; font-family: "Geometria"; margin-top: 30px; } #quiz .ok .title span{ font-weight: 500; } #quiz .step{ display: none; } #quiz .step.active{ display: block; } #quiz .last, #quiz .ok, #quiz .l-step{ display: none; } #quiz .last.active, #quiz .ok.active, #quiz .l-step.active{ display: block; } .fancybox-type-quiz .fancybox-close{ /*background:url(/local/templates/new/img/close.png) center no-repeat; */ background: url(/local/templates/new/img/close.svg) center no-repeat; background-size: contain; top: 15px; right: 15px; width: 20px; height: 20px; } @media(max-width:1600px){ #q-block .sub{ margin-bottom:10px; } #q-block .title{ margin-bottom:10px; } #quiz .cont{ font-size: 14px; } #quiz .cont:after{ width: 60px; height: 32px; bottom:-32px; } } @media(max-width:1200px){ #q-block .title{ font-size: 40px; } #q-block .sub{ font-size: 30px; } #quiz .title{ font-size: 30px; } #quiz .h-block .top{ padding-right: 40px; } #quiz .block { margin-bottom: 20px; } } @media(max-width:992px){ #q-block .title{ font-size: 30px; } #q-block .sub{ font-size: 20px; } #q-block .text{ margin-bottom:10px; } #quiz .crd { display: flex; align-items: center; margin-top: 40px; } #quiz .crd .top { width: 50%; padding-right: 30px; } #quiz .crd .btm { width: 50%; } #quiz .crd .text { margin-bottom: 0; } #quiz .crd .btm .bl:last-child { margin-bottom: 0; } #quiz .quiz-step { padding-bottom: 120px; } } @media(max-width:768px){ #q-block .title{ font-size: 30px; margin-bottom: 10px; } #q-block .sub{ font-size: 18px; margin-bottom: 10px; } #quiz .title{ font-size: 25px; } #quiz .block { margin-bottom: 20px; } #quiz .crd{ margin-top: 40px; } #quiz .ok .title{ font-size: 30px; } #quiz .crd img { width: 70px; } #quiz .crd .text { font-size: 14px; } #quiz .buttons .button.next { margin-left: 25px; } #quiz .buttons .button { padding: 15px 40px; } #quiz .block label:before { width: 35px; height: 35px; min-width: 35px; } #quiz .block input[type=radio]:checked + label:before, #quiz .block input[type=checkbox]:checked + label:before { background-size: 20px; } } @media(max-width:576px){ #quiz .crd, #quiz .l-step-crd { display: none !important; } #quiz form { max-height: calc(100vh - 100px); } #q-block{ text-align: center; } #q-block img{ width: 200px; margin-bottom: 20px; height: 200px; object-fit: cover; object-position: top center; } #q-block .title{ line-height: normal; margin-bottom: 15px; } #q-block .button{ font-weight: 500; width: 290px; max-width:100%; } #quiz .buttons{ margin-top: 20px; } #quiz .buttons .button{ width: calc(50% - 10px); padding:15px 0; text-align: center; } #quiz .buttons .button.next{ margin-left: 5px; } #quiz .step_quest { margin-bottom: 10px; } #quiz .block, #quiz .step_quest.step_quest--col-val .block:nth-child(odd):last-child { margin-bottom: 10px; } #quiz .form-control{ font-size: 16px !important; } #quiz .cont{ font-size: 14px; margin-bottom: 40px; } #quiz .last .title{ font-size: 30px; } #quiz .last .form-control{ height: 60px; margin-bottom: 10px; } #quiz .step_quest.step_quest--col-val .block, #quiz .step_quest.step_quest--more .block { width: 100%; } #quiz .cont:after { display: none; } #quiz .step_quest.step_quest--more .title { font-size: 16px; } #quiz .block label:before { width: 30px; height: 30px; min-width: 30px; } #quiz .block input[type=radio]:checked + label:before, #quiz .block input[type=checkbox]:checked + label:before { background-size: 17px; } #quiz .quiz-step .buttons { width: calc(100% - 2.6em - 50px); } #quiz .buttons .button { font-size: 14px; padding: 10px 5px; } #quiz .quiz-step { padding-bottom: 70px; min-height: 100%; } } @media(max-width: 360px){ #q-block .title { font-size: 25px; } #q-block .sub { font-size: 16px; } #q-block .text { font-size: 14px; } #quiz form { padding: 30px; } #quiz .title { font-size: 20px; } #quiz .step--type2 .step_quest:not(.step_quest--more) .title { font-size: 18px; } /*#quiz .step_quest.step_quest--more .block,*/ #quiz .step_quest.step_quest--more .title { padding: 15px; } #quiz .step_quest.step_quest--more .title { font-size: 14px; background-position: right 10px center ; background-size: 20px; padding-right: 40px; } } .b-top { background: #b81c22; color: #fff; padding: 0.8em 0; display: block; padding-right: 95px; padding-left: 95px; position: relative; } .b-top__text { text-align: center; padding: 0 30px; position: relative; } .b-top__text a { color: inherit; display: inline-block; line-height: 1.2; } .b-top__text a span { display: inline-block; border-bottom: 1px dashed #fff; } .b-top__text a:hover, .b-top__close:hover { opacity: 0.7 } .b-top__close { width: 14px; height: 14px; background: url(/local/templates/new/img/close_white.png) no-repeat center; position: absolute; right: 65px; top: 0; bottom: 0; margin: auto; cursor: pointer; } .b-top-info { padding-right: 95px; padding-left: 95px; padding-top: 69px; padding-bottom: 69px; position: relative; background: #F0F0F0; } .b-top-info__text { text-align: center; font-size: 17px; } .b-top-info__close { width: 14px; height: 14px; background: url(/local/templates/new/img/close.png) no-repeat center; position: absolute; right: 65px; top: 0; bottom: 0; margin: auto; cursor: pointer; } @media(max-width: 1199px) { .b-top-info { padding-top: 40px; padding-bottom: 40px; } } @media(max-width: 991px) { .b-top-info__close, .b-top__close { right: 30px; } } @media(max-width: 767px) { .b-top-info__close, .b-top__close { right: 15px; } .b-top { padding-left: 40px; padding-right: 40px; } .b-top__text { padding: 0; } .b-top-info__text { font-size: 15px; line-height: 19px; text-align: left; } .b-top-info { padding-top: 26px; padding-bottom: 26px; padding-left: 15px; padding-right: 60px; } } #b-project-gallery-right2 .project-dop__star { left: 20px; } #b-project-gallery-right2 .project-dop { padding-left: 40px; padding-right: 20px; margin-top: 0px; font-size: 10px; } @media(max-width: 992px) { #b-project-gallery-right2 .project-dop { width: 100%; float: left; clear: left; margin-bottom: 20px; } } .popover.underline-lnk { font-size: .85em; } .video-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .video-block__col-1 { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: calc(50% - 20px); font-size: 19px; font-weight: 500; line-height: 1.578; letter-spacing: 0.02em; } .video-block__col-1 h2 { text-transform: uppercase; margin-top: 0; margin-bottom: 46px; } .video-block__col-1 p { max-width: 680px; margin-bottom: 0; } .video-block__col-2 { width: calc(50% - 20px); margin-left: auto; } .video-block__col-2 .play-iframe-video { border: 2px solid #1E1E1E; } .video-block__col-2 .play-iframe-video:before { padding-top: 48.529%; } @media (max-width: 1799px) { .video-block__col-2 { margin-top: 30px; } } @media (max-width: 1599px) { .video-block__col-1 { width: 100%; } .video-block__col-1 p { max-width: none; } .video-block__col-2 { width: 100%; margin-top: 30px; } } @media (max-width: 1024px) { .video-block { padding-top: 80px; } .video-block__col-1 { font-size: 18px; font-weight: 400; line-height: 1.666; letter-spacing: 0; } .video-block__col-1 h2 { margin-bottom: 40px; } .video-block__col-2 .play-iframe-video { border-width: 1px; } } /* End */ /* Start:/local/templates/new/template_styles.css?175017351081766*/ * { box-sizing: border-box; } body { padding: 0; margin: 0; overflow-x: hidden; font-family: 'Inter', sans-serif; font-size: 19px; line-height: 1.5; color: #000; font-weight: 500; } img { max-width: 100%; } [data-fade] { opacity: 0; -webkit-transform: translate(0, 70px); transform: translate(0, 70px); -webkit-transition: opacity .8s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .8s cubic-bezier(.215, .61, .355, 1) .1s; transition: opacity .8s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .8s cubic-bezier(.215, .61, .355, 1) .1s; -o-transition: opacity .8s cubic-bezier(.215, .61, .355, 1) .1s, transform .8s cubic-bezier(.215, .61, .355, 1) .1s; transition: opacity .8s cubic-bezier(.215, .61, .355, 1) .1s, transform .8s cubic-bezier(.215, .61, .355, 1) .1s; transition: opacity .8s cubic-bezier(.215, .61, .355, 1) .1s, transform .8s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .8s cubic-bezier(.215, .61, .355, 1) .1s; will-change: transform, opacity; } @media(max-width:767px) { [data-fade] { opacity: 1 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } } .body--load [data-fade] { visibility: visible; } [data-fade].is-fade-in { opacity: 1 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } #preloader { background-color: #fff !important; } #preloader .preloader-fone, #preloader .preloader-logo, .body--load #preloader { display: none !important; } .fancybox__backdrop { opacity: 0.7 !important; } @media(max-width:600px) { .fancybox__backdrop { opacity: 1 !important; } } .container { max-width: 1800px; margin: auto; padding: 0 32px; } @media(min-width:1800px) { .container { width: 1800px; } } @media(max-width:1264px) { body { font-size: 16px; line-height: 1.5; } } @media(max-width:991px) { .container { width: 100vw; } } @media(max-width:767px) { .container { overflow: hidden; padding: 0 20px; } } .btn { cursor: pointer; display: inline-block; color: #fff; text-align: center; background: #000; font-size: 14px; line-height: 20px; padding: 15px 69px; text-transform: uppercase; border: 0; transition: color ease 0.3s, background ease 0.3s, border ease 0.3s; } .btn.wide { width: 100%; background: #feae21; padding: 1em; font-weight: 700; } .btn--border { background: transparent; border: 1px solid #000; color: #000; } .btn:hover { background: #FBAD33; color: #000; border-color: #FBAD33; } .btn--border.btn:hover { background: #D9D9D9; border: 1px solid #D9D9D9; color: #000; } @media(max-width: 991px) { .btn { padding: 15px 30px; } } #page, #wrapper, svg:not(:root){overflow:hidden} #page, #wrapper{width:100vw} ::-webkit-scrollbar { height: 6px; width: 6px } ::-webkit-scrollbar-track { background-color: #000; border-radius: 0 } ::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover { background-color: #000 } ::-webkit-scrollbar-thumb { background-color: #FBAD33; border-radius: 0 } ::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover { background-color: #FBAD33 } a { color: #fbad33; text-decoration: none; } a:focus, a:hover{outline:0; color:#FBAE34} .h1, h1{font-size:50px; line-height: 1.2; font-weight: 400; text-transform: uppercase; } .h2, h2{font:400 42px/1.4 Inter,sans-serif; margin:60px 0 32px} .h3, h3{font: 500 37px/1.4 Inter,sans-serif; margin:60px 0 32px} .h4, h4{font: 24px/1.2 Inter,sans-serif; margin:40px 0 24px} @media(max-width:1200px){ .h1, h1{font-size:45px;} .h2,h2{font:400 36px/1.4 Inter,sans-serif} } @media (max-width:767px){ .h1,h1{font-size:40px} .h2, h2{font:400 32px/1.4 Inter,sans-serif} } @media (max-width:479px){ .h1,h1{font-size:25px} .h2, h2{font:400 32px/1.4 Inter,sans-serif} .h3, h3{font: 500 19px/1.4 Inter,sans-serif; margin:60px 0 32px} .h4, h4{font: 17px/1.2 Inter,sans-serif; margin:40px 0 24px} } .preloader { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 15; background: #000; transition: background 0.3s ease; } .preloader.load-finish { pointer-events: none; } .preloader-fone { position: absolute; width: 120vw; height: 100vh; left: -10vw; top: 0; } .preloader-fone__item { width: 100%; height: 16.666vh ; transition: transform 0.5s ease; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 5%, #FFFFFF 95%, rgba(255, 255, 255, 0) 100%); } .preloader-fone__item--2, .preloader-fone__item--5 { transition-delay: 0.2s; } .preloader-fone__item--1, .preloader-fone__item--6 { transition-delay: 0.4s; } .preloader-fone__item--1, .preloader-fone__item--2, .preloader-fone__item--3 { transform: translateX(-100%); } .preloader-fone__item--4, .preloader-fone__item--5, .preloader-fone__item--6 { transform: translateX(100%); } .preloader.load .preloader-fone__item { transform: translateX(0%); } .preloader.load-finish { background: transparent; } .preloader.load-finish .preloader-fone__item--1, .preloader.load-finish .preloader-fone__item--2, .preloader.load-finish .preloader-fone__item--3 { transform: translateX(100%); } .preloader.load-finish .preloader-fone__item--4, .preloader.load-finish .preloader-fone__item--5, .preloader.load-finish .preloader-fone__item--6 { transform: translateX(-100%); } .preloader.load-finish .preloader-fone__item--2, .preloader.load-finish .preloader-fone__item--5 { transition-delay: 0.2s; } .preloader.load-finish .preloader-fone__item--1, .preloader.load-finish .preloader-fone__item--6 { transition-delay: 0s; } .preloader.load-finish .preloader-fone__item--3, .preloader.load-finish .preloader-fone__item--4 { transition-delay: 0.4s; } .preloader-logo { width: 61px; height: 32px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; overflow: hidden; } .preloader-logo__img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: transform 0.3s ease; transform: translateX(100%); background: url(/local/templates/new/img/preload_logo.svg) no-repeat center; background-size: contain; } .preloader-logo__img svg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .preloader.load .preloader-logo__img { transform: translateX(0%); } .preloader.load-finish .preloader-logo__img { transform: translateX(-100%); } /* .preloader-fone__item:before { content: ""; width: 10vw; height: 100%; left: 0; top: 0; transform: translateX(-100%); } .preloader-fone__item:after { content: ""; width: 10vw; height: 100%; right: 0; top: 0; transform: translateX(-100%); } */ body:not(.page-fixheader) #page>.container { /*margin-top: 72px;*/ padding-top: 144px; } @media(max-width:600px) { body:not(.page-fixheader) #page>.container { /*margin-top: 93px;*/ padding-top: 165px; } } .page-top__title { margin-bottom: 30px; } .page-top__title:empty { display: none; } .page-top__title h1 { margin: 0; } .main table { max-width: 100%; } .main table:not(.project-tech__table, .project-finish__table) tr:nth-child(odd) { background: #F4F4F4; } .main table:not(.project-tech__table, .project-finish__table) th { background: #F4F4F4; font-weight: 500; padding: 40px 20px; } .main table:not(.project-tech__table, .project-finish__table) td { padding: 40px 20px; } @media (max-width: 767.98px) { .table-responsive { width: 100%; overflow-x: auto } } p{margin:0 0 1.6em} p:last-child{margin-bottom: 0} .main ul { list-style-type: disc; font-weight: 400; } .btn-black { padding: 14px 20px; text-align: center; text-transform: uppercase; color: #fff; background: #000; transition: color 0.3s ease, background 0.3s ease; font-weight: 500; border: none; } .btn-black:hover { color: #000; background: #FBAD33; } .header { position: fixed; z-index: 10; width: 100vw; left: 0; /*top: 0;*/ color: #fff; font-size: 16px; } .header__cont { display: flex; flex-wrap: wrap; align-items: center; } .header__wr { display: flex; justify-content: space-between; width: 100%; align-items: center; position: relative; } .header__wr:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .body--load .header.aos-animate .header__wr:before { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0, 1); -o-transition: transform 1s cubic-bezier(0, 0, 0, 1); transition: transform 1s cubic-bezier(0, 0, 0, 1); transition: transform 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .header .header__logo svg * { fill: #fff; } .header__menu, .header__catalog { border: 1px solid #fff; text-transform: uppercase; padding: 7px 16px; line-height: 1; border-radius: 16px; cursor: pointer; position: relative; overflow: hidden; color: #fff; isolation: isolate; } .header__menu span, .header__catalog span { position: relative; z-index: 2; } .header__catalog { margin-right: 4px; background: #fff; color: #000; border: none; padding: 8px 17px; } .header__catalog:focus { color: #000; } .header__menu:before, .header__catalog:before { content: ""; position: absolute; border-radius: 16px; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #fff; transform: translateX(-100%); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; } .header__catalog:before { background: #fbad33; left: -1px; top: -1px; z-index: 1; width: calc(100% + 2px); height: calc(100% + 2px); } .header__menu:hover, .header__catalog:hover { color: #000; } .header__menu:hover:before, .header__catalog:hover:before { transform: translate(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; } .header__line { width: 32px; height: 70px; position: relative; margin: 0 20px 0 35px; } .header__line:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/local/templates/new/img/header_line.svg) no-repeat ; } /* .header__line:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: red; } */ .header__soc { display: flex; } .header__soc-item { width: 30px; height: 30px; margin-left: 7px; } .header__soc-item.header__soc-item--tg .cl2 { fill: #0047FF; transform: translateX(-100%); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; } .header__soc-item.header__soc-item--tg:hover .cl2 { transform: translateX(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; } .header__soc-item .cl1 { stroke: #fff; } .header__soc-item .cl3 { fill: #fff; } .header__soc-item.header__soc-item--wap .cl2 { fill: #28C317; transform: translateX(-100%); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; } .header__soc-item.header__soc-item--wap:hover .cl2 { transform: translateX(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; } .header__search { width: 55px; height: 30px; /*background: url(/local/templates/new/images/search.svg);*/ margin-left: 110px; position: relative; border-radius: 15px; } .header__search:not(.header__search--active) form:before { content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; transform: translateX(-100%); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; border-radius: 15px; } .header__search:not(.header__search--active):hover form:before { transform: translateX(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; } .header__search:not(.header__search--active):hover .search__form-ico * { stroke: #000; fill: transparent; } .header.is-scrolled .header__soc-item .cl1, body:not(.page-fixheader) .header .header__soc-item .cl1 { stroke: #000; } .header.is-scrolled .header__soc-item--tg .cl3, body:not(.page-fixheader) .header .header__soc-item--tg .cl3 { fill: #000; } .header.is-scrolled .header__soc-item--tg:hover .cl3, body:not(.page-fixheader) .header .header__soc-item--tg:hover .cl3 { fill: #fff; } .header.is-scrolled .header__soc-item--wap:hover .cl1-2, body:not(.page-fixheader) .header .header__soc-item--wap:hover .cl1-2 { stroke: #fff; } /* .header.is-scrolled .header__soc-item .cl3 { fill: #000; }*/ /* .header__search-form { position: absolute; right: 0; top: 0; width: 456px; } .header__search-form input { width: 100%; } */ /* .header.is-scrolled .header__search { background: url(/local/templates/new/images/search-b.svg) }*/ .header.is-scrolled .header__line:before, body:not(.page-fixheader) .header .header__line:before { background: url(/local/templates/new/img/header_line-b.svg) no-repeat } .header.is-scrolled .header__wr:before, body:not(.page-fixheader) .header .header__wr:before { background-color: #000; } .header.is-scrolled .header__menu { border-color: #000; color: #000; } .header.is-scrolled .header__catalog { color: #fff; border-color: transparent; background: #000; } .header.is-scrolled .header__catalog:focus { color: #fff; } .header.is-scrolled .header__menu:hover, body:not(.page-fixheader) .header .header__menu:hover { color: #fff; } .header.is-scrolled .header__catalog:hover, body:not(.page-fixheader) .header .header__catalog:hover { color: #000; } .header.is-scrolled .header__menu:before, body:not(.page-fixheader) .header .header__menu:before { background: #000; } .header.is-scrolled .header__catalog:before, body:not(.page-fixheader) .header .header__catalog:before { background: #fbad33; } .header.is-scrolled .header__logo svg *, body:not(.page-fixheader) .header .header__logo svg * { fill: #000; } .min-search { position: relative; padding: 0; transition: .4s; color: #000; } .min-search form { position: absolute; right: 0; top: 0; width: 55px; transition: width .4s; border-radius: 15px; overflow: hidden; border: 1px solid #fff; z-index: 2; } .min-search__form-ico { position: absolute; left: 7px; top: 5px; } .min-search__form-ico * { stroke: #fff; fill: transparent; /*transition: linear 0.3s;*/ } .min-search:hover .min-search__form-ico * { stroke: #000; fill: transparent; } .min-search form input { width: 100%; height: 30px; border: none; opacity: 0; transition: opacity .4s; color: #000; } .min-search__result { display:none; width: 100%; right: 0px; top: calc(100% - 1px); z-index: 21; background: rgb(255, 255, 255); overflow: hidden; padding: 10px 10px 10px 10px; } .min-search__result-link { position: relative; padding: 10px 0 0; cursor: pointer; } .min-search__result-link:before { content: ""; width: calc(100% + 20px); height: 1px; left: -10px; top: 0; position: absolute; background: #cacaca; } .min-search__result-link:after { content: ""; width: 10px; height: 20px; background: url(/local/templates/new/img/search_arr.svg) no-repeat center; position: absolute; right: 0; bottom: 0; right: 0px; } .min-search .search_title { text-transform: uppercase; font-size: 13px; line-height: 1.1; } .min-search .search_item { margin-bottom: 10px; display: block; border-bottom: 1px solid #cacaca; } .min-search .search_item > p { font-size: 14px; line-height: 1.5; margin-bottom: 8px; } .min-search .search_item > a { line-height: normal; } .min-search__result-inner { max-height: 300px; overflow: auto; padding-right: 10px; } .min-search .search_item:last-child { margin-bottom: 0; border: none; } .header__search--active .search-ico { background-image: url(/local/templates/new/img/close.svg); background-size: 17px; } .header__search--active form input { padding-left: 35px; padding-right: 55px; opacity: 1; } .header__search-ico:before { content: ""; width: 20px; height: 20px; background: url(/local/templates/new/img/search_close.svg) no-repeat center; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .header.is-scrolled .min-search form, body:not(.page-fixheader) .header .min-search form { border-color: #000; } .header__search--active form { width: 535px; } .header.is-scrolled .min-search__form-ico *, body:not(.page-fixheader) .header .min-search__form-ico *, .header__search--active .min-search__form-ico * { stroke: #000; fill: transparent; } .header__search-ico { width: 55px; height: calc(100% + 2px); position: absolute; right: 0; top: 0; cursor: pointer; opacity: 0; z-index: 3; } .header__search--active .header__search-ico { opacity: 1; } @media(max-width: 1600px) { .header__search { margin-left: 40px; } .header__search--active form { width: 470px; } .header__line { margin: 0 17px; } } @media(max-width:1264px) { .header__catalog { display: none; } } @media(max-width:991px) { .header__info { display: none; } .header__search { margin-left: 0; } } @media(max-width:600px) { .header__line, .header__search, .header__soc { display: none } .header__wr { padding: 43px 0 15px; } .header__logo { height: 33px; } .header__menu { height: 33px; width: 40px; border: none; text-indent: -9999px; overflow: hidden; border-radius: 0; background: url(/local/templates/new/img/header_menu.svg) no-repeat center; } .header__menu:before { display: none; } .header.is-scrolled .header__menu, body:not(.page-fixheader) .header .header__menu { background: url(/local/templates/new/img/header_menu_b.svg) no-repeat center; } } .m-2 { padding: 170px 90px; } .m-2__title { margin-bottom: 67px; font-size: 37px; line-height: 1.35; font-family: NeutralFace, 'Inter', sans-serif;; letter-spacing: .06em; text-transform: uppercase; } .m-2__title div { -webkit-transition: -webkit-transform .6s cubic-bezier(.76, 0, .24, 1) .1s; -o-transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s; transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s; transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s, -webkit-transform .6s cubic-bezier(.76, 0, .24, 1) .1s; will-change: transform; } .m-2__title div:not(:first-child) { margin-top: 10px; } .m-2__inner.is-visible .m-2__title div:nth-child(2) { -webkit-transform: translateX(272px); -ms-transform: translateX(272px); transform: translateX(272px); } .m-2__inner.is-visible .m-2__title div:nth-child(3) { -webkit-transform: translateX(560px); -ms-transform: translateX(560px); transform: translateX(560px); } .m-2__block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .m-2__name { position: relative; width: 100%; max-width: 410px; overflow: hidden; } .m-2__name::after { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; content: ""; -webkit-transition: -webkit-transform .6s cubic-bezier(.76, 0, .24, 1) .1s; -o-transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s; transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s; transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s, -webkit-transform .6s cubic-bezier(.76, 0, .24, 1) .1s; will-change: transform; } .m-2__inner.is-visible .m-2__name::after, .m-2__inner.is-visible .m-2__text::after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .m-2__name-item { margin-bottom: 0; } .m-2__name-item:not(:first-child) { margin-top: 6px; } .m-2__name-job, .m-2__name-title { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); font-size: 18px; line-height: 1.666; -webkit-transition: -webkit-transform .6s cubic-bezier(.76, 0, .24, 1) .1s; -o-transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s; transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s; transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s, -webkit-transform .6s cubic-bezier(.76, 0, .24, 1) .1s; will-change: transform; } .m-2__inner.is-visible .m-2__name-job, .m-2__inner.is-visible .m-2__name-title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .m-2__name-job { color: #b1b1b1; font-size: 14px; line-height: 1.5; } .m-2__img, .m-2__text { position: relative; overflow: hidden; } .m-2__img { width: 210px; margin: 0 auto; -webkit-transform: scale(.2); -ms-transform: scale(.2); transform: scale(.2); border-radius: 50%; -webkit-transition: -webkit-transform .6s cubic-bezier(.76, 0, .24, 1) .1s; -o-transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s; transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s; transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s, -webkit-transform .6s cubic-bezier(.76, 0, .24, 1) .1s; will-change: transform; } .m-2__inner.is-visible .m-2__img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .m-2__img:before { display: block; width: 100%; padding-bottom: 100%; content: ""; } .m-2__img img, .m-2__text::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .m-2__img img { -o-object-fit: cover; object-fit: cover; } .m-2__text { width: 100%; max-width: 410px; font-size: 19px; line-height: 1.578; letter-spacing: .02em; text-align: right; } .m-2__text::after { z-index: 1; background: #fff; content: ""; -webkit-transition: -webkit-transform .6s cubic-bezier(.76, 0, .24, 1) .1s; -o-transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s; transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s; transition: transform .6s cubic-bezier(.76, 0, .24, 1) .1s, -webkit-transform .6s cubic-bezier(.76, 0, .24, 1) .1s; will-change: transform; } @media (max-width:1599.98px) { .m-2 { padding: 170px 0; } .m-2__inner.is-visible .m-2__title div:nth-child(2) { -webkit-transform: translateX(145px); -ms-transform: translateX(145px); transform: translateX(145px); } .m-2__inner.is-visible .m-2__title div:nth-child(3) { -webkit-transform: translateX(290px); -ms-transform: translateX(290px); transform: translateX(290px); } .m-2__name, .m-2__text { max-width: 327px; } } @media (max-width:991.98px) { .m-2 { padding: 100px 0 150px; } .m-2__title { width: 100%; max-width: 450px; margin: 0 auto 83px; font-size: 20px; letter-spacing: .1em; text-align: center; } .m-2__title div { display: inline; } .m-2__name-item:not(:first-child), .m-2__title div:not(:first-child) { margin-top: 0; } .m-2__inner.is-visible .m-2__title div:nth-child(2), .m-2__inner.is-visible .m-2__title div:nth-child(3) { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .m-2__block { position: relative; } .m-2__name { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; align-items: center; justify-content: space-between; max-width: none; height: 125px; overflow: visible; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; } .m-2__name::after, .m-2__text::after { display: none; } .m-2__name-item { width: calc(50% - 73.5px); } .m-2__name-job, .m-2__name-title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .m-2__name-job { text-align: right; } .m-2__img { width: 125px; margin: 0 auto 146px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .m-2__text { max-width: none; overflow: visible; font-size: 20px; line-height: 1.5; text-align: left; } } @media (max-width:500px) { .m-2__title { max-width: 305px; margin: 0 auto 83px; font-size: 16px; } } @media (max-width:374.98px) { .m-2__title { margin-bottom: 32px; } .m-2__name { top: 125px; height: auto; margin-top: 32px; } .m-2__name-item { width: calc(50% - 16px); } } .footer { background: #000; padding: 60px 0 130px; color: #fff; } .footer a { color: #fff; } .footer a:hover { color: #FBAD33; } .body--noclick .footer-menu { pointer-events: none; } .footer-menu { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; align-items: flex-start; } .footer-menu__content { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; /*transition: opacity .5s;*/ pointer-events: none; /*display: flex;*/ transition: opacity linear 0.3s, height linear 0.3s; height: 0; } .footer-menu__content-wrap { height: 100%; overflow: hidden; } .footer-menu__content-inner { padding: 20px 0; } .footer-menu__content:before { content: ""; position: absolute; top: 0; background: #303030; width: 100vw; left: 50%; transform: translateX(-50%); height: 100%; } .footer-menu__content-inner { position: relative; z-index: 2; display: flex; } .footer-menu__content-list { padding: 0; margin: 0; color: #fff; width: 231px; } .footer-menu__content-list li { padding: 0; } .footer-menu__item--active + .footer-menu__content { pointer-events: auto; } .footer-menu__item--2 + .footer-menu__content .footer-menu__content-inner { justify-content: center; } /* .footer-menu__item--2 + .footer-menu__content nav { transform: translateX(calc(50% - 115px)); }*/ .footer-menu__item--3 + .footer-menu__content .footer-menu__content-inner { justify-content: flex-end; } /* .footer-menu__item--3 + .footer-menu__content nav { text-align: right; }*/ .footer-menu__item { width: 33.33%; position: relative; vertical-align: top; z-index: 0; cursor: pointer; text-transform: uppercase; color: #fff; padding: 19px 0; /* transition: margin linear 0.3s, opacity linear .3s, filter linear .3s; */ transition: margin linear 0.3s } .footer-menu__item-cont { width: 231px; position: relative; font-size: 14px; line-height: 21px; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; } .footer-menu__item-cont:hover { color: #FBAD33; } .footer-menu__item-cont:before { content: ""; width: 21px; height: 21px; border: 1px solid #fff; border-radius: 50%; position: absolute; background: url(/local/templates/new/img/arr_2.svg) no-repeat center; background-size: 9px; right: 0; top: 0; margin: auto; transition: transform ease 0.4s; } .footer-menu__item--active .footer-menu__item-cont:before { transform: rotate(180deg) } .footer-menu__item--3 { display: flex; justify-content: flex-end; } .footer-menu__item--2 { display: flex; justify-content: center; } /* .footer-menu__item--active, .footer-menu__item:hover { opacity: 1; filter: none; }*/ .footer-menu__item img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; margin: auto; max-width: 90%; max-height: 90%; } @media(max-width: 1229px) { } @media(max-width: 991px) { .footer-menu__item { width: 33.33% } } @media(max-width: 767px) { .footer-menu__item { width: 100%; /*margin-bottom: 0 !important;*/ opacity: 1; filter: none; } .footer-menu__content { display: block; /*position: static; opacity: 1 !important */ } .footer-menu__content nav { width: 100%; } .footer-menu__item--3 { display: flex; justify-content: flex-start; } .footer-menu__item--2 { display: flex; justify-content: flex-start; } .footer-menu__item--active + .footer-menu__content { pointer-events: auto; } .footer-menu__content-inner { justify-content: flex-start !important; } .footer-menu__item-cont { width: 205px; } } @media(max-width: 767px) { .footer-menu__item-cont { width: 100%; } .footer-menu__content-list { width: 100%; } } .footer-top { display: flex; display: flex; align-items: center; justify-content: space-between; margin-bottom: 64px; } .footer-top__logo-1, .footer-top__logo-3 { width: 100px; } .footer-top__logo-3 { text-align: right; font-size: 14px; } .footer-top__logo-adap { display: none; } .footer-btm { width: 100%; position: relative; } .footer-btm__dev { /* position: absolute; right: 0; bottom: 20px; */ font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; display: flex; justify-content: flex-end; } .footer-btm__dev .bq_logo { width: 70px; background: url(/local/templates/new/img/bq_logo.svg) no-repeat center; background-size: contain; margin-left: 5px; } .footer-btm__dev-text { display: flex; align-items: center; } .footer-btm__dev .bq_logo:before { content: ""; display: block; padding-top: 24%; } .footer-btm__menu { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; } .footer-btm__menu-item { width: 33.33%; display: flex; justify-content: center; margin-bottom: 20px; font-size: 14px; line-height: 21px; letter-spacing: 0.2em; text-transform: uppercase; } .footer-btm__menu-item a { width: 231px; text-align: center; display: block; } .footer-btm__menu-item:nth-child(3n) { justify-content: flex-end; } .footer-btm__menu-item:nth-child(3n) a { text-align: right; } .footer-btm__menu-item:nth-child(3n + 1) { justify-content: flex-start; } .footer-btm__menu-item:nth-child(3n + 1) a { text-align: left; } .footer-btm__menu-item:nth-child(3n + 1):last-child { justify-content: center; } .footer-btm__menu-item:nth-child(3n + 1):last-child a{ text-align: center; } .footer-info { padding: 20px 0; display: flex; align-items: center; justify-content: space-between; margin: 36px 0 59px; position: relative; } .footer-info:before, .footer-info:after { content: ''; width: 100%; height: 1px; left: 0; background-color: #fff; position: absolute; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .footer-info:before { top: 0; } .footer-info:after { bottom: 0; } .footer-info.aos-animate:before, .footer-info.aos-animate:after { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0, 1); -o-transition: transform 1s cubic-bezier(0, 0, 0, 1); transition: transform 1s cubic-bezier(0, 0, 0, 1); transition: transform 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .footer-info__copy { font-size: 14px; line-height: 21px; letter-spacing: 0.2em; text-align: left; text-transform: uppercase; } .footer-info__soc { display: flex; } .footer-info__soc-item { width: 30px; height: 30px; margin-left: 7px; } .footer-info__soc-item.footer-info__soc-item--tg .cl2 { fill: #0047FF; transform: translateX(-100%); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; will-change: transform; } .footer-info__soc-item.footer-info__soc-item--tg:hover .cl2 { transform: translateX(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; will-change: transform; } .footer-info__soc-item .cl1 { stroke: #fff; } .footer-info__soc-item .cl3 { fill: #fff; } .footer-info__soc-item.footer-info__soc-item--wap .cl2 { fill: #28C317; transform: translateX(-100%); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; will-change: transform; } .footer-info__soc-item.footer-info__soc-item--wap:hover .cl2 { transform: translateX(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; will-change: transform; } .footer-info__soc-item.footer-info__soc-item--yt .cl2 { fill: #ff0000; transform: translateX(-100%); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; will-change: transform; } .footer-info__soc-item.footer-info__soc-item--yt:hover .cl2 { transform: translateX(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; will-change: transform; } @media(max-width: 991px) { .footer-btm__dev { letter-spacing: 0.1em; } } @media(max-width: 767px) { .footer-top__logo-1, .footer-top__logo-2, .footer-top__logo-3 { display: none; } .footer-top__logo-adap { display: block; } .footer-top__logo-adap svg { fill: #fff; } .footer-btm__menu-item { width: 100%; justify-content: flex-start !important; margin-bottom: 10px; } .footer-btm__menu-item a { width: 100%; text-align: left !important; } .footer-btm__dev { bottom: 10px; margin-top: 10px; justify-content: flex-start; } } @media(max-width: 550px) { .footer-btm__menu { display: none; } .footer-btm__dev { position: static; } .footer-info { justify-content: flex-end; margin-bottom: 78px; } .footer-info__copy { width: 100%; position: absolute; left: 0; bottom: 0; transform: translateY(100%) ; padding: 20px 0 0; display: flex; justify-content: space-between; font-size: 10px; line-height: 15px; } .footer-info__copy-text-2 { order: -1; } } .proj-list { display: flex; flex-wrap: wrap; margin: 0 -20px; } .proj-list>div[id^='bx'] { width: 100%; } .proj-list__item { width: calc(50% - 40px); margin: 0 20px 40px; color: inherit; display: block; } .proj-list__item:hover { color: inherit; } .proj-list__item--3 { width: calc(100% - 60px); } .proj-item__slider { margin-left: 0; margin-right: 0; overflow: hidden; } .proj-item__slider:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 133px; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 12.68%, rgba(0, 0, 0, 0.09) 53.12%, rgba(0, 0, 0, 0.2) 100%); z-index: 2; } .proj-item__slider-flag { width: 84px; position: absolute; right: 0; top: 0; z-index: 1; } .proj-item__slider-flag:before { content: ""; display: block; padding-top: 100%; } .proj-item__slider-flag--hit{background:url(/local/templates/new/img/hit.png) no-repeat; background-size:100% auto} .proj-item__slider-flag--new{background:url(/local/templates/new/img/new.png) no-repeat; background-size:100% auto} /* @media (max-width: 767.98px) { .proj-item__slider { margin-left:-16px; margin-right: -16px; } }*/ .proj-item__slider .swiper-wrapper { list-style: none; margin: 0; padding: 0; transition: transform .6s cubic-bezier(.25,.74,.22,.99)!important } .proj-item__slider-item { height: auto; margin: 0; width: calc(100%); background: rgba(0, 0, 0, 0.2); } /* .catalog-section__projects .proj-item__slider-item { max-height: 420px; } */ .proj-item__slider-item { position: relative; } .proj-item__slider-item img { transition: transform 1s; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .proj-item__slider-item:hover img { transform: scale(1.05); } } .proj-item__slider-item:before { content: ""; padding-top: 58.8%; display: block; } .proj-item__slider-item:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 133px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 12.68%, rgba(0, 0, 0, 0.09) 53.12%, rgba(0, 0, 0, 0.2) 100%); /*opacity: 0;*/ transition: ease 0.3s; } .proj-item:hover .proj-item__slider-item:after { /*opacity: 1*/ height: 233px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 12.68%, rgba(0, 0, 0, 0.09) 53.12%, rgba(0, 0, 0, 0.3) 100%); } .proj-item__slider-item img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .proj-item__slider-arr { position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px; background: url(/local/templates/new/img/arr_1_h.svg) no-repeat center; z-index: 2; opacity: 0; transition: opacity ease 0.3s; } .proj-item:hover .proj-item__slider-arr { opacity: 1 } .proj-item__slider-arr--prev { left: 20px; transform: rotate(180deg); } .proj-item__slider-arr--next { right: 20px; } .proj-item__slider-arr.swiper-button-disabled { opacity: 0 !important; } .proj-item__top { position: relative; } .proj-item:hover .proj-item__info-item { opacity: 1; transform: translateY(0); } .proj-item__info { position: absolute; left: 0; bottom: 0; display: flex; justify-content: space-between; width: 100%; z-index: 1; color: #fff; padding: 0 20px 20px; } .proj-item__info-group { display: flex; align-items: center; } .proj-item__info-group .proj-item__info-item { margin-left: 26px; } .proj-item__info-item { position: relative; font-weight: 700; opacity: 0; transform: translateY(10px); transition: ease 0.3s; font-size: 18px; line-height: 24px; } .proj-item__info-item:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; margin: auto; } .proj-item__info-item.add_favorite, .proj-item__info-item.comparison { width: 24px; height: 24px; } .proj-item__info-item.add_favorite:before { width: 100%; height: 100%; background: url(/local/templates/new/img/favorite.svg) no-repeat center; } .proj-item__info-item.comparison:before { width: 100%; height: 100%; background: url(/local/templates/new/img/comparison.svg) no-repeat center; } .proj-item__info-item.add_favorite.active:before { background: url(/local/templates/new/img/favorite_h.svg) no-repeat center; } .proj-item__info-item.comparison.active:before { background: url(/local/templates/new/img/comparison_h.svg) no-repeat center; } .proj-item__info-item.add_favorite.active, .proj-item__info-item.comparison.active { opacity: 1; transform: translateY(0); } .proj-list__item--1 .proj-item__slider-item:before { content: ""; padding-top: 420px; display: block; } .proj-list__item--2 .proj-item__slider-item:before { content: ""; padding-top: 560px; display: block; } .proj-list__item--3 .proj-item__slider-item:before { content: ""; padding-top: 565px; display: block; } .proj-item__btm { display: block; position: relative; margin-top: 13px; } .proj-item__place { z-index: 3; color: #fff; position: absolute; right: 20px; top: 20px; width: 26px; height: 32px; cursor: default; } .proj-item__place-ico { position: absolute; width: 26px; height: 32px; left: 0; top: 0; background: url(/local/templates/new/img/house_place.svg) no-repeat center; cursor: pointer; } .proj-item__place-cont { position: absolute; width: 260px; padding: 20px; padding-right: 60px; border-radius: 20px; background: rgba(30, 30, 30, .9); font-size: 14px; line-height: 1.4; font-weight: 400; right: -17px; top: -17px; display: none; } .proj-item__place-cont span { color: #fbad33 } .proj-item__place-item { margin-bottom: 10px; } .proj-item__place-item:last-child { margin-bottom: 0px; } .proj-item__place-close { width: 20px; height: 20px; position: absolute; background: url(/local/templates/new/img/min_close_w.svg) no-repeat center; right: 20px; top: 20px; cursor: pointer; } .proj-item__title { font-size: 18px; font-weight: 700; line-height: 1.66; letter-spacing: 0.04em; } .proj-item__price { font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: 0.02em; color: #FBAD33 } .proj-item__price .rub:before { content: "p"; font-family: 'ALSRubl'; } .proj-item__price.proj-item__price--empty { font-size: 18px; line-height: 1.66; letter-spacing: 0.04em; color: inherit; font-weight: normal; } .proj-item__arr { height: 50px; width: 50px; border-radius: 50%; overflow: hidden; position: absolute; right: 0; top: 0; isolation: isolate; } .proj-item__arr svg { stroke-dasharray: 0 157; transition: 1s; } .aos-animate .proj-item__arr svg { stroke-dasharray: 157 157; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .proj-item__arr:before { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); left: -1px; top: -1px; position: absolute; background: #FBAE34; border-radius: 50%; transform: translateX(100%); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; } .proj-item__arr span { content: ""; position: absolute; width: 10px; height: 30px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute; } .proj-item__arr span:before, .proj-item__arr span:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: opacity ease 0.3s; } .proj-item__arr span:before { background: url(/local/templates/new/img/arr_1.svg) no-repeat center; background-size: contain; } .proj-item__arr span:after { background: url(/local/templates/new/img/arr_1_h.svg) no-repeat center; background-size: contain; opacity: 0; } .proj-list__item:hover .proj-item__arr:before { transform: translateX(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; } .proj-list__item:hover .proj-item__arr span:before { opacity: 0; } .proj-list__item:hover .proj-item__arr span:after { opacity: 1; } .proj-item__type { display: inline-block; margin: 13px 0 5px; font-weight: 700; color: #000; } .proj-item__type-item { padding-left: 28px; position: relative; padding-right: 36px; display: inline-block; font-size: 14px; } .proj-item__type-item:before { content: ""; width: 19px; height: 18px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .proj-item__type-item:last-child { padding-right: 0; } .proj-item__type-item:last-child:after { display: none; } .proj-item__type-item--gazobeton:before { background: url(/local/templates/new/img/gazobeton.svg) no-repeat center; background-size: contain; } .proj-item__type-item--karkas:before { background: url(/local/templates/new/img/karkas.svg) no-repeat center; background-size: contain; } .proj-item__type-item--kirpich:before { background: url(/local/templates/new/img/kirpich.svg) no-repeat center; background-size: contain; } .proj-item__type-item--fachwerk:before { background: url(/local/templates/new/img/fachwerk.svg?1) no-repeat center; background-size: contain; } .proj-list__item--3 .proj-item__btm { padding-right: calc(50% + 180px); position: relative; } .proj-list__item--3 .proj-item__btm .proj-item__type { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } @media (max-width: 767px) { /* .proj-item__slider-item:before { padding-top: 72%; }*/ .proj-list { margin: 0 -8px; } .proj-list__item:last-of-type { margin-right: 0; } .proj-list__item--3 .proj-item__btm { padding-right: 0; position: relative; } .proj-list__item--3 .proj-item__btm .proj-item__type { position:static; transform: translate(0%, 0%); margin: 13px 0 5px; } .proj-item__title { padding-right: 40px; line-height: 1.4; } .proj-item__arr { width: 23px; height: 49px; background: url(/local/templates/new/img/arr_adap.svg) no-repeat center; border: none; transform: rotate(0); border-radius: 0; } .proj-item__arr svg { display: none; } .proj-item__arr:before, .proj-item__arr span { display: none; } .proj-item__info { opacity: 1; transform: translateY(0); } .proj-item__slider-arr { opacity: 1 } .proj-item__slider-arr--prev { left: 0px; } .proj-item__slider-arr--next { right: 0px; } .proj-item__slider-item:after { height: 233px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 12.68%, rgba(0, 0, 0, 0.09) 53.12%, rgba(0, 0, 0, 0.3) 100%); } .proj-item__type-item { padding-right: 20px; } .proj-item__info-item { opacity: 1; transform: translateY(0); } .proj-item__info-group .proj-item__info-item { margin-left: 15px; } } @media (max-width: 600px) { .proj-list__item { min-width: calc(100vw - 40px); margin: 0 8px 32px ; } } .after-bottom-text .services-block, .form.services-block, .services-block, .term-description .services-block { margin: 120px 0; } @media (max-width: 991px) { .after-bottom-text .services-block, .form.services-block, .services-block, .term-description .services-block { margin: 60px 0; } } .info-section { display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin: 0 -20px; } .info-section__item { width: 50%; padding: 0 20px; margin-bottom: 40px; } .info-section__item-link { display: block; height: 520px; position: relative; border: 2px solid #D9D9D9; color: #000 !important; } .info-section__item-img, .info-section__item-cont, .info-section__item-img:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .info-section__item-img { opacity: 0; transition: 0.3s ease; } .info-section__item-img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .info-section__item-img:after { content: ""; background: rgba(255,255,255,0.2); background: rgba(0,0,0,0.4) } .info-section__item-cont { z-index: 2; padding: 200px 75px 48px 40px; } .info-section__item-link:hover .info-section__item-img { opacity: 1; } .info-section__item-num { font-variant-numeric: slashed-zero; font-size: 100px; font-weight: 500; line-height: 1.2; position: absolute; left: 40px; top: 22px; color: #FBAD33 } .info-section__item-section { position: absolute; right: 45px; top: 37px; background: #F4F4F4; padding: 10px 30px; border-radius: 30px; font-family: Inter; font-size: 14px; line-height: 20px; letter-spacing: 0.03em; color: #000; } .info-section__item-title { text-transform: uppercase; font-size: 32px; font-weight: 400; line-height: 1.18; letter-spacing: 0.06em; transition: color 0.3s ease; } .info-section__item-link:hover .info-section__item-title { color: #FBAD33 } .info-section__item-cont:after { content: ""; width: 46px; height: 97px; background: url(/local/templates/new/img/arr_1_b.svg) no-repeat center; background-size: contain; position: absolute; right: 32px; bottom: 51px; } .info-section__item-link:hover .info-section__item-cont:after { background-image: url(/local/templates/new/img/arr_1.svg); } @media(max-width: 991px) { .info-section__item { width: 100%; } .info-section__item.is-visible .info-section__item-img { opacity: 0.8; } } @media(max-width: 600px) { .info-section__item-link { height: 350px; } .info-section__item-title { font-size: 19px; } .info-section__item-num { font-size: 60px; left: 16px; } .info-section__item-cont { padding: 160px 49px 60px 16px; } .info-section__item-section { right: 25px; } .info-section__item-cont:after { width: 23px; height: 49px; } } .links { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 60px; } .links__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -10px; padding: 0; list-style: none; } .links__item { position: relative; margin: 5px 10px; padding: 10px 15px; overflow: hidden; border-radius: 20px; color: #1E1E1E; font-weight: 500; font-size: 14px; line-height: 1; list-style: none; text-transform: uppercase; white-space: nowrap; cursor: pointer; -webkit-transition: color ease 0.3s; -o-transition: color ease 0.3s; transition: color ease 0.3s; border: 0; background: transparent; } .links__item:hover, .links__item.is-active { color: #fff; } .links__item:before { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F4F4F4; content: ""; } .links__item:after { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); border-radius: 20px; background: #000; content: ""; -webkit-transition: -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; -o-transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; transition: transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s, -webkit-transform cubic-bezier(.73, -0.84, .54, 1.18) 0.3s; } .links__item:hover:after, .links__item.is-active:after { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; -o-transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s; transition: transform cubic-bezier(0, 2.54, .43, .47) 0.3s, -webkit-transform cubic-bezier(0, 2.54, .43, .47) 0.3s; } .links__link { color: inherit !important; } @media (max-width:991px) { .links { margin: 0 -32px 30px; overflow-x: auto; overflow-y: hidden; scrollbar-color: transparent transparent; } .links::-webkit-scrollbar { display: none; } .links__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 32px; } .links__item { flex-shrink: 0; -ms-flex-negative: 0; } } @media (max-width:767px) { .links { margin: 0 -20px 30px; } .links__list { padding: 0 20px; } } .compare-popup { position: fixed; top: 90px; left: 0; width: 100vw; z-index: 5; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } .compare-popup.is-active { opacity: 1; pointer-events: all; } .compare-popup__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; background: #FBAD33; overflow: hidden; } .compare-popup__img { display: block; width: 165px; height: 120px; -o-object-fit: cover; object-fit: cover; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; } .compare-popup__info { width: 100%; } .compare-popup__title { text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .compare-popup__count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 20px; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.5; font-weight: 500; } .compare-popup__num { margin-left: 55px; font-family: 'NeutralFace', sans-serif; font-size: 37px; line-height: 1.36; letter-spacing: 0.06em; margin-right: 5px; font-weight: 400; margin-bottom: -8px; } .compare-popup__btns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: end; align-self: flex-end; } .compare-popup__btn { width: 100%; max-width: 170px; display: block; position: relative; padding: 19.5px 20px; padding-left: 48px; border: 1px solid #000; background: #FBAD33; color: #000 !important; font-weight: 500; font-size: 14px; line-height: 1.5; font-family: 'Inter', sans-serif; letter-spacing: 0.18em; text-align: left; text-transform: uppercase; cursor: pointer; -webkit-transition: background .4s ease-out, color .4s ease-out, border-color .4s ease-out; -o-transition: background .4s ease-out, color .4s ease-out, border-color .4s ease-out; transition: background .4s ease-out, color .4s ease-out, border-color .4s ease-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .compare-popup__btn:hover { background: #fff; border-color: #fff; color: #000 !important; } .compare-popup__btn--compare { background: #000; color: #fff !important; } .compare-popup__btn--compare:hover { background: #000; border-color: #000; color: #FBAD33 !important; } .compare-popup__btn:not(:first-child) { margin-left: 10px; } .footer-menu__content:before { transform: translateX(-50%) translateZ(0); z-index: 1; } .footer-menu__content-wrap { position: relative; z-index: 2; } .compare-popup__btn::before { position: absolute; top: 50%; left: 8px; width: 40px; height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; -webkit-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } .compare-popup__btn::after { position: absolute; top: 50%; left: 8px; width: 40px; height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; opacity: 0; -webkit-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } .compare-popup__btn:hover::before { opacity: 0; } .compare-popup__btn:hover::after { opacity: 1; } .compare-popup__btn--cancel::before { background: url('/local/templates/new/img/comp-cancel.svg') no-repeat 50% 50%/contain; } .compare-popup__btn--cancel::after { background: url('/local/templates/new/img/comp-cancel.svg') no-repeat 50% 50%/contain; } .compare-popup__btn--compare::before { background: url('/local/templates/new/img/comp-comp.svg') no-repeat 50% 50%/contain; } .compare-popup__btn--compare::after { background: url('/local/templates/new/img/comp-comp-2.svg') no-repeat 50% 50%/contain; } .compare-popup__close { position: absolute; top: -10px; right: -10px; background: transparent; border: 0; cursor: pointer; padding: 0; width: 60px; height: 60px; background: url('/local/templates/new/img/comp-close.svg') no-repeat 50% 50%/contain; } @media (max-width: 1263px) { .compare-popup__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .compare-popup__info { width: calc(100% - 185px); } .compare-popup__num { margin-left: 70px; } .compare-popup__btns { margin-left: 185px; margin-top: 20px; } } @media (max-width: 991px) { .compare-popup .container { padding-left: 0; padding-right: 0; } .compare-popup__inner { padding-left: 32px; padding-right: 32px; } .compare-popup__img { width: 116px; height: 70px; } .compare-popup__info { width: calc(100% - 136px); padding-right: 40px; } .compare-popup__title { font-size: 19px; min-height: 70px; font-weight: 700; line-height: 1.578; letter-spacing: 0.04em; } .compare-popup__btn-text { display: none; } .compare-popup__num { margin-left: 0; } .compare-popup__count-text { display: none; } .compare-popup__btns { margin-left: 0; width: 100%; } .compare-popup__btn--cancel { padding-left: 0; padding-right: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 62px; height: 62px; } .compare-popup__btn--cancel::before, .compare-popup__btn--cancel::after { left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .compare-popup__btn:not(:first-child) { margin-left: 74px; } .compare-popup__close { right: 10px; top: 0; } } @media (max-width: 767px) { .compare-popup__inner { padding-left: 20px; padding-right: 20px; } .compare-popup__close { right: 0; } } @media (max-width: 600px) { .compare-popup { top: 93px; } .compare-popup__btn--compare { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; max-width: none; } } .js-detail-slider-wrapper .gallery { width: 100vw; height: 100%; left: 50%; top: 0; transform: translateX(-50%); display: flex; position: absolute; overflow: hidden; } .js-detail-slider-wrapper .swiper-wrapper, .js-detail-slider-wrapper .swiper-wrapper-clone { display: flex; margin: 0; padding: 0; list-style: none; flex-shrink: 0; width: auto; } .js-detail-slider-wrapper .swiper-slide { margin: 0 10px; height: 100%; width: auto; } .js-detail-slider-wrapper .gallery__img, .js-detail-slider-wrapper .gallery__img img { height: 100%; } .js-detail-slider-wrapper .gallery__arr { z-index: 2; position: absolute; top: 0; width: 33.333%; height: 100%; /*cursor: none;*/ opacity: 0; transition: opacity 0.3s; background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); } .js-detail-slider-wrapper .gallery__arr:before { left: 30px; transform: rotate(180deg); } .js-detail-slider-wrapper .gallery__arr:hover { opacity: 1; } .js-detail-slider-wrapper .gallery__arr:before { content: ""; width: 30px; height: 90px; position: absolute; top: 0; bottom: 0; margin: auto; background: url(/local/templates/new/img/arr_1_h.svg) no-repeat center; background-size: contain; } .js-detail-slider-wrapper .gallery__prev { left: 0; } .js-detail-slider-wrapper .gallery__next { right: 0; transform: scale(-1, 1) } .js-detail-slider-wrapper .gallery__arr.swiper-button-disabled { display: none; } @media (min-width: 991px) { .js-detail-slider-wrapper:not(.gsap-anim) .gallery__arr { display: none } .js-detail-slider-wrapper:not(.gsap-anim) .swiper-wrapper-clone { display: none } .js-detail-slider-wrapper:not(.gsap-anim) .gallery { justify-content: center; } .js-detail-slider-wrapper:not(.gsap-anim) .swiper-wrapper { transform: none !important; } .js-detail-slider-wrapper .js-detail-slider-pagination { display: none; } } @media (max-width: 991px) { .project__gallery { margin-left: -32px; margin-right: -32px; overflow: hidden; padding-left: 32px; padding-right: 32px; width: 100vw; } .js-detail-slider-wrapper .swiper-slide { margin: 0; max-width: 100%; width: calc(50% - 5px); } .js-detail-slider-wrapper .gallery__img, .js-detail-slider-wrapper .gallery__img img { width: 100%; object-fit: cover; } .js-detail-slider-wrapper .gallery .swiper-wrapper { margin-left: 0; width: 100%; } .js-detail-slider-wrapper .gallery .swiper-wrapper-clone { display: none; } .js-detail-slider-wrapper .gallery__prev { display: none } .js-detail-slider-wrapper .gallery__next { display: none } .js-detail-slider-wrapper .gallery { width: 100%; height: auto; left: 0px; overflow: visible; transform: none; position: static; flex-wrap: wrap; } .js-detail-slider-wrapper .js-detail-slider-pagination { display: block; position: static; text-align: left; margin: 24px 0 0; } } @media (max-width: 767px) { .project__gallery { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .js-detail-slider-wrapper .swiper-slide { width: calc(100% - 10px); } } .filter-tags__item { margin-bottom: 40px; display: flex; flex-wrap: wrap; } .filter-tags__item-wrap { width: 100%; } .filter-tags__item:last-child { margin-bottom: 0 } .filter-tags__title { display: inline-block; color: #FBAD33; font-size: 19px; font-weight: 700; line-height: 34px; text-transform: uppercase; margin-right: 15px; margin-bottom: 10px; } .filter-tag { margin-bottom: 8px; margin-right: 10px; padding: 10px 15px; text-transform: uppercase; color: #1E1E1E; font-size: 14px; line-height: 1; white-space: nowrap; position: relative; border-radius: 20px; overflow: hidden; cursor: pointer; font-weight: 500; transition: color ease 0.3s; display: inline-block; } .filter-tag:before { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background: #F4F4F4; } .filter-tag:after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background: #000; transform: translateY(calc(-100% - 1px)); transition: transform cubic-bezier(.73,-0.84,.54,1.18) 0.3s; border-radius: 20px; } .filter-tag a { color: inherit; } .filter-tag:hover { color: #fff; } .filter-tag:hover:after { transform: translateY(0%); transition: transform cubic-bezier(0,2.54,.43,.47) 0.3s; } .info-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start; margin: 120px 0; -webkit-box-align: start; -ms-flex-align: start; } .info-block__col-1 { align-self: center; width: calc(50% - 20px); -ms-flex-item-align: center; -ms-grid-row-align: center; padding-right: 20px; } .info-block .info-block__heading { width: 100%; margin-top: 0; text-transform: uppercase; } .info-block__col-1 .info-block__heading, .info-block__col-1 .info-block__heading.h2 { margin-bottom: 0; } .info-block__descr { margin-top: 20px; font-weight: 400; font-size: 19px; line-height: 1.578; font-family: "Inter", sans-serif; } /* .info-block__col-1 .info-block__descr { max-width: 27.052em; }*/ .info-block__descr p:last-child { margin-bottom: 0; } .info-block__col-2 { position: relative; width: calc(50% - 20px); margin-left: auto; } .info-block__col-2::after { display: block; width: 100%; padding-bottom: 58.823%; content: ""; } .info-block__img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .info-block__cont { width: 100%; } @media (max-width:991px) { .info-block { margin-top: 60px; } .info-block__col-1 { width: 100%; padding-right: 0; } .info-block__descr, .info-block__heading, .info-block__heading.h2 { max-width: none; } .info-block__col-2 { width: 100%; margin-top: 20px; } } .grecaptcha-badge { display: none !important; } .quiz-tooltip { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 60px; right: 40px; z-index: 5; border: 1px solid #000; background: #fff; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } @media (max-width:767px) { .quiz-tooltip { bottom: 40px; right: 20px; } } .quiz-tooltip.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } .quiz-tooltip:hover { background: #FBAD33 } .quiz-tooltip__text { padding: 15px; cursor: pointer; border: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #000; background: transparent; text-align: left; font-family: Inter, sans-serif; font-weight: 500; font-size: 16px; line-height: 0.625; } .quiz-tooltip__close { position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding: 0; width: 40px; height: 40px; background: transparent; color: #000; border: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quiz-tooltip__close::before, .quiz-tooltip__close::after { content: ''; width: 14px; height: 1px; background: currentColor; position: absolute; top: 50%; left: 50%; } .quiz-tooltip__close::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .quiz-tooltip__close::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .quiz-input { display: block; -webkit-appearance: none; width: 100%; height: 48px; padding: 13.5px 12px; padding-right: 44px; border: 0; border-radius: 0; outline: none; background: #F4F3F3; font-weight: 400; font-size: 16px; line-height: 1.3; font-family: Inter, sans-serif; } .quiz-input::-moz-placeholder { color: #B2B2B2; opacity: 1; -moz-transition: color .3s ease; transition: color .3s ease; } .quiz-input::-webkit-input-placeholder { color: #B2B2B2; opacity: 1; -webkit-transition: color .3s ease; transition: color .3s ease; } .quiz-input:-ms-input-placeholder { color: #B2B2B2; opacity: 1; -ms-transition: color .3s ease; transition: color .3s ease; } .quiz-input::-ms-input-placeholder { color: #B2B2B2; opacity: 1; -ms-transition: color .3s ease; transition: color .3s ease; } .quiz-input::placeholder { color: #B2B2B2; opacity: 1; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .quiz-input:-webkit-autofill, .quiz-input:-webkit-autofill:focus, .quiz-input:-webkit-autofill:hover { -webkit-box-shadow: inset 0 0 0 1000px #F4F3F3; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: currentColor; } .quiz-radio { display: block; } .quiz-radio__input { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .quiz-radio__label { display: block; position: relative; padding: 16px 16px 16px 52px; border-bottom: 1px solid #D9D9D9; color: #000; font-weight: 500; font-size: 16px; line-height: 1.5; font-family: Inter, sans-serif; cursor: pointer; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quiz-radio__input:not(:checked)~.quiz-radio__label:hover { background: #FBAD33; } .quiz-radio__label::before { position: absolute; top: 18px; left: 16px; width: 20px; height: 20px; background: #D9D9D9; content: ''; } .quiz-radio__label::after { display: none; position: absolute; top: 18px; left: 16px; width: 20px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBzdHJva2U9IiNmZmYiIGQ9Im0xMi4zODYgOC0xLjg5MyAxLjg5M0w4LjYgMTEuNzg2IDcgMTAuMDcyIi8+Cjwvc3ZnPgo="); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; content: ''; } .quiz-radio__input:checked~.quiz-radio__label::before { background: #000; } .quiz-radio__input:checked~.quiz-radio__label::after { display: block; } .quiz-control { display: block; position: relative; } .quiz-control__label { display: block; margin-right: 12px; margin-left: 12px; font-weight: 400; font-size: 10px; line-height: 1.1; font-family: Inter, sans-serif; } .quiz-control__reset { display: none; position: absolute; right: 12px; bottom: 12px; width: 24px; height: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBzdHJva2U9IiMxNzE3MTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im05LjE3IDE0LjgzIDUuNjYtNS42Nk0xNC44MyAxNC44MyA5LjE3IDkuMTdNOSAyMmg2YzUgMCA3LTIgNy03VjljMC01LTItNy03LTdIOUM0IDIgMiA0IDIgOXY2YzAgNSAyIDcgNyA3WiIvPgo8L3N2Zz4K"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; cursor: pointer; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quiz-control__reset.is-active { display: block; } .quiz-control__reset:hover { opacity: 0.5; } .quiz-special__control { display: none; } .quiz-special__control.is-active { display: block; } .quiz-prev { display: block; position: relative; padding: 0; padding: 19.5px 19.5px 19.5px 48px; border: 0; background: #000; color: #fff; font-weight: 500; font-size: 14px; line-height: 1.5; font-family: Inter, sans-serif; letter-spacing: 0.18em; text-align: left; text-transform: uppercase; cursor: pointer; -webkit-transition: background 0.3s ease, color 0.3s ease; -o-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quiz-prev:hover { background: #FBAD33; color: #000; } .quiz-prev::before, .quiz-prev::after { position: absolute; top: 50%; left: 8px; width: 40px; height: 40px; margin-top: -20px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; content: ''; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .quiz-prev::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQwIDQwIj4KICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjUuNSA5IDE0IDIwLjUgMjUuNSAzMiIvPgo8L3N2Zz4K"); opacity: 0; } .quiz-prev::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQwIDQwIj4KICA8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjUuNSA5IDE0IDIwLjUgMjUuNSAzMiIvPgo8L3N2Zz4K"); } .quiz-prev:hover::before { opacity: 1; } .quiz-prev:hover::after { opacity: 0; } .quiz-next { display: block; position: relative; padding: 0; padding: 19.5px 48px 19.5px 19.5px; border: 0; background: #000; color: #fff; font-weight: 500; font-size: 14px; line-height: 1.5; font-family: Inter, sans-serif; letter-spacing: 0.18em; text-align: right; text-transform: uppercase; cursor: pointer; -webkit-transition: background 0.3s ease, color 0.3s ease; -o-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quiz-next:hover { background: #FBAD33; color: #000; } .quiz-next::before, .quiz-next::after { position: absolute; top: 50%; right: 8px; width: 40px; height: 40px; margin-top: -20px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; content: ''; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .quiz-next::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQwIDQwIj4KICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTQuNSA5IDI2IDIwLjUgMTQuNSAzMiIvPgo8L3N2Zz4K"); opacity: 0; } .quiz-next::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQwIDQwIj4KICA8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTQuNSA5IDI2IDIwLjUgMTQuNSAzMiIvPgo8L3N2Zz4K"); } .quiz-next:hover::before { opacity: 1; } .quiz-next:hover::after { opacity: 0; } .quiz-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quiz-nav__prev { display: none; width: calc(50% - 11px); } .quiz-nav__prev.is-active { display: block; } .quiz-nav__next { display: none; width: calc(50% - 11px); margin-left: auto; } .quiz-nav__next.is-active { display: block; } .quiz-pagination { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .quiz-pagination__title { color: #8C8C8C; font-weight: 400; font-size: 16px; line-height: 1.5; font-family: Inter, sans-serif; } .quiz-pagination__current { min-width: 24px; margin-left: 2px; color: #000; font-weight: 400; font-size: 19px; line-height: 1.578; font-family: Inter, sans-serif; letter-spacing: 0.02em; text-align: right; } .quiz-pagination__separator { margin-left: 2px; color: #8C8C8C; font-weight: 400; font-size: 19px; line-height: 1.578; font-family: Inter, sans-serif; letter-spacing: 0.02em; } .quiz-pagination__total { margin-left: 2px; color: #8C8C8C; font-weight: 400; font-size: 19px; line-height: 1.578; font-family: Inter, sans-serif; letter-spacing: 0.02em; } .quiz-time { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .quiz-time__title { width: 100%; margin-bottom: 7px; font-weight: 400; font-size: 16px; line-height: 1.3; font-family: Inter, sans-serif; } .quiz-time__radio { display: block; width: calc(50% - 10px); margin-top: 10px; margin-right: 20px; } .quiz-time__radio:nth-of-type(1), .quiz-time__radio:nth-of-type(2) { margin-top: 0; } .quiz-time__radio:nth-of-type(2n+2) { margin-right: 0; } .quiz-time__input { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .quiz-time__label { display: block; position: relative; padding: 10px 20px; border-radius: 100px; background: #F4F4F4; color: #000; font-weight: 400; font-size: 16px; line-height: 1.3; font-family: Inter, sans-serif; text-align: center; cursor: pointer; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quiz-time__input:not(:checked)~.quiz-time__label:hover { background: #FBAD33; } .quiz-time__input:checked~.quiz-time__label { background: #FBAD33; } .quiz-submit { display: block; width: 100%; padding: 14.5px; border: 0; background: #000; color: #fff; font-weight: 500; font-size: 14px; line-height: 1.5; font-family: Inter, sans-serif; letter-spacing: 0.18em; text-align: center; text-transform: uppercase; cursor: pointer; -webkit-transition: background 0.3s ease, color 0.3s ease, opacity 0.3s ease; -o-transition: background 0.3s ease, color 0.3s ease, opacity 0.3s ease; transition: background 0.3s ease, color 0.3s ease, opacity 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quiz-submit:disabled { opacity: 0.5; pointer-events: none; } .quiz-submit:not(:disabled):hover { background: #FBAD33; color: #000; } .quiz-step { position: relative; margin: 0; padding: 0; padding-bottom: 60px; border: 0; } .quiz-step__title { min-height: 98px; font-weight: 700; font-size: 19px; line-height: 1.421; font-family: Inter, sans-serif; letter-spacing: 0.02em; text-transform: uppercase; } .quiz-step__radio:nth-of-type(1) { border-top: 1px solid #D9D9D9; } .quiz-step__special:nth-of-type(1) { border-top: 1px solid #D9D9D9; } .quiz-step__nav { position: absolute; right: 0; bottom: 0; left: 0; } .quiz-step__pagination { position: absolute; right: 0; bottom: 0; } .quiz-step__control:not(:first-of-type) { margin-top: 10px; } .quiz-step__time { margin-top: 8px; } .quiz-step__submit { position: absolute; bottom: 80px; left: 0; } .quiz-form__step { display: none; height: 500px; } .quiz-form__step.is-active { display: block; } .quiz { width: 100%; max-width: 400px; padding: 20px; background: #fff; color: #000; } .quiz__close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; z-index: 1; padding: 0; border: 0; background: transparent; color: #000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .quiz__close:hover { color: #fbad33; } .quiz__close::before, .quiz__close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 1.5px; background: currentColor; } .quiz__close::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .quiz__close::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .fancybox__carousel.is-horizontal .f-carousel__nav .f-button.is-next, .fancybox__carousel.is-horizontal .fancybox__nav .f-button.is-next { right: calc(50% - 868px); } .fancybox__carousel.is-horizontal .f-carousel__nav .f-button.is-prev, .fancybox__carousel.is-horizontal .fancybox__nav .f-button.is-prev { left: calc(50% - 868px); } .fancybox__carousel.is-horizontal .fancybox-image { max-width: 1500px; } @media(max-width: 1800px) { .fancybox__carousel.is-horizontal .f-carousel__nav .f-button.is-next, .fancybox__carousel.is-horizontal .fancybox__nav .f-button.is-next { right: calc(50% - 700px); } .fancybox__carousel.is-horizontal .f-carousel__nav .f-button.is-prev, .fancybox__carousel.is-horizontal .fancybox__nav .f-button.is-prev { left: calc(50% - 700px); } .fancybox__carousel.is-horizontal .fancybox-image { max-width: 1200px; } } @media(max-width: 1600px) { .fancybox__carousel.is-horizontal .f-carousel__nav .f-button.is-next, .fancybox__carousel.is-horizontal .fancybox__nav .f-button.is-next { right: calc(50% - 600px); } .fancybox__carousel.is-horizontal .f-carousel__nav .f-button.is-prev, .fancybox__carousel.is-horizontal .fancybox__nav .f-button.is-prev { left: calc(50% - 600px); } .fancybox__carousel.is-horizontal .fancybox-image { max-width: 1000px; } } @media(max-width: 1264px) { .fancybox__carousel.is-horizontal .f-carousel__nav .f-button.is-next, .fancybox__carousel.is-horizontal .fancybox__nav .f-button.is-next { right: calc(50% - 464px); } .fancybox__carousel.is-horizontal .f-carousel__nav .f-button.is-prev, .fancybox__carousel.is-horizontal .fancybox__nav .f-button.is-prev { left: calc(50% - 464px); } .fancybox__carousel.is-horizontal .fancybox-image { max-width: 700px; } } @media(max-width: 991px) { .fancybox__carousel.is-horizontal .f-carousel__nav .f-button.is-next, .fancybox__carousel.is-horizontal .fancybox__nav .f-button.is-next { right: 1px; } .fancybox__carousel.is-horizontal .f-carousel__nav .f-button.is-prev, .fancybox__carousel.is-horizontal .fancybox__nav .f-button.is-prev { left: 1px; } .fancybox__carousel.is-horizontal .fancybox-image { max-width: calc(100vw - 180px); } } @media(max-width: 600px) { .fancybox__carousel.is-horizontal .fancybox-image { max-width: 100vw; } .fancybox__carousel.is-horizontal .fancybox__nav { display: none; } } .js-split, .js-split-2 { opacity: 0; } .body--load .aos-animate.js-split, .body--load .aos-animate.js-split-2 { opacity: 1; } .word { overflow: hidden; vertical-align: middle; } .char { display: inline-block!important; padding-top: 0.14em; padding-bottom: 0.1em; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: opacity 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1); transition: opacity 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1); -o-transition: transform 0.8s cubic-bezier(0, 0, 0, 1), opacity 0.8s cubic-bezier(0, 0, 0, 1); transition: transform 0.8s cubic-bezier(0, 0, 0, 1), opacity 0.8s cubic-bezier(0, 0, 0, 1); transition: transform 0.8s cubic-bezier(0, 0, 0, 1), opacity 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1); will-change: transform, opacity; transition-delay: .5s !important; } .body--load .aos-animate .char { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .chars-title .word, .chars-title .char { display: inline-block; } .chars-title .line { display: block; overflow: hidden; } .chars-title .word { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .body--load .aos-animate .chars-title .word { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: 0.8s cubic-bezier(0, 0, 0, 1); -o-transition: 0.8s cubic-bezier(0, 0, 0, 1); transition: 0.8s cubic-bezier(0, 0, 0, 1); } .chars-title .line:nth-child(2) .word { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .chars-title .line:nth-child(3) .word { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .chars-title .line:nth-child(4) .word { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .chars-title .line:nth-child(5) .word { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .chars-title .line:nth-child(6) .word { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .chars-title .line:nth-child(7) .word { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } .chars-title .line:nth-child(8) .word { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } .chars-title .line:nth-child(9) .word { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; } .chars-title .line:nth-child(10) .word { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; } /* End */ /* /local/templates/new/css/fancybox.min.css?171990329024666 */ /* /local/templates/new/css/swiper-bundle.min.css?171508646217391 */ /* /local/templates/new/css/bootstrap.min.css?171990329066710 */ /* /local/templates/new/css/aos.css?172294179826113 */ /* /local/templates/new/components/bitrix/news.list/header_info/style.css?17164671434326 */ /* /local/templates/new/components/bitrix/system.pagenavigation/.default/style.css?17150864632889 */ /* /local/templates/new/components/bitrix/menu/big_menu/style.css?174056044632518 */ /* /local/templates/new/components/bitrix/news.list/menu_info/style.css?1715086463409 */ /* /local/templates/new/components/bitrix/menu/footer/style.css?1715086463581 */ /* /local/templates/new/components/bitrix/menu/footer_bottom/style.css?1715086463581 */ /* /local/templates/new/components/bitrix/news.list/pay_services/style.css?17452545916181 */ /* /local/templates/new/components/bitrix/news.list/ico_services/style.css?17212108369291 */ /* /local/templates/new/components/bitrix/news.list/info_services/style.css?17212108364558 */ /* /local/templates/new/styles.css?1740560446187661 */ /* /local/templates/new/template_styles.css?175017351081766 */